:root{
    --primary-color: #ECEAE6;
    --secondary-color: #2A2A2A;
    --hover-color: #4c4b4b;
  }

  @font-face {
    font-family: "Libre Caslon Display";
    src: url("/wp-content/themes/Photographer/library/fonts/Libre_Caslon_Display/LibreCaslonDisplay-Regular.ttf");
    }

    @font-face{
      font-family: "Libre Caslon Text Italic";
      src: url("/wp-content/themes/Photographer/library/fonts/Libre_Caslon_Text/LibreCaslonText-Italic.ttf");
    }

    @font-face {
      font-family: "Fira Sans";
      src: url("/wp-content/themes/Portfolio/library/fonts/Fira_Sans_Condensed/FiraSansCondensed-Regular.ttf");
      }

      @font-face {
        font-family: "Lexend Light";
        src: url("/wp-content/themes/Photographer/library/fonts/Lexend/static/Lexend-Light.ttf");
        }

  .primary-color {
    color: var(--primary-color);
  }

  .secondary-color {
    color: var(--secondary-color);
  }

  .bg-color-white {
    background-color: #fff;
  }

  .bg-color-primary {
    background-color: var(--primary-color);
  }

  .bg-color-transparent {
    background-color: transparent !important;
  }

  .bg-color-secondary {
    background-color: var(--secondary-color);
  }

  .font-libre {
    font-family: "Libre Caslon Display";
  }

  .font-libre-2 {
    font-family: "Libre Caslon Text Italic";
  }

  .header-text {
    position: relative;
    top: 10vw;
  }

  .btn-primary{
    background: #ffffff;
    width: 10.625rem;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--secondary-color);
    font-size: 0.875rem;
    font-weight: 400;
    gap: 0.625rem;
  }

  .btn-primary:hover {
    font-weight: bold;
    transition-duration: .3s;
  }

  .btn-primary-border {
    border: 1px solid #fff;
    width: 10.5rem;
    height: 50px;
    margin-top: 15px;
    margin-left: 15px;
  }

  .btn-secondary{
    background: var(--secondary-color);
    width: 12.625rem;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--primary-color);
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 400;
    gap: 0.625rem;
  }

  .btn-secondary:hover {
    background-color: #fff;
    color: var(--primary-color);
    transition-duration: .6s;
  }

  .top-nav li {
    position: relative;
  }

  .top-nav li a {
    color: #fff !important;
  }

  .top-nav li:hover a {
    text-decoration: none !important;
    font-weight: bold;
  }

  @media screen and (min-width:1200px) {
  .header-contact {
    position: absolute;
bottom: 0;
right: 10%;
  }
}


.section-heading {
font-style: normal;
line-height: normal;
}

.max-width-1280 {
  max-width: 1280px;
}

.max-width-1200 {
  max-width: 1200px;
}

.portfolio {
  width: 200px;
  height: 200px;
  overflow: hidden;
  position: relative;
}


/* HAMBURGER MENU */

.hamburger {
  cursor: pointer;
  width: 48px;
  height: 48px;
  transition: all 0.25s;
}

.hamburger__top-bun,
.hamburger__bottom-bun,
.hamburger__center-bun {
  content: '';
  position: absolute;
  width: 24px;
  height: 2px;
  background: #fff;
  transform: rotate(0);
  transition: all 0.5s;
}

.hamburger:hover [class*="-bun"] {
  background: #fff;
}

.hamburger__center-bun {
  transform: translateY(3px);
}

.open .hamburger__center-bun {
  display: none;
}

.hamburger__top-bun {
  transform: translateY(-5px);
}

.hamburger__bottom-bun {
  transform: translateY(11px);
}

.open {
  transform: rotate(90deg);
  transform: translateY(-1px);
}

.open .hamburger__top-bun {
  transform:
    rotate(45deg)
    translateY(0px);
}

.open .hamburger__bottom-bun {
  transform:
    rotate(-45deg)
    translateY(0px);
}

@media screen and (max-width:768px) {
  .mobile-hidden {
    display: none;
  }
  .mobile-menu {
    width: 100%;
    text-align: center;
  }
  .mobile-center {
    margin: 0 auto;
  }
}