/*
 Theme Name:   WINCOM 26 Understrap Child
 Theme URI:    https://understrap.com
 Description:  BowStern
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.2.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/



* {
  font-family: "Fira Sans", sans-serif;
  font-weight: 400;
}

h1, h2, h3, h4, h5 {
  font-family: "Merriweather", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

#portal {
  background: #333;
  font-family: 'Fira Sans', sans-serif;
}

#portal a {
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
}

#portal img {
  width: 10px;
}

#portal .language .wpml-ls-sidebars-herocanvas { float: right; }

#portal .language .wpml-ls-legacy-dropdown a {
    display: block;
    text-decoration: none;
    color: #ccc;
    border: 1px solid #666;
    background-color: #333;
    padding: 5px 10px;
    line-height: 1;
}



.reader { display: none; }

.bg-body-tertiary {
    background-color: rgb(248 249 250);
}

#hometown {
    background-image: linear-gradient(to bottom, rgba(27, 42, 85, 0.8), rgba(27, 42, 85, 0.8)), url(/wp-content/themes/wincom26/img/hometownheros.jpg);
}
.lead {
    font-size: 1.25rem;
    font-weight: 300;
}
.btn-outline-white {
    color: #fff;
    border: 1px solid #fff;
}
.btn-outline-white:hover {
    background: #fff !important;
    color: #1b2a55;
}

.btn { border-radius: 0; }


/* footer */

#wrapper-footer-full {
  color: #fff;
  padding-top: 50px;
  padding-bottom: 100px;
  background: #808285 !important;
  }

#wrapper-footer-colophon { 
	background: #1b2a55 !important;
	color: #fff;
  	padding: 20px 0;
  	font-size: 12px;
   }
#wrapper-footer-colophon li a { color: #fff; }
#wrapper-footer-full a { color: #fff; text-decoration: none; }
#wrapper-footer-full a:hover { text-decoration: underline; }

#wrapper-footer-colophon ul {
  float: right;
  list-style: none;
}

#wrapper-footer-colophon li {
  margin: 0 5px;
  text-align: right;
}
#windward { width: 100px; }

#block-8 {
    text-align: center;
}
#equal {
  width: 40px;
  margin-top: 50px;
  clear: both;
}


#custom_html-3 { border-right: 1px solid #ddd; }

#nav_menu-3 ul {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

#nav_menu-3 li {
    padding: 0 0 5px 0;
    margin: 0;
}

#nav_menu-3 li a { text-decoration: none; }
#nav_menu-3 li a:hover { text-decoration: underline; }
    
    

/* header */

.video-container {
z-index: -100;
width:100%;
overflow:hidden;
position:absolute;
left:0;
}

.video-container:before {
  content:"";
  position: absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  z-index:1;
  background:none;
  opacity:0.9;
}

.video-container, #mainheader { height: 80vh; } 

#mainheader.short .video-container, #mainheader.short { height: 55vh; } 

.video-vimeo {  padding-bottom: 56.25%; width: 100%; padding-top: 30px; height: 0; overflow: hidden;   }

.video-vimeo iframe, 
.video-vimeo object, 
.video-vimeo embed { box-sizing: border-box;
    height: 56.25vw;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    width: 177.77777778vh; }

.video-black:before {
	background: rgba(0,0,0,0.4) !important;
}

#hero .row { padding-top: 30vh; }
#mainheader.short #hero .row { padding-top: 5vh; }
#mainheader.short #hero { height: 100%; background-size: cover; background-position: 100% 50%; }


#hero h1 { text-shadow: 0 0 5px #000; }
#hero .lead { text-shadow: 0 0 5px #000; }

/* buttons */


.wp-block-button__link { border-radius: 0; }

.tour .wp-block-button__link::before {
    content: "\f308";
    padding-right: 5px;
}

.find .wp-block-button__link::before {
    content: "\f52a";
    padding-right: 5px;
}

.bi a::before, [class*=" bi-"]::before, [class^=bi-]::before {
    display: inline-block;
    font-family: bootstrap-icons!important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

ul#main-menu li {
  list-style: none;
  position: relative;
  display: inline;
}

ul#main-menu li:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 5px;
  width: 0px;
  height: 2px;
  background: white;
  transition: all 0.45s;
}

ul#main-menu li:hover:after {
  width: 80%;
  left: 10%;
}

ul#main-menu li.active a { color: #fff!important; opacity: 100%!important; }

ul#main-menu li.active li a { color: #000!important; opacity: 100%!important; }
ul#main-menu li li.active a { color: #000!important; opacity: 100%!important; background: #e9ecef; }

ul#main-menu li ul.dropdown-menu li:after { display: none!important; }


/* Houses */


.card, .card-img-top { border-radius: 0; border: 0; border: 0; }

@media (min-width: 767px) {
	.card-img-top { height: 230px; }
}

.card { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  }
  
.card.hotw { background: #F2F5E5;  }
.btn-outline-primary { border: 1px solid #af6629; color: #af6629; border-radius: 0; }
.btn-outline-primary:hover { background: #af6629 !important; border: 1px solid #af6629; color: #fff; }
.card h4 { font-size: 1rem; font-weight: 200; }
.details {  border: none; margin-top: 5px; padding-top: 5px }
.details img { width: 20px; }
.card h5 { font-family: "Fira Sans", sans-serif; font-weight: 600; font-size: 1rem; }
.card-body hr { height: 1px; background: #666; border: none; margin: 0; padding: 0; }
.hotw .pitch { color: #B0C85B }

h5.pitch { min-height: 60px; }

.constrain { aspect-ratio: 1 / 1; overflow: hidden; }

.reduced,
.pending,
.pending-big,
.sold,
.sold-big,
.new,
.new-big,
.soon,
.soon-big {
    position: relative;

}

.sold-big:after,
.sold:after {
  position: absolute;
  z-index: 234;
  top: -5px;
  left: -5px;
  width: 110px;
  height: 109px;
  content: '';
  background-image: url(/wp-content/themes/wincom26/img/Sold.svg);
}

.pending-big:after,
.pending:after {
    position: absolute;
    z-index: 234;
    top: -5px;
    left: -5px;
    width: 110px;
    height: 109px;
    content: '';
    background: url(/wp-content/themes/wincom26/img/pending_1.svg) 50% 50%/contain no-repeat;

}

.new-big:after,
.new:after {
  position: absolute;
  z-index: 234;
  top: -5px;
  left: -5px;
  width: 110px;
  height: 109px;
  content: '';
  background: url(/wp-content/themes/wincom26/img/new.svg) 50% 50%/contain no-repeat;
}

.soon-big:after,
.soon:after {
  position: absolute;
  z-index: 234;
  top: -5px;
  left: -5px;
  width: 110px;
  height: 109px;
  content: '';
  background: url(/wp-content/themes/wincom26/img/soon.svg) 50% 50%/contain no-repeat;
}

.newcomer-big:after,
.newcomer:after {
  position: absolute;
  z-index: 234;
  top: 15px;
  left: -5px;
  width: 131px;
  height: 46px;
  content: '';
  background: url(/wp-content/themes/wincom26/img/newcomer.svg) 50% 50%/contain no-repeat;
}

.reduced-big:after,
.reduced:after {
  position: absolute;
  z-index: 234;
  top: -5px;
  left: -5px;
  width: 110px;
  height: 109px;
  content: '';
  background: url(/wp-content/themes/wincom26/img/reduced.svg) 50% 50%/contain no-repeat;
}

.rently-big:after,
.rently:after {
  position: absolute;
  z-index: 234;
  top: 25px;
  left: -5px;
  width: 83px;
  height: 113px;
  content: '';
  background: url(/wp-content/themes/wincom26/img/self-tour.svg) 50% 50%/contain no-repeat;
}

.ebuilt { float: right; width: 45px; margin-top: 5px; }

.price { font-family: "Fira Sans", sans-serif; font-size: 1.3rem; font-weight: 600; border-top: 1px solid #ccc; margin-top: 5px; padding-top: 5px }
.price em { font-size: 0.8rem; font-weight: 400; }

.spotlight { background: rgba(27,42,85,0.7); margin-left: 5%;  }

@media (max-width: 768px) { 
	.spotlight { margin-top: 5rem; margin-left: 0; }
}

.finance { background: #fdeedd; padding: 10px; }



.hours dt { clear: left;font-weight: 400; float: left; width: 120px; }
.hours dd { margin-left: 120px; margin-bottom: 0; }

.listing-contact {
    padding: 1rem;
    border: 1px solid #f08d23;
}

.openhouse {
    background: #F2F5E5;
    padding: 0.5rem;
}

.openhouse a {
    display: block;
    text-decoration: none;
    color: #8aa42d;
}

.promo {
    background: #f08d23;
    padding: 5px;
    color: #fff;
    margin-top: 2rem;
}



.promo-listing {
    border: none;
    border-top: #f08d23 1px solid;
    border-bottom: #f08d23 1px solid;
    background: #fdeedd;
    padding: 5px;
    color: #777;
    margin-top: 0rem;
}

.promo a { color: #fff; }

.promo h4 {
    color: #fff;
    margin: 0;
    padding: 0;
    font-family: "Fira Sans", sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
}

.promo h4 span {
    color: #f08d23;
    font-weight: 400;
    text-transform: uppercase;
}
.promo p {
    margin: 0;
    padding: 0;
}




.homepromo {
    background: #fdeedd;
    padding: 5px;
    color: #fff;
    margin-top: 1rem;
}
.homepromo a { color: #777; }

.homepromo h4 {
    color: #777;
    margin: 0;
    padding: 0;
    font-family: "Fira Sans", sans-serif;
    font-size: 1rem;
    font-weight: 500;
}



.zippy {
    background: #ddf4f4;
    padding: 1rem;
    border-radius: 10px;
}



.landside { border-radius: 10px; padding: 1rem; background: #fafafa }
.landside li { list-style: disc!important; }

.rentlybutton .wp-block-button__link { border: 1px solid #64ca1f!important; background-color: #64ca1f!important; }

#rentlyhome { padding: 10px 20px;
  margin: 0;
  font-family: 'Fira Sans', sans-serif;
  border-radius: 10px;
  color: #fff;
  background: #64ca1f;
  margin-bottom: 2rem; }
  
#rentlyhome h2 { 
	color: #fff; 
	font-family: 'Merriweather', serif;
	font-size: 1.5rem;
	padding: 10px 60px 10px 110px;
	background: url(/wp-content/themes/wincom26/img/rentlyicon.svg) 0 50% no-repeat;
	background-size: 80px;
	}
	
#rentlyhome .wp-block-button__link { background: #1b2a55; border: 1px solid #1b2a55; color: #fff; font-family: "Merriweather", serif; }
#rentlyhome .wp-block-button__link:hover { background: #254294; }

#rentlybox { padding: 30px 50px 20px 10px;
  margin: 0;
  font-family: 'Fira Sans', sans-serif;
  border-radius: 0px;
  color: #111;
  background: #ddebd3;
  margin-bottom: 2rem;
  background: #ddebd3 url(/wp-content/themes/wincom26/img/rentlyicon-green.svg) 98% 7% no-repeat;
  background-size: 80px;
	 }


#rentlybox .wp-block-button__link { background: #64ca1f; border: 1px solid #64ca1f; }

.buttonnumber {
	width: 50px;
	margin: auto;
	margin-bottom: 1rem;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    background-color: #808285;
    color: white;
    }
    
.banner-img {
    z-index: 100 !important;
    height: 55vh;
    width: 100%;
    background-size: cover;
    margin-bottom: 2rem;
}

.resident-group {
  border-bottom: 1px solid #efefef;
  padding: 15px 0;
  margin-bottom: 1.5rem;
}

.liveherebox { background: #fff; }

.owl-theme img { border-radius: 10px!important; }

.wp-block-column.promotionals { border: 1px solid #ccc; border-radius: 5px; padding: 1rem; }


#image-wrapper-2 {
	padding-bottom: 0;
	background-position: 50% 0%; 
	background-size: 100%; 
	background-attachment: scroll; 
	}
@media (max-width: 768px) {
	#image-wrapper-2 {
	background-size: 150%;
	background-attachment: scroll;
	}
}

.standardpage {
  margin-top: 20rem;
  padding-top: 20px;
  background: #fff;
  border-radius: 10px;
}
@media (max-width: 768px) {
	.standardpage {  margin-top: 15rem; border-radius: 0; }
}


dl {
    overflow: hidden;
    margin-right: auto;
    margin-left: 0;
}

dl dt {
    float: left;
    width: 40%
}

dl dd {
    color: #151515
}

#community-faqs { margin: 3rem 0; }

#community-faqs h3 { font-size: 1.2rem; margin-top: 2rem; }

#herosmall { background-color: #eee; height: 40vh; background-size: cover; background-position: 50% 50%; }
@media (max-width: 768px) {
	#herosmall { height: 20vh; background-size: 900px; }
}	
	
	
#herosmall .entry-header {
    color: #fff !important;
    text-shadow: 0 0 5px #000;
    padding-top: 160px;
    margin-left: -20px;
}	
	
#archive-wrapper a {
    color: #007bff;
    text-decoration: none;
}	

#archive-wrapper article {
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.contactus p {
    font-size: 1.2rem;
    line-height: 1.5rem;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

#menu-footer .applynow a { border: 1px solid #fff; padding: 5px 10px; }
#menu-footer .applynow { margin-top: 10px; }


.zippywide {
    background: #ddf4f4;
    padding: 20px;
    margin: 40px 0;
}

.landside {
    border-radius: 10px;
    padding: 1rem;
    background: #fafafa;
}

#slider_480 {
    background: #fafafa;
    padding: 3rem 0;
    margin: 2rem 0;
}



.blog-img { height: 300px!important; }
#single-wrapper { padding-top: 0!important; margin-top: 0; }
.blog-img .entry-header {
    color: #fff !important;
    text-shadow: 0 0 5px #000;
    padding-top: 160px;
}
article.category-blog { padding-top: 15px; }
	
	
.osano-cm-widget {
        background-image: url(/wp-content/themes/wincom26/img/privacy.svg);
        background-size: contain;
        border-radius: 100%;
        width: 40px;
        height: 40px;
        right: 1rem;
        bottom: 1rem;
        opacity: 0.9;
        transition-property: opacity, visibility, transform;
                        }
      .osano-cm-widget svg {
        display: none;
                        }
      .osano-cm-widget:focus,
      .osano-cm-widget:hover {
        opacity: 1;
        transform: none;
                        }
      .osano-cm-widget:active {
        transform: translateY(1px);
                        }
}