/*
Theme Name: Bourbon Ridge Retreat
Version: 1.0
Author: WPAdmin.CA
Text Domain: bourbonridgeretreat
*/
:root{
--base:#3F5401;
--accent1:#ABB97C;
--accent2:#b07d39;
--faded:#D3C7B0;
--black:#251309;
--white:#FFF9ED;
}

body{
font-family: 'BrandonGrotesqueWeb-Regular';
letter-spacing: .05rem;
font-size:18px;
color:var(--black);
background:var(--white);
}
h1,h2{
font-family: 'NexaRustSans-Black2' !important; 
color:var(--black) !important;
}
h2{
margin: 2rem 0;	
}
h3,h4,h5,h6{
font-family: 'BrandonGrotesqueWeb-Regular' , arial !important;
color:var(--black);
font-weight:600;
}
a,
a:hover,
a:visited,
a:active{
color:#F30;
/*position:relative;*/
}
.cal_hilite{
padding:.5rem;
background:var(--faded);
border: 1px solid var(--white);
}
em {
color: var(--accent2) !important;
}
.hidden{
display:none;
}
.ratingwrapper{
margin:0px;
padding:0px;
display:inline-block;
}
.ratings{
float: left;
list-style: none;
padding: 0px;
margin: 0px;
}
.ratings .fa{
color:#E4B248;
}
.reviewtime{
font-size:.75rem;
}
.reviewwrapper {
clear: both;
width: 100%;
padding: 15px;
display: inline-block;
position: relative;
}
.formwrapper{
background:var(--faded);
color:var(--black);
padding:20px 0px;
}
.formwrapper h2{
color:var(--black);	
}

/*header*/
#topbar{
background:var(--white);
color: var(--white);
padding: 0px;
font-size: .8rem;
margin-bottom: .75rem;
}

#topbar p{
padding:0px;
margin:0px;
}

#topbar  a,
#topbar  a:visited,
#topbar  a:hover,
#topbar  a:active{
color:var(--black);
text-decoration:none;
}
#topbar .btn{
color:var(--white) !important;
background:#F30 !important;
text-decoration:none;
padding: 3px;
}

header{
background: var(--white);
position: absolute;
width: 100%;
height: 75px;
z-index: 999;
}	

.site-branding{
position: absolute;
top: 0px;
background: var(--white);
padding:7px;	
-webkit-box-shadow: 0 15px 35px -5px rgba(0,0,0,.5);	
box-shadow: 0 15px 35px -5px rgba(0,0,0,.5);
}

/*menu*/
#primary-menu li{
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;	
}
#primary-menu li a,
#primary-menu li a:visited,
#primary-menu li a:active{
text-decoration: none;
padding: 3px 15px;
color:var(--white);
position:relative;
display: block;
}
.sub-menu{
background:var(--base);
margin:0px;
margin-top:-1px !important;
padding:0px;
}
.sub-menu li{
list-style:none;
}
.sub-menu li a{
padding:3px 15px !important;
}

.btn{
padding:7px 10px;
margin:1rem 0;	
border:0px solid;
cursor:pointer;
display:inline-block;
position:relative;
}

.btn-primary,
.btn-primary:visited,
.btn-primary:active{
background:var(--base);
color:var(--white);
text-decoration:none;
top:0px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.btn-primary:hover{
background:var(--base);
color:var(--white);
text-decoration:none;
z-index:1;
}
article{
top: 10px;
padding: 0px 10px;
display: block;
position: relative;
}
article .btn-primary{
overflow:hidden;
}
article .btn-primary:hover{
-webkit-box-shadow: 0px 10px 14px -7px #000;
box-shadow: 0px 10px 14px -7px #000;
top:-3px;
}
article .btn-primary:hover:before{
left:0px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

article .btn-primary:before{
content: '';
left: -100%;
top: 0px;
z-index:-1;
position: absolute;
width: 100%;
height: 100%;
background: #000;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all .3s  ease-in;
-o-transition: all .3s  ease-in;
transition: all .3s  ease-in;
}

.btn-success,
.btn-success:visited,
.btn-success:active{
background:var(--accent2);
color:var(--white) !important;
text-decoration:none;
-webkit-transition: all .3s  ease-in;
-o-transition: all .3s  ease-in;
transition: all .3s  ease-in;
}

.btn-success:hover{
background:var(--accent2);
color:var(--white) !important;
text-decoration:none;
z-index:1;
}

article .btn-success{
overflow:hidden;
}
article .btn-success:hover{

}
article .btn-success:hover:before{
left:0px;
-webkit-transition: all .5s  ease-in;
-o-transition: all .5s  ease-in;
transition: all .5s  ease-in;
}

article .btn-success:before{
content: '';
left: -100%;
top: 0px;
z-index:-1;
position: absolute;
width: 100%;
height: 100%;
background: var(--black);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all .5s  ease-in;
-o-transition: all .5s  ease-in;
transition: all .5s  ease-in;
}

.pageimage {
background-size: cover !important;
margin-bottom: 7px;
}
.site-title{
text-align: center;
color: var(--white);
font-family: 'NexaRustSans-Black2'; 
background: rgba(2,2,2,.25);
height: 100%;
font-weight: 700;
text-shadow: 3px 3px 5px #000;
}

/*#parallaxwrapper{*/
#parallaxwrapper .uk-scrollspy-inview{
background:url(/wp-content/uploads/2020/07/observation-blinds-bourbon-ridge-retreat.jpg);
height:800px;
}

.taginlinewrapper {
padding: 0px 0px 0px 0px;
margin: 0px 7px 20px 7px;
width:100%;
}

footer{
background:var(--black);
color:var(--white);
padding:20px 0px;
}
footer h2{
color:var(--white) !important;
}
footer a,
footer a:hover,
footer a:active,
footer a:visited{
color:var(--faded);
}
.tagwrapper {
padding: 0px;
margin: 0px;
}
.tag {
list-style: none;
padding: 15px 0px 0px 15px;
float: left;
width: 20%;
text-align: center;
}
.sidebar_features {
font-size: 1.5rem;
padding-left: 15px;
}

/******************************CALENDAR*********************************/
.cal_title{
font-size:1.25rem;
padding:10px 0px;
}
.calitem{
float:left;
width:14.25%;
padding:10px 0px;
text-align:center;
}
.cal_dow{
font-weight:600;
background:var(--base);
color:var(--white);
}

.date_booked{
color:var(--faded);
position:relative;
}
.date_booked:after{
content: 'X';
color: var(--accent);
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
padding: 10px 0px;
font-size: 1.25rem;
font-weight: bolder;
}
.cal_date{
cursor:pointer;
-webkit-transition: .3s  ease-in;
-o-transition: .3s  ease-in;
transition: .3s  ease-in;
}
.cal_date:hover{
-webkit-transform:scale(1.5);
-ms-transform:scale(1.5);
transform:scale(1.5);
}
.page-image{
width: 96%;
background: #fcfcfc;
padding: 7px;
margin: 0px 7px;
-webkit-filter: drop-shadow(2px 4px 4px #333);
filter: drop-shadow(2px 4px 4px #333)
}
.posrelative{
position:relative;
top:auto;
text-align:center;
font-size:1.25rem;
background:transparent;
}
.posfixed{
position: fixed;
top: 0px;
z-index: 9;
left: 0px;
font-size:1.25rem;
text-align:center;
background: var(--white);
-webkit-filter: invert(1);
filter: invert(1);
}
.floatright{
float:right;
width:50%;
background: #fcfcfc;
padding: 7px;
margin: 0px 7px;
-webkit-filter: drop-shadow(2px 4px 12px #333);
filter: drop-shadow(2px 4px 12px #333);
}

.flip-container {
-webkit-perspective: 1000;
perspective: 1000;
}

.vpadded:hover .flipper,
.vpadded.hover .flipper {
transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
}

.flipper {
transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
-webkit-transition: 0.6s;
transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
position: relative;
-webkit-transition: -webkit-transform 1s;
transition: -webkit-transform 1s;
transition: transform 1s;
transition: transform 1s, -webkit-transform 1s;
-moz-transition: transform 1s;
-o-transition: transform 1s;
-webkit-transition: transform 1s;
margin-bottom: 10px;
}

.front,
.back {
backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
top: 0;
left: 0;
}

.front {
z-index: 2;
transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
border: 5px solid #FFF;
}

.back {
transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
background: var(--faded);
border: 5px solid #FFF;
padding: 10px;
color: var(--black);
position: absolute;
top: 0px;
text-align: center;
width: 100%;
height: 100%;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
padding:15px;
font-weight: 700;
}
.iframewrapper {
margin:0px;
}
#gototop {
background: var(--base);
color: var(--accent);
}
#gototop a{
color:var(--white);
}
.pageimage {
height: 250px;
}
.fa-bars{
text-align: right;
position: fixed;
right: 15px;
font-size: 1.75rem;
color: var(--black);
padding: 3px 5px 3px 5px;
}
.menuhide{
display:none !important;
}
#menuwrapper{
background: var(--base);
z-index: 999;
display: block;
width: 275px;
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 1000;
}
#menuwrapper ul li ul{
display:block;
padding-left:20px;
position: relative;
}
#menuwrapper ul li ul li {
padding: 0px 0px;
}

.fourcols .gscols{
position:relative
}
.fourcols p{
margin:0px;
}
.fourcols h4{
margin: 6.5rem 0rem;
cursor: pointer;
position: absolute;
bottom: 10px;
padding: 10px 0px;
color: #fff;
text-shadow: 3px 3px 3px #000;
text-align: center;
width: 100%;
opacity: 1;
font-size: 3rem;
line-height: 3rem;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.fourcols img{
padding: 10px 5px;
background: var(--white);
-webkit-filter: saturate(1);
filter: saturate(1);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.fourcols h4:hover{
opacity: 1;
}
.fourcols a,
.fourcols a:hover,
.fourcols a:visited,
.fourcols a:active{
color:var(--white);
text-decoration:none;
}
#parallax {
text-align: center;
color: var(--white);
font-size: 1.35rem;
padding-top: 0rem;
}
#parallax h2{
text-align: center;
color: var(--white);
font-size: 1.35rem;
line-height: 1.75rem;
padding-top: 1rem;
text-shadow: 3px 3px 3px #000;
}
#parallax a,
#parallax a:visited,
#parallax a:active{
font-size: 1.15rem;
margin-top: 0rem;
padding: 10px 7px;
color:var(--white);
}
/*#parallaxwrapper {*/
#parallaxwrapper.uk-scrollspy-inview{
background: url(/wp-content/uploads/2020/07/observation-blinds-bourbon-ridge-retreat.jpg);
height: 300px;
background-size: cover !important;
background-repeat: no-repeat  !important;
}
.partnerlogo img{
width: 150px;
padding: 15px;
}
.taginlinewrapper{
padding: 0px;
list-style: none;
}
article{
padding:0px 10px;
}
.tag {
padding: 0px;
width: 100%;
text-align: left;
}

.linkbutton,
.linkbutton:active,
.linkbutton:visited{
background: #F30;
display: inline-block;
cursor: pointer;
color: #ffffff;
-webkit-box-shadow: 0px 10px 14px -7px #000;
box-shadow: 0px 10px 14px -7px #000;
padding: 10px 15px;
text-decoration: none;
-webkit-transition: .3s  ease-in;
-o-transition: .3s  ease-in;
transition: .3s  ease-in;
overflow:hidden;
width: 100%;
margin: 10px 0px;
}
.linkbutton:hover{
-webkit-box-shadow: 0px 10px 14px -7px #000;
box-shadow: 0px 10px 14px -7px #000;	
color: #ffffff;
text-decoration: none;
}
.linkbutton:after{
/*content: '';
left: -31px;
top: 74%;
z-index: -1;
position: absolute;
width: auto;
color: var(--white);
height: 100%;
padding: 10px 15px;
background: rgba(0,0,0,.1);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all .3s  ease-in;
-o-transition: all .3s  ease-in;
transition: all .3s  ease-in;*/
}
.linkbutton:hover:after{
/*content: '';
left: 0px;
top: 0%;
z-index: -1;
position: absolute;
width: 100%;
color: var(--white);
height: 100%;
padding: 10px 15px;
background: rgba(0,0,0,.25);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all .3s  ease-in;
-o-transition: all .3s  ease-in;
transition: all .3s  ease-in;*/
}

input[type="date"] {
display: block;
-webkit-appearance: textfield;
-moz-appearance: textfield;
}
.featured1,
.featured2,
.featured3{
position:relative;
border: 10px solid #fff;
box-shadow: 0 15px 35px -5px rgba(0,0,0,.75);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.featured1{
width: 90%;
left: 5%;
top: 0%;
transform: rotate(-15deg);
z-index: 10;

}
.featured2{
width: 90%;
left: 5%;
/*   top: 30%;*/
z-index: 12;
transform: rotate(15deg);
}
.featured3{
width: 90%;
left: 0%;
/*   top: 30%;*/
z-index:12;
transform: rotate(3deg);
}

.featuredwrapper {
position:relative;
}

.jsonaddress img{
max-width:100%;
width:auto;
}

.insurance{
display:none;
}
.featuredvdo{
width:100%;	
}
.fa-fw{
width:auto !important;
}
.alert{
	color:#f30;
	font-weight:700;
}
.fixedbtn{
	display:none;
}

.fg-caption {
	visibility: visible  !important;
    opacity: 1 !important;
	 background: transparent !important;
}
.fg-caption:hover {
background:rgba(0,0,0,.6) !important;
}

@media (min-width:576px)
{
article{
padding:auto;
}
#menuwrapper ul li ul li {
padding: 3px 0px;
}
.navbar-nav li {
width: 100%;
}
.partnerlogo{
float: left;
width: 25%;
min-height: 10rem;
margin-top: 64px;
}
}

@media (min-width:768px)
{
article{
padding:0px;
top:18px;
}
.menubtn{
display:none;
}
	header{
		height:93px;
	}	
.navbar-nav li a:after{
content: '';
width: 0%;
height: 1px;
background:#262401;
position: absolute;
left: 50%;
bottom: 3px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.navbar-nav li a:hover:after{
content: '';
width: 80%;
height: 1px;
background:var(--faded);
position: absolute;
left: 10%;
bottom: 3px;
}
header{
background: var(--base);
}
#topbar{
font-size: .95rem;
margin-bottom:0rem;
}
/*#parallaxwrapper {*/
#parallaxwrapper.uk-scrollspy-inview{ 
background: url(/wp-content/uploads/2020/07/observation-blinds-bourbon-ridge-retreat.jpg);
height: 450px;
background-position: center;
}
#primary-menu li a, #primary-menu li a:visited, #primary-menu li a:active {
text-decoration: none;
padding: 14px 8px;
color: var(--white);
position: relative;
display: block;
/*font-size: .7rem;*/
}
.pull-6{
right: 0%;
display: block;
position: relative;		
}
.push-6{
left: 0%;
display: block;
position: relative;	
}
.pull-7{
right: 0%;
display: block;
position: relative;	
}
.push-5{
left: 0%;
display: block;
position: relative;	
}
.amenities{
margin: 0px 0px 20px 0px;
display: inline-block;
}
.amenities li{
float:left;
width:50%;
display: list-item;
padding-right: 5rem;
}
.taginlinewrapper{
position:relative;
display:inline-block;
}
.taginlinewrapper li{
float:left;	
list-style:none;
padding-left:15px;
}
h1{
font-size:1.5rem;
line-height:2rem;
}
h2{
font-size:1.25rem;
line-height:1.5rem;
}
h3{
font-size:1.15rem;
line-height:1.45rem;
font-weight:600;
}
h4{
font-size:1.05rem;	
line-height:1.35rem;
font-weight:600;
}
h5{
font-size:1.15rem;	
line-height:1.25rem;
}
.site-title {
font-size: 2.75rem;
padding-top: 12rem;
line-height: 4rem;
}

.featured1,
.featured2,
.featured3{
position:absolute;
border: 10px solid #fff;
-webkit-box-shadow: 0 15px 35px -5px rgba(0,0,0,.75);
box-shadow: 0 15px 35px -5px rgba(0,0,0,.75);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.featured1{
width: 90%;
left: 10%;
top: 0%;
-webkit-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
z-index:10;

}
.featured2{
width: 90%;
left:auto;
right: 7%;
top: 60%;
z-index:11;
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
}
.featured3{
width: 90%;
left: 0%;
top: 30%;
z-index:12;
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}
.featured1:hover,
.featured2:hover,
.featured3:hover{
width:60%;
z-index:99;
}
.pageimage {
height: 400px;
}
.xtra_padded{
padding:0px 5px;
}
.vpadded
{
padding-bottom:15px;	
}
.fourcols .gscols{
position:relative
}
.fourcols p{
margin:0px;
}
.fourcols h4{
margin: 3.75rem 0rem;
cursor: pointer;
position: absolute;
bottom: 10px;
padding: 10px 0px;
color: #fff;
text-shadow: 3px 3px 3px #000;
text-align: center;
width: 100%;
opacity: .5;
font-size: 2rem;
line-height: 3rem;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.fourcols img{
padding: 10px 5px;
background: var(--white);
-webkit-filter: saturate(1);
filter: saturate(1);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.fourcols h4:hover{
opacity: 1;
}
.fourcols a,
.fourcols a:hover,
.fourcols a:visited,
.fourcols a:active{
color:var(--white);
text-decoration:none;
}
.writeup{
padding: 1rem;	
}
.writeup h2{
margin-left: 0rem;
}
.writeup a,
.writeup a:visited,
.writeup a:active{
margin:10px 0px;
color:var(--accent2);
}
#whyus img{
padding-top: 0rem;
}
#parallax {
text-align: center;
color: var(--white);
font-size: 1.5rem;
padding-top: 1.75rem;
}
#parallax h2{
text-align: center;
color: var(--white);
font-size: 2rem;
line-height: 2.5rem;
padding-top: 3rem;
text-shadow: 3px 3px 3px #000;
}
#parallax a,
#parallax a:visited,
#parallax a:active{
font-size: 1.15rem;
margin-top: 3rem;
padding: 10px 7px;
color:var(--white);
}
.posrelative,
.posfixed {
font-size:1.1rem;
}
.tag {
list-style: none;
padding: 15px 0px 0px 0px;
float: left;
width: 33.33%;
text-align: center;
}
.hidden-sm{
display:block;
}
}
@media (min-width:992px)
{
.linkbutton,
.linkbutton:active,
.linkbutton:visited{
background: #F30;
display: inline-block;
cursor: pointer;
color: #ffffff;
-webkit-box-shadow: 0px 10px 14px -7px #000;
box-shadow: 0px 10px 14px -7px #000;
padding: 10px 15px;
text-decoration: none;
-webkit-transition: .3s  ease-in;
-o-transition: .3s  ease-in;
transition: .3s  ease-in;
overflow:hidden;
width:auto;
margin:auto;
}
.linkbutton:hover{
-webkit-box-shadow: 0px 10px 14px -7px #000;
box-shadow: 0px 10px 14px -7px #000;	
color: #ffffff;
text-decoration: none;
}
.linkbutton:after{
/*content: '';
left: -31px;
top: 74%;
z-index: -1;
position: absolute;
width: auto;
color: var(--white);
height: 100%;
padding: 10px 15px;
background: rgba(0,0,0,.1);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all .3s  ease-in;
-o-transition: all .3s  ease-in;
transition: all .3s  ease-in;*/
}
.linkbutton:hover:after{
content: '';
left: 0px;
top: 0%;
z-index: -1;
position: absolute;
width: auto;
color: var(--white);
height: 100%;
padding: 10px 15px;
background: rgba(0,0,0,.25);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all .3s  ease-in;
-o-transition: all .3s  ease-in;
transition: all .3s  ease-in;
}
.floatingbtn,
.floatingbtn:hover,
.floatingbtn:active,
.floatingbtn:visited{
position: absolute;
right: 0px;
bottom: 0px;
width: 115px;
z-index: 99;
-webkit-transition: .3s  ease-in;
-o-transition: .3s  ease-in;
transition: .3s  ease-in;
}
.floatingbtnfixed,
.floatingbtnfixed:hover,
.floatingbtnfixed:active,
.floatingbtnfixed:visited,
{
position: fixed;
right: 7px;
top: 0px;
z-index:99;
-webkit-transition: .3s  ease-in;
-o-transition: .3s  ease-in;
transition: .3s  ease-in;
}
.fixedbtn,
.fixedbtn:active,
.fixedbtn:hover{
position: fixed !important;
right: 7px;
top: 0px;
z-index:9;
-webkit-transition: .3s  ease-in;
-o-transition: .3s  ease-in;
transition: .3s  ease-in; 
}
#menuwrapper{
display: block;
position: relative;
width: auto;
left: 0px;
background: transparent;
}
.navbar-nav li {
width: auto;
}
.sub-menu{
display:none;
}
#menuwrapper ul li ul{
display:none;
padding-left:0px;
position: absolute;
}
.menu-item-21{
display:none;
}
.hidden-sm,
.visible-xs{
display:none !important;
}
.menuhide {
display: block !important;
}
.insurance{
display:block;
background:var(--base);
color:var(--white);
text-align:center;
font-size:.8rem;
}
.insurance a,
.insurance a:hover{
color:var(--white);
text-decoration:underline;
}
}
@media (min-width:1024px)
{
	header{
		height:100px;
	}		
.partnerlogo{
width:14.28%;
float:left;
height: 100px;
}
.partnerlogo img {
width: 60%;
left: 15%;
position: relative;
}
.pull-6{
right: 50%;
display: block;
position: relative;		
}
.push-6{
left: 50%;
display: block;
position: relative;	
}
.pull-7{
right: 58.33%;
display: block;
position: relative;	
}
.push-5{
left: 43%;
display: block;
position: relative;	
}
#primary-menu li a,
#primary-menu li a:visited,
#primary-menu li a:active{
padding: 15px 6.5px;
    font-size: .75rem;
}
h1{
font-size:2rem;
line-height:2.25rem;
}
h2{
font-size:1.75rem;
line-height:2rem;
}
h3{
font-size:1.5rem;
line-height:1.75rem;
}
h4{
font-size:1.25rem;	
line-height:1.5rem;
font-weight:600;
}
h5{
font-size:1.15rem;	
line-height:1.25rem;
}
.site-title {
font-size: 4rem;
padding-top: 15rem;
line-height: 5rem;
}
.featuredwrapper {
position:relative;
}
.featured1,
.featured2,
.featured3{
position:absolute;
border: 10px solid #fff;
-webkit-box-shadow: 0 15px 35px -5px rgba(0,0,0,.75);
box-shadow: 0 15px 35px -5px rgba(0,0,0,.75);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.featured1{
width: 70%;
left: 15%;
top: -2%;
-webkit-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
z-index:10;

}
.featured2{
width: 70%;
right: 5%;
top: 60%;
z-index:11;
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
}
.featured3{
width: 70%;
left: 7%;
top: 30%;
z-index:12;
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}
.featured1:hover,
.featured2:hover,
.featured3:hover{
width:60%;
z-index:99;
}
.pageimage {
height: 600px;
}
.xtra_padded{
padding:0px 5px;
}
.vpadded
{
padding-bottom:15px;	
}
.fourcols .gscols{
position:relative
}
.fourcols p{
margin:0px;
}
.fourcols h4{
margin: 3.75rem 0rem;
cursor: pointer;
position: absolute;
bottom: 10px;
padding: 10px 0px;
color: #fff;
text-shadow: 3px 3px 3px #000;
text-align: center;
width: 100%;
opacity: .5;
font-size: 2rem;
line-height: 3rem;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.fourcols img{
padding: 10px 5px;
background: var(--white);
-webkit-filter: saturate(1);
filter: saturate(1);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.fourcols h4:hover{
opacity: 1;
}
.fourcols a,
.fourcols a:hover,
.fourcols a:visited,
.fourcols a:active{
color:var(--white);
text-decoration:none;
}
.writeup{
padding: 1rem;	
}
.writeup h2{
margin-left: 0rem;
}
.writeup a,
.writeup a:visited,
.writeup a:active{
margin:10px 0px;
}
#whyus img{
padding-top: 5rem;
}
#parallaxwrapper{
height:500px !important;
}
#parallax {
text-align: center;
color: var(--white);
font-size: 3rem;
padding-top: 5rem;
}
#parallax h2{
text-align: center;
color: var(--white);
font-size: 3rem;
line-height: 3.5rem;
padding-top: 5rem;
text-shadow: 3px 3px 3px #000;
}
#parallax a,
#parallax a:visited,
#parallax a:active{
font-size: 1.15rem;
margin-top: 3rem;
padding: 10px 7px;
color:var(--white);
}
.posrelative,
.posfixed {
font-size:1.1rem;
}
.tag {
list-style: none;
padding: 15px 0px 0px 0px;
float: left;
width: 25%;
text-align: center;
}
}

@media (min-width:1200px)
{

#primary-menu li a,
#primary-menu li a:visited,
#primary-menu li a:active{
/*padding: 10px 10px;*/
padding:13px 10px;
font-size: .8rem;
}
.fixedbtn,
.fixedbtn:active,
.fixedbtn:hover{
z-index:999;
}
.tag {
list-style: none;
padding: 15px 0px 0px 15px;
float: left;
width: 20%;
text-align: center;
}
h1{
font-size:2rem;
line-height:2.25rem;
}
h2{
font-size:1.75rem;
line-height:2rem;
}
h3{
font-size:1.5rem;
line-height:1.75rem;
}
h4{
font-size:1.25rem;	
line-height:1.5rem;
font-weight:600;
}
h5{
font-size:1.15rem;	
line-height:1.25rem;
}
.site-title {
font-size: 4rem;
padding-top: 15rem;
line-height: 5rem;
}
.partnerlogo{
width:14.28%;
float:left;
height: 100px;
}
.partnerlogo img {
width: 100%;
left: 15%;
position: relative;
}
.featuredwrapper {
position:relative;
}
.featured1,
.featured2,
.featured3{
position:absolute;
border: 10px solid #fff;
-webkit-box-shadow: 0 15px 35px -5px rgba(0,0,0,.75);
box-shadow: 0 15px 35px -5px rgba(0,0,0,.75);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.featured1{
width: 70%;
left: 15%;
top: -2%;
-webkit-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
z-index:10;

}
.featured2{
width: 70%;
right: 5%;
top: 60%;
z-index:11;
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
}
.featured3{
width: 70%;
left: 7%;
top: 30%;
z-index:12;
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}
.featured1:hover,
.featured2:hover,
.featured3:hover{
width:60%;
z-index:99;
}
.pageimage {
height: 700px;
}
.xtra_padded{
padding:0px 5px;
}
.vpadded
{
padding-bottom:15px;	
}
.fourcols .gscols{
position:relative
}
.fourcols p{
margin:0px;
}
.fourcols h4{
margin: 4.75rem 0rem;
cursor: pointer;
position: absolute;
bottom: 10px;
padding: 10px 0px;
color: #fff;
text-shadow: 3px 3px 3px #000;
text-align: center;
width: 100%;
opacity: .5;
font-size: 3rem;
line-height: 4rem;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.fourcols img{
padding: 10px 5px;
background: var(--white);
-webkit-filter: saturate(1);
filter: saturate(1);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.fourcols h4:hover{
opacity: 1;
}
.fourcols a,
.fourcols a:hover,
.fourcols a:visited,
.fourcols a:active{
color:var(--white);
text-decoration:none;
}
.writeup{
padding: 1rem;	
}
.writeup h2{
margin-left: -5rem;
}
.writeup a,
.writeup a:visited,
.writeup a:active{
margin:10px 0px;
}
#whyus img{
padding-top: 5rem;
}
#parallaxwrapper{
height:600px !important;
}
#parallax {
text-align: center;
color: var(--white);
font-size: 3rem;
padding-top: 5rem;
}
#parallax h2{
text-align: center;
color: var(--white);
font-size: 3rem;
line-height: 3.5rem;
padding-top: 5rem;
text-shadow: 3px 3px 3px #000;
}
#parallax a,
#parallax a:visited,
#parallax a:active{
font-size: 1.15rem;
margin-top: 3rem;
padding: 10px 7px;
color:var(--white);
}
.posrelative,
.posfixed {
font-size:1.1rem;
}
}

@media (min-width:1680px)
{
	header{
		height:115px;
	}
.menu-item-21{
display:block;
}
#primary-menu li a, #primary-menu li a:visited, #primary-menu li a:active {
    padding: 15px 7px;
    font-size: .75rem;
}
h1{
font-size:2.75rem;
line-height:3rem;
}
h2{
font-size:2.5rem;
line-height:2.75rem;
}
h3{
font-size:2rem;
line-height:2.25rem;
}
h4{
font-size:1.75rem;	
line-height:2rem;
}
h5{
font-size:1.5rem;	
line-height:1.75rem;
}
.site-title{
font-size: 5rem;
padding-top: 20rem;
line-height: 6rem;
}
.pageimage {
height: 800px;
}
.featuredwrapper {
position:relative;
}
.featured1,
.featured2,
.featured3{
position:absolute;
border: 10px solid #fff;
-webkit-box-shadow: 0 15px 35px -5px rgba(0,0,0,.75);
box-shadow: 0 15px 35px -5px rgba(0,0,0,.75);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.featured1{
width: 60%;
left: 25%;
top: -2%;
-webkit-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
z-index:10;

}
.featured2{
width: 60%;
right: 5%;
top: 64%;
z-index:11;
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
}
.featured3{
width:60%;
left:7%;
top:35%;
z-index:12;
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}
.featured1:hover,
.featured2:hover,
.featured3:hover{
width:65%;
z-index:99;
}
.fourcols .gscols{
position:relative
}
.fourcols p{
margin:0px;
}
.fourcols h4{
margin: 3.25rem 0rem;
cursor:pointer;
position: absolute;
bottom: 10px;
padding: 10px 0px;
color: #fff;
text-shadow: 3px 3px 3px #000;
text-align: center;
width: 100%;
opacity: .5;
font-size: 4rem;
line-height: 6rem;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.fourcols img{
padding: 10px 5px;
background: var(--white);
-webkit-filter: saturate(1);
filter: saturate(1);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.fourcols h4:hover{
opacity: 1;
}
.fourcols a,
.fourcols a:hover,
.fourcols a:visited,
.fourcols a:active{
color:var(--white);
text-decoration:none;
}
#whyus p{
margin:0px;
}
.writeup{
padding: 1rem 10rem;	
}
.writeup h2{
margin-left: -5rem;
}
.writeup a,
.writeup a:visited,
.writeup a:active{
margin:10px 0px;
}
#parallax {
text-align: center;
color: var(--white);
font-size: 3rem;
padding-top: 3rem;
}
#parallax h2{
text-align: center;
color: var(--white);
font-size: 3rem;
line-height: 3.5rem;
padding-top: 10rem;
text-shadow: 3px 3px 3px #000;
}
#parallax a,
#parallax a:visited,
#parallax a:active{
font-size: 1.15rem;
margin-top: 3rem;
padding: 10px 7px;
color:var(--white);
}
.author {
float: left;
width: 15%;
padding: 7px;
}
.reviewtext {
float: left;
width: 85%;
padding: 7px;
}
footer h2 {
font-size:1.75rem;
}
.propertywrapper {
text-align: center;
position: relative;
padding: 0px 0px 15px 0px;
border: 1px solid transparent;
margin: 7px;
overflow: hidden;
margin-bottom: 30px;
-webkit-transition: .5s  ease-in;
-o-transition: .5s  ease-in;
transition: .5s  ease-in;
background:var(--white);
}
.xtra_padded{
padding:0px 15px;
}
.vpadded
{
padding-bottom:25px;	
}
.partnerlogo{
width:14.28%;
float:left;
height: 100px;
}
.partnerlogo img{
width:100%;
position: relative;
}
}

@media (min-width:1900px)
{
h1{
font-size:3rem;
line-height:3.5rem;
}
h3{
font-size:2.5rem;
line-height:2.75rem;
}
h3{
font-size:2.25rem;
line-height:2.5rem;
}
h4{
font-size:1.75rem;	
line-height:2rem;
}
h5{
font-size:1.5rem;	
line-height:2rem;
}
.site-title{
font-size: 6rem;
padding-top: 20rem;
line-height: 7rem;
}
.pageimage {
height: 800px;
}
.featuredwrapper {
position:relative;
}
.featured1,
.featured2,
.featured3{
position:absolute;
border: 10px solid #fff;
-webkit-box-shadow: 0 15px 35px -5px rgba(0,0,0,.75);
box-shadow: 0 15px 35px -5px rgba(0,0,0,.75);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.featured1{
width: 50%;
left: 25%;
top: -2%;
-webkit-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
z-index:10;

}
.featured2{
width: 50%;
right: 5%;
top: 35%;
z-index:11;
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
}
.featured3{
width:50%;
left:2%;
top:30%;
z-index:12;
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}
.featured1:hover,
.featured2:hover,
.featured3:hover{
width:60%;
z-index:99;
}
.fourcols .gscols{
position:relative
}
.fourcols p{
margin:0px;
}
.fourcols h4{
margin: 6.75rem 0rem;
cursor:pointer;
position: absolute;
bottom: 10px;
padding: 10px 0px;
color: #fff;
text-shadow: 3px 3px 3px #000;
text-align: center;
width: 100%;
opacity: .5;
font-size: 4rem;
line-height: 7rem;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.fourcols img{
padding: 10px 5px;
background: var(--white);
-webkit-filter: saturate(1);
filter: saturate(1);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.fourcols h4:hover{
opacity: 1;
}
.fourcols a,
.fourcols a:hover,
.fourcols a:visited,
.fourcols a:active{
color:var(--white);
text-decoration:none;
}
#whyus p{
margin:0px;
}
.writeup{
padding: 1rem 10rem;	
}
.writeup h2{
margin-left: -5rem;
}
.writeup a,
.writeup a:visited,
.writeup a:active{
margin:10px 0px;
}
#whyus img {
padding-top: .5rem;
}
#parallaxwrapper{
height:700px !important;
}
#parallax {
text-align: center;
color: var(--white);
font-size: 3rem;
padding-top: 10rem;
}
#parallax h2{
text-align: center;
color: var(--white);
font-size: 4rem;
line-height: 4rem;
padding-top: 10rem;
text-shadow: 3px 3px 3px #000;
}
#parallax a,
#parallax a:visited,
#parallax a:active{
font-size: 1.15rem;
margin-top: 3rem;
padding: 10px 7px;
color:var(--white);
}
.author {
float: left;
width: 15%;
padding: 7px;
}
.reviewtext {
float: left;
width: 85%;
padding: 7px;
}

}
@media (min-width:1920px){
#primary-menu li a, #primary-menu li a:visited, #primary-menu li a:active {
    padding: 15px 10px;
    font-size: 1rem;
}	
}
.popup img{
	padding:1rem;
}