@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Acme&family=Montserrat&display=swap');

body{
	background:url(../images/backgroundpic2.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	font-family: 'Montserrat', serif!important;
	color: #222;
}

h1.btn-heading-align{
	font-family: 'Montserrat', serif!important;
}

.h2-no-margin{
	margin-top:0!important;
}

.orange-text{
	color:rgba(255,102,0,1);
}
.important-text{
	color:red;
	font-weight:bold;
}

/* MOBILE FONT */
@media (max-width: 992px) {
p{
	font-size:1.14em;
}
p.ride-head{
	font-size:1em;
}

h1{
	font-size:1.8em!important;
	font-family: 'Acme', serif!important;
}

h2{
	font-size:1.25em!important;
	font-weight:bold!important;
	background-color:rgba(86,156,206,0.2);
	padding:10px;
}

h3{
	font-size:1.3em!important;
}

h4{
	font-size:1.5em!important;
}
}

/* REGULAR FONT */
@media (min-width: 992px) {
p{
	font-size:120%;
}
p.ride-head{
/*	font-size:100%;*/
}
h1{
	font-size:3em!important;
	font-family: 'Acme', serif!important;
}

h2{
	font-size:2em!important;
	font-family: 'Acme', serif!important;
	background-color:rgba(86,156,206,0.2);
	padding:10px;
}

}

.u{
	text-decoration:underline;
}

.clear{
	clear:both;
}

.lfloat{
	float:left;
}

.rfloat{
	float:right;
}

hr.style1 {
	border: 0!important;
	height: 1px!important;
	background-image: linear-gradient(to right, rgba(56, 35, 24, 1), rgba(56, 35, 24, 0.75), rgba(56, 35, 24, 0.25))!important;
}

ul.no-decoration {
	list-style:none;
}

.btn-leather{
	background:url(../images/light_leather.png)!important;
	color:#CCC!important;
}

.btn-leather:hover{
	color:#FFF!important;
}

.content{
	/*background:url(../images/natural_paper.png);*/
	margin:10px 0;
	padding:20px;
	border-radius:2px;
	overflow:auto;
}


.paper{
	background:rgba(255,255,255,0.95);
	padding:20px 30px!important;
	-webkit-box-shadow: -5px 5px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -5px 5px 10px 0px rgba(0,0,0,0.75);
	box-shadow: -5px 5px 10px 0px rgba(0,0,0,0.75);
	overflow:auto;
}

.shop-item{
	border:1px solid #FC0;
	border-radius:10px;
	background:rgba(255,153,0,0.1);
	padding:10px;
	margin:10px;
	text-align:center;
}

form {
    display: inline-block;
    text-align: center;
}

.icon-bullet{
	margin-right:20px;
}

.photo-topten{
	border:1px solid rgba(87,43,21,1);
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

.homepage-box{
	background:rgba(255,255,255,0.5);
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	padding:10px;
	margin-bottom:10px;
}

.homepage-caution{
	background:rgba(255,102,0,0.2);
	border-left:1px solid rgba(255,102,0,0.5);
	border-right:1px solid rgba(255,102,0,0.5);
	padding-top:12px;
}

.homepage-announcement{
	background:rgba(0,102,204,0.1);
	border-left:1px solid rgba(0,102,204,0.5);
	border-right:1px solid rgba(0,102,204,0.5);
	border-top:1px solid rgba(0,102,204,0.5);
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}

.homepage-urgent{
	background:rgba(153,0,0,0.1);
	border-top:1px solid rgba(153,0,0,0.5);
	border-left:1px solid rgba(153,0,0,0.5);
	border-right:1px solid rgba(153,0,0,0.5);
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}

.contact-caution{
	background:rgba(255,102,0,0.2);
	border:1px solid rgba(255,102,0,0.5);
	border-radius:15px;
	padding-top:12px;
	margin-top:10px;
	margin-bottom:10px;
}

.contact-caltrans{
	background-color:rgba(255,204,0,0.2);
	border:1px solid rgba(255,204,0,1);
	border-radius:15px;
	margin-top:20px;
	padding-top:15px;
}

.text-orange{
        color:#f4a142!important;
        }

.maps-img{
	border-radius:20px;
	border:3px solid #4c8138;
}

.maps-img:hover{
	border:3px solid #385081;
	-webkit-box-shadow: -5px 5px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -5px 5px 10px 0px rgba(0,0,0,0.75);
	box-shadow: -5px 5px 10px 0px rgba(0,0,0,0.75);
}

.btn-fareharbor{
	background:rgba(51,153,0,0.7);
	border:4px double rgba(51,153,0,1)!important;
	border-radius:10px;
	color:#fff!important;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:15px!important;
}

.btn-fareharbor:hover{
	background:rgba(76, 129, 56, 1);
}

@media (max-width: 992px) {
.paper{
	 padding:10px 15px!important;
	}
}

.packtripinfo{
	padding-left:20px;
	border-left:2px solid #382318;
}

.arrows{
	font-size:3em;
}

.drivewaypic{
	float:right;
	width:40%;
}

@media (max-width: 992px) {
.drivewaypic{
	float:right;
	width:45%;
	}
}

/* MOBILE */
@media (max-width: 992px) {
.nailheadpic{
	width:12px;
	}
}

/* REGULAR */
@media (min-width: 992px) {
.nailheadpic{
	width:18px;
	}
}

.carousel{
    overflow: hidden;
}

.light-blue{
	background:rgba(187,215,242,0.5);
	border:1px solid rgba(187,215,242,1);
	border-radius:10px;
}

.light-green{
	background:rgba(176,220,171,0.5);
	border:1px solid rgba(176,220,171,1);
	border-radius:10px;
}



/* Responsive table horizontal scroll */
/* Responsive table horizontal scroll */
/* Responsive table horizontal scroll */
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}


/*  Custom tab navs */
/*  Custom tab navs */
/*  Custom tab navs */
.nav-tabs > li > a{
	border-radius:20px 20px 0 0!important;
}

.nav-tabs > li > a:hover{
	background-color:#FFF!important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover{
    background-color:#FFF!important;
	z-index:99!important;
}

/* Prevent justified tab nav from stacking */
/* Prevent justified tab nav from stacking */
/* Prevent justified tab nav from stacking */
@media (max-width: 768px) {
  .nav-justified > li {
    display: table-cell!important;
    width: 1%;
  }
  .nav-justified > li > a  {
    border-bottom:none!important;
    border-radius: 20px 20px 0 0 !important;
    margin-bottom: 0 !important;
  }
}


/* Carousel styles */
/* Carousel styles */
/* Carousel styles */
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
	width: 100%;
}

.carousel-caption{
	font-family: 'Montserrat', cursive;
}


/* Link styles */
/* Link styles */
/* Link styles */
a:link{
	color:rgba(0,51,153,1);
}

a:active{
	color:rgba(0,51,153,1);
}

a:hover{
	color:rgba(0,51,153,1);
	text-decoration:underline;
}

a:visited{
	color:rgba(0,51,153,1);
}

.carousel-caption a:link, .btn > a:link{
	color:#FFF;
}

.carousel-caption a:active, .btn > a:active{
	color:#FFF;
}

.carousel-caption a:hover, .btn > a:hover{
	color:#FFF;
}

.carousel-caption a:visited, .btn > a:visited{
	color:#FFF;
}



/* Footer styles */
/* Footer styles */
/* Footer styles */
.footer{
	width:100%;
	padding-top:10px;
	color:#fff;
	background-color:rgba(86,156,206,0.8);
}


button a:link,
button a:active,
button a:hover,
button a:visited{
	text-decoration:none!important;
	color:#FFF;
}


/* Navbar OVERRIDES */
/* Navbar OVERRIDES */
/* Navbar OVERRIDES */
.navbar-default{
	background-color:rgba(86,156,206,0.7)!important;
	border:none!important;
	border-radius:0!important;
	margin-bottom:0!important;
	font-weight:bold;
	font-size:1.1em;
}

.navbar-brand{
	height:190px!important;
	color:rgba(255,255,255,1)!important;
	font-weight:bold;
}



.navbar-default .navbar-nav > li > a {
	margin-top:75px!important;
    color: #fff!important;
	background-color:none;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff!important;
	border:1px solid #FFF;
}

.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus {
    color:#fff!important;
    border:1px solid #FFF;
	background-color:#569cce!important;
}



@media (max-width: 992px) {
.navbar-brand img{
	max-height:100px;
	}

.navbar-brand{
	height:150px!important;
	}

.navbar-default .navbar-nav > li > a {
	margin-top:10px!important;
}

.navbar-default{
	font-size:1em;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff!important;
	background:url(../images/light_leather.png);
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border:1px solid #CCC;
}

.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus {
    color:#fff!important;
    background:url(../images/light_leather.png);
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border:1px solid #CCC;
}
}

@media (min-width: 993px) and (max-width: 1200px) {
.navbar-brand img{
	max-height:150px;
	}

.navbar-brand{
	height:150px!important;
	}

.navbar-default .navbar-nav > li > a {
	margin-top:100px!important;
}

.navbar-default{
	font-size:1em;
}
}



.dropdown-menu{
	background:url(../images/natural_paper.png) repeat;!important;
}
.dropdown-menu a{
	color:rgba(119,73,49,1)!important;
}




/* PHOTO GALLERY */
/* PHOTO GALLERY */
/* PHOTO GALLERY */
.gallery{
	margin-bottom:15px;
	text-align:center;
}
.gallery img:hover {
  border: 1px solid #777;
}

.gallery img {
  width: 100%;
  height: auto;
}




/* GENERAL OVERRIDES */
/* GENERAL OVERRIDES */
/* GENERAL OVERRIDES */

a {
   outline: 0!important;
}

.overflow{
	overflow:auto!important;
}






/* ACCORDION STYLES */
/* ACCORDION STYLES */
/* ACCORDION STYLES */
.accordion-heading{
	background-color:rgba(174,185,106,0.4);
	padding:10px;
	margin-top:15px;
}


.accordion-heading a,
.accordion-heading a:hover,
.accordion-heading a:active,
.accordion-heading a:visited{
	color:rgba(0,0,0,1)!important;
}

.accordion-inner{
	border-bottom:4px double rgba(174,185,106,1);
	border-right:4px double rgba(174,185,106,1);
	border-left:4px double rgba(174,185,106,1);
	padding:10px;
	margin-bottom:10px;
	margin-right:3px;
	margin-left:3px;
}




/* RATES AND LOCATIONS */
.locations{
	border-top:1px solid rgba(0,0,0,1);
	border-bottom:1px solid rgba(0,0,0,1);
}

.btn-locations{
	background-color:rgba(119,73,49,0.2);
}

.btn-locations:hover{
	background-color:rgba(119,73,49,0.4);
}


/*
.btn-locations:nth-of-type(1){
	background:url(../images/carousel3.png);
	background-repeat: no-repeat;
  	background-size:cover;
}*/





/* Shop Styles */
/* Shop Styles */
/* Shop Styles */
.limited-edition{
	color:rgba(153,0,0,1);
	font-weight:bold;
}

.shopify-product{
	margin:0 auto;
}

