/*
Theme Name: Inn at Bay Fortune
Version: 1.5
Description: A custom theme for The Inn at Bay Fortune.
Author: Pinwheel Design
Author URI: http://pinwheeldesign.ca
Template: flawleshotel

*/


.md-logo { width: 268px!important; }

li.menu-item a {cursor: pointer;}

.page-booking, .page-booking .check-availability .grid_3,
.page-booking .check-availability .grid_3:after, .page-booking .check-availability .grid_3:before {
  background-color: #a29061;
}

.page-booking .md-booking .label-control{color: #FFF;}
.page-booking .md-booking .btn {
    padding: 0 39px; 
    background-color: #FFF;
}

.page-booking .check-availability h2 {display: none;}

@media screen and (max-width: 1200px) {
	.page-booking form {padding-top: 145px;}

}

.md-home .input-control, .md-home select, .box-booking .input-control, .box-booking select {
  color: #fff;
}



/* Changes for the booking coming soon note */

.md-booking .booking-inline { margin-top: 10px; }
.md-booking .form-group { margin-bottom: 10px; }

p.booking-note {
  color: #FFF;
  font-size: 16px;
  line-height: 1.4em;
  font-weight: 100;
}

p.booking-note a { color: #fff; font-weight: bold; }

.check-availability .grid_3 { height: 169px; }
.check-availability .grid_3:before {border-top: 169px solid #a29061;}

@media screen and (min-width: 1270px) { 
	.md-booking p { max-width: 70%; padding: 0 0 20px 0; } 
	.md-home .md-booking .btn { margin-top: 0;}
.md-booking .booking-inline {  margin-top: 30px;}
}

/* End booking coming soon */
 
 
 


.title-checkroom { font-size: 27px!important; max-width: 215px; }


.md-body { padding-top: 40px!important; }
.md-body.md-full-slider {padding-top: 0!important;}


@media screen and (max-width: 960px) { .md-home-body .md-sidebar {margin-top: 30px;} }


.form-allowed-tags {display: none;}

.awe_recent_entries p.meta {display: none;}

.md-footer h4.h6 a { color: #69685d; }

.page .post-header .time, .page .post-footer .footer-left, .page .post-footer .footer-right, .page .post-footer {display:none;}



.home-top {
	padding-left: 22px;
}

.home-top h2 {
	text-transform: uppercase;
	padding-top: 30px;
	font-size: 45px;
}

.media-header-big {
  font-size: 45px;
}

/* Rooms */

.room-list .media-header .h4 {
	font-size: 40px;	
	line-height: 50px;
}

.md-room-detail .slideshow-photo > img {
  max-height: 550px;
}

.md-room-detail .bx-wrapper .bx-controls-direction .bx-prev {
  left: 5px!important;
}


.tax-room-type li.space-for-2-cots,
.tax-room-type li.queen-pullout-sofa,
.tax-room-type li.single-pullout-sofa,
.tax-room-type li.double-pullout-sofa {display: none;}


/* Basic Pages */

.page.page-template-default .post-header {display: none;}

.page .media-body p { font-size: 15px;}



/* Masonry pages */

.md-news-deal .media figure, .md-news-deal .media .media-body {
	background: #eee;
}

.md-news-deal .media:nth-of-type(2) figure, .md-news-deal .media:nth-of-type(2) .media-body {
	background: none;
}


/* Forms */

.wedding-inquiry {
	margin-top: 20px;
}

.wedding-inquiry .row {
	margin-top: 10px;
}

.wedding-inquiry p.label {
	float: left;
	width: 20%;
	text-align: right;
	line-height: 1.3em;
	padding-top: 13px;
}

.wedding-inquiry p:not(.label) {
	float: left;
	width: 80%;
	padding-left: 20px;
}

.wedding-inquiry span.wpcf7-list-item {
  margin-left: 0;
  width: 100%;
  display: inline-block;
}

.wedding-inquiry span.wpcf7-list-item.first {
	margin-top: 9px;
}

.wedding-inquiry input[type="radio"], .wedding-inquiry input[type="checkbox"] {
	width: auto;
	height: auto;
	margin-right: 5px;
}





/* Footer */

.bottom-content {
	text-align: center;  
	width: 70%; 
	margin: 30px auto 0 auto;
  padding-top: 30px;
  border-top: 1px solid #ccc;
   }

.footer-content, .footer-column .hotel-address, .md-footer h3, .footer-social h4,
.footer-social .social-group a > i, .md-footer h4.h6 a {color: #b8b5a0 !important;}

.footer-content, .footer-column .hotel-address, .md-footer h4.h6 a  { font-size: 15px !important; }
.md-footer .post-date {color: #69685d;}


.md-footer .footer-column:hover h3, .hotel-contact .hotel-number { color: #a29061 !important; }

.social-group {text-align: center;}

.md-footer .grid_12 {display: none;}


/* Responsive menu changes */

.md-menu > li { margin-left: 25px; }


@media screen and (max-width: 1200px) and (min-width: 961px) { 

	#main-menu,
	#main-nav {
	    display: block !important;
	}
	.md-logo {
		left: 0 !important;
		-webkit-transform: translateX(0) !important;
		-moz-transform: translateX(0) !important;
		-ms-transform: translateX(0) !important;
		-o-transform: translateX(0) !important;
		transform: translateX(0) !important;
	}
	.btn-toogle-res-menu {
        display: none !important;
    }	

	.md-menu > li a {font-size: 13px;}
	.md-menu > li { margin-left: 14px; }

}

@media screen and (max-width: 1270px) and (min-width: 1201px) { 

	.check-availability .grid_9 {
		max-width: 100% !important;
	}

}

@media screen and (max-width: 1200px) and (min-width: 961px) { 

	.md-home .check-availability .grid_9 {
		max-width: 100% !important;
	}

	.check-availability .grid_9 {
		max-width: 70% !important;
		float: right !important;
	}
	
	.md-booking p {
		text-align: center !important;
	}
	
}

@media screen and (min-width: 961px) { 

	.page-booking form, .page-booking .md-booking p {
		padding: 20px 0;
	}

}

@media screen and (max-width: 960px) { 

	#main-menu,
	#main-nav {
	    display: none !important;
	}
	.md-logo {
		left: 50% !important;
		-webkit-transform: translateX(-50%) !important;
		-moz-transform: translateX(-50%) !important;
		-ms-transform: translateX(-50%) !important;
		-o-transform: translateX(-50%) !important;
		transform: translateX(-50%) !important;
	}
	.btn-toogle-res-menu {
        display: block !important;
    }

}



/* Tabs & Accordions */

.awe_accordion.ui-accordion .ui-accordion-header {
  margin-bottom: 0;
  border: 0;
  background-color: #a29061;
  color: #fff;
  font-size: 18px;
}

.awe_accordion.ui-accordion h3.ui-accordion-header {
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
	text-transform: none;
}

.awe_accordion.ui-accordion .ui-accordion-content {
  background: #fff;
  border-left: 1px solid #a29061;
  border-right: 1px solid #a29061;
  border-bottom: 1px solid #a29061;
  color: #a29061;
}

.awe_tabs.ui-widget-content {
  background-color: #fff;
}

.awe_tabs.ui-widget-content .ui-tabs-nav {
  padding: 0;
  background: #fff;
  border-bottom: 1px solid #a29061;
}


.awe_tabs .ui-state-default, .awe_tabs .ui-widget-content .ui-state-default, .awe_tabs .ui-widget-header .ui-state-default {
  border: 1px solid #a29061;
  background-color: #fff;
  color: #a29061;
}

.awe_tabs .ui-state-default a, .awe_tabs .ui-state-default a:link, .awe_tabs .ui-state-default a:visited {
  color: #a29061;
}

.awe_tabs .ui-state-default a:hover,
.awe_tabs .ui-state-active a, .awe_tabs .ui-state-active a:link, .awe_tabs .ui-state-active a:visited {
  color: #fff;
}

.awe_tabs .ui-state-default:hover, .awe_tabs .ui-widget-content .ui-state-default:hover, .awe_tabs .ui-widget-header .ui-state-default:hover,
.awe_tabs .ui-state-active, .awe_tabs .ui-widget-content .ui-state-active, .awe_tabs .ui-widget-header .ui-state-active {
  border: 1px solid #a29061;
  background-color: #a29061;
  color: #fff;
  border-bottom: 0;
}

.awe_tabs.ui-widget-content .ui-tabs-nav li {
  border-bottom: 0;
}

.awe_tabs .tab-content {
  background: #fff;
  border-left: 1px solid #a29061;
  border-right: 1px solid #a29061;
  border-bottom: 1px solid #a29061;
  color: #a29061;
}

.awe_tabs .tab-content ul li, .awe_accordion .ui-accordion-content ul li, .awe_accordion .ui-accordion-content p {
  	color: #a29061;
  	font-size: 15px;
  	line-height: 25px;
}





.home-top p { margin-bottom: 13px; }


.page-id-977 .heading-large {font-size: 290px;}


.embed-responsive.embed-responsive-16by9 {
    margin-top: 40px;
}






/* Artists page */

.artist {
	margin-top: 40px;
	border-top: 1px solid #000;
	padding-top: 30px; 
}

.artist .bio { border-right: 1px solid #ccc; }

.artist .bio img { width: 100%; margin: 20px 0; padding-right: 50px; }

.artwork {
	float: left;
	width: 45%;
	margin-left: 5%;
}

.artwork h3 {
	text-transform: none;
    margin-top: 5px;
}



.artist-list .artist img { 
	float: left;
    width: 200px;
    margin-right: 30px;
    margin-bottom: 10px;
}

.artist-list .artist .bio h3 { margin-bottom: 10px; }

.artist-list .artist .bio { border-right: none; }


.list-artworks .artwork {width: 230px;}
.list-artworks .artwork h3 {margin-bottom:0; font-size: 20px;}
.list-artworks .artwork .price {font-size:14px;}







/* Two rooms */

@media screen and (min-width: 959px) {
	.md-accomodation-content .row .grid_4 {width: 50%; }
}


/* Front Page Check Availability */

@media screen and (max-width: 1270px) {
	.home .check-availability .container {
		width: 100%;
	}
	
	.home .check-availability .grid_3 {
	    display: inline-block;
	    width: 100%;
	    text-align: center;
	    height: auto;

	}
	
	.home .check-availability .grid_3:before, .home .check-availability .grid_3:after,
	.home  .check-availability .title-checkroom:before, .home  .check-availability .title-checkroom:after {
    	display: none;
	}
	
	.home  .check-availability .title-checkroom {
	    max-width: 100%;
		padding-bottom: 45px;
	}

}




/* Front page changes 2016 */

.md-menu > li a { font-size: 14px; }

@media screen and (max-width: 1200px) and (min-width: 961px) {
.md-menu > li a { font-size: 11px!important;} }

.md-slide-wrapper { background: #242424; }





/* Below here is in the Customize in wp-admin */






/* Trip advisor */


#CDSWIDCOE {
    background: #fff;
    text-align: center;
    width: 150px;
    float: left;
    padding: 10px 0;
    font-size: 13px;
	margin-top: 30px;
}

#CDSWIDCOE img {
    margin: 10px 0;
}



/* Promo Banner */

.promo-banner {
	position:absolute;
	right:0;
	top:0;
	width: 500px;
}

@media screen and (max-width: 960px) {
	.promo-banner {top:190px; width: 250px;}
}



/* New Header Updates */

#main-nav .md-menu > li a {
	font-family: 'mongolian_baitiregular', serif;
    font-size: 14px;
	font-weight: 300;
    letter-spacing: 0;
	text-transform: uppercase;
   	line-height: 1.2em;
    padding-top: 10px;
    padding-bottom: 7px;
}

nav {
    float: left;
    margin-left: 0;
}

.md-header .container {width:100%!important}

.md-header .container .grid_12 {padding:0!important}

#main-nav {
    display: block!important;
    background: #242424;
	width: 100%;
    padding-left: 430px;
    margin-top: 90px;
    border-bottom: 2px #a29061 solid;
    border-top: 2px #a29061 solid;
    margin-left: 0;
}

.md-menu > li {
    margin-left: 35px;
}

.md-logo {
    left: 70px!important;
    margin-left: 0!important;
    width: 340px!important;
}


@media screen and (max-width: 1300px) {
.md-menu > li { margin-left: 20px;}
.md-menu > li a {font-size: 12px!important;}
}

@media screen and (max-width: 1100px) {
.md-menu > li { margin-left: 15px;}
.md-menu > li a {font-size: 11px!important;}
}

@media screen and (max-width: 960px) {
	.md-logo {
	left: 50%!important; margin-left: 0!important; 
width:240px!important;}
.md-header {
	background: #242424!important;
    height: 50px!important;
}
.btn-toogle-res-menu {
    position: absolute;
    right: 14px;
    top: 0;
}

.page-template-new-home-page .md-header {height: 180px!important;}
.page-template-new-home-page #main-nav
{height: 90px!important;border-top: 0!important;}

}


.md-header {
	height:144px;
	background: url("../../../../wp-content/themes/innatbayfortune/images/shingles-texture.jpg") bottom center no-repeat;
    background-size: cover;
}


@media screen and (min-width: 1270px) {
.md-booking .booking-inline {
    margin-top: 0;
}
}

.check-availability .grid_3 {
display:none;} 

@media screen and (min-width: 1200px) {
.md-booking .booking-inline {
    margin-left: 300px;
}
}


/* New Front Page */

.page-template-new-home-page .page-booking {display:none;}

.page-template-new-home-page .md-home .check-availability {
    border-bottom: 4px white solid;
}

.page-template-new-home-page .promo-banner {top:190px}

.nhp-section {
	padding:0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-bottom: 4px white solid;
	overflow: hidden;
}

.nhp-section:nth-of-type(2) {
	border-left: 4px white solid;
}

@media screen and (max-width: 960px) {
.nhp-section:nth-of-type(2) { border-left: 0; }
}

.nhp-section a {
	display:block;
	height:380px;	
}

.nhp-section img {
	min-width: 100%;
}

.nhp-section h3 {
	font-family: 'mongolian_baitiregular', serif;
	position: relative;
    top: 160px;
    text-align: center;
    color: #fff;
    font-size: 60px;
    height: 0;
	font-weight: bold;
    text-shadow: 0 0 5px #000;
	opacity: 0;
	transition: opacity .5s;
	z-index: 9999;
}

.nhp-section a:hover h3 {
	opacity: 1;
}

@media screen and (max-width: 720px) {
	.nhp-section h3 { font-size: 30px; opacity: 1!important;}
}


.nhp-section video {
	width: 100%!important;
	height: auto!important;
	opacity: 0;
	transition: opacity .5s;
}

.nhp-section video.playing {
	opacity: 1;
}



/* Booking Engine */

.check-availability .grid_3:before,
.check-availability .grid_3:after
 { display: none; }
.check-availability .grid_3 { height: 107px;}
.check-availability .grid_9 .md-booking {
    padding-left: 0;
}


/* Interior pages */

.md-body-wrapper p {
	font-size: 15px;
	margin-bottom: 15px;
}

@media only screen and (min-width: 1200px) {
.page-template-masonry-layout .container {
    width: 100%;
}
.page-template-masonry-layout .md-body {    padding-left: 5%;}

.page-template-masonry-layout .md-news-deal .media-header {
line-height: 40px;
    font-size: 32px; }

}


@media only screen and (min-width: 960px) {
.page-template-silder .md-main .box-sidebar,
.page-template-artists .md-main .box-sidebar,
.page-template-default .md-main .box-sidebar {
    display: block;
}}

.page-template-silder aside.grid_3,
.page-template-artists aside.grid_3,
.page-template-default aside.grid_3 {
    display: none; }

.page-template-silder .grid_9,
.page-template-artists .grid_9,
.page-template-default .grid_9 {
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
    width: 100%;
    float: left;
}

.page-template-artists .box-heading {
margin-bottom: 30px; }

/* Services Page */

.media-body h3 {
    font-family: 'Open Sans', Arial, sans-serif;
font-weight: bold;
}

.awe_tabs .tab-content ul li, .awe_accordion .ui-accordion-content ul li, .awe_accordion .ui-accordion-content p {
    color: #000;
}

.awe_accordion.ui-accordion h3.ui-accordion-header {
    font-family: 'Open Sans', Arial, sans-serif;
    text-transform: uppercase;
}



/* Our Rooms */

.md-accomodation-available .grid_3 {
    display: block;
    margin: 0 auto;
    float: none;
    width: 100%;
}

.md-accomodation-available .grid_9 {
    float: none;
    margin-top: 20px;
    display: block;
    width: auto;
}

.page-template-accomodation-cats .md-accomodation-content .number-big {
    font-weight: normal;
}

.page-template-accomodation-cats .md-accomodation-content .number-big .one-night {
    font-style: normal;
}

.page-template-accomodation-cats .md-accomodation .media-header a {
    font-weight: normal;
}

/* Rooms Category */

.archive.tax-room-type .list-article { 
    text-align: center;
}

.archive.tax-room-type article.room-list { 
	float:none;
	margin-right:20px;
	width: 370px;
	display: inline-block;
}

.archive.tax-room-type article.room-list figure.pull-left {
    padding-right: 0;
    width: 100%;
}

.archive.tax-room-type article.room-list .media-body {
	position: absolute;
	width: 370px;
}

.archive.tax-room-type article.room-list .media-body .media-content {
	display: none;
}

.archive.tax-room-type article.room-list .media-header {
    z-index: 9999;
	width: 370px;
	height: 189px;
}

.archive.tax-room-type article.room-list .media-header .h4 {
    font-family: 'mongolian_baitiregular', serif;
    text-align: center;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
}

.archive.tax-room-type article.room-list .media-header .h4 a {
    color: #fff;
    text-shadow: 0 0 5px #000;
	width: 370px;
	height: 189px;
	display: block;
    line-height: 208px;
    transition: opacity .5s;
	opacity: 0;
}

.archive.tax-room-type article.room-list .media-header .h4 a:hover, .archive.tax-room-type article.room-list .media-header .h4 a:active, .archive.tax-room-type article.room-list .media-header .h4 a:focus {
    opacity: 1;
}


@media only screen and (max-width: 960px) {
.archive.tax-room-type .list-article { 
	width: 800px;
    margin: 0 auto;
	max-width: 100%;
}

.archive.tax-room-type .list-article .room-list, .archive.tax-room-type .list-article .room-list .media-body, .archive.tax-room-type .list-article .room-list, .archive.tax-room-type .list-article .room-list .media-header { 
	max-width: 100%;
}


.archive.tax-room-type article.room-list .media-header, .archive.tax-room-type article.room-list .media-header .h4, .archive.tax-room-type article.room-list .media-header .h4 a {
font-size: 30px;
max-width:100%;
}

}
	
@media only screen and (max-width: 795px) {
.archive.tax-room-type .list-article { 
	width: 380px;
	max-width:100%;
}

.archive.tax-room-type article.room-list .media-header, .archive.tax-room-type article.room-list .media-header .h4, .archive.tax-room-type article.room-list .media-header .h4 a {
opacity:1;
}

}
	
@media only screen and (max-width: 321px) {

.room-list .media-header .h4 {
    margin-top: -20px;
}
}



/* May 2017 Fix */

@media screen and (min-width: 1200px) {

.md-booking .booking-inline {
    margin-left: 450px;
}

}

.front-promo {
    position: absolute;
    right: 0;
    top: 40px;
    width: 600px;
}
.front-promo.enroute {
	top: initial;
    right: initial;
    left: 0;
    bottom: 40px;
    padding-left: 40px;
}


@media screen and (max-width: 1200px) {
.front-promo {
    width: 400px;
    top: 20px;
}
.front-promo.enroute {
    bottom: 20px;
}

}

@media screen and (max-width: 600px) {
.front-promo {
    width: 200px;
    top: 4px;
}
.front-promo.enroute {
    bottom: 10px;
    padding-left: 10px;
}
}


/* Mobile Reservations */


@media screen and (min-width: 960px) {
.mobile.check-availability {
    display: none;
}
}

@media screen and (max-width: 961px) {
.desktop.check-availability {
    display: none;
}
}
	
	

@media screen and (max-width: 640px) {
.home-top h2 {
 font-size: 30px;
}
}	
	
	
	
	
/* Hide promo */
		
.front-promo {
	display: none;
}



/*Islander Days*/

.page-template-new-home-page .promo-banner {
    top: 340px;
}




/* Gift Certificates */

.gift-certificate-form {
	max-width: 800px;
	margin: 0 auto;
    margin-top: 50px;
}

.gift-certificate-form .label {
	text-align: center;
	margin-top: 15px;
}

.gift-certificate-form input {
	text-align: center;
}

.gift-certificate-form input.wpcf7-submit {
	margin: 0 auto;
	width: 200px;
	display: block;
}