/* ************************************************** */
/* *  BLUEBELL COTTAGE STYLES                      * */
/* ************************************************** */

/* General resets */ 
body { font-family: 'Merriweather', serif; min-width: 320px; background-color: #f8f8f8; color: #333; }
a, a:focus { color: #586875; }
a:hover { color: #181718; }
.site { width: 100%; margin: 0 auto; background-color: #fff; -webkit-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.3); }
.btn, .wpcf7 input[type="submit"] { background-color: #586875; border: 1px solid #586875; color: #fff; font-weight: bold; } 
.btn:hover, .wpcf7 input[type="submit"]:hover { background-color: #586875; border: 1px solid #586875; color: #fff; }
hr { margin-top: 2rem; margin-bottom: 2rem; }
@media (max-width:575px){
	body { font-size: 13px; }
}

.grecaptcha-badge {
opacity: 0!important;
}

/* Header */
#wrapper-navbar { position: relative; height: 190px; z-index: 10;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=0 );
padding-top: 20px;
}

.specOffDesc {   
    max-width: 60%;
    text-align: center;
    font-size: 13px;
    margin: 0px auto;
    padding-top: 15px;
}

.spec-offer { 
    font-size: 25px;
    color: #fff;
    border: #fff 1px solid;
    border-radius: 10px;
}

.spec-offer :hover, .spec-offer :active { 
	color: #fff; 
}


/* Nav */
.navbar .navbar-brand { max-width: 255px; }
button.navbar-toggler { position: absolute; right: 0; top: 0; bottom: -5px; outline: none; font-size: 28px; background: #42525e; color: #fff; padding: 0; width: 52px; z-index: 999; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
a.bookNowBtn,
a.bookNowBtn:hover { position: absolute; z-index: 10; right: 96px; top: 38px; height: 50px; line-height: 50px; font-size: 1.2rem; margin-top: -25px; padding: 0 20px; background: #afb585; text-decoration: none; color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.navbar-nav .nav-link { color: #fff; }
.navbar .navbar-nav .nav-link { border-bottom: 2px solid transparent; padding-left: 0; padding-right: 0; margin-left: .4rem; margin-right: .4rem; padding-bottom: 12px; padding-top: 12px; }
.navbar .navbar-nav a.nav-link:hover,
.navbar .navbar-nav a.nav-link:focus { color: #babcb5; }
.navbar .navbar-nav .current-menu-item .nav-link {  }
.navbar .navbar-nav .current-menu-item .nav-link:hover,
.navbar .navbar-nav .current-menu-item .nav-link:focus { color: #fff; }
.dropdown-menu { min-width: 14rem; border: none; background-color: #586875; left: -.5rem; font-size: inherit; }
.dropdown-menu .menu-item { float: none; }
.dropdown-menu .menu-item a.nav-link:hover { background-color: transparent; color: #fff; }

.sliderBgImg { 
/* Firefox */
padding-bottom: -moz-calc(72vh - 43px);
/* WebKit */
padding-bottom: -webkit-calc(72vh - 43px);
/* Opera */
padding-bottom: -o-calc(72vh - 43px);
/* Standard */
padding-bottom: calc(72vh - 43px);
background-repeat: no-repeat;
background-size: cover;
background-position: 50%; }

.book-now-btn a { background-color: #fff; color: #586875; width: 200px; text-align: center; margin: 7px 0px; float: right; font-weight: 700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; white-space: nowrap; }
.book-now-btn a:hover { text-decoration: none; background-color: #fff; white-space: nowrap; }

.wrapper-navbar .navbar-brand {
max-width:400px;
margin: 0px auto;
display: block;
padding-top: 20px;
}

.glanceHeader {
background-color: #586875;
border-bottom: 10px solid #505f6b;
color: #fff;
}

.navbar-nav {
    text-align: center;
    margin: 0px auto;
}

.contactList .enqry { margin-right: 5px!important; padding-left: 0px!important;}

.header-top-bar { background-color: #586875; margin-left: 0px; margin-right: 0px; color: #fff; max-height: 43px; font-size: 14px; border-top: 4px solid #505f6b; } 
.header-top-bar .contactList { padding: 7px 0px; }
.header-top-bar .contactList p { 	display: inline-block; margin-right: 9px; margin-bottom: 0px; }
.header-top-bar .contactList p:before { color: #fff; text-shadow: none; }
.header-top-bar .contactList a {color: #fff; }
.header-top-bar .contactList a:hover { text-decoration: none; }


.navbar .navbar-nav .nav-link {
    padding-right: .8rem;
    padding-left: .8rem;
	text-shadow: 0.5px 0.5px black;
}

.navbar-nav .menu-item { font-size: 16px; }


/* Sliders */
.topSlider { margin-top: -190px; position: relative; z-index: 5; }
.topSlider img { width: auto; height: 100%; overflow: hidden; }
/* Dots */
.slick-dots { position: absolute; bottom: 14px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover,
.slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before,
.slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-family: 'FontAwesome'; font-size: 17px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: "\f111"; text-align: center; opacity: .6; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 1; color: #fff; }
/* Arrows */
.slick-prev,
.slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 28px; height: 28px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before { opacity: 1; color: #36463d; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before,
.slick-next:before { font-family: FontAwesome; font-size: 28px; line-height: 1; opacity: 1; color: #3d5448; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -35px; }
.slick-prev:before { content: "\f137"; }
.slick-next { right: -35px; }
.slick-next:before { content: "\f138"; }

.galleryTopSlider .slick-track,
.galleryBottomSlider .slick-track { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.galleryTopSlider .slick-track .slick-slide,
.galleryBottomSlider .slick-track .slick-slide { height: auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.galleryBottomSlider { margin: 14px -7px 0; position: relative; }
.galleryBottomSlider:before,
.galleryBottomSlider:after { content: ""; position: absolute; top: 0; bottom: 0; background-color: #fff; width: 7px; }
.galleryBottomSlider:before { left: 0; }
.galleryBottomSlider:after { right: 0; }
.bottomSliderImg { padding: 0 7px; }
.galleryBottomSlider .slick-prev { left: -28px; }
.galleryBottomSlider .slick-next { right: -28px; }

/* Page Generals */
.topHeaderImg { background-color: #36463d; margin-top: -190px; position: relative; z-index: 5; padding-bottom: 50vh; background-size: cover; background-position: 50%; }
#page-wrapper { padding: 0; }
article { padding-bottom: 45px; }
header.entry-header { border-bottom: 10px solid #505f6b; background-color: #586875; padding: 20px 0; text-align: center; margin-bottom: 30px; margin-left: 0px; margin-right: 0px; }
header.entry-header h1 { margin: 0; color: #fff; }
.hdr-stars { display: inline-block; padding: 0px 5px;}
.hdr-stars .fa { padding: 0px 3px; font-size: 30px; vertical-align: middle; color: #889388;}
.home header.entry-header { display: none; }
.contentImageRow { padding-top: 40px; padding-bottom: 40px; }
/* Special Features */
.specialFeatures { margin: 30px 0px; }
.specialFeatures h2 { margin-bottom: 30px; }
.featureItem { padding-bottom: 22px; padding-top: 24px; position: relative; }
.featureItem:before { content: ""; position: absolute; top: 10px; left: 10%; right: 10%; height: 1px; background-color: #e1e1e1; }
.featureItem:after { content: "\f006"; font-family: FontAwesome; position: absolute; top: 0; left: 50%; height: 20px; width: 30px; margin-left: -15px; background-color: #fff; color: #bfbfbf; }
@media (max-width:767px){
	header.entry-header h1 { font-size: 1.8rem; }
	.h2, h2 { font-size: 1.6rem; }
	.h3, h3 { font-size: 1.4rem; }
}

/* Home Page */
.home .entry-content { text-align: center; padding-top: 4rem; font-size: 1.1rem; }
/* Special Offer */
.specialOffer {

    background-color: #586875;
    padding: 30px 15px;
    color: #fff;
    border-bottom: 10px solid #505f6b;

}
.specOffShort { font-size: 2rem; margin-bottom: 7px; }
.specOffShort span { display: inline-block; }
.specOffShort .fa { font-size: 1.3rem; vertical-align: middle; }
.specOffMain {
    font-size: 1rem;
    color: #fff;
    font-weight: 100;
    max-width: 60%;
    text-align: center;
    margin: 0px auto;
}
/* At a glance */
.glanceSection { padding-bottom: 45px; background-color: #f6f6f6;}
.glanceSection .glanceHeader h3 { margin-bottom: 1rem; margin-top: 1rem; }
.glanceSection .glanceRow { margin-top: 1rem; margin-bottom: 1rem; }
.glanceSection p { margin: 1rem 0; font-size: 0.9rem; }
.glanceSection p strong { font-size: 1rem; }
.starLine { height: 1px; margin-bottom: 1rem; background-color: #e1e1e1; position: relative; }
.starLine:after { content: "\f006"; font-family: FontAwesome; position: absolute; top: -10px; left: 50%; height: 20px; width: 30px; margin-left: -15px; text-align: center; color: #bfbfbf; }

@media (max-width:767px){
	.specOffShort { font-size: 1.4rem; }
	.specOffShort .fa { font-size: 1.1rem; }
	.specOffMain { font-size: 1.1rem; }
	.glanceSection p.glanceRowMain { margin: 1rem 0 0; }
}

/* Contact Page */
.contactList { padding-bottom: 30px; }
.contactList p { position: relative; padding-left: 25px; }
.contactList p:before { font-family: FontAwesome; font-size: 22px; line-height: 22px; position: absolute; top: 0; left: 0; color: #586875; }
.contactList .contactLocation:before { content: "\f041"; }
.contactList .contactMobile:before { content: "\f10b"; font-size: 30px; }
.contactList .contactLandline:before { content: "\f095"; }
.contactList .contactEmail:before { content: "\f0e0"; font-size: 20px; }
.wpcf7 textarea { height: 100px; }

/* Page Lower Section */
.pageLowerSection .callprompt { border-top: 3px solid #505f6b; border-bottom: 10px solid #505f6b; background-color: #586875; color: #fff; }
.pageLowerSection .callprompt p { margin: 0; text-align: center; padding-top: 36px; padding-bottom: 36px; font-size: 1.5rem; }
.pageLowerSection .callprompt a { color: #fff; text-shadow: none; }
.pageLowerSection .googlemap { padding: 0; }
.pageLowerSection .googlemap iframe { display: block; }
@media (max-width:767px){
	.pageLowerSection .callprompt p { font-size: 1.2rem; }
}

/* Photo Tiles */
.photoTiles a { position: relative; display: block; }
.photoTiles a:hover:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 20px solid rgba(0,0,0,0.5); }
.photoTiles a:hover:after { content: "\f002"; font-family: FontAwesome; font-size: 3rem; color: #fff; text-align: center; position: absolute; top: 20%; left: 20%; right: 20%; bottom: 20%; background-color: rgba(0,0,0,0.5); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.photoTiles img { width:100%; height: auto; }
@media (max-width:767px){
	.photoTiles a:hover:before { border: 10px solid rgba(0,0,0,0.5); }
}

/* Book Online Page */
.onlineBooking p.widthWarning { display: none; color: #807e7e; }
.onlineBooking iframe { width: 500px; height: 520px; margin: 0 auto; display: block; }
@media (max-width:529px){
	/*.onlineBooking p.widthWarning { display: block; padding: 7px 15px; border: 1px solid #ccc; }
	.onlineBooking p.widthWarning span { color: #4e8768; }*/
	.onlineBooking iframe { width: 300px; }
	#content #primary { text-align: center!important; }
}

/* Footer */ 
#wrapper-footer { background-color: #181718; color: #6c6c6c; padding: 0px;}
#wrapper-footer .navbar-brand {
    margin: 0;
    max-width: 270px;
    width: 100%;
    padding-bottom: 10px;
}
#wrapper-footer .site-footer { padding-bottom: 40px; }
#wrapper-footer .site-footer p { margin-bottom: 0; }
.accreditationLogos { }
.accreditationLogos img { padding: 0 3px; max-width: 220px; max-height: 90px; width: auto; }
.footer { padding-bottom: 25px; padding-top: 25px;}
.footer-right {text-align: right; float: right;}

.lowerGreenBar  { border-bottom: 10px solid #505f6b; width: 100%; }
.topGreenBar  { border-bottom: 25px solid #586875; width: 100%; } 

@media (max-width:767px){
	.accreditationLogos { text-align: center; margin-bottom: 25px; }
	.accreditationLogos img { max-height: 70px; }
}


@media (min-width:1200px){
	#main-menu { background-color: rgba(0,0,0,0.32); padding: 0 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
}

@media (max-width:1199px){
	nav.navbar { position: absolute; top: -20px; left: 0; right: 0; }
	.navbar { padding-top: 0; }
	button.navbar-toggler[aria-expanded="true"]:before { background:  #42525e; color: #fff; font-family: FontAwesome; content: "\f00d"; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
	.navbar .navbar-brand { height: 76px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
	.navbar .navbar-brand img { -webkit-align-self: center; align-self: center; }
	#navbarNavDropdown { margin: 0 -1rem; padding: 1rem 21px; text-align: right; background-color: #42525e; }
	#navbarNavDropdown a { color: #fff; text-align: center; }
	#navbarNavDropdown .current-menu-item a { color: #fff; }
	#navbarNavDropdown .current-menu-item ul a { color: #fff; }
	#navbarNavDropdown .current-menu-item ul .current_page_item a { color: #f6fec4; }
	.navbar .navbar-nav .dropdown-menu { background-color: transparent; text-align: right; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
	.dropdown-menu .menu-item { display: block; padding-right: 12px; }
	.dropdown-menu .menu-item a.nav-link { padding-left: 0; padding-right: 0; }
	.book-now-btn { margin-right: 50px; }
	.wrapper-navbar .navbar-brand { padding-top: 10px; }
	#navbarNavDropdown > ul  > li { background: #42525e; }  /* :nth-child(odd)  #465662  */
	#navbarNavDropdown > ul > li > ul > li { background: #586875; }
	#navbarNavDropdown li a:hover  { background: #586875; }

}

@media (max-width:767px){
	.navbar .navbar-brand { max-width: 280px; float: left; }
	.navbar .navbar-brand { max-width: 280px; float: left; }
	.footer-right { text-align: center!important; }
	.header-top-bar .contactList p.contactEmail { display: none; }
	.contactList .enqry { display: none!important; }
	#wrapper-footer .footer-right { text-align: center!important;  }
}

@media (max-width:575px){
	.header-top-bar { font-size: 1rem; }
	.header-top-bar .contactList p { font-size: 13px; margin-right: 0; padding-left: 23px; }
	.contactList p:before { font-size: 18px; }
	/*.sliderBgImg { padding-bottom: 85%; } */
	.navbar .navbar-brand { height: 54px; max-width: 230px; margin-right: 50px; }
	.entry-content { text-align: center; }
	.wrapper-navbar  .navbar-brand  { max-width: 80%; }
	.bk-nw-btn { display: none; }
	.book-now-btn a {width: 100px;}
}