/*
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
*/


/* Secondary NavBar */
header.secondary { border: 0; 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 }
#navbar_social_bar { margin:0 0 10px; }
.footer-nav{margin:20px 0 0}
.nav-secondary { margin-left:-100px !important; }
footer.content-info {padding: 5px 10px 18px;}
footer {border-top-width: 1px;}
#copyright-bar p{line-height:1.8;}
#copyright-bar a{color:#8C8989;}
/* Nav Links */
.nav > li > a { padding-left:25px; padding-right:25px;  }

/* Phone */
#phone { margin-bottom: 20px; text-align: center; font-size: 34px; font-weight: normal; letter-spacing: -1px;  }

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

/* Input/Form Controls */
.form-control { height:auto; }

/* Mobile  Social Icons */
.mobile-social
{ background:#EEE;  width:100%; text-align:center !important; margin-top:0 !important; padding-bottom:10px; }

/* Footer */
#footer-copyright { text-align:center; }
#menu-footer { padding-left:0px; }

/* Widgets */
.sidebar .widget { margin:20px 0 20px 0; }

/* Jumbotron */
.container .jumbotron { padding:0; background-color: transparent !important;  }

.jumbotron .container #custom_html-4 {
	background-color: #18BFAE;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.jumbotron .container #custom_html-4 .widget_text .textwidget p {
	margin-bottom: 0;
	text-align: center;
	color: #fff;
	font-weight: 600;
}

/* Mobile Phone */
.mobile-phone { margin: 0 -15px 0 -15px; background: #ddd;  padding: 5px 20px; font-size: 18px; text-align: center; }

/* Row High Light */
.row.row-highlight {background: #e7e2d7; padding: 15px; border-left: 5px solid #0d629b;}
.row.row-highlight h2, .row.row-highlight h3 {margin-top: 0px; color: #0d629b;}

/* Helper Classes */
.add-margin {margin-top:20px;margin-bottom:20px;}

/* Theme Fixes */
.btn { white-space: normal; }
.wrap.main-section .content .bg { padding-bottom:30px; }
.page-header { border:0; margin-bottom:0px;}
article h2.entry-title a { text-decoration:none;  }
article .row-meta { margin-bottom:10px; }
.wg-back-to-top {bottom:0;right:0;}
.panel-primary h2, .panel-primary h3 {margin:0;color:#ffffff;}
.panel-heading h2, .panel-heading h3 {margin:0;}
#TB_window {padding: 15px 0px !important;}


.inside-header-wrapper{
    background-color:#ddd;
    height: 200px;
    text-align: center;
    background-position: top center !important
}


.nav-main, .promo h3, #text-5 .widget-title, .widget_categories .widget-title, .widget_recent_entries .widget-title{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009cdc+0,037fb2+100 */
    background: #009cdc; /* Old browsers */
    background: -moz-linear-gradient(top,  #009cdc 0%, #037fb2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #009cdc 0%,#037fb2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #009cdc 0%,#037fb2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009cdc', endColorstr='#037fb2',GradientType=0 ); /* IE6-9 */
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar.style3 .active > a{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009cdc+0,037fb2+100 */
    background: #18bfae; /* Old browsers */
    background: -moz-linear-gradient(top,  #18bfae 0%, #17958d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #18bfae 0%,#17958d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #18bfae 0%,#17958d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18bfae', endColorstr='#17958d',GradientType=0 ); /* IE6-9 */    
    
}

.navbar.style3,
.navbar.style3 .active > a, .navbar.style3 .active > a:hover, .navbar.style3 .active > a:focus{
    border-top:3px solid #18bfae;
}

.navbar.style3 .active > a, .navbar.style3 .active > a:hover, .navbar.style3 .active > a:focus{
    margin-top:-3px;
}

.promo {
    border: 1px solid #e8e4d2;
    float: left;
    padding: 2px;
    margin:0 0 15px 0;
    min-height:231px;
}

.promo h3 {
    color: #ffffff;
    font-size: 15px;
    letter-spacing: 0px;
    padding: 10px 5px 10px 10px;
    margin: 0;
    font-weight: bold;
}

.promo ul {
    margin: 5px;
    padding: 0 5px;
    list-style-type: none;}

.promo ul li {
    border-bottom: 1px solid #e8e4d2;
    padding: 3px 0;}

.promo ul li:last-child {
    border-bottom:0;
}

/*Custom styles for rental tables*/
.main .rentals {
    margin: 20px 0px !important;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    padding: 15px 0 10px;
}

.main .rentals img{
    border: 1px solid #ddd;
    padding: 3px;
}

.main .rentals em {
    font-size: small;
}

.specs h2 {
    font-size: 20px !important;
    margin: 15px 0 15px !important;
}

.specs .btn{
    margin-bottom: 15px;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}

.specs .clearfix + p {
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

/* Sidebar styling */
.well {
    min-height: 20px;
    padding: 0;
    margin-bottom: 20px;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

 .sidebar img {
    width: 100% !important;
    height: auto !important;
}

 .sidebar #text-6 img,  .sidebar #text-9 img{width:auto !important;}

.phone {
    text-align: right;
    color: #000000;
    font-size: 34px;
    font-weight: normal;
    letter-spacing: -1px;
}


 #text-5 .widget-title, .widget_categories .widget-title, .widget_recent_entries .widget-title{
    padding: 10px;
    font-size: 18px;
    color:#fff;
    text-align:center;
    margin: 0 0 15px;
}

 #text-5, .widget_categories, .widget_recent_entries{
    border: 1px solid #e8e4d2;
    padding: 1px;
 }

.sidebar .widget {
    margin: 20px 0 25px 0;
}

/* Gravity form fixes */
.gform_wrapper select,
.gform_wrapper input[type="text"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
.gform_wrapper .top_label input.large,
.gform_wrapper .top_label select.large,
.gform_wrapper .top_label textarea.textarea {
    padding: 10px 10px !important;
    border: 1px solid #9e9e9e !important;
    line-height: 1 !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    height: auto !important;
}

.gform_wrapper .top_label select.large,
.gform_wrapper select {
    height: 39px !important;
}

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
    padding: 10px 25px !important;
    margin: 10px auto;
    display: inline-block !important;
    float: none;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

.gform_wrapper .gform_footer {
    padding: 0 !important;
    margin: 0 !important
    clear: both;
    text-align: center;
}

.gform_confirmation_message {
    font-weight: bold;
    border: 2px solid #7bc57b;
    background-color: #e7ffe7;
    padding: 15px;
    margin: 25px 0;
}

.gform_wrapper div.validation_error {
    color: #ff6666 !important;
    font-size: 1.2em !important;
    font-weight: 700 !important;
    margin-bottom: 1.6em !important;
    border: 1px solid #ff6666 !important;
    padding: 1em !important;
    clear: both !important;
    width: 100% !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    background-color: #fff !important;
}

.gform_wrapper .gfield_error .gfield_label,
.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
.gform_wrapper li.gfield_error ul.gfield_checkbox,
.gform_wrapper li.gfield_error ul.gfield_radio {
    color: #333333 !important;
}

.gform_wrapper li.gfield_error input[type=email],
.gform_wrapper li.gfield_error input[type=tel],
.gform_wrapper li.gfield_error input[type=text] {
    border: 1px solid #ff6666 !important;
}

.gform_wrapper .gfield_error .field_description_below .gfield_description {
    display: none;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 7px !important;
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent !important;
    margin-bottom: 0em !important;
    padding: 0 !important;
    border: none !important;
}

.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error select,
.gform_wrapper .gfield_error textarea {
    color: #333;
}

.gform_wrapper .field_description_below .gfield_description {
    display: none;
    !important
}

.gform_wrapper .top_label li.gfield.gfield_error.gf_left_half {
    margin-right: 0 !important
}


.gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
.gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),.gform_wrapper .top_label li.gfield.gf_left_third .ginput_container,.gform_wrapper .top_label li.gfield.gf_left_third .ginput_container,.gform_wrapper .top_label li.gfield.gf_left_third .ginput_container {
    width: 97% !important;
}

.ginput_container_text{ width: 98.4% !important;}
.gform_wrapper .validation_message {
    color: #ff6666;
}

.wg-logo img{opacity:.3;}

.gallery{margin:30px; text-align:center;}
.carousel-indicators{display:none;}


#menu-main-menu .menu-blog{
    display:none;
}

/* Medium Size Changes - Depending on the widths chosen you may need to change the max-wdith */
@media (max-width:1199px) {
    .page-id-10 .specs .btn{
        float:none !important;}
}

/* Mobile Tablet Changes */
@media (max-width:991px ) {
    
    /*
** Bootstrap Call Now button style:*/
.navbar + .container, .navbar + .container + .container, .navbar + .container + .container + .container { padding: 0; width: 100%;}
.mobile-phone-holder {
    background: #e6e6e6;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 0 10px 0 !important;
    text-align: center;
}

.mobile-phone-holder.call-now{
    padding-top: 10px !important;
}
    

.mobile-phone-holder .btn{
    min-width:220px !important;
    font-size: 18px !important;
    color:#fff !important;
    text-decoration: none !important;
}

.mobile-phone-holder a .glyphicon {
    font-size: 75%;
    color: #fff;}

    .inside-header-wrapper, #text-4{display:none;}

    .navbar-toggle {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        background: white !important;
        border-color: #009cdc !important;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #009cdc;
    }

    /*Phone and request buttons after header*/
    .header-request,
    .header-phone {
        text-align: center;
        padding: 0 15px 10px 15px;
        background: #eee;
    }

    .header-phone {
        padding-top: 15px;
        font-size: 25px;
        font-weight: bold;
    } 
    
    .header-request .btn{
        min-width:240px;
    }
    
    .footer-nav {
        padding-left: 15px;
    }
    

    
}


/* mobile phone landscape sizes */
@media (max-width:767px ) {
    
    .promo, .promo a > img {width:100%;}
    .promo{min-height:300px;}

}



/* mobile phone portrait size */
@media (max-width:480px ) {

    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8 {
        width: 100%;
    }

    .col-xs-offset-1,
    .col-xs-offset-2,
    .col-xs-offset-3,
    .col-xs-offset-4,
    .col-xs-offset-5 {
        margin: 0
    }
    
    .specs .btn, .specs h2{
        float: none !important;}

}