/*   
Theme Name: L'air Camper Theme
Theme URI: http://laircamper.com
Description: A custom theme template By QT Web Designs.
Author: QT Web Designs
Author URI: http://qtweb.ca
Version: 1.0
*/
/*font-family: 'Open Sans', sans-serif;
font-family: 'Coming Soon', cursive;
*/
@font-face {
    font-family: "Playlist Script";
    src: url("fonts/playlist_script-webfont.woff");    
    src: url("fonts/playlist_script-webfont.woff2"); 
  }

/* COMMON CSS*/
*{box-sizing: border-box;}
img{width:100%; height: auto; padding: 0; margin: 0 0 -5px;} 
ul, li {list-style: none;}
a{text-decoration: none; color:#fff;}
a.underline-link{border-bottom: 1px #fff solid;}
h6{text-align: center;}
h6 a{text-transform: uppercase; padding: 20px 70px;background: #fff;color: #000;font-size: 25px;text-align: center; }

/*.two-cols{width: 50%; display:inline-block; color: #4e2; margin-right: -2px;}*/
.two-cols{
    float: left;
    width: 50%;         
}       
.wrapper {clear:both; width: 1200px; margin: 0 auto; }

/* COMMON CSS*/
*{box-sizing: border-box;}
img{width:100%; height: auto; padding: 0; margin: 0 0 -5px;} 
ul, li {list-style: none;}
a{text-decoration: none; color:#fff;}
a.underline-link{border-bottom: 1px #fff solid;}
h6{text-align: center;}
h6 a{text-transform: uppercase; padding: 20px 70px;background: #fff;color: #000;font-size: 25px;text-align: center; }

/*.two-cols{width: 50%; display:inline-block; color: #4e2; margin-right: -2px;}*/
.two-cols{
    float: left;
    width: 50%;         
}     
.wrapper {clear:both; width: 1200px; margin: 0 auto; }
 /*CLEAR*/
.wrapper:after, header:after,.row:after {clear:both;content:""; display:table;}

.two-cols{
    float: left;
    width: 50%;         
}   

/******************************************/

body {margin: 0;padding: 0; font-size:16px; font-family: 'Open Sans', sans-serif; color: #666;  } 


/*header*/
#banner{position: relative; }
#top-header{position: absolute; top: 100px;  z-index: 1; background-image: linear-gradient(#ccc,#eee,#ccc);
    width: 100% ;-moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888; min-height: 85px;}
#top-header #left-nav, #top-header #right-nav{width: calc(50% - 75px); float: left;}  
#top-header #left-nav nav{float: right; padding-right: 30px; } 
#top-header #right-nav nav{float: left; padding-left: 15px;} 
#top-header #right-nav nav ul{padding-left: 0; }
#top-header #right-nav nav ul li:first-child a {margin-left: 0; }
#gap-for-logo {width: 150px; float:left;}
#logo{ position: absolute; top: 60px;  z-index: 2;width: 150px; margin-left: calc(50% - 75px);}
#logo img {margin: 2px; width: 146px; height: auto; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.3s ease-out;}
#logo img:hover {margin: 0px; width: 150px; }

#banner-sub {height:400px; overflow: hidden; }
#banner-sub img {width: 100%; height: auto; position: relative; margin-top: -300px;}

/*Menu */
nav {float: right; margin-top: 5px;} 
nav li {display: inline-block; padding: 0px; margin: 0px; position: relative;} 
nav li a { color: #0d793e; display:block; float: left; font-weight: 900; padding: 8px 20px; font-size: 18px; text-transform: uppercase; }
nav li a:hover { color: #333;}
nav li:last-child a { padding-right: 0; }

/* Sub Menu  */
nav li ul{position:absolute; left: -4px; top: 59px; margin: 0px 0px; min-width: 250px; opacity:0; padding: 0px; z-index:200; background: #e0aa07;   visibility: hidden; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; margin-left: 30px;}
/*nav li:last-child ul{margin-left: -170px; margin-right: 0px;}*/
nav li:last-child ul{margin-left: -225px; margin-right: 0px;}
nav li ul::before{content: url(images/sub_menu_arrow.png); position: absolute; top:-19px;left:0;}
nav li:last-child ul::before{content: url(images/sub_menu_arrow_last_child.png); position: absolute; top:-19px;left:217px;}
nav li:hover ul{display:block; visibility: visible; opacity: 1;} 
nav li li {display:block; float:none; }
nav li li a {color: #fff;  display:block; font-size:18px; font-weight:normal; width: 100%;padding: 14px 5%; text-align:left; margin: 0px; height: auto; line-height: 16px; text-transform: none; border-bottom: 1px solid #e5b72c; }
nav li:hover li a:hover {}
nav li li.current_page_item a{color: #999;font-weight: bold; text-decoration: none; background: #eee}
nav li li.current_page_item a, nav li.current_page_item li a{color: inherit; font-weight: inherit; }

#banner .wrapper {position: absolute; top: 200px; left:0; right: 0; margin: 0 auto; text-align: center; }
#banner .title {   
    font-size: 150px; display: block;  color: #0d793e;  font-family: 'Playlist Script';
    text-shadow:1px 1px 0 #fff, 2px 2px 0 #fff; 

}
.subtitle {font-size: 60px; font-weight: normal; color: #fff;  text-shadow: 1px 1px 4px #333; text-transform: uppercase;}

/******************************************/


/* Main Content */
#content #sec1 .wrapper{
    width: 80%;
    text-align: center;


}
#content #sec1 .wrapper p{
    width: 70%;
    margin-left: 15%;

}

#content #sec1 .wrapper h2{
    color: #0d793e;
    font-size: 50px;
    margin-bottom: 15px;


}
#content #sec1 .wrapper p
{
    margin-bottom: 50px;
}
#content #sec2 .row:first-child{
    background: #ededed;
}



#content #sec2 .row:first-child .two-cols:last-child .icon{
    width: 30%; float: left;
    padding-right: 10px;
}  
#content #sec2 .row:first-child .two-cols:last-child .icon-txt{
    padding-right: 30px;  
}

#content #sec2 .row:first-child .two-cols:last-child .icon-txt{width: 70%; float: left;}
#content #sec2 .row:first-child .two-cols:last-child .icon-txt h3{ 
    margin-top: 0; margin-bottom: 0px;
    font-size: 15px;
}
#content #sec2 .row:first-child .two-cols:last-child p{
    padding-bottom: 10px;
    font-size: 12px;
    line-height: 22px;
    
}
#content #sec2 .row:first-child .two-cols:last-child .icon-txt p{
    padding-bottom: 20px;


}

#content #sec2 .row:first-child .two-cols:last-child.txt{
    padding: 40px;

}

#content #sec2 .row:first-child .two-cols:last-child.txt{
    padding-top: 30px;
}
#content #sec2 .row:last-child .two-cols:first-child.txt{
    padding: 40px;

}
#content #sec2 .row:last-child .two-cols:first-child.txt ul{
    
margin:0; padding:0;
}

#content #sec2 .row:last-child .two-cols:first-child.txt h6{
    text-align: left;
    padding-top: 20px;
}
#content #sec2 .row:last-child .two-cols:first-child.txt h6 a{
      color: #0d793e;
      border: 1px solid  #eee;
      font-size: 15px;
      text-transform: capitalize;  
      padding: 10px 40px;    
}
#content #sec2 .row:last-child .two-cols:first-child.txt h6 a:hover{
    background: #d4dde4;

}
#content #sec2 h2{
    color: #0d793e;
    font-size: 25px;
    font-weight: normal;
    

}
#content #sec3{
    background: #0d793e;
    padding: 50px;
    color: #ccc;
    text-align: center;
}
#content #sec3 h2{
    font-size: 25px;
    margin-bottom: 10px;    
    font-weight: 100;

}
#content #sec3 p{
    margin: 0px 0px 50px;
}
#content #sec3 input[type=text]{

    margin-right: 12px;

    background: #d4dde4;
    border: none;
    color: #0d793e;
    padding: 16px 32px;
    font-weight: 600;
}
#content #sec3 input[type=submit]{

    background: #fff;
    border: none;
    color: #0d793e;
    padding: 16px 32px;
    text-transform: uppercase;
    font-weight: 600;
}

#specs {}
#specs ul {background: #B5C2CD; width: 49%; padding:0; display: block; float: left;}
#specs h3 {margin: 20px 0 10px;}
#specs ul li {width: 48%;display:inline-block;padding: 10px 2%; margin-right: 0; }
#specs ul li:nth-of-type(2) {}
#specs ul:nth-of-type(3), #specs ul:nth-of-type(4), #specs ul:nth-of-type(7), #specs ul:nth-of-type(8), #specs ul:nth-of-type(11), #specs ul:nth-of-type(12), #specs ul:nth-of-type(15), #specs ul:nth-of-type(16), #specs ul:nth-of-type(19), #specs ul:nth-of-type(20) {background: #fff; color: #0d793e;}
#specs p {margin: 0; line-height: 0;padding: 0; }

/*footer */
/* Footer Elements  */
footer {clear:both;  color: #0d793e; background: #fff; font-size: 12px; padding: 20px 0; }
footer .wrapper {text-align: center;}
footer .wrapper div {}
footer h2 {font-weight: 300;}
footer p {font-size: 12px;}
footer a {color: #fff; }
footer a:hover {}

#footer-left, #footer-mid, #footer-right {display: inline-block;width: 30%;vertical-align: top; padding: 0;}
#footer-left { margin: 10px 0; text-align: left;}
#footer-left img{width: 188px;}
#footer-mid {margin: 10px 4.5%; text-align: center; margin-top: 50px;}
#footer-right {margin: 10px 0; text-align: right; margin-top: 50px;}
#footer-bottom {clear:both; display: block; border-top: 1px solid #999; margin: 10px 0; padding: 10px 0;}
footer svg {font-size: 29px !important; color: #333 !important;}
/* Gravity Forms */
	.gform_wrapper {
    margin: 16px auto !important;
  width: 60% !important
}
	.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
		font-size: inherit; font-family: inherit; padding: 15px 14px; letter-spacing: normal; width: 100%; }
		.gform_wrapper textarea {padding: 15px 14px;line-height: 1.5;resize: vertical;}
	.gform_wrapper .gform_footer {padding: 6px 0 10px; margin: 6px auto; clear: both; width: 60%;}
.gform_wrapper select {
    margin-bottom: 7px !important;
    padding: 14px 0 !important;
    margin-top: 0px !important; border: 1px solid #ccc !important;
}
	/*Removes Label and Required Fiels  */
	.gform_wrapper .top_label .gfield_label {display: none;}


/* Collapseomatic Styles */
.collapseomatic {background-image: none !important ; background-repeat: no-repeat; padding: 5px 10px; font-size: 13px; text-transform: uppercase; cursor: pointer; font-weight: 600; margin-bottom: 20px; margin-top: 20px; display: inline-block; border: 1px solid #ddd;}
.collapseomatic:hover {text-decoration: none; background: #eee;}
.collapseomatic:before {content: "+"; font-style:normal; font-size: 12px; font-weight: 900;padding: 12px 5px 0 0}
.collapseomatic_excerpt, .collapseomatic_content {margin-top: 0px; margin-left: 0px; padding: 0px;}
.colomat-close:before {content: "-"; font-family:"Font Awesome 5 Free";  font-style:normal; font-size: 12px; font-weight: 900;padding: 12px 5px 0 0}
.colomat-close {}

	/* Collapseomatic Styles */
	.event_data {margin: 20px 0;}
	.event_date {font-size: 16px !important; padding: 20px 10px;}
	.eventpost-date-export, .event_category {display: none;}





/******************************************/

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/


@media screen and (max-width: 1400px) {
	#content #sec2 .row:first-child .two-cols:last-child.txt{
    padding-top: 35px;
}

	
}


/* for 1250px or less */
@media screen and (max-width: 1250px) {
	
   #content #sec2 .row:first-child .two-cols:last-child.txt{
    padding-top: 20px;
} 
    .wrapper {width: 96%; }
    nav li a {
        padding: 8px 15px;
    }
    #banner .title {font-size: 80px;}
    .subtitle{font-size: 50px;}  
    #banner-sub img {margin-top: 0px; }
}


#specs ul {background: #B5C2CD; width: 99%; padding:0; display: block; float: left;}

#specs ul li {width: 48%;display:inline-block;padding: 10px 2%; margin-right: 0; }
#specs ul li:nth-of-type(2) {}
#specs ul:nth-of-type(2), #specs ul:nth-of-type(3), #specs ul:nth-of-type(4), #specs ul:nth-of-type(7), #specs ul:nth-of-type(8), #specs ul:nth-of-type(11), #specs ul:nth-of-type(12), #specs ul:nth-of-type(15), #specs ul:nth-of-type(16), #specs ul:nth-of-type(19), #specs ul:nth-of-type(20) {background: #B5C2CD; color: #0d793e;}
#specs ul:nth-of-type(2n) {background: #fff !important;}
#specs p {margin: 0; line-height: 0;padding: 0; }

@media screen and (max-width: 1000px) {
    nav li a {
        padding: 8px 10px;
        font-size: 15px;
    }
    .subtitle{font-size: 40px;}
    .two-cols {width:100%; float: none;}
.two-cols .two-cols{width: 50%; float: left;}
}
@media screen and (max-width: 900px) {
    .subtitle{font-size: 35px;}

}

@media screen and (max-width: 800px) {
#top-header{display: none;}
#logo{top: 10px;}
#banner .wrapper { top: 190px;}
#banner img{height: 500px;;}

	.gform_wrapper {
    margin: 16px auto !important;
  width: 90% !important
}
    
    #responsive-menu-pro-header {display:none; z-index: 999;}
    #logo {z-index: 1111;}


}
/* for 768px or less for phone in landcape mode*/
@media screen and (max-width: 768px) {

   
    #content #sec1 .wrapper h2{
    font-size: 40px;
    }

    #content #sec3 p{
        margin: 0px 0px 20px;

    }

    #banner-sub #logo img {width: 150px;}
    #banner-sub {height: auto;}
    
    #footer-left, #footer-mid, #footer-right {width: 80%;}
    #footer-left {text-align: center;}
    #footer-mid {text-align: center; margin-top: 25px;}
    #footer-right {text-align: center; margin-top: 45px;}

}


/* for 600px or less for phone in portrait mode*/
@media screen and (max-width: 600px) {
    #content #sec1 .wrapper h2{
        font-size: 30px;
        }
    
}


/* for 480px or less for phone in portrait mode*/
@media screen and (max-width: 480px) {
    #content #sec1 .wrapper h2{
        font-size: 23px;
        }
    #content #sec3 input[type=text],#content #sec3 input[type=submit]{
        width: 90%;
    }
    .two-cols .two-cols{width: 100%; float: none; margin: 0; padding:0;}
    #banner .title {
        font-size: 60px;
    }
    #banner .title {
        font-size: 60px;
    }
    
    
}