/*
Theme Name: Great Northern BB Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

@media only screen and (min-width: 768px) {
.fl-page-header-logo-col div.fl-page-header-logo a img.fl-logo-img {margin-top: -46px;}
}
@media only screen and (max-width: 767px){
.navbar-nav.menu {background-color: #AD8156;}
}

.fl-page-nav-collapse #menu-main-menu.nav.navbar-nav a {font-size: 11px;}
ul#menu-main-menu.nav.navbar-nav.navbar-right.menu li a {background-color: #C1AA8F;}

/* Change Logo & Menu Container Width when page scrolls */
	/* Change width of the logo container */
    .fl-page-header-fixed.fl-page-nav-right .fl-page-logo-wrap.col-md-3.col-sm-12 {
        width: 15%!important;
    }
	/* Change width of the nav container */
    .fl-page-header-fixed.fl-page-nav-right .fl-page-fixed-nav-wrap.col-md-9.col-sm-12 {
        width: 85%!important;
    }

/* Testimonials */ 
.fl-testimonial p {font-style: italic;}
.fl-testimonials-wrap.compact .bx-wrapper {padding: 10px; background-color: rgba(255, 255, 255,.2);}

/* 3 col list */
ul#triple {list-style: none; padding-left: 0px;}
#triple li  { 
    width:33.333%;   
    line-height:2.0em;
    float:left;
    display:inline;}


/* Menu Tabs */
.fl-tabs-label {font-weight:bold;}
.fl-tabs-label.fl-tab-active,.fl-tabs-label:hover{color: #8B5E3C;}
.fl-tabs-panel-content h3 {margin-top: 0px;}

/* Free To Book Widget */

.ftb_widget input[type="text"], 
.ftb_widget input[type="password"], 
.ftb_widget input[type="email"], 
.ftb_widget input[type="tel"], 
.ftb_widget input[type="date"], 
.ftb_widget input[type="month"], 
.ftb_widget input[type="week"], 
.ftb_widget input[type="time"], 
.ftb_widget input[type="number"], 
.ftb_widget input[type="search"], 
.ftb_widget textarea {display: inline;}

.ftb_thin_wrap {border: none!important;background-color: transparent!important;}


/* Blog Posts */
h2.fl-post-feed-title,h2.fl-post-title {margin-bottom: 0px!important; font-size: 20px;}
.fl-post-feed-title a,.fl-post-title a  {pointer-events: none;cursor: default;}
.fl-post-feed-date,.fl-post-date {font-weight: bold;}
.fl-post-feed-header,.fl-post-header  {margin-bottom: 5px;}
.fl-post-feed-post, .fl-archive .fl-post {border-bottom: 1px solid #52311C;padding-bottom: 20px;margin-bottom: 20px;}
.fl-widget .widget_archive h2.widgettitle {font-size: 18px;}
.fl-archive h1.fl-archive-title {font-size: 24px; margin-bottom: 15px; margin-top: 0px;}

/* Snomo Latest Trail Report on Home page */
.snomo-home h2.fl-post-feed-title {font-size: 18px;}
.snomo-home .fl-post-feed-post {border-bottom: none;padding-bottom: 0px;margin-bottom: 0px;}

#bb_resBookingBox {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}
.bb_resbox p {
    margin: 0 0 0 20px;
    line-height: normal;
    vertical-align: bottom;
    font-size: 17px;
}
p.bbres_fieldset.bbres_fieldset3 {
	margin-left: 0;
}
p.bbres_fieldset.bbres_fieldset3, 
p.bbres_fieldset.bbres_fieldset4, 
p.bbres_fieldset.bbres_fieldset10.bb_btn {
    width: 140px;
    display: inline-block;
    position: relative;
    color: #424242 !important;
}
.bb_resbox label {
    text-align: left;
    clear: both;
    margin-bottom: 7px;
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.02em;
}
.bb_resbox input[type="text"] {
    float: left;
    clear: both;
    padding: 17px 0px 13px 15px;
    background: #efece3 !important;
    color: #000 !important;
    border: 1px solid #b9b5a2 !important;
    height: 48px;
    font-size: 16px;
    line-height: 48px;
}
.bb_resbox.ui-state-default, 
.bb_resbox.ui-widget-content .ui-state-default, 
.bb_resbox.ui-widget-header .ui-state-default,
.bb_resbox button.ui-datepicker-trigger {
    background: rgba(0, 0, 0, 0) url(https://greatnorthernmercer.com/wp/wp-content/uploads/2019/08/calendar.png) no-repeat scroll 0 -26px !important;
    border: medium none;
    float: left;
    height: 21px;
    width: 21px;
    position: absolute;
    top: 38px;
    right: 10px;
    z-index: 1;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
}
.bb_resbox button.ui-datepicker-trigger .ui-button-text {
    color: transparent;
}
input#bb_resBtn {
    background: #a97c50 !important;
    border: 1px solid #7f5e3c !important;
    color: #FFF !important;
    margin: 20px 0 0 !important;
    padding: 15px 20px;
    font-size: 16px !important;
    line-height: 1 !important;
    font-weight: 600;
}
input#bb_resBtn:hover,
input#bb_resBtn:focus {
	background: #a97c50 !important;
    border: 1px solid #7f5e3c !important;
    color: #FFF !important;
}

#ui-datepicker-div {
	background: #FFF;
}
.ui-datepicker {
	background: #FFF;
    border: none;
    font-size: 12px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.3);
    width: auto !important;
    z-index: 999;
    padding: 6px !important;
    display: none;
}
table.ui-datepicker-calendar th {
    padding: 0.4em 0;
    border-bottom: 0px solid #A9A9A9;
    font-weight: normal;
    text-align: center;
    border:0;
}
table.ui-datepicker-calendar .ui-state-highlight {
    color: #ffffff !important;
    background: #a97c50 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
.ui-datepicker .ui-datepicker-header {
    background: #a97c50 !important;
}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
    width: 28px;
    height: 28px;
    top: 2px;
    color: #fff;
    display: inline-block;
    position: absolute;
}
.ui-datepicker .ui-datepicker-prev {
    left: 5px;
}
.ui-datepicker .ui-datepicker-next {
    right: 5px;
}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-e, 
.ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
    background: none;
    position: relative;
    height: 28px;
    width: 28px;
    left: 0;
    top: 5px;
    margin: 0;
    color: transparent;
}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-w:before, 
.ui-widget-header .ui-icon.ui-icon-circle-triangle-w:after {
    content: "";
    position: absolute;
    background: #000;
    width: 2px;
    height: 11px;
    left: 12px;
    top: 12px;
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-w:after {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
    left: 12px;
    top: 6px;
}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-e:before, 
.ui-widget-header .ui-icon.ui-icon-circle-triangle-e:after {
    content: "";
    position: absolute;
    background: #000;
    width: 2px;
    height: 11px;
    left: 15px;
    top: 12px;
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-e:after {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
    left: 15px;
    top: 6px;
}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-e:before, 
.ui-widget-header .ui-icon.ui-icon-circle-triangle-e:after, 
.ui-widget-header .ui-icon.ui-icon-circle-triangle-w:before, 
.ui-widget-header .ui-icon.ui-icon-circle-triangle-w:after {
    background: #FFF !important;
}
.ui-datepicker .ui-datepicker-title {
    font-size: 21px;
    text-align: center;
    margin: 0 !important;
}
.ui-datepicker .ui-datepicker-title select {
    background: #fff;
    border: none;
    padding: 4px;
    color: #333;
    height: 28px;
    margin: 0 3px !important;
    width: 70px !important;
    font-size: 14px !important;
}
.ui-datepicker .ui-datepicker-title select option {
    color: #000;
    background: #fff;
}
.ui-datepicker table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    width: 100%;
    margin: 0;
}
.ui-datepicker th {
	background: #fff;
	color: #000;
	padding: 0.8em .3em;
	font-weight: 100;
}
.ui-datepicker td {
	padding: 0;
	border-top: 1px solid #ededed;
	font-weight: normal;
	text-align: left;
	opacity: 1;
}
.ui-state-disabled, 
.ui-widget-content .ui-state-disabled {
    opacity: 1 !important;
}
.ui-datepicker .ui-datepicker-next {
    right: 8px !important;
    top: 4px !important;
    display: inline-block;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px !important;
    top: 4px !important;
    display: inline-block;	
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover{
	background: none !important;
	border:none !important;
	outline: none !important;
}
table.ui-datepicker-calendar .ui-state-disabled.ui-datepicker-unselectable .ui-state-default {
	background: #fff !important;
	border: 1px solid #ddd !important;
	color: #bbb8ae;
}
table.ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default {
	background: #fff !important;
	border: 1px solid #ddd !important;
}
table.ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default span {
    background: #fff;
    border: 1px solid #ddd !important;
    text-align: center;
    height: 30px;
    width: 30px;
    margin-right: -1px !important;
    margin-bottom: -1px !important;
    line-height: 22px;
    display: inline-block;
}
.ui-datepicker.ui-widget-content td span, 
.ui-datepicker.ui-widget-content td a {
    background: #fff;
    border: 1px solid #ddd !important;
    text-align: center;
    height: 30px;
    width: 30px;
    margin-right: -1px !important;
    margin-bottom: -1px !important;
    line-height: 22px;
    display: inline-block;
}
.ui-datepicker.ui-widget-content td a:hover,
.ui-datepicker.ui-widget-content td a:focus {
    background: #a97c50 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    outline: none !important;
}
.ui-datepicker.ui-widget-content td .ui-state-highlight, 
.ui-datepicker.ui-widget-content td:hover .ui-state-highlight, 
.ui-datepicker.ui-widget-content td a.ui-state-active {
	background: #a97c50;
	color:#FFF !important;
	border:1px solid #a97c50;
    box-shadow: none !important;
    text-shadow: none !important;
    outline: none !important;
}
.ui-state-default.ui-state-highlight.ui-state-active {
    
}
.ui-datepicker td.ui-datepicker-today a,
.ui-datepicker td.ui-datepicker-today a.ui-state-default.ui-state-highlight{
    background: #f7e8db !important;
    color: #bb620b !important;
}
.ui-datepicker td a {
    text-decoration: none;
    color: #000;
}
.ui-datepicker td a:hover,
.ui-datepicker td a:focus {
    text-decoration: none !important;
    box-shadow: none !important;
    background: #a97c50 !important;
    outline: none !important;
    color: #FFF;
}
a.ui-state-default.ui-state-active {
    color: #bd7741 !important;
}
.BELeft .fl-callout-left {
    text-align: center;
}

@media (max-width: 1199px) {
	.bb_resbox p { margin-left: 15px; }
}
/* End: 1199 */

@media (max-width: 991px) {
	p.bbres_fieldset.bbres_fieldset3, 
	p.bbres_fieldset.bbres_fieldset4, 
	p.bbres_fieldset.bbres_fieldset10.bb_btn {width: 100% !important; margin: 10px auto;}
	.bb_resbox { max-width: 300px; margin: 0 auto; }
	input#bb_resBtn { width: 100%; margin-top: 10px !important; }
	.BELeft .fl-callout-left { margin-top: 20%; }
}
/* End: 991 */

@media (max-width: 767px) {
	.BELeft .fl-callout-left { margin-top: 0; }
}
/* End: 767 */