/*
Theme Name:     TWG Bootstrap
Theme URI:      http://www.the-web-guys.com
Description:    TWG Bootstrap
Author:         The Web Guys - Ben
Author URI:     http://www.the-web-guys.com
Template:       wg-boot
Version:        1.0
*/



@import url(https://fonts.googleapis.com/css?family=Merriweather+Sans:400,300italic,300,400italic,700,700italic,800,800italic); 

.tsd-form-holder {
	background: #fff !important;
	padding: 0 15px;
}


.home .content {
	padding-top: 15px;
}

.page-id-1849 aside.sidebar.col-sm-4 {
    display: none;
}

.map-container iframe {
  left: 0;
  top: -70px;
  min-height: 100%;
  width: 100%;
  position: relative;
  pointer-events: auto;
}


.widget {margin-top: 20px; margin-bottom: 20px;}
.content ul a, .panel .panel-body a {text-decoration: underline;}
body.top-navbar {padding-top: 0px !important;} 
/*JUMBOTRON VIDEO STUFF*/
/*********SCOTT*********/
.jumbotron {padding: 0px; background: none;}
.video-container {display: block; width: 100%;  position: relative; overflow: hidden; max-height: 450px !important;}

.video-text {padding-top: 10%;width: 100%; height: 100%; position: absolute; top: 0; z-index: 999; }
/* background: url(/wp-content/images/graphy.png); */
.video-text h2 {font-family: merriweather; font-weight: 300 !important; font-size: 325%;}
.video-text h3 {font-family: architects daughter; font-size: 300%; color: #ffffff;}
.video-text h3:before, .row.row-highlight h2:before, .row.row-special h2:before {background: url("/wp-content/images/leaf-small.png") no-repeat scroll 0% 0% transparent; content: ""; display: inline-block; height: 35px; width: 75px;}
.page-id-22 .row.row-highlight h2:before {display: none;}
.row.row-highlight h2:before, .row.row-special h2:before {height: 25px;}
.video-text h2, .video-text h3 {color: #ffffff;}
video#bgvid {position: relative; right: 0; bottom: 0;min-width: 100%; min-height: 100%;height: auto; background-size: cover; margin-top: 0px; visibility:visible !important; max-width:100%;}
.chev {position: absolute; width: 100%; text-align: center; display: block; bottom: 0; z-index: 99999;}
.chev .glyphicon {color: #ffffff; font-size: 35px; opacity: .2; transition-duration: .5s;}
.chev .glyphicon:hover {opacity: .5;}

.row.row-green {background: url(/wp-content/images/bg-pattern.jpg) repeat fixed;}
.row.row-green .row {padding-top: 50px; padding-bottom: 50px;}
.row.row-green .container-green p {font-family: Merriweather Sans; font-weight: 300 !important; font-size: 20px; color: #0d0d0d;}

.row.row-highlight {background: url(/wp-content/images/bg-pattern.jpg); padding: 25px 5px 15px 25px; border-left: 5px solid #67a91b; margin-top: 15px; margin-bottom: 20px;}
.row.row-highlight h2 {margin-top: 0px;}

.row.row-recommend {background: url(/wp-content/images/bg-pattern.jpg); padding: 35px 0px 20px; margin-top: 30px; margin-bottom: 30px; }
.row.row-recommend h3 {margin-top: 0px !important; margin-bottom: 25px;}

.row.row-review {margin-top: 20px; margin-bottom: 25px;}

.row.row-special {background: #fff; padding: 25px 5px; border: 5px dashed; text-align: center; box-shadow: 0px 0px 5px; margin-top: 35px; margin-bottom: 35px; }
.row.row-special h2 small {color: #2a4c00;}
.row.row-special h2 {margin-top: 0px;}
.row.row-special h3 {margin-bottom: 0px;}
.row.row-special i {font-size: 16px;}

.row.row-grid h2, .row.row-grid img {float: left; cursor: pointer;}
.row.row-grid a, .row.row-grid a:hover {text-decoration: none;}
.row.row-grid h2 {padding-top: 10px; margin-left: 15px;}
.row.row-grid {margin-top: 25px; margin-bottom: 25px;}
.row.row-grid .col-lg-6:hover {box-shadow: 5px 0px #67a91b inset}
.row.row-grid .col-lg-6:active {opacity: .85;}

.row.row-rental .img-thumbnail {border-radius: 0px;}
.row.row-rental h2 {margin-top: 0px; font-family: merriweather;}
.row.row-rental .col-lg-8 {padding: 15px 25px;}
.row.row-rental-holder {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-top: 30px; padding-bottom: 0px; background: url(/wp-content/images/bg-pattern.jpg) #edffda}
.row.row-rental-holder.hybrid-holder {padding-bottom: 0px;}
.row.row-rental .sub-text {font-size: 11px;}

.row.calltoaction {margin-top: 25px; margin-bottom: 35px;}
.row.calltoaction h2, .row.calltoaction h3, .row.calltoaction a {color: #ffffff; margin-top: 0px; margin-bottom: 0px;}
.btn, .btn-primary {white-space: normal;}

.page-header {border-bottom: none; padding-bottom: 0px;}
.well a {text-decoration: underline;}

ul.parentgrid {padding-left: 0px;  width: 100%; margin-top: 15px; margin-bottom: 25px;}
ul.parentgrid li {list-style: none; }
ul.parentgrid li:first-child {background: #2a4c00; color: #fff; font-family: roboto; font-size: 150%;text-align: center;padding-top: 5px; padding-bottom: 5px;}
ul.parentgrid li a.learn {width: 100%; color: #ffffff !important; font-family: roboto; text-decoration: none; background: #7bc02d; display: block; font-size: 18px;text-align: center; padding: 5px 0px;}
ul.parentgrid li:hover a.learn {background: #67a91b;}






/*** forms ***/

#gform_1, #gform_3 {background: url(/wp-content/images/bg-pattern.jpg); padding: 5px 20px 15px;}
#gform_1 li input, #gform_1 li #input_1_1_3, #gform_1 li #input_1_1_6, #gform_1 textarea.textarea, #gform_1 li #input_1_4, #gform_1 li #input_1_5, #gform_1 li #input_1_8, #gform_2 li input, #gform_2 li #input_2_1_3, #gform_2_1_6, #gform_2 textarea.textarea, #gform_3 li input, #gform_3 li #input_3_1_3, #gform_3 li #input_3_1_6, #gform_3 textarea.textarea, #gform_3 #input_3_4, #gform_3 #input_3_6 {border-radius: 0px; box-shadow: none; height: 30px; font-size: 15px;}
#gform_1 textarea.textarea, #gform_2 textarea.textarea, #gform_3 textarea.textarea {height: 75px;}
#gform_1 .gform_footer, #gform_2 .gform_footer, #gform_3 .gform_footer {text-align: center;}
#gform_1 .gfield_required, #gform_2 .gfield_required, #gform_3 .gfield_required {color: #2a4c00;}
#gform_3 #field_3_1 {margin-bottom: -10px;}
#gform_1 #field_1_7, #gform_3 #field_3_9 {text-align: center;}


/* Secondary NavBar */
header.secondary { border: 0px; background: none; width: 120px; -webkit-box-shadow: none; box-shadow: none; margin-right: 260px;}
.secondary-nav-menu  li > a { color: #FFF !important; }
.secondary-nav-menu  li > a:hover { text-decoration:none; background:transparent !important; }
.nav-secondary { margin-top:-3px }
.nav-secondary, #navbar_social_bar { float:left; }
.nav-secondary { margin-left:-100px !important; }
.sidebar #navbar_social_bar {float: none; text-align: center;}

/* NAV LINKS */
.nav > li > a { padding-left:9px; padding-right:9px; font-size:15px; }
 .navbar {background: #ffffff !important;} 
.navbar-inside.container {padding-left: 0px; padding-right: 0px;}
.navbar-header {display: block ! important;  margin-left: -160px !important; margin-bottom:-120px;}
.navbar-brand {padding: 0px !important; text-align: center;}
.navbar-brand img  {width: 90% !important;}
#menu-main-menu li a {border-bottom: 5px solid #ffffff; }
#menu-main-menu li:hover a {box-shadow: 0px 5px 0px #67a91b inset; border-color: #67a91b; background: #eeeeee;}
#menu-main-menu li .dropdown-menu li a {box-shadow: none; border: none;}
#menu-main-menu li .dropdown-menu li:hover a {background: #67a91b !important; color: #ffffff !important;}


/* Phone */
#phone {text-align: center; color: #0D0D0D; font-size: 34px; font-weight: normal; letter-spacing: -1px; margin-bottom: -8px; }
/* .phone-well i {margin-bottom: 10px !important;display: inline-block;} */

/* Navbar Toggle Button */
.navbar-toggle{background: white; border-color:#67a91b !important;}
.navbar-default .navbar-toggle .icon-bar {background-color:#67a91b;}

/* Input/Form Controls */
.form-control {
    height:auto;
}
/* Mobile  Social Icons */
.mobile-social{background:#dddddd; width:100%; text-align:center !important; margin-top:0px !important; padding-bottom:10px;}

.mobile-phone .btn-group {width:100%;}
.mobile-phone .btn-group .dropdown-menu { display:none; }
.mobile-phone .btn-group.open .dropdown-menu { display:block; position:absolute; top:45px; }
.mobile-phone .divider { background:#CCC; margin-top:0; margin-bottom:0;}
.mobile-phone .btn-primary { font-size:18px !important; }
.mobile-phone .btn-group  a {text-align:center; font-size:18px;}
.mobile-phone .btn-group i { font-size:12px; margin-top:0px !important; display:block; }
/* Footer */
#footer-copyright { text-align:center; color: #444444; }
#footer-copyright a {color: #444444;}
#menu-footer-menu, #menu-footer-menu a { padding-left:0px; font-size: 18px; color: #2a4c00; }
#menu-footer-menu a:hover {text-decoration: none; padding-bottom: 5px; border-bottom: 4px solid #2a4c00;}
.wg-logo img {opacity: .5;}
.wg-logo {margin-top: 20px}
#copyright-bar {line-height: 1.5em !important}

/* Mobile Phone */
.mobile-phone {margin: 0px -15px 0px -15px; background: #ddd; padding: 9px 20px; font-size: 22px; text-align: center;}
.mobile-phone i {font-size:16px; margin-bottom:3px;margin-top:-8px !important; display: block;}
.mobile-phone p {margin: 0px !important;}

#TB_window {padding: 15px 0 !important;}

.img-hover {border: 1px solid #eee; padding: 5px;}
.img-hover:hover {border: 1px solid #bbb}

.page-id-42 .locate-link, .parent-pageid-42 .locate-link {display: none !important;}
.page-id-137 .phone-escondido, .page-id-139 .phone-carlsbad {display: none !important;}

.alert-address {margin-top:10px;}

header.topnavbar { position:fixed; width:100%; top:0; }
.twg-wrapper  {  margin-top: 88px !important;}
.home .twg-wrapper  {  margin-top: 90px !important;}






@media (max-width: 1540px) and (min-width: 1200px) {
    .navbar-header { margin-left: 80px ! important; width: 27% ! important; }
  .navbar a.navbar-brand { width: 120%; padding-top: 25px ! important; }
}




@media (max-width:1280px) {
.affix {position: relative;}
.video-container {height: 400px; background-size: cover; background-position: center; max-height:450px;}
}

/* Medium Size Changes - Depending on the widths chosen you may need to change the max-wdith */
@media (max-width:1199px) {
.navbar-header {margin-left: 0px !important;}
#site-logo {display: block; position: relative; z-index: 999999;}
.video-container {height: 350px;}
/*.navbar a.navbar-brand {width: 50%;} */
.nav > li > a {padding-left: 5px; padding-right: 5px;}
ul#menu-main-menu {margin-top: 0px;}


body.top-navbar {padding-top: 0px !important;}
.row.row-grid h2 {padding-top:0px; text-align: center; margin-top: 0px; font-size: 175%;}
.row.row-grid h2, .row.row-grid img {float: none;}
.row.row-grid img {width: auto !important; margin-right: auto; margin-left: auto; display: block;}
}
@media (max-width:1199px) and (min-width:980px) {
  .nav-main {padding: 0px; float: right; width: 71%; }
  .video-container {background: url(/wp-content/images/video-bg.jpg) no-repeat; background-size: cover; background-position: center; }

}


@media (max-width:1199px) and (min-width:1002px) {
  .navbar-header { margin-left: 0px ! important; width: 27% ! important; }
  .navbar a.navbar-brand { width: 120%; padding-top: 25px !important;  }

}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.jumbotron video {display: none;}
header.topnavbar { top: 0 !important;padding-top: 0px !important; margin-top: 0px !important;}
body {padding-top: 0px !important;}
.navbar-header {padding-top: 0px; margin-top: 0px;}

}


@media (max-width:1680px) and (min-width:1280px) {
.video-container {height:400px;}

}


@media (max-width:1540px) and (min-width:1218px) {


}


@media (max-width: 1001px) and (min-width: 980px) {
  .navbar-header { margin-left: 0px ! important; width: 80%; }
  .navbar a.navbar-brand { width: 50% !important; padding-top: 25px ! important; }

}


/* Mobile Only Changes */
@media (max-width:980px ) {
  .navbar-header { margin-bottom:0; }
  header.topnavbar { position:relative; width:100%; top:0; }
.twg-wrapper  {  margin-top:0px !important;}
.home .twg-wrapper  {  margin-top:0px !important;}
#menu-main-menu li:hover a {box-shadow: none; border: none; background: #eeeeee;}
.jumbotron .video-bg {display: none;}
.video-container {height: 350px;background: url(/wp-content/uploads/2024/08/video-bg-mobile-e1723130635617.jpg) no-repeat; background-size: cover; background-position: center; }
.navbar a.navbar-brand {width: 85%;}
  .phone-well { padding: 20px 0px ! important;} 
#phone {font-size: 28px !important; }
.page-id-42 .locate-link, .page-id-44 .reserve-link {display: none !important;}
.navbar-nav { float:none !important; }

}
@media (max-width:767px ) {
.navbar a.navbar-brand {width: 80%; margin-top: 30px;}
.video-container .glyphicon {display: none;}
.video-container {height: 200px;}
.video-text h3 {font-size: 150%; font-family: merriweather;}
.video-text h2 {font-size: 175%;}
  .video-text {padding-top: 13%;}
.video-text h3:before {display: none;}
.row.row-green .container-green p {padding: 25px 45px; text-align: center;}
 .row.row-grid h2 {font-size: 150%;}
.row.row-rental  {text-align: center;}
.row.row-special .col-lg-4 img {margin-bottom: 15px;}
.row.row-special h2:before {display: none;}
#gform_1 li, #gform_1 li #input_1_1_3_container, #gform_1 li #input_1_1_6_container, #gform_1 li #input_1_4, #gform_1 li #input_1_5, #gform_2 li, #gform_2 li #input_2_1_3_container, #gform_2 #input_2_1_6_container, #gform_3 li, #gform_3 #input_3_1_3_container, #gform_3 #input_3_1_6_container {display: block; float: none; width: 100%;}

ul.parentgrid {width:50%; margin-right: auto; margin-left: auto;}

}
@media (max-width:480px ) {
  .video-text {padding-top: 18%;}
 .row.row-grid h2 {font-size: 100%;}
ul.parentgrid li a.learn {padding: 7px 0px;}
ul.parentgrid {width:95%;}
  .navbar a.navbar-brand.logo {height:auto;}
}

/*Hide Sub-Menu elements*/
@media (max-width:991px ) {
    .hide-children .dropdown-menu, .hide-children .caret, .hide-children .caret-right{
        display: none !important;
    }
}