/*
Theme Name:     Black Pine
Theme URI:      http://example.com/
Description:    Child theme for the Synthetic theme 
Author:         Faster Solutions, Inc.
Author URI:     http://www.fastersolutions.com/
Template:       fsol
Version:        0.1.0
Created by Chris Eblom 04/07/2014
*/
@import url("../fsol/style.css");
/*---------------------------------
CSS RESET
-----------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	
	font-size: 100%;
	font: inherit;
	vertical-align: top;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

.toggle-topbar {display:none !important;}

.page-ed-43 .entry-content {text-align:center !important;}
.page-ed-43 .entry-content p {text-align:center !important;}
#mapster_wrap_0 {margin:0 auto !important; width:100% !important; max-width:1200px!important; height:auto!important;}
.wp-image-1486 {margin:0 auto !important; width:100% !important; max-width:1200px!important; height:auto!important;}


/*
Custom css
*/
 p, h1, h2, h3, h4 {
    -webkit-hyphens: none !important;
       -moz-hyphens: none !important;
        -ms-hyphens: none !important;
            hyphens: none !important;
  }
.rwd-line { display: inline-block; }

.inside-header-wrapper {background: url(https://www.blackpinebeach.com/wp-content/themes/blackpine/img/inside-header.jpg) no-repeat center center;}

.page-id-7 .inside-header-wrapper {background:url(https://www.blackpinebeach.com/wp-content/uploads/2016/12/header-accommodations.jpg) no-repeat center center;}

.page-id-37 .inside-header-wrapper {background:url(https://www.blackpinebeach.com/wp-content/uploads/2016/12/header-2.jpg) no-repeat center center;}

.page-id-61 .inside-header-wrapper {background:url(https://www.blackpinebeach.com/wp-content/uploads/2019/10/beach1.jpg) no-repeat center center;}
.page-id-55 .inside-header-wrapper {background:url(https://www.blackpinebeach.com/wp-content/uploads/2019/10/lakeactivities.jpg) no-repeat center center;} 
.page-id-57 .inside-header-wrapper {background:url(https://www.blackpinebeach.com/wp-content/uploads/2019/10/gardens1.jpg) no-repeat center center;} 
.page-id-51 .inside-header-wrapper {https://www.blackpinebeach.com/wp-content/uploads/2019/10/lakeview.jpg) no-repeat center center;} 


.page-id-1303 .inside-header-wrapper, .page-id-39 .inside-header-wrapper {background: url(https://www.blackpinebeach.com/wp-content/uploads/2018/04/header-beach.jpg) no-repeat center center;}

.page-id-9 .inside-header-wrapper, .page-id-11 .inside-header-wrapper, .page-id-13 .inside-header-wrapper, .page-id-15 .inside-header-wrapper, .page-id-17 .inside-header-wrapper, .page-id-19 .inside-header-wrapper, .page-id-21 .inside-header-wrapper, .page-id-23 .inside-header-wrapper, .page-id-25 .inside-header-wrapper, .page-id-27 .inside-header-wrapper, .page-id-29 .inside-header-wrapper, .page-id-31 .inside-header-wrapper, .page-id-33 .inside-header-wrapper, .page-id-35 .inside-header-wrapper {background: url(https://www.blackpinebeach.com/wp-content/uploads/2018/04/header-cabins.jpg) no-repeat center center;}

.page-id-437 .inside-header-wrapper, .page-id-66 .inside-header-wrapper, .page-id-59 .inside-header-wrapper, .page-id-988 .inside-header-wrapper {background: url(https://www.blackpinebeach.com/wp-content/uploads/2018/04/header-cabins2.jpg) no-repeat center center;}

.page-id-53 .inside-header-wrapper, .page-id-63 .inside-header-wrapper {background: url(https://www.blackpinebeach.com/wp-content/uploads/2018/04/header-pine.jpg) no-repeat center center;}

.page-id-1420 .inside-header-wrapper, .page-id-45 .inside-header-wrapper {background: url(https://www.blackpinebeach.com/wp-content/uploads/2018/04/header-night.jpg) no-repeat center center;}

.page-id-43 .inside-header-wrapper {background: url(https://www.blackpinebeach.com/wp-content/uploads/2018/04/header-lake.jpg) no-repeat center center;}

.page-id-51 .inside-header-wrapper {background: url(https://www.blackpinebeach.com/wp-content/uploads/2018/04/header-lake2.jpg) no-repeat center center;}

.page-id-41 .inside-header-wrapper {background: url(https://www.blackpinebeach.com/wp-content/uploads/2018/04/header-lake3.jpg) no-repeat center center;}

.page-id-49 .inside-header-wrapper {background: url(https://www.blackpinebeach.com/wp-content/uploads/2018/04/header-lake5.jpg) no-repeat center center;}


#comments {display:none;}
.entry-utility {display:none;}

.elf {width:200px; height:366px; background-color:#ffffff; float:right; margin:-80px -147px 15px 20px;}

@media (max-width: 1270px) {
.elf {margin:-80px 0 0 0;}
}









/*---------------------------------
Generic Styles
-----------------------------------*/
body{font-family:Arial, Helvetica, sans-serif;font-size:16px; overflow-y:scroll;}
/*---------------------------------
Text Styles
-----------------------------------*/
a, a:visited{}
a img, input{border:none; outline:none;}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
/*---------------------------------
Structure
-----------------------------------*/
.wrapper{}
#page{}
#main{ background:#f7f2ec; padding-bottom: 20px;}
.cycle-slideshow, #galleria{
	 margin-left: 47px;
    margin-right: 46px;

	overflow:hidden;
}
.alignright {
	float: right;
}
.alignleft{
	float:left;
	margin-right:10px;
}

/*---------------------------------
Homepage Styles
-----------------------------------*/

.cycle-pager-active img{
border: solid 5px #f6ddbf;
}
.home{}
.home .cycle-slideshow{
	margin-left:0px;
	margin-right:0px;
}
.home #main{
	padding-top: 80px;
}
/*---------------------------------
Header
-----------------------------------*/
#primary_header{ background-color:#f4e8dc; }
/*-Logo-*/
.blackpinelogo{
	position:absolute;
	top:0px;
	left:0px;
	z-index: 220;
}
.large-res{
	background-color:#f6ddbf;
	width: 287px;
	height: 80px;
	display:inline-block;
	z-index:10;
	margin-left: 40px;
	padding-left: 30px;
}
.make-your {
	margin-top: 20px;
	font-family: 'Lobster', cursive;
	color: #4f423b;
	font-size: 20px;
	display:block;
	padding-bottom:5px;
}
.res-link {
	font-family: 'Francois One', sans-serif;
	color: #eb8f5b;
	font-size:23px;
	text-transform: uppercase;
	}
.large-res:hover .res-link{
	color: #de7034;
}
.large-info{
	background-color:#eeab5b;
	z-index:20;
	margin-left: -30px;
	height: 50px;
	width:200px;
	display:inline-block;
	color: #fbf3eb;
	text-align: center;
	padding-top: 9px;
}
.large-info a{
	font-family: 'Patua One', cursive;
	color: #fbf3eb;
	font-size: 14px;
}
.large-info a:hover{
	color: #4f423b;
}
.large-phone {
	font-family: 'Francois One', sans-serif;
	font-size: 25px;
	color: #4f423b;
	text-align:right;
	line-height: 42px;
	padding-top:15px;
	padding-bottom: 15px;
}
.large-phone a{
	font-family: 'Francois One', sans-serif;
	font-size: 25px;
	color: #4f423b;
	display:inline-block;
}
.fb{
	margin-left: 20px;
	margin-right: 138px;
}
.header-bg{
	height:88px;
	background:url(img/header-bottom.png) no-repeat center center;
	background-size:cover;
	z-index: 200;
	position:relative;
		
}
.header-image{
	margin-top:-87px;
	position:relative;
}
#orange-bar{
	background-color: #de8756;
	height: 10px;
}
.orange-bar{
	background-color: #EEAB5B;
	height: 10px;
}
#slogan{
	height: 85px;
	width: 452px;
	background:url(img/slogan-bg.png);
	position:absolute;
	bottom: 129px;
	left: 100px;
	z-index: 210;
	color: #faf7f3;
	font-family: 'Francois One', sans-serif;
	text-transform:uppercase;
	font-size: 34px;
	text-align:center;
	display:block;
	padding-top:23px;
}
#slogan2{
	position:absolute;
	display:block;
	text-align:center;
	width: 280px;
	height: 51px;
	left: 272px;
	bottom: 96px;
	background-color: #faf7f3;
	font-family: 'Patua One', cursive;
	color: #343234;
	z-index: 220;
	font-size:22px;
	padding-top:12px;
}
#prev{
	position:absolute;
	display:block;
	background:url(img/right-arrow.png) no-repeat;
	height: 36px;
	width: 40px;
	bottom: 40px;
	left:155px;
	z-index: 210;
	cursor:pointer;
}
#prev:hover{
	background:url(img/right-arrow-roll.png) no-repeat;
}
#next{
	position:absolute;
	display:block;
	background:url(img/left-arrow.png) no-repeat;
	height: 36px;
	width: 39px;
	bottom: 40px;
	left:100px;
	z-index: 210;
	cursor:pointer;
}
#next:hover{
	background:url(img/left-arrow-roll.png) no-repeat;
}
.entry-title{
	margin-top:10px;
	margin-bottom:10px;
	font-size:55px;
	font-family: 'Francois One', sans-serif;
	color: #de8756;
	text-transform:uppercase;
}
.entry-content{
	font-size: 16px;
	color: #af8560;
	font-family: 'Brawler', serif;
	line-height: 20px;
}
.entry-content a{
	color: #eeab5b;
	text-decoration:none;
}
.entry-content a:hover{
	color: #eeab5b;
	text-decoration:none;
}
#home-large-image{
	padding-top: 30px;
	padding-bottom:30px;
}
.inside-header-wrapper{
	height: 299px;
}
p{
	padding-top:5px;
	padding-bottom:5px;
}
#home-cats{
	margin-top: -40px;
	z-index: 220;
	position:relative;
	text-align:right;
}
#home-cats img{
	display:block;
	padding-bottom:10px;
	padding-left: 50px;
}
.entry-content h1{
	font-family: 'Francois One', sans-serif;
	color: #de8756;
	font-size: 55px;
	text-transform:uppercase;
	padding-top:5px;
	padding-bottom:5px;
}
.entry-content h2{
	font-family: 'Francois One', sans-serif;
	color: #de8756;
	font-size: 34px;
	text-transform:uppercase;
	padding-top:5px;
	padding-bottom:5px;
	line-height:40px;
}
.cal-top h2{
	font-family: 'Francois One', sans-serif;
	color: #de8756;
	font-size: 34px;
	text-transform:uppercase;
}
.entry-content ul{
	padding-left:20px;
	list-style:disc;
	padding-top:5px;
	padding-bottom: 5px;
}
.entry-content ul li{
	padding-top: 5px;
	padding-bottom: 5px;
}
.left-image{
	padding:6px 20px 20px 20px;
}
.left-image img{
	margin-top: 10px;
	border: solid 10px #f6ddbf;
	}
.home-header-wrapper{

	background-size:contain; !important;
}
.inside-header-wrapper{
	background-size:cover !important;
}
#adv-custom-pager{
	text-align:center;
}
#adv-custom-pager img{padding: 5px;}
.cal-top{padding-top: 20px;}
select {
    height: 2.5rem;
}
#search-rooms{
	background-color: #F6DDBF;
	color: #DE8756;
	border:solid 1px #fff;
}
#view-rooms{
	background-color: #F6DDBF;
	color: #DE8756;
	border:solid 1px #fff;
}
#res-table{
	padding-top:20px;
	padding-bottom:20px;
	
}
#view-rooms:hover, #search-rooms:hover{
	color:#DE7051;
}

.wpcf7-submit{
height: 50px;
width: 100px;
background-color:#F6DDBF;
color:#eb8f5b;
border-radius: 5px 5px 5px 5px;
}
.ao_arrivalbuttons, #submit3, .ao_sd_dateselectbutton, .ao_sd_reserve{
background-color:#F6DDBF;
color:#eb8f5b;
margin-left: 10px;
margin-right:10px;
padding:5px;
}
.wpcf7-submit:hover{
height: 50px;
width: 100px;
background-color:#F6DDBF;
color:#de7034;

}

.insidecta{
	padding-top: 20px;
}
.page-id-63 .entry-content{
	text-align:left;
}

/*---------------------------------
Navigation
-----------------------------------*/
#primary_nav{ background:url(https://www.blackpinebeach.com/wp-content/themes/blackpine/img/nav-bg.png) no-repeat; height: 73px; background-position:top 0px right 71px;}
/*---------------------------------
Footer
-----------------------------------*/
#primary_footer{border-top: 10px solid #f6ddbf; background-color:#de8756;position:relative; padding-top: 50px;}
.home #primary_footer{border-top: 10px solid #f6ddbf; background-color:#de8756;margin-top:-11px; position:relative; padding-top: 50px;}
.weatherImg{
	display:inline-block;
}
.weatherTemp{
	display:inline-block;
	font-family: 'Francois One', sans-serif;
	font-size: 25px;
	color: #f7f2ec;
	padding-top: 12px;
}
#weather-div{
background-color: #de8756;
    margin-top: -46px;
    padding-top: 10px;
    text-align: center;
    width: 163px;
	padding-bottom: 40px;
}
.alignnone{
	float:left;
	padding-right:10px;
}
#copyright{font-family: 'Francois One', sans-serif; color: #f7f2ec; font-size: 34px;}
.addr, .addr a{font-family: 'Francois One', sans-serif; color: #f7f2ec; font-size: 23px;}
#footer_nav{
	padding-top: 20px;
}
#footer_nav ul{
padding-bottom: 5px;
}
#footer_nav ul li{ display:inline-block; border-right: 1px solid #f6ddbf; padding-right: 10px; padding-left: 10px;}
#menu-item-121{border-right: none !important;}
#menu-item-120{padding-left: 0px; !important;}
#footer_nav .last-child{border-right: none !important;}
#footer_nav .first-child{padding-left: 0px !important;}
#footer_nav ul li a, #footer_nav ul li{
color:#f6ddbf; font-size: 18px; font-family: 'Francois One', sans-serif;
}
#footer_nav ul li a:hover{
color: #343234;
}
#site_credits, #mobile-site_credits{color:#f6ddbf; font-size: 18px; font-family: 'Francois One', sans-serif;}
#site_credits a{ color:#f6ddbf;}
#site_credits a:hover{ color:#343234;}
#mobile-site_credits{text-align:center; padding-top: 10px; padding-bottom:10px;}
#mobile-site_credits a{color:#f6ddbf;}
#mobile-site_credits a:hover{color:#343234;}
#footer-phone{
	position:relative;
}
.footer-phone1 a, .footer-phone2 a {
	font-family: 'Francois One', sans-serif; font-size:34px; color: #f7f2ec;
}

#ltie9 {
                background-color: #900;
                border: 1px solid #FFF;
                display: block;
                padding: 10px;
                text-align: center;
                color: #DDD;
}
a #ltie9:hover {
                background-color: #C60;
                text-decoration: none;
}

#mobile-fb{
	position: absolute;
	top:8px;
	right:53px;
	z-index:200;
}

@media only screen and (max-width: 1220px) {
.topNavUL > li a{
	font-size: 14px !important;
}

ul.topNavUL {
    padding-right: 130px !important;
	
}

}





@media only screen and (max-width: 1105px) {
	.blackpinelogo img{
		width:95%;
}
}
@media only screen and (max-width: 1085px) {
	.blackpinelogo img{
		width:90%;
}
}
@media only screen and (max-width: 1065px) {
	.blackpinelogo img{
		width:85%;
}
}
@media only screen and (max-width: 1045px) {
	.blackpinelogo img{
		width:80%;
}
}

@media only screen and (max-width: 1024px) {
.blackpinelogo img{
		width:75%;
}
}
/* small */
@media only screen and (max-width: 1024px) {
	
#home-cats{
	margin-top: 0px;
    position: relative;
    text-align: center;
}
#home-cats img {
    display: inline-block;
    padding-bottom: 10px;
    padding-left: 10px;
	padding-right:10px;
}

#home-large-image {
    text-align: center;
	padding-left: 10px;
	padding-right:10px;
}
#home-small-image{
 	text-align: center;
	padding-left: 10px;
	padding-right:10px;
}
#primary_footer {
    margin-top: 0px;
	padding-left:20px;
	padding-right:20px;
}
.inside-header-wrapper{
	height: 299px;
}

}
@media only screen and (max-width: 614px) {
	/*.inside-header-wrapper{
		height: 0px;
	}
	.cycle-slideshow {
    margin-top: 0px;
	}*/
	.home #main {
    padding-top: 20px;
	}
	.entry-title{
	margin-top:10px;
	margin-bottom:10px;
	font-size:35px;
	font-family: 'Francois One', sans-serif;
	color: #de8756;
	text-transform:uppercase;
	
}
	.tablepress{
		font-size:14px;
	}
}
.mobile-res{
height: 85px;
padding-left:20px;
padding-right: 20px;
display:block;
padding-top: 15px;
background: #f6ddbf;
margin-top: 75px;
}
.mobile-res-make{
	font-family: 'Lobster', cursive;
	color: #4f423b;
	font-size:25px;
}
.mobile-res-text{
	font-family: 'Francois One', sans-serif;
	color: #eb8f5b;
	text-transform: uppercase;
	font-size: 30px;
}
.mobile-tel{
	text-align:center;
	font-family: 'Francois One', sans-serif;
	color: #4f423b;
	font-size:21px;
	background-color:#f7f2ec;
	padding-top:20px;
}
.mobile-tel a{
	text-align:center;
	font-family: 'Francois One', sans-serif;
	color: #4f423b;
	font-size:21px;
}
.res-link {
	
	font-size:23px;
	
	}
	
	
#mobile-logo{
	background-color: #F6EADE;
}
#mobile-logo div{
	text-align:center;
}
.entry-content{
	padding-left:20px;
	padding-right: 20px;
}
.entry-title{
	padding-left:20px;
	padding-right: 20px;
}
.top-bar {
    background: #eeab5b;
}
.top-bar .toggle-topbar {
    left: 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.top-bar .toggle-topbar.menu-icon {
top: 50%;
margin-top: 0px;
}
}
}
.top-bar .toggle-topbar.menu-icon a span:after {
    margin-top: -8px;
    position: relative !important;
    right: 0px;
	box-shadow: 0 0 0 2px white, 0 7px 0 2px white, 0 14px 0 2px white;
}
.top-bar.expanded .title-area{
	background: #eeab5b;
}
.top-bar-section ul li > a {
    color: #f7f2ec;
    display: block;
    font-family: 'Francois One', sans-serif;
    font-size: 23px;
    font-weight: normal;
    padding: 12px 0 12px 15px;
    text-transform: none;
    width: 100%;
}

.top-bar-section .dropdown li.title h5 a {
    color: #f7f2ec;
    display: block;
    line-height: 22.5px;
}
.top-bar-section .dropdown li a {
     font-family: 'Francois One', sans-serif;
	  font-size: 23px;
    padding: 8px 15px;
}
@media only screen and (min-width: 9999px) {
  button, .button {
    display: inline-block; } }
meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:9999px)/";
  width: 9999px; }

@media only screen and (min-width: 9999px) {
  .top-bar {
    background: #333333;
    *zoom: 1;
    overflow: visible; }