/*
Theme Name: ZoneStrap
Description: RESPONSIVE BOOTSTRAP WEBSITE
Author: TopZone Media
Version:1.0
*/
/* Mobile First CSS - look at responsive.css for the media queries */
/* This adds padding to accommodate for the Spellmann Toolbar */
.scrollup {
  width: 50px;
  height: 50px;
  opacity: 0.3;
  position: fixed;
  bottom: 70px;
  right: 8px;
  display: none;
  text-indent: -9999px;
  background: url('../png/icon_top_lighttheme.png') no-repeat;
  z-index: 1500;
}

body {
    padding-bottom: 56px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.4em;
}
p {
	font-size: 1.2em;
}
li {
	font-size: 1.2em;
}
h1{
    font-size: 2.125em;
}
h2{
    font-size: 1.875em
}
h3{
    font-size: 1.625em
}
h4{
    font-size: 1.375em
}
h5{
    font-size: 1.125em
}
img.alignnone{max-width: 100%; height: 100%}
img.alignright { float: right; margin: 1em 0 1em 1em; max-width: 100%; height: 100%}
img.alignleft { float: left; margin: 1em 1em 1em 0; max-width: 100%;height: 100%}
img.aligncenter { display: block; margin-left: auto; margin-right: auto; max-width: 100%;height: 100%}
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
#alert-header {background-color:#cc0000; padding:2px 0 2px 0;}

/* Spellmann Toolbar */
/* This puts the Primary Navigation in the Spellmann Toolbar */
#primaryNavigation {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0;
    z-index: 999;
    left: 0;
    background: transparent;
    border: 0px;
    border-radius: 0px;
}
/* This puts the collapsable menus in the Primary Navigation to the Spellmann Toolbar */
#primaryNavigation .navbar-collapse, #socialDropup {
    position: absolute;
    bottom: 54px;
    width: 101%;
    background: #fff;
    -webkit-box-shadow: 0px -4px 12px -7px rgba(0,0,0,0.39);
    -moz-box-shadow: 0px -4px 12px -7px rgba(0,0,0,0.39);
    box-shadow: 0px -4px 12px -7px rgba(0,0,0,0.39);
    border: none;
    text-align: center;
}
#primaryNavigation .dropdown-menu {
    text-align: center;
}
#navBarsBtn {
    border: none;
    height: 54px;
    margin: 0;
    padding: 0 2em;
    line-height: 58px;
}
#navBarsBtn:hover, #navBarsBtn:focus {
    background: none;
}
#navBars {
    font-size: 1.3em;
}
.navbar{
    min-height: inherit !important
}
.btn-primary {
	background-color: #cc0000;
	border-color: #cc0000;
}
.ride {
	border: 1px solid #000000;
	border-radius: 10px;
	margin: 10px;
	padding: 0;
	width: 48%;
	min-height: 400px;
}
.ride h4 {
	background-color: #522c1a;
	border-radius: 10px 10px 0 0;
	color: #ffffff;
	margin: 0;
	padding: 5px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	min-height: 3.0em;
}
.ride p {
	padding:10px;
}
.ride p.price {
	text-align: center;
}
.chuck {
	border: 1px solid #000000;
	border-radius: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	min-height: 600px;
}
.chuck h4 {
	background-color: #522c1a;
	border-radius: 10px 10px 0 0;
	color: #ffffff;
	margin: 0;
	padding: 5px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	min-height: 3.0em;
}
.chuck p {
	padding:10px;
}
.chuck p.price {
	text-align: center;
	position: absolute;
	width: 80%;
	left: 10%;
	bottom: 15%;
}
#mobileIcons {
    height: 54px;
    line-height: 58px;
}
#mobileIcons a {
    display: inline-block;
    font-size: 1.3em;
    margin: 0 1.2em;
    color: #000;
}
#socialDropup a {
    font-size: 1.7em;
    color: #000;
}
#socialDropup a .fa, #socialDropup a .fab {
    margin: 1em 0.5em;
}
#mobileIcons a:hover, #mobileIcons a:focus {
    text-decoration: none;
    color: #000;
}
hr {
	margin-top:40px;
	margin-bottom:40px;
	border-top:1px solid #ccc;
}
#gfield_instruction_1_5 {display:none;}
/***********************************************
H E A D E R   S T Y L E
***********************************************/
#header{
    background: #243642
}
.navbar-default .navbar-nav a{
    color: #fff !important;
    font-size: 1.0em
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
    background: #522c1a;
    color: #fff
}
.goog-te-gadget {
    visibility: collapse;
}
.goog-te-gadget span {
    display: none !important;
}
.goog-te-gadget div {
    visibility: visible;
}
.google-lang{
    display: flex;
    text-align: right;
    float: right;
}
.google-lang #google_translate_element{
    margin-top: 7px
}
.goog-te-gadget{
    font-size: 0px !important
}
.goog-te-gadget .goog-te-combo {
    margin: 0px 0 !important;
    padding: 8px 10px;
    border-radius: 20px !important;
    border: 1px solid #fff;
}
.google-lang .powerd{
    color: #fff;
    margin-top: 16px;
    margin-left: 10px;
    font-size: 0.8em
}
/***********************************************
S L I D E R   S T Y L E
***********************************************/
#slider-home .container-fluid{
    padding-left: 0px;
    padding-right: 0px
}
#slider-home{
    background: #f5f5f5
}
#carousel-custom{
    position: relative;
}
.carousel-indicators li{
    background-color: #000;
    border: 2px solid #FFF;
}
.masthead .btn-large:hover {
    background-color: #333;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 100px !important;
    padding-left: 0;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
    list-style: none;
}
.carousel-indicators .active{
    background-color: #CE171F;
    border: 2px solid #fff;
}
#carousel-custom .item img{
        height: 100%;
        max-height: 450px;
        min-height: 350px
}
#carousel-custom .carousel-control{
    top: 0%;
    width: 40px;
    opacity: 1
}
#carousel-custom .carousel-control.right{
    right: 25px
}
#carousel-custom .carousel-control.left{
    left: 25px
}
#carousel-custom .carousel-control span{
    background: #243642;
    opacity: 1 !important;
    border-radius: 30px;
    padding: 0px;
    height: 45px;
    width: 45px;
    line-height: 43px;
    font-weight: 300 !important;
}
.masthead {
    padding: 20px 0 20px 0;
}
.masthead ul{
    list-style: none;
}
.masthead ul li{
    display: inline-block;
    width: 18%;
    text-align: center;
    padding-right: 0;
    font-size: 1.0em;
}
.masthead ul li a{
    color: #fff;
    text-decoration: none;
    text-transform: capitalize;
    font-weight: bold
}
.masthead ul li a>img {
    margin: 0 auto;
}
.mastheader {
    position: absolute;
    z-index: 9999;
    top: 0;
}
.logo .img-responsive {
    width: 80%;
    margin: 5px 0 0 20%;
}
/***********************************************
H O R S E B A C K   S T Y L E
***********************************************/
.peek-book-button-flat.peek-book-btn-green {
	margin: 10px auto;
	display: block;
	width: 80%;
	position: absolute;
	bottom: 0;
	left: 10%;
}
/***********************************************
C O N T E N T   S T Y L E
***********************************************/
.home #content{
    padding: 20px 0px
}
.home #content #main{
    padding-top: 40px
}
.home #content #main .page-title{
    margin-bottom: 25px
}
.home #content #main .button{
    padding-right: 10px;
    padding-left: 0px;
    margin-top: 15px
}
.home #content #main .btn i {
    background: rgb(36, 54, 66) none repeat scroll 0% 0%;
    color: rgb(255, 255, 255);
    width: 40px;
    position: absolute;
    right: 0px;
    height: 37px;
    top: 0px;
    line-height: 37px;
    border-radius: 0px 17px 17px 0px;
    text-align: center;
}

.home #content #main .bFix .btn i {
    height: 38px !important;
    line-height: 38px !important;
}

.home #content #main .btn.white{
    background: transparent;
    border: 1px solid #243642;
    color: #000;
    padding: 10px 12px;
    border-radius: 20px;
    width: 100%;
    position: relative;
    font-size: 13px;
    text-align: left;
}
.home #content #main .center .btn.white{
    background: #243642;
    border: 0px solid transparent;
    color: #fff !important
}
.page-template-page-contact iframe{
    width: 100%;
    height: 700px;
    border: 0px;
}
.page-template-page-directions iframe{
    width: 100%;
    height: 490px;
    border: 0px;
}
#menu-tour{
    list-style: none;
    display: none;
    padding-left: 0px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center
}
#menu-tour li{
    display: inline-block;
    padding-right: 10px
}
#menu-tour li:after {
    content: "|";
    padding-left: 10px;
    font-size: 2em
}
#menu-tour li.last:after {
    content: "" !important
}
#menu-tour li a{
    font-weight: bold;
    font-size: 2em
}
.page-id-184 #menu-tour, .page-id-204 #menu-tour, .page-id-9 #menu-tour{
    display: inherit !important
}

.nav.tour{

}
/***********************************************
L O D G I N G   S T Y L E
***********************************************/
.dove-head-background {
	max-width: 100%;
	min-height: 572px;
	background-image: url("../dove-header-bg.html");
}
.dove-gray {
	background-color: #f9f4ec;
	padding:20px;
}
.dove-blue {
	background-color: #bee4f4;
	padding:0;
}
.dove-gray h2 {
	font-family: 'Karma', serif;
	color:#0b2463;
	text-align:center;
	font-size:2.7em;
	margin-top:40px;
}
.dove-gray h3 {
	font-family: 'Karma', serif;
	color:#7b2926;
	text-align:center;
	font-size:1.3em;
	margin-top:10px;
}
.dove-gray h4 {
	font-family: 'Karma', serif;
	color:#7b2926;
	text-align:center;
	font-size:2.0em;
	margin-top:40px;
}
.dove-gray p {
	font-family: 'Karma', serif;
	color:#6e510c;
	font-size:1.6em;
}
.dove-blue p {
	font-family: 'Karma', serif;
	color:#002f4a;
	font-size:1.2em;
	padding-top:20px;
	margin:0;
}
.dove-video {
	margin:20px;
}
#dove-content {
	margin:40px 0;
}
#dove-cabin-buttons {
	margin:40px auto;
	font-family: 'Karma', serif;
	text-align:center;
}
#dove-cabin-buttons a.btn-red {
	margin:0 30px 0 30px;
	padding:10px 20px 5px 20px;
	color:#ffffff;
	background-color:#a00019;
	border:2px solid #000000;
	font-size:1.5em;
}
#dove-cabin-buttons a.btn-brown {
	margin:0 30px 0 30px;
	padding:10px 20px 5px 20px;
	color:#ffffff;
	background-color:#a66006;
	border:2px solid #000000;
	font-size:1.5em;
}
#dove-cabin-buttons a.btn-green {
	margin:0 25px 0 25px;
	padding:10px 30px 5px 30px;
	color:#ffffff;
	background-color:#51a606;
	border:2px solid #000000;
	font-size:1.5em;
}
.gallery h3 {
	font-family: 'Karma', serif;
	text-align:center;
	color:#014065;
}
.gallery-row {
	margin-bottom:0;
}
.gallery-row img {
	margin:0 auto;
}
#dove-relax {
	background-color:#5a89bc;
	font-family: 'Karma', serif;
	font-size:1.8em;
	text-align:center;
	font-weight:bold;
	padding:30px 0 20px 0;
}
#dove-visit {
	background-color:#ffffff;
	margin:40px auto;
}
#dove-visit a {
	font-family: 'Karma', serif;
	font-size:1.75em;
	color:#209048;
	text-align:center;
	background-color:#e3f1e7;
	padding:10px 30px;
	margin:20px auto;
	text-decoration:underline;
}
.dove-visit-center {
	margin:0 auto;
	text-align:center;
}
.dove-no-pad {
	padding:0;
}
@media(max-width: 769px){
	#dove-relax {font-size:1.3em;}
	#dove-visit a {padding:0;background-color:transparent;}
	#dove-cabin-buttons a.btn-red {font-size:1.2em;}
	#dove-cabin-buttons a.btn-brown {font-size:1.2em;}
	#dove-cabin-buttons a.btn-green {font-size:1.2em;}
	.btn-row {margin-bottom:30px;}
	.dove-head-background {background-image: url("../dove-header-bg.html"); width:100%; min-height:180px;background-size:cover; background-repeat:no-repeat;}
}
/***********************************************
A M A R I L L O   S T Y L E
***********************************************/
#amarillo{
    background: #243642;
    background-image: url('../png/leather.png');
    position: relative;
}
#amarillo h4{
    color: #fff;
    font-size: 2em;
    margin-top: 50px;
    margin-bottom: 0px;
    text-shadow: 1px 1px 5px #000000;
}
#amarillo h2{
    font-size: 3em;
    font-weight: 700;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 50px;
    text-shadow: 1px 1px 5px #000000;
}
#amarillo .box img{
    max-width: 100%
}
/***********************************************
W H A T   W E   D O   S T Y L E
***********************************************/
#what-we-do{
    padding: 40px 0px;
	background-color:  #3a5ba2;
	color: #FFFFFF;
}

#what-we-do h2{
	color: #FFFFFF;
	font-weight: 700;
	text-shadow: 1px 1px 5px #000000;
}

#what-we-do ul{
    padding-left: 15px;
    padding-top: 15px;
	
}
#what-we-do ul li{
    padding-bottom: 4px;
	font-size: 1.2em;
	color: #FFFFFF;
}
#what-we-do img{
    max-width: 100%;
}
/************************************
B L O G   P A G E
*************************************/
#blogTemplate{
    padding: 20px 0px 40px
}
#blogTemplate .blogTitle{
    color: #000;
    font-size: 2.4em;
    text-decoration: none
}
#blogTemplate .blogTime i{
    padding-right: 5px
}
#readMoreWrapper a{
    background: #DF1F26;
    padding: 7px 10px;
    color: #fff;
}
.post-categories {
    list-style-type: none;
    padding: 0;
    margin: 0;
    clear: both;
}
.post-categories li {
    display: inline-block;
    margin: 1em 1em 1em 0;
}
.post-categories li a {
    background: #ccc;
    padding: 0.7em 1.3em;
    color: #000;
    text-decoration: none;
}
/************************************
S I D E   B A R
*************************************/
#sidebar{
    margin-top: 30px
}
#sidebar .widget-title{
    background: #DF1F26;
    color: #fff;
    padding: 8px 10px;
    font-size: 1.4em;
}
#sidebar .widget{
    border-bottom: 2px dashed #ddd;
}
#sidebar .widget ul{
    padding-left: 20px
}
#text-6 .textwidget{
    font-size: 2em;
}
#text-6 .textwidget .fa-mobile{
    font-size: 1.4em !important;
    padding-right: 7px;
    padding-left: 5px;
}
/***********************************************
F O O T E R   S T Y L E
***********************************************/
#reviews{
	background-color:rgb(237, 240, 242);
	padding:15px 0 0;
}
#footer{
    background: #243642;
    padding: 15px 0px 20px;
    color: #fff
}
#footer .widget-title{
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size: 1.375em;
    position: relative;
    margin-bottom: 25px;
}
#footer .widget-title:before{
    content: "";
    border-bottom: 3px solid #fff;
    width: 45px;
    height: 2px;
    position: absolute;
    bottom: -10px;
}
#footer .widget .fa-mobile{
    background: #192a35;
    font-size: 1.5em;
    padding: 5px 10px;
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 5px
}
#footer .widget .fa-envelope{
    background: #192a35;
    margin-right: 15px;
    padding: 8px 8px;
    font-size: 0.975em;
}
#footer .widget #menu-footer, #footer .menu{
    list-style: none;
    padding-left: 0px
}
#footer .widget #menu-footer li, #footer .menu li{
    margin-bottom: 8px
}
#footer .widget #menu-footer a, #footer .menu li a{
    color: #fff;
    text-decoration: none
}
#footer .widget input{
    background: transparent;
    border:1px solid #fff;
    padding:8px 10px;
    margin-bottom: 10px
}
#footer .widget #submit{
    background: #192a35;
    padding: 8px 30px !important;
    border: 0px;
}
#footer .widget .sociallinks{
    margin-top: 35px
}
#footer .widget .sociallinks a {
    display: inline-block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    font-size: 1.375em;
    color: none;
    margin-right: 3px;
    border: 1px solid transparent; 
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
#footer .widget .sociallinks a:hover {
    border: none;
}
#footer .widget .sociallinks .facebook {
    background: none;
}
#footer .widget .sociallinks .instagram {
    background: none;
}
#footer .widget .sociallinks .tiktok {
    background: none;
}
#footer .widget .sociallinks .twitter {
    background: #33ccff;
}
#footer .widget .sociallinks .google {
    background: none;
}
#footer .widget .sociallinks .trip {
    background: none;
}
#copyright{
    background: #192a35;
    text-align: center;
    color: #fff;
    padding-top: 23px;
    padding-bottom: 15px;
}
.fab {
	display: inline-block;
	font-family: FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
/***********************************************
M E D I A    Q U E R Y    S T Y L E
***********************************************/
@media(min-width: 992px){
    #content > div.col-sm-12.col-md-5.col-lg-5 > div > img {padding-top: 15px;}
}
@media(max-width: 1190px){
    .navbar-default .navbar-nav > li > a {
        font-size: 0.9em;
        padding: 10px 10px;
    }
    #amarillo h2 {
        font-size: 2em;
        margin-bottom: 25px;
    }
    #amarillo h4 {
        font-size: 1.5em;
        margin-top: 25px;
    }
    .home #content{
        padding: 120px 0px;
    }
    .goog-te-gadget .goog-te-combo{
        padding: 3px 5px !important
    }
    .google-lang .powerd {
        margin-top: 17px !important;
        font-size: 0.6em !important;
    }
}
@media(max-width: 990px){
    .navbar-default .navbar-nav > li > a {
        font-size: 0.7em;
        padding: 10px 5px;
    }
    .google-lang .powerd{
        display: none;
    }
    #amarillo h2 {
        font-size: 1.125em;
    }
    #amarillo h4 {
        font-size: 1em;
    }
    .home #content .center{
        text-align: center;
    }
    .home #content .center img{
        max-width: 100%;
        height: 100%;
    }
    .home #content #main{
        margin-top: 20px;
        margin-bottom: 40px
    }
}
@media(min-width: 769px){
    #carousel-custom .item img{
        width: 100%;
    }
    #amarillo .box{
        position: absolute;
        top: 14px;
    }
}
@media(max-width: 769px){
    .hidden-xs {display: none;}
    .visible-xs {display: block !important;}
    .carousel-inner, #carousel-custom .carousel-control, .carousel-indicators{
        display: none;
    }
    #mainNav {padding-left: 0; padding-right: 0;}
    .col-xs-12 {width: 100%;}
    .mastheader {position: relative;}
    #what-we-do .center{
        text-align: center;
    }
    .logo .img-responsive {margin:0 auto;}
    .home #content {
        
    }
    #slider-home {background: #FFF;}
    #footer{
        display: none
    }
    .masthead{
        display: none
    }
    .masthead ul li a{
        color: #000
    }
    #primaryNavigation{
        background: #192a35
    }
    #primaryNavigation i{
        color: #fff
    }
    #primaryNavigation .navbar-collapse, #socialDropup{
        background: #243642
    }
    #menu-tour li:after {
        font-size: 1em
    }
    #menu-tour li a{
        font-size: 1em
    }
}
@media(max-width: 528px){
    .masthead ul li{
        padding-right: 0px
    }
    .masthead ul li a img{
        width: 40px;
        height: 40px;
     }
}
@media (max-width: 416px){
	.chuck {
		min-height:650px;
	}
}