@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Crimson+Text|Dancing+Script');

#map{
	height:600px;
}

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;
	font-family: 'Crimson Text', serif;
	font-size:16px;
}

hr{
	border-color:rgba(153,153,153,1);
}

.container{
	padding:1px;
}

.content{
	background-color:rgba(255,255,255,0.75);
}
/* 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-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.4);
	border:1px solid rgba(153,51,51,1);
	border-radius:5px;
}

.home-welcome{
	text-align:center;
	background-color:rgba(0,153,102,0.3);
	font-weight:bold;
	padding:25px;
}




/* TEXT FORMATTING */
/* TEXT FORMATTING */
/* TEXT FORMATTING */
p{
	font-family: 'Crimson Text', serif;
}
h1{
	font-family: 'Dancing Script', cursive;
	font-weight:bold;
}
h2{
	font-family: 'Crimson Text', serif;
	font-variant:small-caps;
	font-weight:bold;
}
h3{
	font-family: 'Crimson Text', serif;
	font-variant:small-caps;
	font-weight:bold;
}
h4{
	font-family: 'Dancing Script', cursive;
}
/* 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;
	}
}
/* 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;
	}
} 
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 1200px) {
	p{
		font-size:1.2em;
	}
	h1{
		font-size:2.75em;
	}
	h2{
		font-size:1.75em;
	}
	h3{
		font-size:1.25em;
	}
	h4{
		font-size:1.2em;
	}
}

.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;
}




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




/* MAPS */
/* MAPS */
/* MAPS */
#map {
        height: 500px;
      }

#imageoverlaymap {
        height: 500px;
      }




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

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

.navbar-kennedy{
	background-color:rgba(26,72,17,0.8);
	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: 'Crimson Text', serif;
	margin-right:15px;
	font-size:1.1em;
}
.nav-item a:visited{
	color:#f9d691;
}	
.nav-item a:hover{
	color:#f9d691;
	opacity:0.75;
}	
.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:left;
	}
} 

.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:rgba(26,72,17,0.8);
	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;	
		border-radius: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:175px;
	}
	.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;
	}
}