/*
Theme Name: The Collections
Theme URI: http://pixeldesigns.ca
Author: Pixel Designs
Author URI: http://pixeldesigns.ca
Description: Custom wordpress theme for the Collections
Version: 1.0
*/

BODY { /*font-size: 1.523rem;*/ font-size: 1.823rem; color: #000; }

.col-lg-10 { width: 86%; }
.col-lg-offset-1 { margin-left: 7%; }

header { z-index: 88; }
header.sticky { z-index: 1000; }

.showhome-badge { position: absolute; top: 10px; left: 0; display: block; width: 200px;  width: 250px; height: auto; z-index: 99; }
.showhome-badge img { width: 100%; height: auto; }
.showhome-badge-mobile { position: relative; display: none; width: 100%; height: auto; margin: 0; text-align: center; background: #043361; }
.showhome-badge-mobile a { position: relative; display: block; }
.showhome-badge-mobile img { width: auto; height: 100%; max-height: 80px; max-width: 100%; margin: 0 auto; }

a.button { display: inline-block; padding: 6px 42px; color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #002e5d; background: rgba(0,46,93,0.65); font-size: 1.7rem; font-weight: bold; border: 1px solid transparent; outline: 1px solid #abc976; margin: 1px; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; text-decoration: none; }
a.button:hover { background: #686f12; background: rgba(104,111,18,0.65); border: none; border: 1px solid transparent; }

.mag-wrapper { display: block; margin-left: -20px; }
.mag { display: block; float: left; width: 25%; padding-left: 20px; margin-bottom: 20px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; }
.mag:nth-child(4n+1) { clear: both; }
.mag a { display: block; }
.mag img { width: 100%; height: auto; }

.app { position: relative; display: block; padding-top: 30px; }
.app img { width: 100%; height: auto; max-width: 90px; }
.app .google img { max-width: 100px; }

.notice-wrapper { position: absolute; top: 100px; right: 0; display: block; padding: 0 50px; z-index: 99; box-sizing: border-box; -moz-box-sizing: border-box; }
.notice-wrapper .notice { position: relative; display: block; color: #000; width: 100%; max-width: 700px; margin: 0 auto; background: rgba(255,255,255,0.65); padding: 15px; box-sizing: border-box; -moz-box-sizing: border-box; }
.notice-wrapper .notice .notice-inner { position: relative; display: block; border: 1px solid #fff; padding: 35px; }
.notice-wrapper .notice h2 { color: #000; margin: 0 0 25px; }
.notice-wrapper .notice p { margin: 0 0 25px; }
.notice-wrapper .notice p:last-of-type { margin: 0; }
.notice-wrapper .notice a { color: #002e5c; }
.notice-wrapper .notice a:hover { color: #000; }

.side-video { padding: 10px 0 0; }
.side-video video { width: 100% !important; }

section#main #contact-content .hours ul.showhome-hours { max-width: none; font-size: 16px; }

#home-video { opacity: 0; }

p { margin-bottom: 20px; }

header ul li { position: relative; }
header .main ul li.menu-item-has-children .children { position: absolute; top: 40px; bottom: 0; width: auto; }
header .main ul li.menu-item-has-children .children li { margin-left: 0 !important; display: block; background: rgba(0,0,0,0.74); }
header .main ul li.menu-item-has-children .children li a { padding: 10px 20px; white-space: nowrap; }

section#main .responsive-tabs .tabcontent { font-size: 1.823rem; }

.tax-collection #slider { max-height: 235px; }
.home header { z-index: 888; }


.gallery-wrapper { position: relative; display: block; }
.gallery-wrapper ul { position: relative; display: grid; list-style-type: none; margin: 0; padding: 0; grid-template-columns: 1fr 1fr 1fr; gap: 20px 20px; grid-auto-rows: minmax(min-content, max-content); }
.gallery-wrapper ul li { position: relative; display: block; list-style-type: none; margin: 0; padding: 0; }

ul + .image-wrapper, ul + .gallery-wrapper { padding-top: 20px; }


.popup-wrapper { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; padding: 30px 50px; background: rgba(255, 255, 255, 0); box-sizing: border-box; -moz-box-sizing: border-box; z-index: 9999999; text-align: center; }
.popup-wrapper .popup-wrapper-inner { position: relative; display: flex; width: 100%; height: 100%; align-items: center; vertical-align: middle; }
.popup-wrapper .popup { position: relative; display: block; width: 100%; max-width: 620px; padding: 15px; margin: 0 auto; background: rgba(6, 54, 101, .9); box-sizing: border-box; -moz-box-sizing: border-box; }
.popup-wrapper .popup-inner { position: relative; display: block; padding: 80px; border: 1px solid #fff; color: #fff; font-size: 24px; }
.popup-wrapper .popup-inner h2 { color: #fff; font-weight: 700; margin: 0 0 20px; }
.popup-wrapper p + .box-button { margin-top: 30px; }
.popup-wrapper .box-button { display: block; max-width: 90%; margin-left: auto; margin-right: auto; border: none; outline: none; }
.popup-wrapper .box-button:last-of-type { margin-bottom: 0; }
.popup-wrapper .box-button a { padding: 12px 20px; background: #063665; color: #fff; border: 1px solid #87c53e; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.popup-wrapper .box-button a:hover { background: #87c53e; color: #000; border-color: #063665; }
.popup-wrapper .box-button.box-button-alt a { background: #87c53e; color: #000; border-color: #063665; }
.popup-wrapper .box-button.box-button-alt a:hover { background: #063665; color: #fff; border-color: #87c53e; }
.popup-wrapper a.btn-click { position: absolute; top: 5px; right: 20px; display: block; font-size: 20px; font-weight: bold; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; color: #fff; text-decoration: none; }
.popup-wrapper a.btn-click:hover { color: #87c53e; text-decoration: none; }

#home-popup {
	overflow: hidden;
	background-color: rgba(0,0,0,0.5);
	height: 100%;
	width: 100%;
	margin: 0;
	box-sizing: content-box;
	justify-content: center;
    align-items: center;
	font-family: "museo", serif;
}

#home-popup .popup-inner {
	display: grid;
	grid-template-columns: minmax(0, max-content) 1fr;
	grid-template-rows: 410px;
	z-index: 889;
	border-width: 0;
	padding: 0;
	background-color: #2D0A2C;
	color: white;
	max-width: 670px;
	font-size: 14px;
	font-weight: 200;
	position: relative;
}
#home-popup img {
	height: 100%;
}
#home-popup .close-button {
	font-size: 17px;
	position: absolute;
    top: 6px;
    right: 10px;
    cursor: pointer;
}
#home-popup h1 {
	font-size: 24px;
	font-weight: bold;
	margin-top: 0;
}
#home-popup .popup-content {
	margin: 20px;
	line-height: 16px;
}
#home-popup .popup-buttons {
	display: grid;
	grid-template-columns: minmax(0, max-content);
    justify-content: center;
	gap: 20px;
}
#home-popup .popup-buttons > a {
	border: 2px solid white;
	padding: 15px 25px;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}
#home-popup .popup-buttons > a:hover, #home-popup .popup-buttons > a:focus {
	color: white;
	text-decoration: none;
	outline: none;
}
.crawford-button {
	background-color: #0a2041;
	color: white;
}
.cove-button {
	background-color: #89abe3;
	color: white;
}

#builder-carousel { display: none !important; }

header .social-media-bar a.social-media-icon:last-child { border-right: none !important; }
header .social-media-bar { min-width: 150px !important; }
header .social-media-bar a.showhome-hours { display: none !important; }

.sold-out { position: absolute; top: 0; left: 0; display: block; max-width: 620px; width: 100%; }


footer { background: url("images/Petals_Left.png") left bottom/120px no-repeat,url("images/Petals_Middle.png") center bottom/420px no-repeat,url("images/Petals_Right.png") right 130px top/160px no-repeat,url(images/Creekwood_FamilyNeighbourhood_logo.png) right 110px bottom 20px/140px no-repeat,#fff; color: #002e5c; }
footer h3.logo-header::before { background-image: url("images/Collections-tree-rev.svg"); }
footer a { color: #002e5c; }
footer a:hover { color: #000; }
footer p { font-size: 1.38rem; }
footer .contact-info::after, footer .footer-links::after { background: #002e5c; }
footer .twitter-feed { border-color: #002e5c !important; }
footer .social-media a:hover { color: #b3d4fc; }

@media only screen and (max-width: 991px) {
  .showhome-badge { display: none; }
  .showhome-badge-mobile { display: block; }
  
}



footer .twitter-feed { padding-left: 42px; border-left: 1px solid #fff; }
.twitter .twitter-content ul { margin: 0; padding: 0; }
.twitter .twitter-content li { list-style-type: none; margin: 0; padding: 0; }


section#main .content h3 a { color: #002e5d; }
section#main .content h3 a:hover { color: #428bca; }



.gallery-box { position: relative; display: block; padding: 20px 0 0; }
.gallery-box ul { margin: -20px 0 0 -20px; padding: 0; }
.gallery-box li { margin: 0; padding: 20px 0 0 20px; list-style-type: none; float: left; width: 20%; }
.gallery-box li:nth-child(5n+1) { clear: both; }


#slider.banner-alt { height: 350px; }
.banner-alt .cycle-slide { background: #002e5d; }



.clear { clear: both; }

.single-homes .content h1 { margin-top: 40px; }
.single-homes .content h1, .page-template-page-find .content h1 { font-style: normal; }
.single-homes .content h2.page-title { margin-bottom: 50px; font-size: 45px; }
.single-homes .content-wrapper { margin-bottom: 50px; }
.single-homes .content .house-description { margin: 0 0 30px; }
.single-homes .content .content-row.content-house { max-width: 1640px; }
.single-homes .content .content-row.content-house .content-row-content-image-wrap { width: 49.512195%; float: left; }
.single-homes .content .content-row.content-house .content-row-content-image {  }
.single-homes .content .content-row.content-house .content-row-content-image-gallery {  }
.single-homes .content .content-row.content-house .content-row-content-image-gallery ul { margin: 0 0 0 -30px; padding: 0; }
.single-homes .content .content-row.content-house .content-row-content-image-gallery li { display: block; list-style-type: none; margin: 0; padding: 20px 0 0 30px; float: left; width: 20%; box-sizing: border-box; -moz-box-sizing: border-box; }
.single-homes .content .content-row.content-house .content-row-content-image-gallery li:nth-child(5n+1) { clear: both; }

.single-homes .content .content-row.content-house .content-row-content-information { width: 41.097561%; float: right; text-align: left; }
.single-homes .content .content-row.content-house .content-row-content-information h3 { font-size: 45px; margin-bottom: 30px !important; }
.single-homes .content .content-row.content-house .content-row-content-information h4 { font-size: 30px; margin-bottom: 30px; }
.single-homes .content .content-row.content-house .content-row-content-information p + h4 { padding-top: 10px; }
.single-homes .content .content-row.content-house .content-row-content-information p.price-disclaimer { font-size: 14px; margin: 0; padding: 30px 0 0; }
.single-homes .content .content-row.content-house .content-row-content-information .sold-text { color: #BA0C2F !important; }


.single-homes .content-wrapper.bg-blue { background: #003262; color: #fff; }
.single-homes .content-wrapper.bg-blue .content .content-row.content-text .content-row-content { max-width: 1088px; }
.single-homes .content-wrapper.bg-blue .content .content-row.content-text h2 { color: #fff; }
.single-homes .content-wrapper.bg-blue .content .content-row.content-text { font-size: 20px; }


.single-homes .content .content-row.content-split { max-width: 1088px; padding-top: 40px; padding-bottom: 40px; }
.single-homes .content .content-row.content-split:last-child { padding-bottom: 0; }
.single-homes .content-wrapper .content .content-split .content-row-content-image { width: 49.264706%; float: right; }
.single-homes .content-wrapper .content .content-split:nth-child(odd) .content-row-content-image { float: left; }
.single-homes .content-wrapper .content .content-split .content-row-content-information { width: 36.580882%; float: left; text-align: left; padding-top: 80px; }
.single-homes .content-wrapper .content .content-split:nth-child(odd) .content-row-content-information { float: right; }
.single-homes .content-wrapper .content .content-split .content-row-content-information h3 { font-size: 30px; margin: 0 0 30px; }


.single-homes .content-wrapper.bg-grey { background: rgba(37, 37, 37, .05); margin-bottom: 0; padding-top: 50px; padding-bottom: 50px; }


.content .content-row.content-listings { max-width: 1640px; }
.content .content-row.content-listings .content-box-inner { margin: 0 0 0 -20px; }
.content .content-row.content-listings .content-row-content-wrap { position: relative; display: block; width: 33.3333%; padding: 0 0 30px 20px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-row.content-listings .content-row-content-wrap:nth-child(3n+1) { clear: both; }
.content .content-row.content-listings .content-row-content-wrap .content-row-content { background: #fff; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4); }
.content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-image { position: relative; display: block; max-height: 210px; overflow: hidden; }
.content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-image img { max-width: none; width: 100%; }
.content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information { position: relative; display: block; padding: 20px; text-align: left; }
.content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information h4 { width: 65%; font-size: 20px; margin: 0 0 15px !important; padding: 0; float: left; }
.content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information .house-price { color: #BA0C2F; float: right; font-weight: bold; }
.content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information .house-price span { color: #262626; font-weight: normal; }
.content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information .content-text-group { float: left; }
.content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information .content-text a.button { display: block; float: right; background: rgba(0,46,93,0.65); color: #fff; padding: 5px 10px; text-decoration: none; font-size: 14px; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information .content-text a.button:hover { background: rgba(104,111,18,0.65); color: #fff; }

.content .content-row.content-listings .content-row-content-wrap .content-row-content .status-banner-container { position: absolute; top: 0; left: 0; width: 100%; height: 220px; overflow: hidden; }
.content .content-row.content-listings .content-row-content-wrap .content-row-content .status-banner-container .status-banner { position: relative; width: 200px; padding: 15px; font-size: 16px; text-align: center; transform: rotate(-45deg) translate(-28%, -35%); }
.content .content-row.content-listings .content-row-content-wrap .content-row-content .status-banner-container.hs-ready_to_own .status-banner { background: #BA0C2F; color: #fff; }
.content .content-row.content-listings .content-row-content-wrap .content-row-content .status-banner-container.hs-showhome .status-banner { background: #003262; color: #fff; }
.content .content-row.content-listings .content-row-content-wrap .content-row-content .status-banner-container.hs-sold .status-banner, .content .content-row.content-listings .content-row-content-wrap .content-row-content .status-banner-container.hs-pending .status-banner { background: #003262; color: #fff; font-size: 20px; font-weight: bold; padding-bottom: 8px; width: 600px; transform: rotate(-30deg) translate(-28%, -35%); }


.content .content-listings-search { position: relative; display: block; padding: 20px 0; margin-left: -5px; }
.content .content-listings-search .search-dropdown { position: relative; display: inline-block; margin: 0 5px 20px; }
.content .content-listings-search .search-dropdown select { border: 1px solid rgba(37, 37, 37, .3); padding: 0 15px; width: 300px; height: 45px; }
.content .content-listings-search .search-dropdown button { position: absolute; top: 0; right: 0; display: block; height: 45px; padding: 0 15px; background: #597795; color: #fff; border: 1px solid rgba(37, 37, 37, .3); transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.content .content-listings-search .search-dropdown button span { display: block; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.content .content-listings-search .search-dropdown:hover button span { padding-bottom: 5px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); }


.page-template-page-find .content .content-row.content-text .content-row-content { max-width: 1088px; }
.page-template-page-find .content .content-row.content-text .content-row-content { font-size: 20px; }
.page-template-page-find .content .content-row.content-text.price-disclaimer .content-row-content { font-size: 12px; color: #707070; }


section#homes .row, section#builders .row { margin-left: 0; margin-right: 0; }
section#builders { margin-bottom: 50px; }
ul.builder-list { font-size: 18px; line-height: 18px; margin: 0; padding: 0; list-style-type: none; }
ul.builder-list li { padding: 0; margin: 5px; color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: 1.7rem; font-weight: bold; border: 1px solid transparent; outline: 1px solid #abc976; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; float: left; }
ul.builder-list li a { display: block; color: #fff; background: rgba(0,46,93,0.65); padding: 6px 42px; width: 100%; }
ul.builder-list li a:hover { background: rgba(104,111,18,0.65); color: #fff; text-decoration: none; }

.box-button { position: relative; display: inline-block; margin: 0 0 20px; border: 1px solid transparent; outline: 1px solid #abc976; padding: 1px; }
.box-button a { display: block; color: #fff; background: rgba(0,46,93,0.65); padding: 6px 42px; width: 100%; font-size: 1.7rem; font-weight: bold; }
.box-button a:hover { background: rgba(104,111,18,0.65); color: #fff; text-decoration: none; }


section#home-video { height: 800px; }


.showhome-hours { font-size: 1.4em; display: inline-block; margin-left: 10px; }
.hours-wrapper { position: fixed; top: 0; right: 0; display: none; width: 300px; height: 100%; background: #002e5d; color: #fff; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 9999; text-align: right; }
.hours-wrapper a { color: #fff; }
.hours-wrapper a:hover { color: #84b134; text-decoration: none; }
.hours-wrapper a.hours-close { font-weight: 700; font-size: 20px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; }
.hours-wrapper .hours { position: relative; display: block; height: 98%; padding: 20px 0; overflow-y: scroll; text-align: left; }
.hours-wrapper .hours .hours-inner + .hours-inner, .contact-hours .hours-inner + .hours-inner { position: relative; display: block; padding-top: 40px; }
.hours-wrapper .hours .builder-row, .contact-hours .builder-row { position: relative; display: block; margin: 0 0 10px; }
.hours-wrapper .hours .builder-row:last-of-type, .contact-hours .builder-row:last-of-type { margin-bottom: 0; }
.hours-wrapper .hours h3, .contact-hours h3 { font-size: 18px; margin: 0 0 15px; padding: 0; color: #84b134; }
.hours-wrapper .hours .builder-row h4, .contact-hours .builder-row h4 { color: #84b134; font-size: 16px; margin: 0; padding: 0; }
.hours-wrapper .hours .builder-row .detail-row, .contact-hours .builder-row .detail-row { position: relative; display: block; padding: 0 0 10px; }
.hours-wrapper .hours .builder-row .detail, .contact-hours .builder-row .detail { position: relative; display: block; padding: 0 0 10px; }
.hours-wrapper .hours .show-hours, .contact-hours .show-hours { position: relative; display: block; color: #84b134; margin: 0 0 15px; }
.contact-hours { position: relative; display: block; padding-top: 30px; }


.category-links { position: relative; display: block; }
.category-links ul { margin: 0; padding: 0; }
.category-links li { list-style-type: none; display: inline-block; margin: 0 10px 0 0; padding: 0; }
.category-links li:after { position: relative; display: inline-block; color: #84b134; content: '|'; margin: 0 0 0 10px; }
.category-links li:last-child:after { display: none; }
.category-links li a { font-size: 20px; }



a.btn-chat { position: fixed; bottom: 50px; right: 25px; display: block; background: #fff; color: #000; padding: 10px; border-radius: 60px; border: 2px solid #fff;/*#8d94a7*/ box-sizing: border-box; -moz-box-sizing: border-box; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; box-shadow: rgba(2, 6, 16, 0.2) 0px 4px 24px; z-index: 110; }
a.btn-chat.init { bottom: 84px; right: 29px; }
a.btn-chat .begin { display: block; width: 40px; height: 40px; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
a.btn-chat img { width: 100%; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
a.btn-chat:hover { background: #fff; color: rgb(0, 125, 252); }
a.btn-chat.init:hover { right: 24px; bottom: 79px; }
a.btn-chat:hover .begin { display: block; width: 50px; height: 50px; }
a.btn-chat i { font-size: 40px;}
a.btn-chat.init:hover i { font-size: 50px;}
a.btn-chat .wait { display: none; text-align: center; }
a.btn-chat .chat-box { position: absolute; top: 6px; left: -255%; display: block; padding: 15px 30px; border-radius: 30px; font-size: 16px; font-family: "Roboto Slab",serif; background: #002e5c; color: #fff; border: 1px solid #fff; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; box-shadow: 0 6px 32px 0 rgba(0,18,46,0.24); }
a.btn-chat:hover .chat-box { top: 11px; left: -230%; }


.image-wrap { position: relative; display: block; text-align: center; }
.image-wrap img { margin: 0 auto; }


.collection-lots { position: relative; display: block; margin: 0 0 25px; }
.collection-lots .collection-lots-inner { position: relative; display: flex; flex-flow: row wrap; justify-content: space-around; padding: 25px 0 0; margin: 0 0 0 -25px; }
.collection-lots .collection-lots-inner .collection-lots-box { position: relative; display: block; width: 49%; padding: 0 0 25px 25px; box-sizing: border-box; -moz-box-sizing: border-box; }
.collection-lots .collection-lots-box-inner { position: relative; display: block; -webkit-box-shadow: 4px 4px 8px -2px rgba(0,0,0,0.7); -moz-box-shadow: 4px 4px 8px -2px rgba(0,0,0,0.7); box-shadow: 4px 4px 8px -2px rgba(0,0,0,0.7); }

.collection-lots .collection-lots-box-inner .img { position: relative; display: block; max-height: 275px; overflow: hidden; margin: 0; }
.collection-lots .collection-lots-box-inner .content { position: relative; display: block; padding: 20px 25px; text-align: center; }
.collection-lots .collection-lots-box-inner h3 { color: #102e5a; }
.collection-lots .collection-lots-box-inner h3:after { display: none !important; }
.collection-lots .collection-lots-box-inner .description { position: relative; display: block; text-justify: auto; text-align: left; margin: 0; }
.collection-lots .collection-lots-box-inner .lot-map { position: relative; display: block; padding-top: 25px; }
.collection-lots .collection-lots-box-inner .gallery { position: relative; display: block; margin: 0; padding-top: 25px; }
.collection-lots .collection-lots-box-inner .gallery-images { display: none; }
.collection-lots .collection-lots-box-inner .box-button { display: block; text-align: center; margin: 0; }
.tax-collection iframe { margin-top: 20px; }


.wrapper { position: relative; display: block; }
.collection-badge { position: absolute; top: 0; right: 0; display: block; z-index: 100; }
.badge-desktop { position: relative; display: block; padding: 20px 20px; }
.badge-desktop-inner { position: relative; display: block; }
.badge-desktop-inner img { width: 100%; max-width: 200px; height: auto; }
.badge-responsive { position: relative; display: none; padding: 0 20px; text-align: center; }
.badge-responsive-inner { position: relative; display: block; margin: 0 auto; }
.badge-responsive img { width: 100%; max-width: 300px; height: auto; }


.wrapper-background { position: relative; display: flex; min-height: calc(100vh - 108px); background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 40px 20px; box-sizing: border-box; -moz-box-sizing: border-box; }
.wrapper-background .container { display: grid; vertical-align: middle; }
.wrapper-background .banner-content { position: relative; display: block; color: #fff; padding-top: 50px; padding-bottom: 50px; overflow: hidden; } 
.wrapper-background .banner-content h1 { font-size: 57px; text-transform: uppercase; text-shadow: 2px 2px 2px #000000; margin: 0 0 50px; }
.wrapper-background .banner-content h3 { position: relative; color: #fff; margin-bottom: 30px; }
.wrapper-background .banner-content h3:after { background: #84bd00; width: 100%; content: ''; display: inline-block; height: 1px; position: absolute; overflow: hidden; bottom: 13px; margin-left: 20px; }
.wrapper-background .banner-content img { margin-top: 40px; }

.wrapper-background .button-list { position: relative; display: block; text-align: center; }
.wrapper-background .button-list ul { margin: 0; padding: 0; list-style-type: none; }
.wrapper-background .button-list li { display: inline-block; margin: 0; padding: 30px 15px 0; list-style-type: none; }
.wrapper-background .button-list li a { display: block; min-width: 260px; padding: 6px 20px; background: #003262; color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.wrapper-background .button-list li a:hover { background: rgba(104,111,18,0.65); color: #fff; text-decoration: none; }
.wrapper-background .button-list .background-gallery { display: none; }

.collection-info.has-side-image .collection-info-side { position: relative; display: block; width: 60%; float: right; }
.collection-info.has-side-image .collection-info-content { position: relative; display: block; width: 25%; float: left; }

.gform_body > ul { margin: 0; padding: 10px 0 0; list-style-type: none; }
.gform_body > ul > li { margin: 0; padding: 20px 0 0; list-style-type: none; }
.gform_body > ul > li p { margin: 0; padding: 0; }
section#main #contact-content .contact-form .gform_wrapper input, section#main #contact-content .contact-form .gform_wrapper textarea { width: 100%; }
section#main #contact-content .contact-form .gform_wrapper input[type="checkbox"] { width: auto; margin-right: 10px; }
section#main #contact-content .contact-form .gform_wrapper .gform_footer input[type=submit] { width: auto; }

.ginput_container.ginput_container_checkbox > ul { margin: 0; padding: 0 0 0; list-style-type: none; }
.ginput_container.ginput_container_checkbox > ul > li { margin: 0; padding: 5px 0 0; list-style-type: none; }
.ginput_container.ginput_container_checkbox > ul > li p br { display: none; }


@media only screen and (max-width: 2000px) {
	section#home-video { height: 584px; }
}

@media only screen and (max-width: 1490px) {
	.sold-out { max-width: 560px; margin-bottom: 20px; }
}

@media only screen and (max-width: 1380px) {
	.sold-out { max-width: 500px; margin-bottom: 20px; }
}

@media only screen and (max-width: 1200px) {
	.sold-out { max-width: 460px; margin-bottom: 20px; }
}

@media only screen and (max-width: 1160px) {
	.sold-out { max-width: 400px; margin-bottom: 20px; }
}

@media only screen and (max-width: 1260px) {
  
  .collection-badge { top: 41px; z-index: 40; }
  .badge-desktop { padding-top: 0; padding-bottom: 0; }
  
}

@media only screen and (max-width: 1060px) {
	
	.single-homes .content h2.page-title { font-size: 38px; margin-bottom: 40px; }
	.single-homes .content .content-row.content-house .content-row-content-information h3 { font-size: 35px; }
	.single-homes .content .content-row.content-house .content-row-content-information h4 { font-size: 26px; margin-bottom: 20px; }
	.single-homes .content .content-row.content-house .content-row-content-image-gallery ul { margin-left: -15px; }
	.single-homes .content .content-row.content-house .content-row-content-image-gallery li { padding-left: 15px; width: 25%; }
	.single-homes .content .content-row.content-house .content-row-content-image-gallery li:nth-child(5n+1) { clear: none; }
	.single-homes .content .content-row.content-house .content-row-content-image-gallery li:nth-child(4n+1) { clear: both; }
  
  .wrapper-background .banner-content h1 { font-size: 45px; margin-bottom: 40px; }
  .wrapper-background .banner-content img { max-width: 200px; }
  
  .collection-info.has-side-image .collection-info-side { width: 100%; float: none; margin-bottom: 30px; }
  .collection-info.has-side-image .collection-info-content { width: 100%; float: none; }
	
}

@media only screen and (max-width: 991px) {

	header #header-inner .upper-logo ul li:first-child a.logo { top: 5px; }
  header .col-lg-offset-1 { margin-left: 0; }
	.single-homes .content h1 { margin-top: 0; }
	.single-homes section#main { padding: 20px 0; }
	.content .content-row.content-listings .content-row-content-wrap .content-row-content .status-banner-container.hs-sold .status-banner, .content .content-row.content-listings .content-row-content-wrap .content-row-content .status-banner-container.hs-pending .status-banner { width: 450px; }
  .showhome-hours { margin: 0; font-size: 1.823rem; }
  .notice-wrapper { left: 0; width: 100%; }
  .notice-wrapper .notice { max-width: 600px; }
  footer { background: url("images/Petals_Middle.png") center bottom/420px no-repeat,url(images/Creekwood_FamilyNeighbourhood_logo.png) right 30px bottom 20px/140px no-repeat,#fff; }
  
  .collection-badge { top: 0; width: 100%; }
  .badge-desktop { display: none; }
  .badge-responsive { display: block; }
	
	.container.upper-logo { margin-top: 60px; }
	.sold-out { max-width: 320px; }
}

@media only screen and (max-width: 960px) {

	.single-homes .banner .banner-content, .page-template-page-find .banner .banner-content { padding-top: 80px; }
	
}

@media only screen and (max-width: 800px) {
	
	.single-homes .content-wrapper { margin-bottom: 50px; }
	.content .content-listings-search .search-dropdown select { width: 250px; }
	.content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information h4 { font-size: 16px; }
	.content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information .content-text-group { font-size: 14px; }
	.content .content-listings-search { padding-bottom: 30px; }
	.page-template-page-find .content .content-row.content-text .content-row-content { font-size: 16px; }
	.single-homes .content-wrapper.bg-blue .content .content-row.content-text { font-size: 18px; }
	.single-homes .content .content-row.content-split { padding-top: 20px; padding-bottom: 20px; }
	.single-homes .content-wrapper .content .content-split .content-row-content-information { padding-top: 20px; }
	.single-homes .content-wrapper .content .content-split .content-row-content-information h3 { font-size: 26px; margin: 0 0 20px; }
	.single-homes .content h2.page-title { font-size: 34px; margin-bottom: 20px; }
	
	.gallery-box li { width: 25%; }
	.gallery-box li:nth-child(5n+1) { clear: none; }
	.gallery-box li:nth-child(4n+1) { clear: both; }
  
  .popup-wrapper .popup-inner { font-size: 20px; }
  
  .video-iframe { height: 400px; }
	
}

@media only screen and (max-width: 767px) {
	
  footer { padding-bottom: 62px; }
	footer .twitter-feed { margin-top: 30px; padding-left: 0; border: none; }
  
  .wrapper-background { padding-left: 0; padding-right: 0; }
  .wrapper-background .banner-content { padding-top: 30px; padding-bottom: 30px; }
  .wrapper-background .banner-content h1 { font-size: 40px; margin-bottom: 35px; }
  .wrapper-background .banner-content img { margin-right: auto; margin-left: auto; }
	
}

@media only screen and (max-width: 667px) {
	
	.content .content-row.content-listings .content-row-content-wrap .content-row-content .status-banner-container .status-banner { width: 170px; font-size: 14px; padding: 10px; }
	
	.single-homes .banner .banner-content, .page-template-page-find .banner .banner-content { padding-top: 60px; }
	.single-homes .content .content-row.content-house .content-row-content-information h3 { font-size: 30px; }
	.single-homes .content .content-row.content-house .content-row-content-information h4 { font-size: 24px; margin-bottom: 10px; }
	.single-homes .content .content-row.content-house .content-row-content-image-wrap { width: 100%; float: none; margin-bottom: 30px; }
	.single-homes .content .content-row.content-house .content-row-content-information { width: 100%; float: none; }
	.single-homes .content-wrapper .content .content-split .content-row-content-image { width: 100%; float: none; }
	.single-homes .content-wrapper .content .content-split .content-row-content-information { width: 100%; float: none; }
	.single-homes .content-wrapper .content .content-split .content-row-content-information h3 { font-size: 24px; margin: 0 0 10px; }
	.single-homes .content .content-row.content-listings .content-row-content-wrap:nth-child(3) { display: none; }
	.content .content-row.content-listings .content-row-content-wrap .content-row-content .status-banner-container.hs-sold .status-banner, .content .content-row.content-listings .content-row-content-wrap .content-row-content .status-banner-container.hs-pending .status-banner { width: 620px; }
  
  .content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information h4 { width: 60%; }
	
	.content .content-row.content-listings .content-row-content-wrap { width: 50%; }
	.content .content-row.content-listings .content-row-content-wrap:nth-child(3n+1) { clear: none; }
	.content .content-row.content-listings .content-row-content-wrap:nth-child(2n+1) { clear: both; }
  
  .notice-wrapper .notice .notice-inner { padding: 30px; }
  
  .video-iframe { height: 360px; }
  
  .popup-wrapper { padding: 20px 30px; }
  .popup-wrapper .popup-inner { padding: 50px; font-size: 19px; }
  
  section#home-video { height: auto; }
  .notice-wrapper { position: relative; top: 0; padding: 20px; } 
	
}

@media only screen and (max-width: 600px) {
		
	.content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information .content-text-group, .content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information .house-price { margin-bottom: 20px; }
	.content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information .content-text a.button { width: 100%; text-align: center; }
	.content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information br.clear { display: none; }
	.content .content-listings-search .search-dropdown { display: block; margin-bottom: 10px; }
	.content .content-listings-search .search-dropdown select { width: 100%; display: block; }
	.single-homes .content .house-description { margin-bottom: 30px; }
	.content .content-row.content-listings .content-row-content-wrap .content-row-content .status-banner-container.hs-sold .status-banner, .content .content-row.content-listings .content-row-content-wrap .content-row-content .status-banner-container.hs-pending .status-banner { width: 540px; }
	
	.gallery-box li { width: 33.333%; }
	.gallery-box li:nth-child(4n+1) { clear: none; }
	.gallery-box li:nth-child(3n+1) { clear: both; }
  
  .term-gallery { width: 100%; }
  
  .page img { max-width: 100% !important; }
  .app img { max-width: 90px !important; }
  
  .collection-lots .collection-lots-inner { display: block; margin-left: 0; }
  .collection-lots .collection-lots-inner .collection-lots-box { margin: 0 auto; padding-left: 0; width: 80%; }
  
  .badge-responsive img { max-width: 250px; }
  
  .wrapper-background .banner-content h1 { font-size: 32px; margin-bottom: 30px; }
  .wrapper-background .button-list li { display: block; padding: 20px 0 0; }
  .wrapper-background .button-list li a { width: 100%; min-width: 0; }
  
  #parallax-cta { background-color: rgba(0,46,93,0.85); }
	
}

@media only screen and (max-width: 480px) {
		
	.content .content-listings-search { padding-bottom: 30px; }
	.content .content-row.content-listings .content-row-content-wrap { width: 100%; }
	.content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information h4 { float: left; }
	.content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information .content-text-group { float: left; margin-bottom: 0; }
	.content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information .house-price, .content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information .content-text a.button { float: right; }
  .content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information .content-text a.button { width: auto; }
	.content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information br.clear { display: block; }
	
	.single-homes .banner .banner-content, .page-template-page-find .banner .banner-content { padding-top: 40px; margin-left: 0; }
	.single-homes .content-wrapper .content .content-split .content-row-content-information h3 { font-size: 20px; }
	.single-homes .content .content-row.content-house .content-row-content-information h4 { font-size: 22px; }
	.content .content-row.content-listings .content-row-content-wrap .content-row-content .status-banner-container.hs-sold .status-banner, .content .content-row.content-listings .content-row-content-wrap .content-row-content .status-banner-container.hs-pending .status-banner { width: 910px; transform: rotate(-23deg) translate(-28%, -35%); }
  
  .notice-wrapper { top: 60px; padding: 0 20px; }
  
  .video-iframe { height: 250px; }
  
  .gallery-wrapper ul { gap: 15px 15px; grid-template-columns: 1fr 1fr; }
  
  .collection-lots .collection-lots-box-inner .lot-map, .collection-lots .collection-lots-box-inner .gallery { padding-top: 20px; }
  
  .popup-wrapper { padding: 20px; }
  .popup-wrapper .popup-inner { padding: 30px; font-size: 18px; }
  .popup-wrapper .popup-inner h2 { font-size: 26px; }
	
}

@media only screen and (max-width: 420px) {
	
	.single-homes .content .content-row.content-house .content-row-content-image-gallery li { width: 33.333% }
	.single-homes .content .content-row.content-house .content-row-content-image-gallery li:nth-child(4n+1) { clear: none; }
	.single-homes .content .content-row.content-house .content-row-content-image-gallery li:nth-child(3n+1) { clear: both; }
	.content .content-row.content-listings .content-row-content-wrap .content-row-content .status-banner-container.hs-sold .status-banner, .content .content-row.content-listings .content-row-content-wrap .content-row-content .status-banner-container.hs-pending .status-banner { width: 780px; transform: rotate(-27deg) translate(-28%, -35%); }
	
	.gallery-box li { width: 50%; }
	.gallery-box li:nth-child(3n+1) { clear: none; }
	.gallery-box li:nth-child(2n+1) { clear: both; }
  
  .notice-wrapper .notice .notice-inner { padding: 15px; }
  .notice-wrapper .notice h2 { font-size: 26px; }
  
  .video-iframe { height: 220px; }
  
  .collection-lots .collection-lots-inner .collection-lots-box { width: 100%; }
	
}

@media only screen and (max-width: 360px) {
	
	.content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information .content-text-group, .content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information .house-price { margin-bottom: 20px; }
	.content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information .content-text a.button { width: 100%; text-align: center; }
	.content .content-row.content-listings .content-row-content-wrap .content-row-content .content-row-content-information br.clear { display: none; }
	
	.single-homes .banner .banner-content, .page-template-page-find .banner .banner-content { padding-top: 30px; }
	.content .content-row.content-listings .content-row-content-wrap .content-row-content .status-banner-container.hs-sold .status-banner, .content .content-row.content-listings .content-row-content-wrap .content-row-content .status-banner-container.hs-pending .status-banner { width: 660px; transform: rotate(-31deg) translate(-28%, -35%); }
  
  .notice-wrapper { padding: 0 5px; top: 30px; }
  
  .popup-wrapper .popup-inner { padding: 30px 20px; font-size: 17px; }
  .popup-wrapper .popup-inner h2 { font-size: 24px; }
  .popup-wrapper .box-button { max-width: 100%; }
	
}

@media only screen and (max-width: 320px) {
	
	.content .content-row.content-listings .content-row-content-wrap .content-row-content .status-banner-container.hs-sold .status-banner, .content .content-row.content-listings .content-row-content-wrap .content-row-content .status-banner-container.hs-pending .status-banner { width: 570px; }
  
  .video-iframe { height: 160px; }
	
}