/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
.entry-content:not(:first-child),
.entry-summary:not(:first-child),
.page-content:not(:first-child) {
  margin: 0 !important;
}
h2.projectdetailtitle {
  font-family: "Lato" !important;
  font-variant: small-caps;
  font-size: 1.4rem !important;
  margin: 0 !important;
}
h3.projectdetaillocation {
  font-family: "Lato" !important;
  font-variant: small-caps;
  font-style: italic;
  font-size: 1rem !important;
  margin: 0 0 1rem !important;
}
img.header-image {
  max-width: width 490px !important;
}
h4.postlisttitle {
  letter-spacing: 0.1rem;
  /*  font-variant-caps: small-caps; */
  text-transform: uppercase !important;
  text-align: center;
}

.menu-item {
  margin: 0px !important;
  text-transform: uppercase !important;
}

/* Set up the nav with white background */
.page-id-179 .header-image {
  visibility: hidden;
}

.page-id-12 #site-navigation,
.page-id-1916 #site-navigation,
.page-id-179 #site-navigation,
.blog #site-navigation {
  background-color: transparent !important;
  position: absolute;
  width: 100%;
}

.carousel-first {
  min-height: 100vh;
}

.carousel-second {
  min-height: 100vh;
}

.carousel-third {
  min-height: 100vh;
}

.page-id-12,
.page-id-179,
.page-id-1916,
.blog {
  overflow: hidden;
}
.page-id-196 .main-navigation ul li a,
.menu-toggle,
.main-navigation .menu-bar-items,
.page-id-1916 .main-navigation ul li a,
.menu-toggle,
.main-navigation .menu-bar-items,
.page-id-12 .main-navigation ul li a,
.menu-toggle,
.main-navigation .menu-bar-items,
.page-id-179 .main-navigation ul li a,
.menu-toggle,
.main-navigation .menu-bar-items {
  color: #ffffff;
}
.blog .container.grid-container {
  position: relative;
  top: 120px;
  margin: 0 98px;
}

.ss-foreground-image-caption p {
  display: none;
}
.inquire-text-left {
  width: 100%;
  position: absolute;
  top: 24vh;
  left: 20vw;
}
.inquire-text p {
  color: #ffffff;
  font-size: 0.9rem !important;
}
.inquire-text a {
  color: inherit;
  text-decoration: none;
}
.inquire-text a:hover {
  text-decoration: underline;
}
.inquire-text-center {
  width: 100%;
  position: absolute;
  top: 24vh;
  left: 44.5vw;
}

.inquire-text-right {
  width: 100%;
  position: absolute;
  top: 24vh;
  left: 75vw;
}

/* Project Images */
.projectimagecontainer {
  width: 100%;
  max-height: 90vh !important;
  text-align: center;
  margin: 0 auto;
  margin-bottom:5vh;
}
.projectimagecontainerlandscape {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.projectimagecontainer img {
  max-height: 80vh !important;
  /*    max-height:572px !important;*/
  width: auto !important;
}

img[data-src] {
  /* we set the opacity to 0 */
  opacity: 0;
}
/* Image without 'data' attribute is (or becomes) visible */
img.lazyloaded {
  /* prepare the future animation */
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  /* we set the opacity to 1 to do the magic */
  opacity: 1;
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.image-left {
  vertical-align: top;
  margin: 0 0 30px 0;
  display: inline list-item;
}
.image-right {
  vertical-align: top;
  margin: 0 0 30px 15px;
  display: inline list-item;
}
.sidebysidecontainer {
  vertical-align: top;
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-bottom:5vh;
}
.sidebysidecontainerwide {
  text-align: center;
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-bottom:5vh;
}
.sidebysidecontainer img {
  width: auto;
  max-height: 572px !important;
}
.sidebysidecontainerwide img {
  height: auto !important;
  max-width: 560px !important;
  max-height: 471px !important;
}
.rightsidecontainer {
  vertical-align: top;
  margin: 0 0 0 12px;
  width: 20vw;
  display: inline-block;
}
.rightsidecontainer img {
  width: 100%;
}
.stacked {
  display: inline-block;
  vertical-align: top;
  width: 20vw;
}
.stacked img {
  width: 100%;
  height: auto;
}
.stacked img:nth-child(2) {
  margin: 18px 0 0;
}
/* The Firm page */
.about-section-container {
  margin-bottom: 2rem;
}
.about-section-container-overlay {
  min-height: inherit; /* set this to something like 100vh to make room for content here */
}
.about-section-container p {
  font-size: 0.9rem !important;
  width: 70%;
  margin: 0 auto !important;
  margin-bottom: 1rem !important;
}
.about-section-container-collaboration {
  margin-bottom: 2rem;
}
.about-section-container-collaboration p {
  font-size: 0.9rem !important;
  width: 70%;
  margin: 0 auto !important;
}
.about-section-container-craftsmanship {
  margin-bottom: 2rem;
}
.about-section-container-craftsmanship p {
  font-size: 0.9rem !important;
  width: 76%;
  margin: 0 auto !important;
  margin-bottom: 1rem !important;
}

.about-image-container-3across img {
  margin: 12px 0.5vw;
  display: inline-block;
  width: 25%;
}
.about-image-container-3across p {
  display: inline;
}
.about-image-container-2across {
  width: 100%;
}
.about-image-container-2across img {
  margin: 12px 0.5vw;
  display: inline-block;
  width: 40%;
}
.craftsmanship img {
  width: 35%;
}
.about-image-container-2across p {
  display: inline;
}
h2.firm {
  font-size: 1.4rem !important;
}
.italic {
  font-style: italic;
}
div.team-container {
  width: 90%;
  margin: 0 auto;
}
p.team-intro {
  width: 80%;
  font-size: 0.9rem !important;
  margin: 0 auto !important;
  margin-bottom: 2rem !important;
}
h2.team {
  margin-top: 2rem !important;
  font-size: 1.4rem !important;
}
div.staffcontainer {
  text-align: left;
  margin-bottom: 4rem;
  clear: left;
  height: 22rem;
}
div.staffcontainer img {
  width: 18rem !important;
  float: left;
  margin-right: 40px;
  margin-bottom: 27px;
}
div.stafftextcontainer {
  overflow: hidden;
}
div.stafftextcontainer p {
  font-size: 0.9rem !important;
  width: 90%;
}
h3.team {
  padding-top: 3%;
  font-size: 1.2rem !important;
}
.overlayimages {
  width: 100%;
  text-align: left;
  margin: 0 auto;
}
.overlayimages p {
  display: inline;
}
.overlayimages .firstimage {
  z-index: 10;
  position: relative;
  width: 40%;
  left: 130px;
}
.overlayimages .secondimage {
  position: relative;
  top: 320px;
  width: 50%;
  left: 50px;
}

/* Header Container */

.navigation-branding {
  flex-grow: 1;
}

.menu-right-main-nav-container,
.menu-left-main-nav-container {
  width: 35%;
  display: flex;
  justify-content: center;
  padding: 15px 0;
}

li.menu-item:not(:last-child) {
  margin-bottom: 5px;
}

.navigation-branding img {
  margin: 0 auto;
}
/* Footer */

footer {
  padding-top: 30px;
  visibility: hidden;
}

/* Landing Page Carousel Raise Up the Interior Images */

/* Residential and Hospitality Views */

.pt-cv-view *,
.pt-cv-view ::after,
.pt-cv-view ::before {
  border: none;
}

.pt-cv-animation-left .pt-cv-title {
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
}
.pt-cv-ctf-title_second_line {
  color: #666;
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
}
.pt-cv-ctf-location {
  font-size: 0.9rem;
  margin-top: 10px;
}
.pt-cv-view .pt-cv-title {
  margin: 0;
}
.pt-cv-view .pt-cv-title a {
  color: #666666;
  font-size: 1.1rem !important;
}
/*
#pt-cv-view-581215enq8 .pt-cv-title a, #pt-cv-view-581215enq8 .panel-title {
    line-height:
}
*/
/* Prepend text to custom fields in Content Views Pro */

.pt-cv-custom-fields[class*="location"]:before {
  display: block;
  content: "\2014";
}
.pt-cv-custom-fields[class*="location"]:after {
  display: block;
  content: "\2014";
}
#mobile-header {
  height: 47px;
}

@media (min-width: 769px) {
  .main-navigation .menu > .menu-item:not(.menu-item-separator) > a::after {
    content: "";
    position: absolute;
    right: 0;
    left: 50%;
    bottom: -4px;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
    display: block;
    width: 0;
    height: 2px;
    background-color: currentColor;
    transition: 0.3s width ease;
  }
  .main-navigation .menu > .menu-item.current-menu-item > a::after,
  .main-navigation .menu > .menu-item.current-menu-ancestor > a::after,
  .main-navigation .menu > .menu-item > a:hover::after {
    left: 26%;
  }
}
@media (min-width: 481px) and (max-width: 1024px), (min-width: 1025px) {
  .main-navigation.sticky-navigation-transition .site-logo img,
  .main-navigation.sticky-navigation-transition
    .navigation-search
    input[type="search"],
  .main-navigation.sticky-navigation-transition .navigation-branding img {
    height: auto;
    width: 490px;
    margin: 0 auto !important;
  }
  .main-navigation .menu > .menu-item.current-menu-item > a::after,
  .main-navigation .menu > .menu-item.current-menu-ancestor > a::after,
  .main-navigation .menu > .menu-item > a:hover::after {
    width: 60%;
  }
  .site-logo.mobile-header-logo img {
    max-width: 290px;
    padding-bottom: 22px !important;
  }
  .main-navigation .main-nav ul li a,
  .menu-toggle,
  .main-navigation .mobile-bar-items a {
    line-height: 48px;
  }
  div.staffcontainer {
    height: auto;
  }
  div.staffcontainer img {
    width: 14rem !important;
    margin-right: 30px;
  }
}

@media only screen and (max-device-width: 480px) {
  .navigation-branding img,
  .site-logo.mobile-header-logo img {
    width: 290px !important;
  }
  .main-navigation .main-nav ul li a,
  .menu-toggle,
  .main-navigation .mobile-bar-items a {
    line-height: 48px;
  }
  .slideout-navigation.main-navigation .main-nav ul li a {
    text-transform: uppercase !important;
  }
  #menu-item-1795 {
    margin-top: 48px;
  }
  .separate-containers .inside-article,
  .separate-containers .comments-area,
  .separate-containers .page-header,
  .separate-containers .paging-navigation,
  .one-container .site-content,
  .inside-page-header,
  .wp-block-group__inner-container {
    padding: 0 !important;
  }
  .fl-builder-content-438,
  .navigation-branding {
    padding: 0 !important;
  }
  .fl-row,
  .fl-row-content {
    margin: 0 !important;
  }
  #pt-cv-view-581215enq8 .cvp-responsive-image[style*="background-image"] {
    text-align: left !important;
    width: 100% !important;
  }
  .fl-row-content.fl-row-fixed-width.fl-node-content {
    max-width: 90%;
    margin: 0 12px !important;
  }
  /*
    .carousel-container {
        height:70vh !important;
    }
        */
  .frontpageslidercontainer {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
  }
  .frontpageslidercontainer img {
    min-height: 100vh;
    min-width: 100vw !important;
    object-fit: cover;
  }

  .fullwidthimagecontainer {
    height: 70vh;
    width: 100vw;
    overflow: hidden;
    margin-bottom: 1rem;
  }
  .fullwidthimagecontainer img {
    min-height: 70vh;
    width: 100vw !important;
    object-fit: cover;
    min-height: 467px;
  }
  .sidebysidecontainerwide img {
    max-width: 100% !important;
    margin: 0 auto;
    margin-top: 16px !important;
  }
  .projectimagecontainer img,
  .projectimagecontainerwide img,
  .sidebysidecontainer img,
  .sidebysidecontainerwide img {
    margin-top: 16px !important;
  }

  /* Palladian Inspired Natatorum
#post-282 .fullwidthimagecontainer img {
    object-position: 0%;
}
.palladian-inspired-natatorium .frontpageslidercontainer img {
 object-position: 0%;
}
*/

  /* East Lake Shore Drive Penthouse 
#post-794 .fullwidthimagecontainer img {
    object-position: 75%;
}
*/
  .east-lake-shore-drive-penthouse .frontpageslidercontainer img {
    object-position: 99%;
  }

  /* North Lake Shore Drive Penthouse */
  .postid-280 .fullwidthimagecontainer img {
    object-position: 48%;
  }
  /*
.north-lake-shore-drive-penthouse .frontpageslidercontainer img {
    object-position: 48%;
}
/* Lake Shore Drive Beaux Arts 
#post-917 .fullwidthimagecontainer img {
    object-position: 6%;
}
*/

  /* Lake Shore Drive Coop 
#post-919 .fullwidthimagecontainer img {
    object-position: 62%;
}
*/

  /* Modern Penthouse 
#post-787 .fullwidthimagecontainer img {
    object-position: 96%;
}

.modern-penthouse .frontpageslidercontainer img {
 object-position: 96%;
}
*/

  /*  Wright Influenced Prairie */
  #post-913 .fullwidthimagecontainer img {
    object-position: 61%;
  }

  .wright-influenced-prairie .frontpageslidercontainer img {
    object-position: 48%;
  }

  /* Crafted Prairie Estate
#post-920 .fullwidthimagecontainer img {
    object-position: 56%;
}

*/
  .crafted-prairie-estate-08 .frontpageslidercontainer img {
    object-position: 63%;
  }

  /* Arts and Crafts Restoration 
#post-786 .fullwidthimagecontainer img {
    object-position: 8%;
}
*/
  /* Lake Shore Drive Duplex */
  #post-915 .fullwidthimagecontainer img {
    object-position: 46%;
  }

  /* Modern Adaptive Reuse 
#post-752 .fullwidthimagecontainer img {
    object-position: 47%;
}
*/
  /* Deck Bar 
#post-1741 .fullwidthimagecontainer img {
    object-position: 39%;
}
*/
  /* Side Bar 
#post-1744 .fullwidthimagecontainer img {
    object-position: 64%;
}
*/

  /* FIRM Page*/
  .about-section-container {
    margin-bottom: 4rem;
  }
  div.about-image-container-3across img {
    display: none !important;
  }
  div.about-image-container-3across img:first-of-type {
    display: inline-block !important;
    width: 80%;
  }
  div.collaboration img:first-of-type {
    display: inline-block !important;
    width: 90%;
  }
  div.craftsmanship img:first-of-type {
    display: inline-block !important;
    width: 90%;
  }
  .about-image-container-2across img {
    display: none !important;
  }
  .about-image-container-2across img:first-of-type {
    margin: 12px 0;
    display: inline-block;
    width: 60%;
  }
  div.stafftextcontainer {
    width: 100%;
    height: auto;
  }
  div.staffcontainer {
    margin: 12px 0;
    height: auto;
    text-align: center;
  }
  div.staffcontainer p {
    width: 100%;
    text-align: left;
  }
  div.staffcontainer img {
    float: none;
    margin: 0 10px 0;
    width: 60vw;
    height: auto;
  }
  h3.team {
    padding-top: 0 !important;
    font-weight: 1.1rem !important;
  }
  .overlayimages .firstimage {
    left: 0;
    width: inherit;
  }
  .overlayimages .secondimage {
    left: 0;
    margin-top: 18px;
    top: inherit;
    width: inherit;
  }
  .about-section-container p,
  .about-section-container-collaboration p {
    margin: 0 10% 0 !important;
    width: 80%;
  }
  .about-section-container:last-of-type {
    width: 100%;
  }
  div.staffcontainer {
    min-height: 220px;
  }
}

@media (min-width: 1520px) {
  /* .sidebysidecontainer img {
        width:auto;
        max-height:800px !important;
    }
    */
  .sidebysidecontainer img {
    max-width: 620px !important;
  }
  .sidebysidecontainerwide img {
    max-width: 588px !important;
  }
  div.staffcontainer img {
    margin: 0 60px;
    margin-bottom: 27px;
    max-height: 400px !important;
    width: 20rem !important;
  }
  .stacked {
    width: 28vw;
  }
}

@media (max-width: 768px) {
  .separate-containers .inside-article,
  .separate-containers .comments-area,
  .separate-containers .page-header,
  .separate-containers .paging-navigation,
  .one-container .site-content,
  .inside-page-header,
  .wp-block-group__inner-container {
    padding: 0 !important;
  }
  .inquire-text-left {
    top: 6vh;
    left: 20vw;
  }
  .inquire-text-center {
    top: 31vh;
    left: 20vw;
  }
  .inquire-text-right {
    top: 19vh;
    left: 20vw;
  }
}