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


body{
	/*background:url(../images/background1.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	background-color:rgba(245,245,245,1);
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
}

hr{
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin-top:50px;
	margin-bottom:50px;
}

hr.headline{
    margin-top:10px;
	margin-bottom:10px;
}

.container{
	padding:1px;
}

.content{
	background-color:rgba(255,255,255,1);
	border:1px solid #f9d691;
	-webkit-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.25);
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.content{
		padding:10px;
		margin-top:3px;
		margin-bottom:3px;
	}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.content{
		padding:30px;
		margin-top:15px;
		margin-bottom:15px;
	}
}

.content img{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
}

.no-shadow{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0)!important;
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0)!important;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0)!important;
}

.content-focus{
	background-color:rgba(255,255,255,0.7);
	-webkit-box-shadow: inset 0px 0px 15px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 0px 15px 3px rgba(0,0,0,0.3);
	box-shadow: inset 0px 0px 15px 3px rgba(0,0,0,0.3);
	text-align:center;
	border-radius:35px;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.content-focus{
		width:95%;
		margin:auto;
		padding:5px;
	}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.content-focus{
		width:75%;
		margin:auto;
		padding:25px;
	}
}

.note{
	background-image:url(../images/linedpaper.png);
	background-repeat:repeat;
	-webkit-box-shadow: -10px 10px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: -10px 10px 5px 0px rgba(0,0,0,0.5);
	box-shadow: -10px 10px 5px 0px rgba(0,0,0,0.5);
	margin:40px;
	padding:40px;
}
/* Extra small devices (600px and below) */
@media only screen and (max-width: 600px) {
	.note{
		margin:10px;
		padding:10px;
	}
}

.c{
	text-align:center;
}

.contact p{
	text-align:center;
}

.hours-table{
	margin:auto;
}

.lfloat{
	float:left;
}
.rfloat{
	float:right;
}

ul.float-respect{
	overflow:hidden;
}

.pleasenote{
	padding:5px;
	background-color:rgba(153,51,51,0.2);
	border:1px solid rgba(153,51,51,1);
}

.coming-soon{
	color:rgba(102,102,102,1);
}

.box-icon{
	margin-bottom:50px;
	margin-top:50px;
}

.fa-boxcolor{
	color:rgba(153,153,153,0.7);
}

.beef-label{
	font-weight:bold;
	padding-top:25px;
	padding-bottom:15px;
	margin-top:50px;
	margin-bottom:50px;
	border:1px solid #f9d691;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}

.grass{
	color:rgba(51,153,102,1);
	font-weight:bold;
}

.grain{
	color:rgba(204,153,102,1);
	font-weight:bold;
}



/* TEXT FORMATTING */
/* TEXT FORMATTING */
/* TEXT FORMATTING */
p{
	font-family: 'Open Sans', sans-serif;
}
h1{
	font-family: 'PT Sans', sans-serif;
	font-weight:bold;
}
h2{
	font-family: 'PT Sans', sans-serif;
	font-variant:small-caps;
	font-weight:bold;
}
h3{
	font-family: 'PT Sans', sans-serif;
	font-weight:bold;
}
h4{
	font-family: 'PT Sans', sans-serif;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	p{
		font-size:1em;
	}
	h1{
		font-size:2em;
	}
	h2{
		font-size:1.5em;
	}
	h3{
		font-size:1.1em;
	}
	h4{
		font-size:1em;
	}
	h6{
		font-size:4em;
	}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	p{
		font-size:1em;
	}
	h1{
		font-size:2.25em;
	}
	h2{
		font-size:1.5em;
	}
	h3{
		font-size:1.15em;
	}
	h4{
		font-size:1em;
	}
	h6{
		font-size:4em;
	}
} 
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 1200px) {
	p{
		font-size:1.1em;
	}
	h1{
		font-size:2.25em;
	}
	h2{
		font-size:1.5em;
	}
	h3{
		font-size:1.25em;
	}
	h4{
		font-size:1.2em;
	}
	h6{
		font-size:10em;
	}
}

.kennedy-header{
	background-color:rgba(26,72,17,0.4);
	padding:8px;
	border-radius:20px;
}




/* CONTENT LINKS */
/* CONTENT LINKS */
/* CONTENT LINKS */
.content a:link{
	color:#0a7bbb;
}
.content a:hover{
	color:#06537f;
}
.content a:visited{
	color:#0a7bbb;
}
.content a:active{
	color:#0a7bbb;
}



/* IMG LINKS */
/* IMG LINKS */
/* IMG LINKS */
.content a:hover img{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}



/* BUTTONS */
/* BUTTONS */
/* BUTTONS */
a:link.btn-caltrans, a:visited.btn-caltrans, a:active.btn-caltrans{
	background-color:rgba(233,166,36,0.7);
	color:rgba(255,255,255,1);
	white-space:normal;
}
a:hover.btn-caltrans{
	background-color:#e9a624;
	color:rgba(255,255,255,1);
	white-space:normal;
}

a:link.btn-kennedyblue, a:visited.btn-kennedyblue, a:active.btn-kennedyblue{
	color:rgba(0,0,0,1);
	background-color:rgba(45,112,162,0.3);
	white-space:normal;
}
a:hover.btn-kennedyblue{
	color:rgba(0,0,0,1);
	background-color:rgba(45,112,162,0.6);
	white-space:normal;
}

.btn-kennedygold{
	background-color:rgba(249,214,145,1);
	color:rgba(51,51,51,0.9)!important;
	border-radius:25%;
	font-weight:bold;
}





/* NAVBAR */
/* NAVBAR */
/* NAVBAR */
.menu{
	color:#f9d691;
	font-size:14px;
}

.active{
	font-weight:bold;
	background-color:transparent!important;
}

.navbar-kennedy{
	background-color:#12330B;
	padding-bottom:7px;
	/* background-image:url(../images/nav_bg.png);
	background-repeat:repeat-x;
	background-size:auto; */
}

.navbar-border{
	border-bottom:1px solid #f9d691;
}

.navbar .fa-bars{
	color:#f9d691;
}

.nav-item a:link{
	color:#f9d691;
	opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
	font-family: 'PT Sans', sans-serif;
	margin-right:15px;
	font-size:1.1em;
}
.nav-item a:visited{
	color:#f9d691;
}	
.nav-item a:hover{
	color:#f9d691;
	opacity:0.75;
	text-decoration:underline;
}	
.nav-item a:active{
	color:#f9d691;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	a.dropdown-item{
		text-align:center;
	}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	a.dropdown-item{
		text-align:center;
	}
} 
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 992px) {
	a.dropdown-item{
		text-align:right;
	}
} 

.dropdown-menu{
	background-color:rgba(26,72,17,0.8);
	border:1px solid rgba(249,214,145,0.5);
}

.dropdown-item:hover{
	background-color:transparent;
}

.dropdown-divider{
	border-color:#f9d691;
}

.navbar-brand img{
	opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.navbar-brand img:hover{
	opacity:0.75;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.navbar-brand img{
		height:75px;
	}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.navbar-brand img{
		height:100px;
	}
} 
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.navbar-brand img{
		height:110px;
	}
} 
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 1200px) {
	.navbar-brand img{
		height:150px;
	}
}





/* NAV PILLS */
/* NAV PILLS */
/* NAV PILLS */
#pills-tab .nav-item{
	margin:auto;
}

#pills-tab .nav-link{
	padding-right:50px;
	padding-left:50px;
	padding-top:20px;
	padding-bottom:15px;
	text-align:center;
	border:1px solid rgba(45,112,162,0.6);
}

#pills-tab .nav-item a:link{
	color:rgba(0,0,0,1);
}
#pills-tab .nav-item a:visited{
	color:rgba(0,0,0,1);
}
#pills-tab .nav-item a:hover{
	color:rgba(0,0,0,1);
	background-color:rgba(45,112,162,0.3);
}
#pills-tab .nav-item a:active{
	color:rgba(0,0,0,1);
}

.nav-item .nav-link.active{
	background-color:rgba(45,112,162,0.3);
}



/* FAQ */
/* FAQ */
/* FAQ */
.card-header .btn-link{
	white-space:normal;
}



/* PCT HIKERS */
/* PCT HIKERS */
/* PCT HIKERS */
.pct-hikers{
	float:right;
	background-color: rgba(26,72,17,0.8);
	text-align:center!important;
	padding-left:15px;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.pct-hikers{		
		padding-bottom:3px;
		padding-top:3px;
		border-bottom-left-radius:10px;
		border-bottom-right-radius:10px;		
	}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.pct-hikers{
		padding-bottom:10px;
		padding-top:10px;
		margin-right:20px;
		border-bottom-left-radius:20px;
		border-bottom-right-radius:20px;
	}
}
.pct-hikers a:link{
	color:#f9d691;
	opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
	font-family: 'Crimson Text', serif;
	margin-right:15px;
}
.pct-hikers a:visited{
	color:#f9d691;
}	
.pct-hikers a:hover{
	color:#f9d691;
	opacity:0.75;
}	
.pct-hikers a:active{
	color:#f9d691;
}



/* FOOTER */
/* FOOTER */
/* FOOTER */
.footer-border{
	border-bottom:1px solid #f9d691;
	margin-bottom:15px;
}

.footer-kennedy{
	background-color:#12330B;
	padding-top:7px;
	padding-bottom:22px;
	color:#f9d691;
	text-align:center;
}

.footer-kennedy hr{
	border-color:rgba(249,214,145,0.5);
}

.footer-kennedy a:link{
	color:#f9d691;
	opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.footer-kennedy a:visited{
	color:#f9d691;
}	
.footer-kennedy a:hover{
	opacity: 0.75;
}
.footer-kennedy a:active{
	color:#f9d691;
}




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

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

.video{
	width:560px;
	height:315px;
}
/* Custom small devices (phones, 800px and down) */
@media only screen and (max-width: 800px) {
	.video{
	width:300px;
	height:170px;
}
}




/* IMAGE FLOAT SIZE CONTROL */
/* IMAGE FLOAT SIZE CONTROL */
/* IMAGE FLOAT SIZE CONTROL */
.img-horizontalfloat-r, .img-horizontalfloat-l, .img-verticalfloat-r, .img-verticalfloat-l{	
		margin-bottom:10px;	
	}
	.img-horizontalfloat-r, .img-verticalfloat-r{
		margin-left:10px;
		float:right;
	}
	.img-horizontalfloat-l, .img-verticalfloat-l{
		margin-right:10px;		
		float:left;
	}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.img-horizontalfloat-r, .img-horizontalfloat-l{
		max-width:250px;
	}
	.img-verticalfloat-r, .img-verticalfloat-l{
		max-width:150px;
	}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.img-horizontalfloat-r, .img-horizontalfloat-l{
		max-width:250px;
	}
	.img-verticalfloat-r, .img-verticalfloat-l{
		max-width:200px;
	}
} 
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.img-horizontalfloat-r, .img-horizontalfloat-l{
		max-width:300px;
	}
	.img-verticalfloat-r, .img-verticalfloat-l{
		max-width:250px;
	}
} 
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 1200px) {
	.img-horizontalfloat-r, .img-horizontalfloat-l{
		max-width:400px;
	}
	.img-verticalfloat-r, .img-verticalfloat-l{
		max-width:300px;
	}
}





/* videoWrapper */
/* videoWrapper */
/* videoWrapper */

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}