/*
Theme Name: Columbia River Fishing
Theme URI: https://wordpress.org/
Author: Allen Justin Quinto
Author URI: https://wordpress.org/
Description: Custom WordPress Theme for Columbia River Fishing
Version: 1
*/


	@import url('fonts/stylesheet.css');

	.clearfix:after {
	     visibility: hidden;
	     display: block;
	     font-size: 0;
	     content: " ";
	     clear: both;
	     height: 0;
	     }
	.clearfix { display: inline-block; }
	/* start commented backslash hack \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* close commented backslash hack */


/* ==========================================================================
   Author's bootstrap custom styles
   ========================================================================== */

   .container { max-width: 1000px !important; padding: 0 15px; }

a{
	transition: all .4s;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

    * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

    body { background: #f2f2f2; }

	html, body, p { font-family: 'Oswald', sans-serif; font-size: 16px; font-weight: 300; }
	h1, h2, h3, h4, h5, h6 { font-family: 'Oswald'; font-weight: 300; color: #fff; }
	.heading-border { color: #072947; border-bottom: 1px solid #cfd8df; padding-bottom: 15px; }
	p { 
	color: #fff; 
	line-height: 1.4; 
	letter-spacing: 0.1px;
	}
	hr { border-color: #6C6C6C; }

	a { color: #fff; }
	a:hover { color: #6d7add; }

	a:hover, a:focus, a:active, input { text-decoration: none; outline: none; }
	a.blue-btn { color: #fff; }
	.blue-btn, input[type="submit"] { border: 0; display: inline-block; color: #fff; padding: 7px 15px; background: #000; }
	.blue-btn:hover, input[type="submit"]:hover { opacity: .8; }

	img { max-width: 100%; height: auto; }
	.center { text-align: center; }

	iframe { max-width: 100%; }

	/* Contact Form 7 */
	div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok { padding: 0 !important; margin: 0 !important; border: 0 !important; } 
	span.wpcf7-not-valid-tip { color: #fff !important; }
	input[type="text"], input[type="email"], textarea { padding: 10px; }
	
	/* inner Page */
	@media (min-width: 1901px) {
		#banner-img { height: 300px; }
		#banner-img img { display: none; }
	}
	@media (max-width: 1900px) {
		#banner-img { text-align: center; }
		#banner-img img {  }
	}

	#inner-page { margin: 20px 0 50px; }

	#inner-page blockquote { border-bottom: 1px solid #ccc; border-left: 0;  margin: 0 0 40px; padding-top: 10px; padding-left: 30px; }


	/* ----------------------------------------------- Accordion ----------------------------------------------- */
	.ac-title { margin: 0 !important; margin-top: 10px !important; position: relative; }
	.ac-title a { display: block; padding: 10px; background: #4ab5e7; color: #fff; font-weight: 300; font-size: 16px; }
	.ac-content { padding: 10px; border: 1px solid #4ab5e7; }

	.ac-title:after { content: '+'; color: #fff; position: absolute; top: 13%; right: 10px; font-size: 30px; cursor: pointer; }
	.ac-item.active .ac-title:after { content: '-'; color: #fff; position: absolute; top: 13%; right: 10px; font-size: 30px; cursor: pointer; }
	
	/* Theme Style */

	html {
	  height: 100%;
	}
	body {
	  min-height: 100%;
	}

	body { z-index: 2; position: relative; background-position: center; background-size: cover; background-attachment: fixed; }
	body:before { content: ''; z-index: -1; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url('images/paper.png') center; }


/* =======  Header Menu  ======  */
.header-sec{
	padding: 30px 0;
}
.h-logo {
	flex: 1;
	padding-right: 10px;
}

.btn-book {
	display: inline-block;
	background: #142c4e;
	color: #fff;
	padding: 9px 25px;
	border-radius: 3px;
	font-family: "Lobster Two";
	font-size: 20px;
	letter-spacing: 1px;
	margin-bottom: 12px;
}
.btn-book:hover{
	color: #fff;
	opacity: .9;
}

.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.header-right{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.header-menu > ul{
	margin: 0;
	padding: 0;
}

.header-menu > ul > li {
    position: relative;
    display: inline-block;
	margin: 0 15px;
}

.header-menu > ul > li > a{
    display: block;
	padding: 20px 0px;
	text-transform: uppercase;
	font-weight: 400;
	
}

.header-menu > ul > li:nth-child(n+4) > ul{
    left: auto;
    right: 0;
    width: 280px;

}

.header-menu > ul > li ul {
    position: absolute;
    left: 0;
    width: 280px;
    background: rgba(22, 43, 75, .8);
    top: 100%;
    visibility: hidden;
    z-index: 5;
    transform: translateY(10px);
    transition: .4s;
    opacity: 0;
	padding: 0;
	list-style: none;
}

.header-menu ul li ul li.current_page_item a,
.header-menu ul li ul li:hover a{
	background: #142c4e;
	box-shadow: inset 3px 0px 0 0 rgba(255, 255, 255, .7);
}

.header-menu > ul > li:hover ul{
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
}

.header-menu li a {
    display: block;
    color: #fff;
    font-size: 16px;
    position: relative;
	letter-spacing: 1px;
	padding: 10px 20px;
}

.header-menu > ul > li.current_page_ancestor > a,
.header-menu > ul > li.current_page_item > a,
.header-menu > ul > li > a:hover{
    color: rgba(255, 255, 255, .8);
}

.header-menu > ul > li.current_page_item > a::before,
.header-menu > ul > li.current_page_ancestor > a::before,
.header-menu > ul > li.current_page_item > a::after,
.header-menu > ul > li.current_page_ancestor > a::after,
.header-menu > ul > li:hover > a::after,
.header-menu > ul > li:hover > a::before {
    width: 50%;
}

.header-menu > ul > li > a::after,
.header-menu > ul > li > a::before {
    content: "";
    position: absolute;
    border-bottom: 3px solid #fff;
    width: 0;
    left: 50%;
    bottom: 0px;
    transition: .5s;
}
.header-menu > ul > li > a::after{
    left: auto;
    right: 50%;
}

.mobile-menu{
    display: none;
}

.slicknav_nav {
    position: absolute;
    top: 100%;
    background: rgba(28, 58, 105, 0.9);
    width: 100%;
    left: 0;
    z-index: 9;
}

.slicknav_nav > ul > li > ul li a {
    padding: 10px 30px;
}
.slicknav_nav > ul > li > a:hover {
    background: rgb(22, 43, 74);
    border-radius: 0 !important;
}

.slicknav_nav > ul > li > a {
    margin: 0 !important;
    padding: 10px 25px !important;
}
.slicknav_nav > li > a i {
      margin-left: 5px;
}

.slicknav_nav li {
      display: block !important;
      padding: 0px 0 !important;
      text-align: left;
}

.slicknav_nav a:hover {
      border-radius: 0;
      background-color: rgb(22, 43, 74) !important;
      color: #fff !important;
}

.slicknav_nav ul {
    margin: 0;
}

.slicknav_menu {
    background: none;
    padding: 0;
}

.slicknav_btn {
	background: rgb(28, 58, 105);
	padding: 10px 13px;
	border-radius: 2px;
	margin: 0;
	letter-spacing: 1px;
}
/* End header menu */


	#main-header { padding: 25px 0; }
		#main-logo { float: left; margin: 0; }
		#main-logo a { display: block; }

		#right-header { float: right; }

#main-nav ul { list-style: none; padding: 0; margin: 0;}
#main-nav ul li {
	display: inline-block;
	margin: 0 15px;
	position: relative;
}
#main-nav ul li ul{
	position: absolute;
	top: 100%; 
	left: 0;
	width: 300px;
	background: rgba(0, 0, 0, .4);
	padding: 5px 0;
}
#main-nav ul li a { display: block; color: #fff; text-transform: uppercase; padding: 5px;}
#main-nav ul li a:hover { color: #435e88; }
#main-nav ul li.current-menu-item a { font-weight: 400; }

	#home-slider { width: 100%; position: relative; padding: 5px; background: #fff; margin-bottom: 30px; overflow: hidden; }
		#home-slider ul.slides { list-style: none; padding: 0; margin: 0; display: flex; }
		#home-slider ul.slides li { display: flex !important; justify-content: flex-end; position: relative; }
#home-slider ul.slides li > img{
	width: 100%;
}
#home-slider ul.slides li .slide-content {
	max-width: 450px;
	padding: 15px 30px 50px;
}
#home-slider ul.slides li > img{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	z-index: -1;
}
		#home-slider ul.slides li .slide-content h1 { color: #fff; font-size: 62px; font-weight: 400; line-height: 66px; font-family: 'Lobster Two'; }
		#home-slider ul.slides li .slide-content p { color: #fff; font-size: 24px; line-height: 1.2; }

		#home-slider .flex-control-nav { position: absolute; list-style: none; padding: 0; margin: 0; bottom: 10px; text-align: center; z-index: 3; width: 100%; }
			#home-slider .flex-control-nav li { display: inline-block; }
			#home-slider .flex-control-nav li a { display: block; width: 10px; height: 10px; margin: 0 3px; background: #fff; text-indent: -9999px; cursor: pointer; border-radius: 50%; }
				#home-slider .flex-control-nav li a.flex-active { background: #1f8dc2; }


	#footer-nav { margin: 30px 0; }
		#footer-nav ul#footer-menu { list-style: none; margin: 0; padding: 0; text-align: center; }
		#footer-nav ul#footer-menu li { display: inline-block; margin-right: 30px;}
		#footer-nav ul#footer-menu li a { display: block; margin: 0 5px; color: #fff; text-transform: uppercase; }
		#footer-nav ul#footer-menu li a:hover { color: #435e88; }

		.follow-us-box { background: rgba(255,255,255,.3); padding: 10px; text-align: center; }
		.follow-us-box p { margin: 0 0 10px; text-transform: uppercase; }

		.follow-us-box .footer-social-media a { color: #fff; font-size: 30px; display: inline-block; margin: 0 10px; }
		.follow-us-box .footer-social-media a:hover { color: #435e88; }

		.follow-us-box a.newsletter-btn { display: inline-block; width: 200px; color: #435e88; background: #fff; padding: 10px; line-height: 1; text-align: center; text-transform: uppercase; }
		.follow-us-box a.newsletter-btn:hover { background: #435e88; color: #fff; }

		.about-dan-box { background: rgba(255,255,255,.3); padding: 10px; text-align: center; }
		.about-dan-box p { margin: 0 0 10px; text-transform: none; }

		.about-dan-box .about-dan a { color: #fff; font-size: 14px; text-align: center; font-weight: 200;display: inline-block; margin: 0 10px; }
		.about-dan-box .about-dan a:hover { color: #435e88; }

		.about-dan-box a.newsletter-btn { display: inline-block; width: 200px; color: #435e88; background: #fff; padding: 10px; line-height: 1; text-align: center; text-transform: uppercase; }
		.about-dan-box a.newsletter-btn:hover { background: #435e88; color: #fff; }


		.site-info { font-size: 14px; text-align: center; font-weight: 400; margin: 20px 0; }
		.site-info span { display: inline-block; margin: 0 5px; }
		.site-info span a { color: #fff; }
		.site-info span a:hover { color: #435e88; }

		.footer-license { border: 1px solid #fff; padding: 10px; margin: 20px 0; }
		.footer-license p { margin: 0; font-size: 14px; text-align: center; }
		.footer-license p span { display: inline-block; margin: 0 5px; }

		.copyright { font-size: 11px; margin-bottom: 40px; }
	
	#home-title-boxes { margin-top: 20px; margin-bottom: 20px; color: #435e88;}
	#page-title-boxes { margin-top: 20px; margin-bottom: 20px; }

	.title-box { display: block; padding-bottom: 20px; padding-left: 5px; padding-right: 5px; background: #fff; position: relative; }
		.title-box img { width: 100%; }
.title-box ul{}
		.title-box h2.title-box-name { position: relative; text-align: center; margin: 0; }
		.title-box h2.title-box-name:before { content: ''; height: 1px; width: 100%; background: #435e88; position: absolute; top: 50%; left: 0; }
		.title-box h2.title-box-name span { position: relative; display: inline-block; background: #fff; font-size: 24px; padding: 0 10px; text-transform: uppercase; line-height: 28px; color: #435e88;  }
         

		.title-box .title-box-text { padding: 20px; }
		.title-box .title-box-text p { margin: 0; color: #435e88; font-size: 16px; }
		.title-box .title-box-text p strong { font-weight: normal; }
		.title-box .title-box-text p a { color: #8496b1; }

		.title-box .box-hover-content { width: 100%; height: 100%; position: absolute; background: #435e88; padding: 15px; text-align: center; top: 0; left: 0; transition: ease all .3s; opacity: 0; }
		.title-box:hover .box-hover-content { opacity: 1; }
		.title-box .box-hover-content p { font-size: 18px; text-transform: uppercase; margin-bottom: 20px; }
		.title-box .box-hover-content p.small { font-size: 14px; text-transform: none; }
		.title-box .box-hover-content h3 { font-size: 24px; text-transform: uppercase; margin-top: 0; margin-bottom: 20px; color: #fff; }
		.title-box .box-hover-content span.learn-more-btn { width: 100%; display: block; padding: 10px; background: #fff; text-align: center; font-size: 14px; color: #435e88; line-height: 1; }
	#page-title-boxes .title-box h2.title-box-name { font-size: 22px; }
	#page-title-boxes .title-box h2.title-box-name span { font-size: 18px; line-height: 22px; }

	#main-page-title { text-align: center; position: relative; overflow: hidden; color: #fff; margin-top: 0; margin-bottom: 20px; }
	#main-page-title span { display: inline-block; font-size: 18px; line-height: 22px; text-transform: uppercase; padding: 0 20px; position: relative; }
	#main-page-title span:before { content: ''; position: absolute; top: 50%; right: 100%; width: 9999px; height: 1px; background: #fff; }
	#main-page-title span:after { content: ''; position: absolute; top: 50%; left: 100%; width: 9999px; height: 1px; background: #fff; }

	.page-title { text-align: center; position: relative; overflow: hidden; color: #fff; margin: 20px 0; }
	.page-title span { display: inline-block; font-size: 18px; line-height: 22px; text-transform: uppercase; padding: 0 20px; position: relative; }
	.page-title span:before { content: ''; position: absolute; top: 50%; right: 100%; width: 9999px; height: 1px; background: #fff; }
	.page-title span:after { content: ''; position: absolute; top: 50%; left: 100%; width: 9999px; height: 1px; background: #fff; }	

	#inner-page p { margin-bottom: 20px; }

	#inner-page h1,
	#inner-page h2,
	#inner-page h3,
	#inner-page h4,
	#inner-page h5,
	#inner-page h6 { color: #fff;  font-weight: 300; margin-top: 0; }

	#inner-page h1 {  }
	#inner-page h2 {  }
	#inner-page h3 { font-size: 18px; }
	#inner-page h4 {  }
	#inner-page h5 {  }
	#inner-page h6 {  }	

	#inner-page ul { list-style: none; padding: 0; margin: 0; }
	#inner-page ul li { line-height: 1.3; font-size: 16px; color: #fff; }
	#inner-page ul li a { color: #fff; }
	#inner-page ul li a:hover { color: #435e88; }

	#inner-page label { font-size: 14px; font-weight: 300; }
    #inner-page a { color: #fff; text-decoration: underline; }
    #inner-page a:link { color:#fff; }
	#inner-page a:hover { color:#435e88; }

	#inner-page input, #inner-page textarea { border: 0; }
	#inner-page input[type="text"], #inner-page input[type="email"] { color: #000; }
	
	#schedule { width:100%; text-align:center; text-transform:uppercase; border-collapse: separate; border-spacing: 1px; margin: 20px 0; }
	#schedule tr { height:30px; font-weight: 300; font-size: 16px; }
	#schedule th { text-align: center; color: #fff; background: rgba(255,255,255,.3); font-weight: 300; font-size: 16px; color: #435e88; text-shadow: 0px 0px 3px #ccc; }
	#schedule td { background: rgba(255,255,255,.1); color: #fff; }
	#schedule td.in { background:#435e88; }
	#schedule th a:link { color:#435e88; }
	#schedule th a:hover { color:#fff; }

	#license-boxes { margin-top: 20px; }
		#license-boxes .license-box { background: #fff; padding: 20px; }
		#license-boxes .license-box h3 { text-transform: uppercase; font-size: 18px; line-height: 22px; margin-top: 0; }
		#license-boxes .license-box h3 a { color: #435e88; }
		#license-boxes .license-box p { color: #435e88; margin: 0; font-size: 14px; }
		#license-boxes .license-box p span { font-size: 11px; }
		#license-boxes .license-box p a { color: #435e88; }

	.boxed-content { padding: 20px; background: rgba(255,255,255,.3); }

	/*--- Map ---------------------------------------*/
	#map_container {position:relative; display:block; height:auto; margin:0px; text-align:center;}
	#map_container div#map {display:inline-block; margin:0 auto; width:100%; max-width:537px; height:647px; background:url('images/location-map.png') no-repeat; }
	a.map-dot {display:block; width:44px; height:44px; padding:9px 0 0 0px; background:url('images/location-map-dot.png') no-repeat; color:#fff; font-weight:300; font-size:14px; font-family:'Oswald', Helvetica, arial, sans-serif; cursor:pointer; }
	a.map-dote:hover, a.columbia:hover, a.cowlitz:hover, a.lewis:hover, a.wind:hover, a.drano:hover, a.willamette:hover, a.tillamook:hover, a.astoria:hover, a.eastern:hover {color:#ccc;}
	.columbia {position:relative; top:210px; left:70px;}
	.cowlitz {position:relative; top:140px; left:110px;}
	.lewis {position:relative; top:126px; left:130px;}
	.wind {position:relative; top:82px; left:165px;}
	.drano {position:relative; top:48px; left:205px;}
	.willamette {position:relative; top:60px; left:80px;}
	.tillamook {position:relative; top:-46px; left:32px;}
	.astoria {position:relative; top:-165px; left:35px;}
	.eastern {position:relative; top:-30px; left:70%;}
	/*pop*/
	.pop-up, .columbiapop, .cowlitzpop, .lewispop, .windpop, .dranopop, .willamettepop, .tillamookpop, .astoriapop, .easternpop {display:none;
	position:relative; top:-475px; margin:0 auto; max-width:320px; background:#435e88; text-align:left;
	-moz-box-shadow: 0 0 5px #222; -webkit-box-shadow: 0 0 5px #222; box-shadow:0 0 5px #222; z-index:100;}
	.imgpop {padding:5px;}
	.copypop {margin:20px;}
	.copypop ul li {padding:4px 0;}
	.titlepop {text-align:center; padding:0px 0 20px 0; }
	/*pop close*/
	.closepop {display:block; position:absolute; top:-20px; right:-30px; width:44px; height:44px; padding:10px 0; font-size:18px; font-weight:400; text-align:center; color:#435e88; cursor:pointer;}
	.closepop:hover {color:#fefeff;}


	#gallery {  }
	#gallery a { display: block; margin-bottom: 30px; background: #fff; padding: 5px; transition: ease all .3s; }
	#gallery a:hover { opacity: .8; }

.page-content {
	padding: 40px;
	background: rgba(0, 0, 0,.4);
}
.page-content h1 {
	font-family: "Lobster Two";
}


/* responsive stylesheet */
@media all and (max-width: 991px){
	.header-menu{
		display: none;
	}
	.mobile-menu{
		display: block;
	}
}

@media all and (max-width: 767px){
	.container{
		margin: 0;
		padding: 0 15px;
	}
	.page-content {
		padding: 20px;
		background: rgba(0, 0, 0, .5);
	}
}

@media all and (max-width: 400px){
	.btn-book{
		font-size: 15px;
		padding: 9px 16px;
	}
	#home-slider ul.slides li .slide-content {
		padding: 15px 15px 30px;
	}
}