/* 

COLORS

GRAY:         #53565A;
DARK RED:     #420100;
DARK GREEN:   #004215;
OVERLAY = rgba(0, 0, 0, .6);

*/
header.entry-header, .edit-link {
    display: none;
}

h1 {
    font-weight: 300;
    color: #420100;
}
h2 {
    font-weight: 300;
    color: #420100;
}
h3 {
    font-weight: 300;
    color: #53565A;
}
h5 {
    font-weight: 300;
}



/* HEADER */

.navopen {
    overflow: hidden;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.navbar-toggler {
    padding-top: 10px;
    /* border:0; */
    width: 45px;
    height: 40px;
    position: relative;
}
.navbar-toggler .navbar-icon {
    display: block;
    height: 1px;
    border-top: 2px solid #53565A;
    border-radius: 2px;
    width: 25px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    position: absolute;
}
  
  .navbar-toggler  span.one, .navbar-toggler  span.three {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top-color:#420100;
    top: 18px;
    left: 9px;
  }
  
  .navbar-toggler  span.two {
    width: 0;
    top: 18px;
    left: 21px;
    opacity: 0;
  }

  .navbar-toggler  span.three {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .navbar-toggler.collapsed span {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    position: absolute;
    left: 10px;
    width: 25px;
    opacity: 1;
    border-top-color: #53565A;
  }


.navbar-toggler.collapsed span.one {
    top:10px;
}

.navbar-toggler.collapsed span.two {
    height: 1px;
    top:18px;
    border-top-color:#53565A;
}

.navbar-toggler.collapsed span.three {
    top:26px;
}
  




header#masthead {
    background: rgba(255, 255, 255, 0.9);
    transition: background-color 0.5s ease;
    display: block;
    border-bottom:1px solid #004215;
}

#masthead .navbar {
    width: 100%;
}

.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
    max-width: 10rem;
    width: auto;
}
.navbar-light .navbar-brand img {
    width: 75%;
    height:auto;
}

#menu-main-menu > li {
    align-self:flex-end;
}

#menu-main-menu > li a {
    color: #53565A;
}


#menu-main-menu > li > a {
    border-bottom: 3px solid transparent;
    transition: border-bottom 0.5s linear;
    /* text-transform: uppercase; */
}

#menu-main-menu > li:hover > a {
    border-bottom: 3px solid #004215;
    
}

/* #menu-main-menu > li.current_page_item {
    background-color: #004215;
} */

#menu-main-menu > li.current_page_item a {
    color: #004215;
    
}
#menu-main-menu > li.custom-states:hover {
    position: static;
}

#menu-main-menu > li .dropdown-menu {
    display: none;
}
#menu-main-menu > li:hover .dropdown-menu {
    opacity: 1;
    display: inline-block;
    /* top: 71px; */
}
.dropdown-menu {
    border-radius: 0;
    background-color: #004215;
}
.dropdown-toggle::after {
    display: none!important;
}
#menu-main-menu > li .dropdown-menu > li a {
    color:#ffffff;
}


.wp-block-image img {
    height:auto;
}


#menu-main-menu > li .dropdown-menu > li:hover a {
    background-color: #004215;
}

#menu-main-menu > li .dropdown-menu > li:hover a:hover {
    color:#999999;
}

#menu-main-menu > li .dropdown-menu > li.current-menu-item a {
    color:#999999;
}

#menu-main-menu > li.custom-states > .dropdown-menu > li:first-child {
    border-right:1px solid #ffffff;
}

#menu-main-menu > li.custom-states:hover .dropdown-menu {
    margin-top: 0px !important;
    width: 100% !important;
    left: 0;
    position: fixed;
    border-radius: 0;
    padding: 0 !important;
}

#menu-main-menu > li.custom-states .dropdown-menu > li.menu-item-object-state {
    width: 50%;
    float: left;
}

#menu-main-menu > li.custom-states .dropdown-menu > li.menu-item-object-state a {
    padding: 0;
}

#menu-main-menu > li.custom-states .dropdown-menu li:hover, #menu-main-menu > li.custom-states .dropdown-menu li a:hover {
    background-color: transparent;
}

.state > a {
    position: relative;
    display: block;
    
}

.state > a::after {
    background: #000000;
    content: "";
    position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.6;
      z-index: 1;
      transition: opacity 1s;
}

.state:hover > a::after {
    opacity: 0.2;
    
}

.stateimage {
    background-size: cover;
    background-position: center;
}
.stateShape, .stateShapeSingle {
    width: 10rem;
    background-size: contain;
    background-repeat: no-repeat;
    height: 10rem;
    display: flex;
    text-align: center;
    background-position: center;
    position: relative;
    z-index: 2;
    margin: auto;
}

.stateShapeSingle { 
    width: 30em;
    height: 30em;
}


.stateShape p, .stateShapeSingle h4 {
    align-self: center;
    flex-grow:1;
    color:#ffffff;
}

.state .stateShape {
    transition: opacity 1s;
}

.state:hover .stateShape {
    opacity: 0.6;
}

.pin-spacer .state {
    z-index: 500;
}

#menu-main-menu ul.communities .dropdown-item {
    padding: 0;
}

.communityLogoNav img {
    width: 100%;
    /* max-width: 10rem; */
    height: auto;
}

.communityLogoNav:hover img {
    opacity: 0.6;
}

#masthead .navbar .highlighted, #masthead .navbar .nav-item-tall{
    padding-top: 30px;
    /* display: flex; */
}

#masthead .navbar .highlighted {
    background-color: #420100;
}

#masthead .navbar .highlighted a {
    align-self:flex-end;
    color: #ffffff;
}

#masthead .navbar .highlighted a:hover {
    color:#cccccc;
}

#content {
    padding-top: 50px;
}

/* SOCIAL MEDIA MAIN NAV */
.main-nav-social {
    position: absolute;
    right: 5rem;
    top: 1rem;
}

.main-nav-social li.social_media_icon {
    display: inline-block;
    margin: 0px 10px;
    text-align: center;
}


.main-nav-social li.social_media_icon a {
    background-color: #53565A;
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    display: flex;
    color:#ffffff;
}

.main-nav-social li.social_media_icon a:hover {
    background-color: #420100;
}

.main-nav-social li.social_media_icon a span {
    align-items: center;
    margin: auto;
}

/* FOOTER */

.border-dark-red {
    border-color:#240100 !important;
}

.footer_blocks a {
    text-decoration: none;
}

.footer_blocks a:hover .blockImage p {
    color: #fff;
}

.footer_blocks a:hover .blockImage::before {
    background-color: rgba(0, 0, 0, 0.8);
    /* border-left:1px solid #ffffff;
    border-right:1px solid #ffffff; */
    transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
}

#footer-widget .brochure_display h2 {
    font-size: 1rem;
    font-weight: 300;
}

.blockImage {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
}

.blockImage::before {
    content:'';
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
}

.blockImage::after {
    content:'';
    position: relative;
    padding-top: 56.25%;
}

.blockImage p {
    align-items: center;
    text-align: center;
    margin:auto;
    color: #ffffff;
    position: relative;
    z-index: 2;
}

#footer-widget, .site-footer {
    background-color: #420100;
    color:#ffffff;
    font-size: .8rem;
}

#footer-widget a.nav-link {
    color:#ffffff;
    padding: 0;
}

#footer-widget a:hover, #footer-widget a:active .nav-link:focus, #footer-widget .nav-link:hover, .nav-link:active {
    color: #999999 !important;
}

.brochure_display .brochure_image img {
    width: 100%;
    height: auto;
}

.site-footer li.social_media_icon {
    display: inline-block;
    margin: 0px 10px;
    text-align: center;
}

.site-footer li.social_media_icon a {
    color:#420100;
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    display: flex;
    background-color: #ffffff;
}

.site-footer li.social_media_icon a span {
    align-items: center;
    margin: auto;
}

.site-footer li.social_media_icon a:hover {
    background-color: #53565A;
}

.text-ichijoRed {
    color:#960301;
}

.brochure_display button {
    border: 1px solid #53565A;
    background-color: #420100;
    color: #ffffff;
    font-size: .8rem;
}
.brochure_display button:hover {
    color: #420100;
    background-color: #ffffff;
}

.dark-red {
    background-color:#370200;
}

.ehl {
    float:right;
}

/* HEADLINE */

.lined_headline {
    display: flex;
    color: #53565A;
}
.lined_headline .col {
    flex-grow: 1;
    flex-shrink: 1;
}
.lined_headline .headline {
    flex-basis: auto;
    width: auto;
    text-align: center;
}

.lined_headline h2 {
    display: inline;
    text-align: center;
    /* font-weight: 300; */
    font-weight: 500;
    text-transform: uppercase;
}

.linedHeadlineHolder hr {
    border-top: 1px solid #420100;
    opacity: 1;
}

.lineFromright .leftBlock {
    background-color:#ffffff;
    border-right: 1px solid #420100;
}

.lineFromleft .rightBlock {
    background-color: #ffffff;
    border-left: 1px solid #420100;
}

.leftBlock, .rightBlock {
    position: relative;
    z-index: 1;
    height: 3em;
    margin-top: 2em;
    margin-bottom: -2em;
}

.spin10 {
    margin:100px 0px;
    padding: 170px 0px;
    -webkit-transform: skewY(-5deg);
    -moz-transform: skewY(-5deg);
    -ms-transform: skewY(-5deg);
    -o-transform: skewY(-5deg);
    transform: skewY(-5deg);
}

.spin10Container {
    -webkit-transform: skewY(5deg);
    -moz-transform: skewY(5deg);
    -ms-transform: skewY(5deg);
    -o-transform: skewY(5deg);
    transform: skewY(5deg);
}



.iFrameVideoContainer {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}

.iFrameVideoContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
height: 100%;
}


/* ICHIJO DIFFERENCE */
.ichijoDifference {
    /* display: flex;
    align-items: stretch;  */
}

.promotions {
    overflow: hidden;
}

.promotionsImg {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.promotions-content {
    background-color: rgba(0,0,0, .6);
    color: #cccccc !important;
}

.promotions-content h3 {
    color: #fff;
}

.differenceSlide, .featuredCommunity {
    width: 100%;
    height: 100%;
}

.differenceSlide .row {
    display: flex;
    align-items: stretch;
    height: 100%;
}

.differenceSlide .differenceCol {
    height: 100%;;
}

.differenceSlideContent {
    display: flex;
    align-items: center;
    height: 100%;
    flex-wrap: wrap;
}

.differenceSlideImg, .featuredCommunityImg {
    background-size: cover;
    background-position: center;
    height: 100%;
}

.differenceSlideImg::after, .featuredCommunityImg::after {
    content: '';
    padding-top: 56.25%;
    display: block;
}


.ichijoDifference .slidePager {
    position: absolute;
    z-index: 1000;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

.ichijoDifference .slidePager ul {
    align-self: center;
    list-style: none;
    text-align: right;
    padding: 0;
}
.ichijoDifference .slidePager li {
    display: inline;
}

.fadeItem, .fadeText {
    opacity: 0;
}

.ichijoDifference .slidePager a {
    color: #999999;
    font-size: 1em;
}

.ichijoDifference .slidePager .cycle-pager-active a {
    color:#ffffff;
}

.ichijoDifference .slidePager a:hover, 
.ichijoDifference .slidePager a:active {
    color: #ffffff !important;
}

/* FEATURED COMMUNITIES */

.featuredCommunity {
    overflow: hidden;
}

.featuredCommunity .cycle-slide, .featuredCommunity, .featuredCommunity div  {
    cursor: pointer;
}

.snipeContainer {
    position: absolute;
    right: 0;
    bottom:0;     
}
.snipe {
    background-color: #420100;
    -webkit-transform: skewY(-45deg);
    -moz-transform: skewY(-25deg);
    -ms-transform: skewY(-25deg);
    -o-transform: skewY(-25deg);
    transform: skewY(-25deg);
    position: relative;
    right: -40%;
    bottom:-70%; 
}

.featuredContent {
    text-align: right;
    color:#cccccc;
}

.featuredCommunityText {
    /* -webkit-transform: skewY(45deg);
    -moz-transform: skewY(45deg);
    -ms-transform: skewY(45deg);
    -o-transform: skewY(45deg);
    transform: skewY(45deg); */
}

.featuredCommunityText h3 {
    color:#D8D8D8;
}

.featuredCommunities .differenceCol {
    height: auto;
}

.featuredCommunities .differenceSlide > .row {
    background-color: #D8D8D8;
    text-align: center;
}

.feturedCommunityHeader a, .feturedCommunityHeader a:active, .feturedCommunityHeader a:visited  {
    color:#ffffff;
}
.feturedCommunityHeader a:hover {
    color:#999999;
}


/* WALL CONSTRUCTION */

.whiteBG {
    background-color: #ffffff !important;
  }
  .scene {
    position: relative;
    overflow: hidden;
  }

  .iCubeText {
    position: absolute;
    left: 20%;
    width: 70%;
  }
  .wallText {
    position: absolute;
    top: 20%;
    left: 38%;
    width: 60%;
  }
  .rotatingText {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 500;
  }
  .textFrame {
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
  }

  .textFrame .headline {
    position: relative;
    left: 20%;
    top: 0;
    width: 80%;
  }

    .osbText {
        top:80px
    }

  /* .fiberInsulationText {
      top:40px;
  }

 

  .moistureBarrierText {
      top:120px;
  }

  .exteriorCladdingText {
      top:160px;
  } */
  
  .exclusiveTextFrame {
    position: relative;
    left:20%;
  }
  .ichijoPanel {
    position: absolute;
    top: 25%;
    left: 60%
  }
  #buildingEnvelopeCanvas {
      margin-top: 0;
  }
  .scrollProgress {
    position: absolute;
    top:10;
    left:10;
  }
  #buildingEnvelopeCanvas .wallSection, #buildingEnvelopeCanvas .frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  #buildingEnvelopeCanvas img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: -20%;
  }

  .cycle-slide {
    background-color:#000000;
  }

  #buildingEnvelopeCanvas img.sentinel {
    position: relative;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    visibility: hidden;
  }

  #earthAdvantageCanvas {
    min-height: auto;
    position: relative;
    left: 0;
  }

  .window {
    position: relative;
    overflow: hidden;
  }
  .windowPart {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
  }


  .btn-dark-red, .btn-dark-red:visited {
    background-color: #420100;
    color: #ffffff;
  }

  .btn-dark, .btn-dark:visited {
    color: #ffffff;
  }

  .btn-dark-red:hover, .btn-dark-red:active {
    color:#999999;
  }

  .btn-dark:hover, .btn-dark:active {
    color:#999999;
  }

  


  .topFrame {
    z-index: 5;
    position: relative;
    height: auto;
  }
  .frontWindow{
    z-index: 4;
    left: -10%;
  }
  .backWindow {
    z-index: 2;
    left: 10%;
  }
  .leftChannel {
    z-index: 3;
  }
  .bottomChannel {
    z-index: 3;
  }
  .trees{
    z-index: 0;
  }
  video {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
  }
  .videoTextHolder {
    position: absolute;
    top:0;
    background-color:rgba(255, 255, 255, 0.8);
  }
  .videoTextShade {
    overflow: hidden;
    top: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
  }

  #totalComfort {
    background-size: cover;
    background-repeat: no-repeat;
  }
  #totalComfort .textHolder, #solar .textHolder, .doubleSlideContent, .videoTextHolder {
    height: 100%;
  }
  #totalComfort img {
    width:100%;
}
  #looksAndLife {
    background-repeat: repeat;
  }
  #superKid {
    background-size: cover;
    background-repeat: no-repeat;
  }
  #superKid .textHolder {
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    bottom: 0;
  }

  #superKid .textContainer {
    padding: 60px;
    align-self: center;
  }
  #intro {
    background: url('https://ichijousa.com/wp-content/themes/builder/images/short_link_bg.jpg') no-repeat center;
    background-size: cover;
  }
  #intro .textHolder {
    background:rgba(0, 0, 0, 0.7);
    color: #fff;
  }

  #solar {
    background: url('images/sky.jpg') no-repeat center;
    background-size: cover;
  }

.wallConstructionPointer {
    position: absolute;
    opacity: 1;
    width:18%;
    left:0;
}

.frameBaseText .wallConstructionPointer {
}

.fiberInsulationText .wallConstructionPointer {
}

.osbText .wallConstructionPointer {
}

.foamInsulationText .wallConstructionPointer {
}

.moistureBarrierText .wallConstructionPointer {
}

.firingStripsText .wallConstructionPointer {
}

.exteriorCladdingText .wallConstructionPointer {
}

.moistureBarrierText .wallConstructionPointer {
}

.firingStripsText .wallConstructionPointer {
}

.exteriorCladdingText .wallConstructionPointer {
}
  
  .foamInsulationText {
    position: absolute;
    /* top: 80px; */
  }

  .moistureBarrierText {
    position: absolute;
    top: 140px;
  }

  .firingStripsText {
    position: absolute;
    top: 180px;
  }

  .exteriorCladdingText {
    position: absolute;
    top: 220px;
  }
  
  

.frameBase {
    z-index: 1;
}
.frameEdge {
    z-index: 5;
}
.fiberInsulation {
    z-index: 3;
}

.foamInsulation {
    z-index: 4;
}

.frameEdgeRight {
    z-index: 6;
}

.osb {
    z-index: 7;
}

.moistureBarrier {
    z-index: 8;
}

.firingStrips {
    z-index: 9;
}

.exteriorCladding {
    z-index: 10;
}
  
/* 
  .wallConstructionPointer {
    opacity: 1;
    position: absolute;
    left: -235px;
  } */

  .wallConstructionPointer hr {
    opacity: 1;
  }

  .wallConstructionPointer hr:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #000000;
    position: absolute;
    left:-8px;
    top: 8px;
  }

  .wallConstructionPointer {
    top: 4px;
  }

  .wallConstructionPointer hr {
    width: 100%;
    opacity: 1;
  }
  
  /* .fiberInsulationText .wallConstructionPointer hr {
    width: 250px;
  }

  .osbText .wallConstructionPointer hr {
    width: 260px;
  }

  .foamInsulationText .wallConstructionPointer hr {
    width: 260px;
  }

  .moistureBarrierText .wallConstructionPointer hr {
    width: 260px;
  }

  .firingStripsText .wallConstructionPointer hr {
    width: 260px;
  }

  .exteriorCladdingText .wallConstructionPointer hr {
    width: 260px;
  } */

  /* TESTIMONIALS */

  .textureImage img {
      width: 100%;
  }

  .byline {
    color: #420100;
  }

  .testimonial {
      border-bottom: 1px solid #53565A;
  }
  
#comminityContactInfo {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}

  /* COMMUNITY DETAILS */
  .communityDetails {
    color: #53565A;
  }

  .communityDetails .card-header, .bg-red {
    background-color: #420100;
    color:#ffffff;
  }

  .communityDetailsLabel {
      color: #420100;
  }
  .centerDetails {
      border-left: 1px solid #53565A;
      border-right: 1px solid #53565A;
  }

  .homeDetails {
    background-color: #D8D8D8;
    color: #53565A;
  }

  .homeDetailsBar {
    background-color:#370200;
    
  }

  .homeDetailsBar .communityDetailsLabel {
    color: #ffffff; 
  }

  .homeDetails, .viewMore  {
    font-size:1.25rem;
    padding: .5rem 1rem;
  }

  .viewMore {
      background: #ffffff;
      color: #420100;
  }

  .viewMore a {
      cursor: pointer;
  }

  /* INFO WINDOW */

  .gm-style-iw-chr {
    position: absolute;
    z-index: 100;
    top: 0;
    width: 100%;
  }

  .gm-style-iw-chr .gm-ui-hover-effect>span {
    background-color: #fff;
  }


  .gm-style .gm-style-iw-c, .gm-style .gm-style-iw-d {
      padding: 0 !important;
      /* overflow: hidden !important; */
  }
  /* .gm-style-iw-d .card {
      max-height: 180px;
  } */

  .gm-style-iw, .gm-style-iw-c {
      width:250px !important;
      max-width: 250px !important;
      max-height: none !important;
  }
  
  .gm-style-iw-d {
      overflow: visible !important;
      /* height: 400px !important; */
      max-height: none !important;
      overflow: visible;
      width: 100%;
  }

  .infowindowPlaceName {
      position: absolute;
      bottom: 0;
      background-color: rgba(255, 255, 255, 0.8);
  }

  .stateAmenities {
    align-items:flex-start;
    flex-wrap: wrap;
  }
  .stateAmenity {
      /* align-self: center; */
  }

  .stateAmenity img {
      width: 100%;
      height: auto;
  }

  .communityStates {
      justify-content: center;
  }

  .amenityImageText {
      top:0;
      left: 0;
      align-items: center;
      text-align: center;
      z-index: 1;
      background:rgba(0, 0, 0, .6);
      display: flex;
      opacity: 0;   
      transition: 0.5s;   
  }
  .amenityImageText p {
    color:#ffffff;
    margin: auto;
    text-align: center;
  }
  .stateAmenity:hover .amenityImageText {
      opacity: 1;
      transition: 0.5s;
  }

  #technologyNavigation {
    background-color:rgba(0, 0, 0, .6);
    display: flex;
    align-items: center;
    width: 100%;
  }

  #technologyNavigation ul {
      list-style:none;
  }

  #technologyNavigation ul a, #technologyNavigation ul a:visited {
      color:#ffffff;
  }

  #technologyNavigation ul a:hover, #technologyNavigation ul a:active {
    color:#999999;
  }

  #footer-widget a, #footer-widget a:visited {
      color: #ffffff;
  }

  #footer-widget a:hover, #footer-widget a:active {
    color:#999999;
  }

  .footerSocialMediaNav {
      list-style:none;
  }
  .footerSocialMediaNav li {
      display: inline;
      padding:0 10px;
  }

  #loading_image, #homeowners_loading_image {
	display:none;
	width: 50px;
    height: 50px;
    position: relative;
    top: 20px;
}

/* SLIDESHOW */

.homeGallery {
    overflow: auto;
    white-space: nowrap;
}
.homeGalleryTile {
    width:250px;
    display: inline-block;
    position: relative;
    z-index: 0;
    cursor: pointer;
}
.homeGalleryimg::before{
    content:'';
    background-color:rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    position: absolute;
}
.homeGalleryContent {
    text-align:center;
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
    white-space: initial;
}

.homeGalleryContent div {
    height: 48%;
}

.homeGalleryShortTitle {
    position: relative;
}
.homeGalleryShortTitle h3 {
    position: absolute;
    bottom:0;
    width: 100%;
    text-align: center;
}

.homeGalleryContent hr {
    border-bottom:1px solid #ffffff;
    padding: 0 0 .5em 0;
}
.homeGalleryContent h3, .homeGalleryContent p {
    color:#ffffff;
}
.homeGalleryContent p {
    font-size:.8em;
}

.homeGalleryShortDescription {
    color: #fff;;
}


.homeGallery::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.pagerPrevThumb, .pagerNextThumb {
    position: relative;
    top: 50%;
    font-size: 2em;
    margin-top: -1em;
}
.pagerPrevThumb {
    text-align:right;
}

/* Track */
.homeGallery::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.homeGallery::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.homeGallery::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.slideshowDescription {
    background:rgba(0, 0, 0, .6);
    
}

.slideshowDescription h3, .slideshowDescription p {
    color:#ffffff;
}

.slide {
    text-align:center;
    background-color: rgba(0, 0, 0, 0.6);
}

.homeGallerySlideshow img  {
    width:auto;
    height:100%;
    margin:auto;
}

.pagerNext, .pagerPrev, .cycle-prev, .cycle-next {
    cursor:pointer;
    position:absolute;
    top:50%;
    left:0;
    padding: 20px;
    font-size: 2em;
    background-color: rgba(255, 255, 255, 0.6);
    color: #ffffff;
    z-index:1019;
    margin-top:-50px;
    color: #420100;
}

.pagerNext, .cycle-next {
    left:auto;
    right:0;
    background-position:top;
}

.cycle-pager span {
    font-family: arial;
    font-size: 2em;
    display: inline-block;
    color: #ddd;
    cursor: pointer;
}

.cycle-pager {
    position: absolute;
    z-index: 1018;
    bottom: 0;
    width: 100%;
    text-align: center;
}
.cycle-pager span {
    padding:2px;
    cursor:pointer;
}
.cycle-pager span:hover {
    color:#ffffff;
}
.cycle-pager span.cycle-pager-active {
    color: #C5003E !important;
    cursor:default;
}

.fullScreenButton {
    position: absolute;
    top:.5rem;
    right: .5rem;
    color: #ffffff;
    z-index: 5000;
}

.fullScreenSlideshow {
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    z-index: 5000;
    background: #ffffff;
    /* display:none; */
}

.twoColumnText {
    column-count: 2;
}


.wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
  }
  .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  #secondary section {
      border-left: 1px solid #420100;;
  }

  /* BLOG */

.nav-links {
    padding-bottom: 4em;
}
.nav-previous {
    float: left;
}
.nav-next {
    float: right;
}
@media (max-width: 992px) {

     /*  NAV BAR TRANSITION */
     .dropdown-menu {
        padding: 0 !important;
        margin: 0 !important;
     }
    .navopen header#masthead {
        transition: background-color 0.5s ease;
        background-color: white;
    }
    
    #menu-main-menu > li.current_page_item {
        background-color: transparent;
        
    }
    #menu-main-menu > li.current_page_item a {
        color:#004215;
    }

    #menu-main-menu > li .dropdown-menu > li a {
        color: #53565A;
    }

    #menu-main-menu > li > a {
        border-bottom: 0;
    }
   
    #content {
        padding-top: 64px;
    }

    .navbar-toggler {
        position: absolute;
        top: 10px;
        right:0px;
        border: 0;
    }

    .navbar-toggler:focus{
        outline: none;
        box-shadow: none;
    }

    .navbar-collapse {
        position: relative;
        right: 0;
        margin: 0px -40px;
        width: 100vw;
        height: 100vh;
        background-color: #ffffff;
        /* position: fixed;
        top: 0; 
        right: 0;
        padding: 30px;
        width: 100%;
        height: 100%;
        background-color: #ffffff; */
    }

    .persistentPromotion {
        max-width: 100% !important;
        display: block !important;
    }

    #menu-main-menu > li:hover .dropdown-menu {
        top: 0;
    }

    .navbar-collapse.collapsing {
        right: -100%;
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        right: 0;
        transition: right 300ms ease-in-out;
        overflow: scroll;
        padding: 0;
        /* padding-bottom: 100px; */
    }

    .navbar-collapse.show>ul>li{
        padding: 0 20px;
    }
    #masthead .navbar .highlighted, #masthead .navbar .nav-item-tall {
        padding-top: 10px;
    }

    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: right 500ms ease-in-out;
    }
    
    #menu-main-menu .dropdown-toggle::after {
        content:'+';
        display: inline-block !important;
        vertical-align:auto;
        border:0;
        width: 25px;
        height: 25px;
        text-align: center;
        border:1px solid #53565A;
        margin-left: 10px;
        border-radius: 2px;
        
    }

    #menu-main-menu .show .dropdown-toggle::after {
        content:'-';
    }

    #menu-main-menu > li {
        text-align: right;
    }

    #menu-main-menu > li:hover > a {
        border:0;
    }

    #menu-main-menu > li.custom-states {
        margin:0;
        padding: 0;
    }

    #menu-main-menu > li.highlighted {
        /* margin: 0 -30px; */
        width:100%;
    }

    #menu-main-menu > li.custom-states>a {
        margin-right: 20px;
    }
    #menu-main-menu > li.custom-states.show .dropdown-menu {
        position: relative;
        
    }
    
    #menu-main-menu .dropdown .dropdown-menu, 
    #menu-main-menu > li:hover .dropdown-menu {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    
        display: block;
        overflow: hidden;
        opacity: 0;
        display: none;
        background-color: transparent;
        border-left: 0;
        border-right: 0;
        text-align: right;
    }
    #menu-main-menu > li.custom-states .dropdown-menu {
        background-color: #004215;
    }
    
    #menu-main-menu .dropdown.show .dropdown-menu { /* For Bootstrap 4, use .dropdown.show instead of .dropdown.open */
        opacity: 1;
        position: relative;
        display: inline-block;
    }

    /* END NAV */

    /* ICHIJO DIFFERENCE */
    .ichijoDifference {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        margin-top: 70px;
    }
    .ichijoDifference .slidePager {
        position: absolute;
        height: auto;
        width: 100%;
        height:70px;
        top: -70px;
    }
    .ichijoDifference .slidePager ul {
        display: flex;
        width: 100%;
        justify-content: space-around;
    }
    .ichijoDifference .slidePager ul li.p-3 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }


    /* TECHNOLOGY */
    #buildingEnvelopeCanvas .wallSection, #buildingEnvelopeCanvas .wallSection, #buildingEnvelopeCanvas .frame {
        top: 8%;
    }
    
    .wallText {
        top: 60%;
        left: 10%;
        width: 80%;
      }

      .iCubeText, .rotatingText {
          left: 0;
          width: 100%;
      }
      

      .osbText {
          top: 0;
      }
      .textFrame .headline, .exclusiveTextFrame {
          left: 0;
          width: 100%;

      }

      #buildingEnvelopeCanvas img {
          left:-8%;
      }
      .textFrame {
          width: 100%;
          text-align: center;
      }

      #earthAdvantageCanvas {
          text-align: center;
      }
      #earthAdvantageCanvas img {
          margin: auto;
          width: 100%;
      }
      
      #totalComfort, #solar {
          text-align: center;
      }

      .doubleSlideContent, #totalComfort .textHolder, #solar .textHolder {
          height:auto;
      }
      #solar .solar {
          left:0;
          text-align: left;
      }
      .videoTextHolder.start-50 {
          left: 0 !important;
          padding-top: 2em;
          padding-bottom: 2em;
      }
      .videoTextShade {
          position: static;
      }
      .videoTextHolder {
          position: static;
          height: 50%;
      }
      video {
        position: static;
        min-width: auto;
        min-height: auto;
        width: 100%;
        height: auto;
        /* margin-top: 66px; */
      }
      #superKid {
        background-position:center;
      }
      #superKid .textHolder{
        position: absolute;
        bottom: 0;
        background:rgba(255, 255, 255, 0.8);
      }


      /* STATE PAGE */

      .communityDetailsRange {
        font-size: 1.75em;
        width: 100%;
        text-align: center;

      }

      /* COMMUNITY PAGE */
      .avia-google-map-container {
          min-height: 500px;
      }

      /* TECHNOLOGY  */
      
      .foamInsulationText, .moistureBarrierText,.firingStripsText, .exteriorCladdingText {
        position: absolute;
        top: 0px;
      }

      .wallConstructionPointer {
          display: none;
      }

      .differenceSlide .differenceCol {
          height:auto
      }

      .wp-block-embed__wrapper {
        height: auto;
      }
      .wp-block-embed__wrapper {
          padding-top: 3rem;
      }
      .stateShapeSingle {
          width: 70%;
      }
      .stateShape p, .stateShapeSingle h4 {
          padding:0px 1em;
      }
      .stateimage {
          z-index: 500;
      }
      
      .solar img {
          width:100%;
      }
} /* END MAX WIDTH 999 */

@media (min-width: 1400px) {
    .persistentPromotion {
        max-width: 100% !important;
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .persistentPromotion {
        max-width: 100% !important;
        display: block !important;
    }
}

@media (min-width: 992px) {
    .persistentPromotion {
        max-width: 100% !important;
        display: block !important;
    }
}

@media (min-width: 768px) {
    .persistentPromotion {
        max-width: 100% !important;
        display: block !important;
    }
}
@media (min-width: 576px) {
    .persistentPromotion {
        max-width: 100% !important;
        display: block !important;
    }
}

@media (max-width: 574px) {
    .persistentPromotion {
        max-width: 100% !important;
        display: block !important;
    }
    #footer-widget .communityStates div, #footer-widget .communityStates li {
        border:0 !important;
    }
    .ichijoDifference {
        margin-top: 0;
    }
    .differenceSlide {
        height: 60%;
    }
    .twoColumnText {
        column-count: 1;
    }
}