@charset "UTF-8";

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
body{
    overflow-x: hidden;
}
.page-id-45 ::selection, nav#site-navigation ::selection, .home ::selection, .search ::selection {
    background-color: #aa924f!important;
    color: white;
}
.page--home .home-details-container .home-details-bottom a {
    color: #fff;
}
#page-container .navigation-container>nav a:hover, .page--home .home-details-container .home-details-bottom a:hover, footer#colophon span.contact a:hover {
    color: #aa924f;
}

footer .social-media-icons .social-media-icon>svg:hover, #site-navigation .social-media-icons .social-media-icon>svg:hover {
    fill: #aa924f;
}
footer#colophon span.contact a {
    color: #fff;
}
.portfolio-view-picker a.active svg {
    fill: #aa924f;
}
/* Design page  */

.headcase__portfolio .filter .filter__category:not(:last-child):after {
    bottom: -7px;
    right: -10.5px;
}
.headcase__portfolio .filter .filter__category{
    margin-right: 10px;
}
#masonry .iso-project-thumbnail .project-description .project-description__content p {
    color: #656464;
}
#masonry .iso-project-thumbnail .project-description .project-description__content h2 {
    color: #aa924f!important;
}
.page-id-45 .portfolio-list a:hover {
    color: #aa924f!important;
}
.portfolio-list {
  max-width: 1300px;
  /* padding-left:60px;
  padding-right:60px; */
}

@media (max-width: 1600px) {
  .portfolio-list {
    padding-left:50px;
    padding-right:50px;
  }
}
@media (max-width: 768px) {
  .portfolio-list {
    padding-left:20px;
    padding-right:20px;
  }
}
/* Search page  */
#masonry .iso-project-thumbnail .project-description .project-description__content h2 {
    color: #aa924f!important;
    opacity: 1;
}
/* #page-container .navigation-container>nav a:after {
    right: -36px;
} */
.portfolio-list .index{
    margin-top: 0px;
}
.headcase__portfolio h1{
    padding-bottom: 0px!important;
}
.portfolio-list h2 {
    text-transform: uppercase;
}
.portfolio-list .index span {
    margin-right: 0px;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: .3em;
    font-weight: 400;
    font-size: 2rem;
    color: #646464;
}
@media (min-width:450px) {
  .search-page-header .search-query span.search-terms {
      font-size: 2.25rem;
      letter-spacing: .3em;
      margin-right: -0.15em;
      line-height: 1;
      font-weight: 400;
      color: #646464;
      text-align: center;
      text-transform: uppercase;
      display: inline-block;
  }
}


.page-id-674 span.footer-address-item a {
    color: #fff;
}

.page-id-674 span.footer-address-item a:hover {
    color: #aa924f;
}

.page-id-674 span.footer-copyright {
    margin-top: 15px;
}
.open-nav-bar .portfolio-view-picker.hc-animated.animated.fadeIn {
    opacity: 0!important;
}
.search .search-query * {
    line-height: 1;
}
.page--home .home-content {
    height: calc(100vh - 6.4vh);
}
.page--home .home-bottom-pattern {
    position: fixed;
}
.page--home .home-details-container {
     margin-bottom: 0px;
}
.home-text-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    height: calc(100vh - 6.4vh);
}
.page--home .home-motif-button {
    transition: transform 0.3s ease;
}
.page--home .home-motif-button:hover {
     opacity: 1;
    transform: scale(1.2);
}
#masonry .iso-project-thumbnail .project-description .project-description__content .hover_cat_text {
    line-height: 1.3;
}
.slick-dots li button:before {
    width: 16px;
    height: 16px;
}
.you-may-also-like-block .you-may-also-like-block-projects a.you-may-also-like-block-project:hover {
    transform: scale(1.2);
}
:root {
    --loader-background-color: #EEEEEE;
    --loader-highlight-color: #DEDEDE;
}

.loading-skeleton {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.skeleton-item {
    background-color: #fff;
    border-radius: 8px;
    width: 17%;
    height: 300px;
    background: linear-gradient(90deg, var(--loader-background-color) 25%, var(--loader-highlight-color) 50%, var(--loader-background-color) 75%);
    background-size: 200% 100%;
    animation: loading 2s infinite ease-in-out;
    border-radius: 8px;
    margin-bottom: 20px;
}

@keyframes loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}
.page--home .home-details-container .home-details-top{
    /* color:#F6F6F6; */
}
.about-column-inner.pub-ul-li-ct ul {
    display: flex;
    flex-wrap: wrap;
}

.about-column-inner.pub-ul-li-ct ul li {
    width: calc( 100% / 5);

}
.profile-inner.frame-image-ct {
    display: flex;
    justify-content: space-between;
}

.profile-inner.frame-image-ct .profile-image-ct {
    width: 45%;
}

.profile-inner.frame-image-ct .profile-image-ct-content {
    width: 45%;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.profile-inner.frame-image-ct {
    padding: 0px!important;
}

span.screen-reader-text-ct {
    margin: 10px;
    position: relative;
    display: inline-block;
    font-size: 0.8rem;
    letter-spacing: .3em;
    font-family: gineso-condensed,sans-serif;
    text-transform: uppercase;
    display: none;}

a.you-may-also-like-block-project {
    text-align: center;
}

a.you-may-also-like-block-project:hover span.screen-reader-text-ct {
    display: block;
}
#project-content .project__carousel .slick-dots li button:before {
    font-size: calc(1.2vw + 2px);
}
#project-content .project__carousel .slick-dots li{
    width: 10px;
    height: 10px;
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
    /* Styles to apply between 1200px and 768px */
    .page--home .home-logo-container .home-logo-image-container {
        width: 45%;
    }
    .page--home .home-nav .home-nav-item-area .home-nav-item {
        font-size: 1.5rem;
    }
    .page--home .home-motif-button {
        margin-bottom: 35px;
    }
    .page--home .home-logo-container .home-logo-image-container {
        max-width: 260px;
    }
    .loading-skeleton > div {
        width: 22%;
        height: 250px;
        background: #f5f5f5;
    }
    .home-text-content {
        height: calc(100vh - 25.4vh);
    }
  }
@media (max-width: 767px) {
    #masthead img.nav-logo {
        /* top: 0px; */
    }

    #masthead {
        /* background: rgb(155 155 155) */
    }
    .page--home .home-logo-container .home-logo-image-container {
        width: 40%;
    }
    .page--home .home-content .home-logo-subtext {
        font-size: 1.0rem;
    }
    .page--home .home-nav .home-nav-item-area .home-nav-item {
        font-size: 1.7rem;
    }
    .page--home .home-details-container .home-details-top {
        font-size: .8rem;
        color:#FFF!important;
    }
    .page--home .home-details-container .home-details-top * {
        color:#FFF!important;
    }
    .page--home .home-details-container .home-details-bottom {
        font-size: 0.8rem;
    }
    #masonry .iso-project-thumbnail {
        /* margin-bottom: 18px!important; */
    }
    #masonry .iso-project-thumbnail .project-description .project-description__content .hover_cat_text {
        font-size: 0.6rem;
    }
    /* #masonry .iso-project-thumbnail:nth-child(odd) {
        padding-bottom: 18px;
    } */
    #project-content .project-gallery-block .project-gallery-block-inner .project-gallery-block-image {
         margin-bottom: 0px!important;
    }
    #project-content .project-summary-book .summary__heading h1 {
        line-height: 1.5rem;
        margin-bottom: 10px;
    }
    #project-content .project-summary-book .details--diagnosis .column__content p{
        font-size: .9375rem;
    }
    #project-content .project-summary-book .details__column {
        margin-top: 0px;
    }
    #project-content .project-summary-book .summary__details .details--diagnosis .column__content p em.padded {
         margin-bottom: 0px;
    }
    .page-id-45 #masthead {
        background: rgb(79 79 79 / 60%);
    }
    .page-id-45 #masthead img.nav-logo {
        /* top: 0px; */
    }
    .loading-skeleton > div {
        width: 45%;
        height:180px;
        background: #f5f5f5;
    }
    #masonry .iso-project-thumbnail:nth-child(even) {
        padding-right: 8px!important;
        padding-left: 0px;
    }
    #masonry .iso-project-thumbnail:nth-child(odd) {
        padding-right: 0px;
        padding-left: 12px;
    }
    /* .home-text-content {
        height: calc(100vh - 25vh);
    } */
  }

/********************
** Breakpoints
********************/

/* $bp-xsmall:           375;
$bp-small:            768;
$bp-medium:           1200;
$bp-large:            1800; */

@media (min-width: 1250px) {

    .page--about .about-columns ul.about-column-list.five-columns {
        column-fill: unset;
        padding: 0;
        flex-direction: column;
        max-height: 300px;
        column-gap: 5px;
    }
    .about-column-inner.pub-ul-li-ct ul li{
        width: calc(100% / 5);
    }


}

@media (max-width: 767px) {

    .page--about .about-columns ul.about-column-list.five-columns {
        column-fill: unset;
        padding: 0;
        flex-direction: column;
        max-height: 780px;
        column-gap: 5px;
    }
    .about-column-inner.pub-ul-li-ct ul li{
        width: calc(100% / 2);
    }

    .page--about .about-columns{
        margin-bottom: 0 !important;
    }


}
@media (max-width: 450px) {

    .page--about .about-columns ul.about-column-list.five-columns {
        column-fill: unset;
        padding: 0;
        flex-direction: column;
        /* max-height: 300px; */
        column-gap: 5px;
    }
    .about-column-inner.pub-ul-li-ct ul li{
        width: calc(100% / 1);
    }


}
@media (min-width: 450px) {
.page--about .about-content .intro-text-contain{
    margin-bottom: 100px !important;
}
}
.page--about .about-content .intro-text-contain .intro-text-sub{
    padding-bottom: 100px;
    margin-bottom: 100px;
    border-bottom: solid 1px #AA924F;
}



.intro-text-contain.about-column--gold-border p em{
    display: block;
    font-size: calc(32/1300*100vw);
    line-height: 38.4px;
    letter-spacing: .3em;
}


.page--about .about-columns{
    padding-bottom: 0;
    /* margin-bottom: 150px !important; */
}
@media (min-width:450px) {
.page--about .about-columns.about-column-thirds{
    margin-bottom: 100px !important;
}
}
@media (min-width:450px) {
  .page--about .about-content .about-content-inner{
      padding-top: 150px !important;
      padding-bottom: 150px !important;
      z-index: 1;
  }
}

@media (min-width:450px) {
  .page--about .profiles-container .profile-image-ct-content * {
    text-align: left;
  }
}
.page--about .profiles-container .profile-image-ct-content  blockquote{
    font-family: livory,serif;
    font-size: 1.8rem;
    line-height: 1.47;
    font-style: italic;
    margin-bottom: 60px;
    letter-spacing: .1em;
}

.page--about .profiles-container .profile-image-ct-content  blockquote footer{
    font-family: gineso-condensed,sans-serif;
    font-size: 1rem;
    font-style:normal;
}

.page--about .profiles-container .profile-image-ct-content .profile-title{
    font-family: gineso-condensed,sans-serif;
    font-size: 1.125rem !important;
}

@media (min-width:450px;) {
  .page--about .about-content .profiles-container .profile h2{
      font-size: 2rem !important;
  /*    margin-bottom: 0 !important;*/
  }
}



.page--about .about-content .intro-text-contain .intro-text em{
    font-size: 2rem;
    text-align: center;
}
.page--about .about-content .intro-text-contain .intro-text .text-italics{
    font-style: italic;
}

.page--about .text-italics{
    font-style: italic;
}


.page--about .about-content .intro-text-contain .intro-text-sub{
    text-align: left;
}

.page--about .about-content .intro-text-contain .intro-text .intro-text-sub{
    text-align: left !important;
}


.page--about .about-content .intro-text-contain .intro-text{
    text-align: left !important;
    margin-bottom: 75px !important;
}

.page--about .about-content .intro-text-contain .intro-text-sub em{
    text-align: center;
    font-size: 1.563rem;
}

.page--about .about-content .profiles-container .profile .profile-bio{
    letter-spacing: .045em;
}

@media (min-width:450px) {
  .page--about .about-content .profiles-container .profile .profile-bio{
      text-align: left;
  }
}

.page--about .about-content .profiles-container .profile h2{
    /* line-height: 38.5px; */
}
.page--about .about-content .profiles-container .profile .profile-title{
    margin-bottom: 60px;
}
.about-columns.about-column--gold-border{
    padding-bottom: 100px !important;
    margin-bottom: 75px !important;
}
@media (min-width:450px) {
  .page--about .about-thanks{
      padding-bottom: 75px !important;
      margin-bottom: 0 !important;
  }
}


.page--about .navigation-container{
    position: unset !important;
}

@media (min-width: 450px) {

  .page--about .about-hero .about-hero-inner h1{
      font-size: 2.875rem !important;
      letter-spacing: .5em !important;
  }
}


@media (max-width: 1200px) {

    .page--about .about-content .profiles-container .profile .profile-inner{
        display: flex;
        flex-wrap: wrap;
    }
    .profile-inner.frame-image-ct .profile-image-ct,.profile-inner.frame-image-ct .profile-image-ct-content{
        width: 100%
    }
}


.page--about .about-content .profiles-container .profile .profile-image{
    /* margin-bottom: 0 !important; */
}

.page--about .about-content .profiles-container{
    padding:0 !important;
    margin: 0 !important;
}

#page-container > div.page--about > main > div.profiles-container > div > div:nth-child(2) > div > div.profile-image-ct > img{
    margin-bottom: 0 !important;
}

@media (min-width:450px) {
  .page--about .about-content .about-content-inner.hundred-bottom-padding{
      padding-bottom: 100px !important;
  }
}


.page--about .about-motif-image{
    padding-bottom: 0 !important;
}


#page-container .about-columns.about-column--gold-border a{
    color: #ffffff;
}

#page-container .about-columns.about-column--gold-border a:hover{
    color: #aa924f;
}




@media (min-width: 1251px) {
    .page--about .about-columns ul.about-column-list.three-columns{
        display: flex;
        flex-direction: column;
        max-height: 300px;
        align-content: space-between;
    }

    .page--about .about-columns ul.about-column-list.three-columns li{
        /* width: calc(100% / 3 - 10px); */
    }

}

@media (max-width: 1250px) {
    .page--about .about-columns ul.about-column-list.three-columns{
        display: flex;
        flex-direction: column;
        max-height: 400px;
        align-content: space-between;
    }

    .page--about .about-columns ul.about-column-list.three-columns li{
        /* width: calc(100% / 3 - 10px); */
    }



}


@media (max-width: 767px) {
    .page--about .about-columns ul.about-column-list.three-columns{
        display: flex;
        flex-direction: column;
        max-height: 400px;
        align-content: space-between;
    }

    .page--about .about-columns ul.about-column-list.three-columns li{
        /* width: calc(100% / 2 - 10px); */
    }

}
@media (max-width: 450px) {
    .page--about .about-columns ul.about-column-list.three-columns{
        display: flex;
        flex-direction: column;
        max-height: 900px;
        align-content: space-between;
    }

    .page--about .about-columns ul.about-column-list.three-columns li{
        /* width: 100%; */
    }




}#site-navigation .hero-pattern{
    background-size: 220px !important;
}


.page--about .about-content .profiles-container{
    border-bottom: none !important;
}

.page--about .about-motif-image img{
    width: 126px !important;
}

.page--about .about-footer .footer-contact .footer-address-item:first-of-type:after{
    right: -38px !important;
}

.page--about .bg-color-svg{
    fill: #2b2b2b !important;
}

.social-media-icons .social-media-icon>svg{
    width: 27px;
    height: 27px;
}


@media (max-width: 450px) {
    .page--about .about-hero .about-hero-inner h1{
        line-height: 1.5;
        /* font-size: 1.875rem !important; */
    }

    .page--about .about-content .intro-text-contain .intro-text em{
        line-height: 1.5 !important;
    }

}