/*
Theme Name: 	Concord's Colonial Inn Theme
Description: 	Custom Responsive WordPress Theme
Version: 		1.0
Author: 		O'Rourke Hospitality Marketing
Author URI: 	http://orourkehospitality.com
*/


/*	--------------------------------------------------
	 TABLE OF CONTENTS
	--------------------------------------------------
	00 Reset
	01 Defaults
	02 Layout
	03 Main Menu
	04 Mobile Top Menu
	05 Header
	06 Footer
	07 Homepage
	08 Homepage Booking Form
	09 Interior
	10 Gallery
	11 Page Defaults
	12 Forms
	XX Icon Fonts
	Overrides
	
*/


/*	--------------------------------------------------
	 00 RESET
	-------------------------------------------------- */
	
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
li { list-style:none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; }
pre	{ white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup	{ top: -0.5em; }
sub { bottom: -0.25em; }
img	{ border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
input, select, textarea	{ font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration	{ -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
table	{ border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.clearfix:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}
*:first-child+html .clearfix { zoom: 1; }


/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }



/*	--------------------------------------------------
	 01 LAYOUT
	-------------------------------------------------- */

/* Reusable column setup */
.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
    *behavior: url('js/boxsizing.htc');
}



    /* 1. 12 Column Grid 0px - Infinity 
    ----------------------------------------------------------------------------- 
    
    Span 1:    5.58333333333%
    Span 2:    14.1666666667%
    Span 3:    22.75%
    Span 4:    31.3333333333%
    Span 5:    39.9166666667%
    Span 6:    48.5%
    Span 7:    57.0833333333%
    Span 8:    65.6666666667%
    Span 9:    74.25%
    Span 10:    82.8333333333%
    Span 11:    91.4166666667%
    Span 12:    100%
    
    ----------------------------------------------------------------------------- */

    @media screen and (min-width: 0px) {
        
        .col {
            margin-left:3%;
        	padding:4%;
        }
        
        .row .col:first-child {
            margin-left:0;  
        }
        
        /*
        Add your semantic classnames in alongside their corresponding spans here. e.g.
        
        .span_3,
        .my_semantic_class_name {
            ...
        }
        */
        
        .span_1 {
            width:5.58333333333%;
        }
        .span_2 {
            width:14.1666666667%;
        }
        .span_3 {
            width:22.75%;
        }
        .span_4 {
            width:31.3333333333%;
        }
        .span_5 {
            width:39.9166666667%;
        }
        .span_6 {
            width:48.5%;
        }
        .span_7 {
            width:57.0833333333%;
        }
        .span_8 {
            width:65.6666666667%;
        }
        .span_9 {
            width:74.25%;
        }
        .span_10 {
            width:82.8333333333%;
        }
        .span_11 {
            width:91.4166666667%;
        }
        .span_12 {
            margin-left:0;
            width:100%;
        }
    }
    
    @media screen and (max-width: 765px) {
    
    	.span_8 {
            width:100%;
        }
        .span_4 {
	        width: 100%;
        }
        .span_4.col {
	        margin-left: 0;
	    }
    }





/*	--------------------------------------------------
	02	DEFAULTS
	-------------------------------------------------- */

::-moz-selection 	{ background: #FFF9F1; color:#000; }
::selection 		{ background: #FFF9F1; color:#000; }

body {
	background: #FFF;
	font-family: "museo",Helvetica,Arial,Verdana,sans-serif;
	font-size: .8em;
	line-height: 180%;
	font-weight:300;
	color: #656463;
}
.wrapper {
 	background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    max-width: 59%;
}

@media only screen and (max-width : 2000px) {	
	.wrapper {
    max-width: 70%;
	}
}

@media only screen and (max-width : 1800px) {	
	.wrapper {
    max-width: 76%;
	}
}

@media only screen and (max-width : 1600px) {	
	.wrapper {
    max-width: 89%;
	}
}
@media only screen and (max-width : 1330px) {	
	.wrapper {
    max-width: 100%;
	}
}

img,
embed,
object,
video {
/* max-width: 100%; */
}

.entry p { 
    margin-bottom: 1em;
    }
    
.entry ul { 
   margin-bottom: 1em;

}

.entry li { 
	list-style: disc outside none;
    margin-left: 15px;
    padding-left: 5px;
    }
    


/*	--------------------------------------------------
	 FONT STACK
	-------------------------------------------------- */
	

h1 {
    font-family: "museo",Arial,Verdana,sans-serif;
	font-size: 1.8em;
	text-transform: uppercase;
	line-height: 120%;
    margin-bottom: .5em;
	font-weight: 300;
}

h2 {
    font-family: "museo",Arial,Verdana,sans-serif;
	font-size: 1.5em;
	text-transform: uppercase;
	line-height: 120%;
    margin-bottom: .5em;
	font-weight: 300
}
h3 {
    font-family: "museo",Arial,Verdana,sans-serif;
    font-size: 1em;
    line-height: 120%;
    text-transform: uppercase;
    margin-bottom: .5em;
    font-weight: 500;
    
}
h4 {
    font-family: 'museo',Arial,Verdana,sans-serif;
    font-size: .8em;
    text-transform: uppercase;
    margin-bottom: .5em;
    font-weight: 300;
}
h5 {
    font-family: "museo",Arial,Verdana,sans-serif;
	font-size: .8em;
	text-transform: uppercase;
	line-height: 120%;
    margin-bottom: .5em;
    font-weight: 500;

}

h6 {
    font-family: "museo",Arial,Verdana,sans-serif;
	font-size: .9em;
	line-height: 100%;
}


a:link {
    text-decoration: none;
    color: #2a2a2a;
}
a:visited {   color: #2a2a2a;} 
a:active {color: #b30838;}  
a:hover {
    color: #b30838;
    outline: medium none;
    text-decoration: none;
    transition: color 0.5s ease-out 0s;
}

p a:link {
    text-decoration: none;
    color: #703030;
    font-family: "museo";
}
p a:visited {   color: #703030;} 
p a:active {color: #703030;}  
p a:hover {
    color: #424242;
    outline: medium none;
    text-decoration: none;
    transition: color 0.5s ease-out 0s;
}

@font-face {
  font-family: 'cci';
  src: url('font/cci.eot?19113615');
  src: url('font/cci.eot?19113615#iefix') format('embedded-opentype'),
       url('font/cci.woff?19113615') format('woff'),
       url('font/cci.ttf?19113615') format('truetype'),
       url('font/cci.svg?19113615#cci') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'cci';
    src: url('../font/cci.svg?19113615#cci') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "cci";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-facebook-squared:before { content: '\e800'; } /* '' */
.icon-twitter:before { content: '\e801'; } /* '' */
.icon-pinterest:before { content: '\e802'; } /* '' */
.icon-right-open-mini:before { content: '\e803'; } /* '' */
.icon-down-open-mini:before { content: '\e805'; } /* '' */
.icon-instagramm:before { content: '\e806'; } /* '' */


/*	--------------------------------------------------
	 03  MAIN MENU
	-------------------------------------------------- */
	
.main-menu-wrapper {
	display: block;
	float: right;
}
.main-menu-toggle {
	display: none;
}
.main-menu li {
	position: relative;
	float: left;
	list-style: none outside none;
}

.main-menu ul {
	margin:0 auto;
}
.main-menu a {
    color: #424242;
    display: block;
    font-family: "museo",Arial,Verdana,sans-serif;
    font-size: 1em;
    letter-spacing: 0.01em;
    line-height: 1;
    padding: 39px 12px;
    text-transform: uppercase;
    font-weight: 500;
}

.main-menu a:hover, .main-menu li:hover > a, .main-menu ul > li > a.active {
    color: #703030;
}



.main-menu li ul {
	position: absolute;
	opacity: 0;
	top: 91px;
	left: -9999px;
	min-width: 100%;
	width: auto;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.95);
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	/*
-webkit-box-shadow: 2px 6px 6px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    2px 6px 6px rgba(50, 50, 50, 0.5);
	box-shadow:         2px 6px 6px rgba(50, 50, 50, 0.5);
*/
-webkit-box-shadow:inset 0 2px 2px 0 rgba(0,0,0,.25);
box-shadow:inset 0 2px 2px 0 rgba(0,0,0,.25);
}

.main-menu li ul:hover {
	/* background: rgba(255,255,255,1); */
	
}

.main-menu li:hover ul {
	opacity: 1;
	left: 0;
}
.main-menu li li {
	float: none;
	white-space: nowrap;
}
.main-menu li li a {
	margin: 0;
	padding: 10px 20px;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
.main-menu li li a:hover {
	color: #703030;
}

@media only screen and (min-width : 960px) {
	.main-menu li:hover ul {
	opacity: 1;
	left: 0;
	}
}

@media only screen and (max-width : 960px) {
	.main-menu li ul {
	opacity: 1;
	left: 0;
	}
}

.menu-item-parent:hover span:after {
	color: #FFFFFF;
}

@media only screen and (max-width : 960px) {
	
	.main-menu-wrapper {
		float: none;
		display: table;
		margin: 0 auto;
	}
	.main-menu a {
		padding: 14px 0;
	}
	.main-menu li ul {
		top: 70px;
	}	
}

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

	.main-menu li li a:hover {
		color: #FFF;
		background-color: #2E2E2E;
	}

	
	.top-menu-right {
		display: block;
		height: 50px;
	    padding: 0 5%;

	}
	.main-menu-wrapper {
		clear: both;
		float: none;
		display: none;
		margin: 0 auto;
		background: #252525;
		width:100%;
	}
	.header-items-wrapper {
		overflow: hidden;
		text-align: center;
	}
	.main-menu-toggle {
	background: #424242;
    color: #FFFFFF !important;
    display: block;
    font-family: "museo", Arial, Verdana , sans-serif;
    font-size: 1.6em;
    font-weight: 500;
    line-height: 0.6;
    margin: 0 auto;
    padding: 17px 0;
    text-transform: uppercase;
    border-bottom: thin solid #333333;
    letter-spacing: 1px;
	}
	
	
	
	.main-menu {
		background: #012b5d;
		box-shadow: 0 1px 3px #000 inset;
		margin: 0 auto;
	}
	.main-menu a {
		color: #FFFFFF;
	    display: block;
		font-family: "museo",Arial,Verdana,sans-serif;
	    font-size: 1em;
	    font-weight: 200;
	    margin-bottom: 0;
	    margin-left: auto;
	    margin-right: auto;
	    padding: 20px 30px;
	    text-decoration: none;
		line-height: 1;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	.main-menu a:hover, .main-menu li:hover > a, .main-menu ul > li > a.active {
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
}
	.main-menu li {
		background: #424242;
		float: none;
		border-bottom: 1px solid #333333;
	}
	.main-menu li ul {
		position: relative;
		top: 0;
		left: 0;
		padding: 0;
	}
	.main-menu .menu-item:active {
		background-color: #262626;
	}
	.main-menu .sub-menu .menu-item:active {
		background-color: #151515;
	}
	.menu-item-parent {
		position: relative;
	}
	.menu-item-parent span {
	    color: #FFFFFF;
	    font-family: 'cci';
	    font-size: 1.3em;
	    font-weight: bold;
	    line-height: 1;
	    position: absolute;
	    right: 30px;
	    top: 15px;
	}
	.menu-item-parent span:after {
		content: "\e803";
	}
	
	.menu-item-parent.open:hover span:after {
		content: "\e805";
	}
	.menu-item-parent.open:focus span:after {
		content: "\e805";
	}
	
	.menu-item-parent.open span {
		top: 15px;
	}
	.main-menu .sub-menu {
		display: none;
		background: #222;
	}
	.main-menu .sub-menu a {
		background: #333333;
	    color: #FFFFFF;
	    font-size: 0.8em;
	    font-weight: 100;
	    padding: 20px 30px 20px 40px;
	    text-shadow:none;
	}
	.main-menu .sub-menu li {
		border-bottom: 1px solid #424242;
	}
	.main-menu .sub-menu li:first-child {
		border-top: 1px solid #424242;
	}
	.main-menu .sub-menu li:last-child {
		border-bottom: none;
	}
}


/*	--------------------------------------------------
	 04  MOBILE TOP MENU
	-------------------------------------------------- */
.utility-menu-wrapper {
    background-color: #424242;
}
.top-menu-right {
	display: block;
	height: 45px;
	margin: 0 auto;
	max-width: 70%;
}
.top-menu {
	float:right;
}
.top-menu li {
	 float: left;
	 list-style: none outside none;
	 position: relative;
}
.top-menu a {
	color: #FFF;
    display: block;
    font-family: "museo",Arial,Verdana,sans-serif;
    font-size: 1em;
    line-height: 1;
    padding: 16px 16px;
    text-decoration: none;
    text-transform: lowercase;
}	
	
	
.top-menu a:hover {
	color: #C5C5D5;
    outline: medium none;
    text-decoration: none;
    transition: color 0.5s ease-out 0s;
}
.top-menu-right li:last-child a {
    border: 1px solid #FFFFFF;
    -webkit-border-radius: 12px 12px 12px 12px;
    border-radius: 12px 12px 12px 12px;
     margin-top: 7px;
    padding: 8px 12px;
    margin-left: 24px;
}

.top-menu-right li:last-child a:hover {
    background-color: #FFFFFF;
    color: #424242;
    transition: color 0.5s ease-out 0s;
}
@media only screen and (max-width : 2000px) {	
	.top-menu-right  {
	max-width: 75%;
	}
}

@media only screen and (max-width : 1800px) {	
	.top-menu-right {
    max-width: 75%;
	}
}
@media only screen and (max-width : 1300px) {	
	.top-menu-right {
    max-width: 95%;
	}
}

@media only screen and (max-width : 1045px) {	
	.top-menu {
	clear: both;
    float: none;
    margin: 0 auto;
    width: 660px;
	}
.top-menu-right {
    max-width: 100%;
}
}
@media only screen and (max-width : 720px) {	
	.top-menu {
	width: 280px;
	}
	.top-menu a {
		padding: 16px 10px;
	}
}
@media only screen and (max-width : 720px) {		
	#menu-item-150, #menu-item-135, #menu-item-602, #menu-item-693  {
		display: none;
	}
	.top-menu-right {
		width: 352px;
	}
}

/*	--------------------------------------------------
	 05  HEADER
	-------------------------------------------------- */

.header-wrapper {
	margin: 0 auto;
	max-width: 70%;
}
header[role="site-header"] {
	background: #fff;
	position: relative;
	height: auto;
	z-index: 100;
}
header[role="site-header"] .logo {
	float: left;
	padding: 6px 0;
}
header[role="page-header"] {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
header[role="page-header"] img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	height: auto;
}


@media only screen and (max-width : 2000px) {	
	.header-wrapper {
	max-width: 75%;
	}
}

@media only screen and (max-width : 1800px) {	
	.header-wrapper {
    max-width: 75%;
	}
}
@media only screen and (max-width : 1300px) {	
	.header-wrapper {
    max-width: 95%;
	}
	}

@media only screen and (max-width : 1045px) {	
	.header-wrapper {
    max-width: 100%;
	}
}

@media only screen and (max-width : 1045px) {	
	.main-menu-wrapper {
    padding-right: 0;
	}
}

@media only screen and (max-width : 1045px) {
	
	.rsOverflow {
    overflow:visible !important;
	}
	header[role="site-header"] {
	position: relative;
	height: auto;
	z-index: 100;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.7);
	box-shadow: 0 1px 4px rgba(0,0,0,0.7);
	}
	
}

.brand-topper {
 	background: url("images/hatch-tan.png") repeat scroll 0 0 #FFFFFF;
	height: auto;
	position: fixed;
    z-index: 300;
    -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,.25);
    box-shadow: 0 2px 5px 1px rgba(0,0,0,.25);
    width: 100%;
    
}
@media only screen and (max-width : 1045px) {
.brand-topper {
	position: relative;
}
}
.social-icons {
  	display: block;
  	font-size: 1.7em;
  	margin: .4em auto 1.4em;
}


.social-icons a:hover {
    outline: medium none;
    text-decoration: none;
    transition: color 0.5s ease-out 0s;
}

.social-icons a:active {
}

a.restaurant-logos {
    display: block;
    height: 55px;
    margin-top: 0.7em;
}

@media only screen and (max-width : 960px) {
	.social-icons {
    display: block;
    float: none;
    padding: 10px 0 10px;
	
	}
}
/*	--------------------------------------------------
	 06  FOOTER
	-------------------------------------------------- */
footer[role="site-footer"] {
 	border-top: 1px solid #d1d1d1;
 	background: url(images/hatch-tan.png);
}

footer[role="site-footer"] .main-footer .wrapper {
	font-size: 1em;
	 padding: 25px 0 40px 0 !important;
}
footer[role="site-footer"] .second-column {
	text-align: center;
}
footer[role="site-footer"] .third-column {
	text-align: right;
}
footer[role="site-footer"] .main-footer h2 {
	margin-bottom: 3px;
	font-size: 1em;
	font-family: "museo",Arial,Verdana,sans-serif;
	letter-spacing: 0;
	text-transform: none;
	font-weight: 500;
}
footer[role="site-footer"] .main-footer p {
	margin-bottom: 1.2em;
	font-size: .9em;
	line-height:170%;
	font-weight: 300;
}


footer[role="site-footer"] .main-footer a:hover {
    outline: medium none !important;
    text-decoration: none !important;
    transition: color 0.5s ease-out 0s !important;
}

footer[role="site-footer"] .main-footer .menu {
	overflow: hidden;
}
footer[role="site-footer"] .main-footer .menu a {
	text-transform: uppercase;
	text-decoration: none;
}
footer[role="site-footer"] .main-footer .menu li {
	float: left;
	width: 50%;
	margin-bottom: 0.6em;
}
footer[role="site-footer"] .main-footer .social-links {
	overflow: hidden;
	display: table;
	margin: 0 auto 15px;
}
footer[role="site-footer"] .main-footer .social-links li {
	display: inline;
}
footer[role="site-footer"] .main-footer .social-links a {
	padding: 0 3px;
	opacity: 0.8;
}
footer[role="site-footer"] .main-footer .social-links a:hover {
	opacity: 1;
}
footer[role="site-footer"] .copyright {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}
footer[role="site-footer"] .copyright p {
	color: #666;
	font-size: 1.2em;
}
.footer-left {
	float:left;
	width:33%;
}
.footer-center {
	float: left;
	width: 33%;
	text-align: center;
}
.footer-right {
	float: right;
	width: 33%;
	text-align: right;
}

.footer-wrapper {
    margin: 0 auto;
    max-width: 75%;
    padding: 30px 2% 2%;
}
.small-print {
	font-size: .7em !important;
}
.small-print-orke {
	font-size: 1.2em !important;
}

@media only screen and (max-width : 2000px) {	
.footer-wrapper {
    max-width: 85%;
	}
}

@media only screen and (max-width : 1800px) {	
.footer-wrapper {
    max-width: 75%;
	}
}

@media only screen and (max-width : 1600px) {	
.footer-wrapper {
    max-width: 95%;
	}
}

@media only screen and (max-width : 765px) {
	.footer-left, .footer-center, .footer-right {
	float:none;
	width:100%;
	margin-bottom:40px;
	text-align: center;
	}
	.social-icons{
		padding: 0;
		width: 100%;
	}
	.footer-left p {
	 margin: 0 auto;
	}
	.footer-wrapper {
    padding: 30px 0 2% 2%;
}

}
@media only screen and (max-width : 650px) {
	footer[role="site-footer"] .main-footer {
		padding-bottom: 0;
	}
	footer[role="site-footer"] .first-column,
	footer[role="site-footer"] .third-column {
		text-align: center;
	}
}

/*	--------------------------------------------------
	 07  HOMEPAGE
	-------------------------------------------------- */

section[role="homepage-slideshow"] {
	clear: both;
	width: 100%;
	margin: 0 auto;
}
/*
#homepage-slideshow {
	width: 100%;
}
*/
.slideshow-book-wrapper {
    max-height: 800px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 135px;
}
@media only screen and (max-width : 1045px) {
.slideshow-book-wrapper {
	padding-top: 0;
}
}
/*
.slideshow-book-wrapper-interior {
    max-height: 600px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
*/
/*
#homepage-slideshow {
	height: auto;
	display: none;
}
*/

.span_3,
.cta {
	width:22.75%;
	float: left;
	padding: 60px 0 0 0;
}

.cta img {
	border: solid 10px #fff;
}      

.rsSlide {
    display: block;
    /* height: auto !important; */
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}  


.logo {
	float: left;
}

.logo img {
	margin-top: 2px;
}
@media only screen and (max-width : 1045px) {	

header[role="site-header"] .logo {
    display: block;
    float: none;
    margin: 10px auto;
    width: 185px;
}
}
@media only screen and (max-width : 765px) {	
	.col {
	    margin-left: 2%;
	}
	.cta h2 {
    font-size: 1.6em;
    margin: 0 0 10px 10px;
	}
	.span_3 {
	float: none !important;
    margin: 0 auto !important;
    width:70%;
	}
	.cta img {
	float: none !important;
    width: 100%;
	}
	.span_3 .cta {
		float: none !important;
		padding: 60px 0;
	}
	.span_6 {
    float: none;
    margin: 0 auto;
    width: 150px;
	}
	.span_6 img {
	margin: 0 auto;
	}
	
	
	footer[role="site-footer"] .span_6, .col {
	display: block;
	float: none;
	}
	
	footer[role="site-footer"] .main-footer p {
    text-align: center;
	}
	.footer-left {
    /* margin-bottom: 10px; */
    margin-top: 30px;
	}
	
}


	
@media only screen and (max-width : 464px) {	
	.span_3 {
	float: none !important;
    margin: 0 auto !important;
    width: 100%;
	}

	.cta img {
	float: none !important;
    margin: 0 0 40px 0;
    max-width: 100%;
	}

}


.specials-image-thumb img {
	float: right;
	border: solid 1px #ccc;
	max-width: 100%;
}

.moretext  a {
	display:block;
	float:left;
    font-family: "museo",Arial,Verdana,sans-serif;
    background-color: #A9CD7F;
    border: 1px solid #ADD954;
    color: #FFFFFF;
    cursor: pointer;
    margin-right: 20px;
    padding: 5px 10px;
    text-decoration: none;
}

.moretext  a:hover {
    background-color: #A2C975;
	color:#895B11;
}


a.booking-link  {
	display:block;
	float:left;
    font-family: "museo",Arial,Verdana,sans-serif;
    background-color: #FFF;
    color: #FFFFFF;
    cursor: pointer;
    padding: 10px 20px;
    text-decoration: none;
    font-size: .8em;
    font-weight: normal;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 30px 0;
}

a:hover.booking-link {	
	background-color: #F29B0A;

}

.title-bar-wrapper {
    background: url("images/hatch-dark.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 2em;
    font-weight: 100;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    line-height: 120%;
}
.title-bar {
    padding: 53px 20px;
}
.title-bar > img {
    margin-top: -7px;
}
@media only screen and (max-width : 1045px) {

.title-bar img {
    display: none;
}
.title-bar-wrapper {
    font-size: 1.8em;
}
.title-bar {
    padding: 30px 20px;
}


}
/*	--------------------------------------------------
	 08  BOOKING FORM
	-------------------------------------------------- */

.reservation-wrapper {
	background-color: rgba(66, 66, 66, .8);
	margin: 5% 5% 3% 3%;
	position: absolute;
    z-index: 30;
    text-align: center;
    right: 0;
    border-radius: 12px 12px 12px 12px;
    width: 295px;
}

.reservation-wrapper h3 {
	font-family: "museo",Arial,Verdana,sans-serif;
	font-size: 1.5em;
	text-transform: uppercase;
	color: #FFFFFF;
	letter-spacing: 1px;
	margin-bottom: 25px;
	background-color: #703030;
	padding: 20px 40px;
	border-radius: 12px 12px 0 0;
	font-weight: 500;
}

#book-form {
	color: #f2f3e7;
	font-family: "museo",Arial,Verdana,sans-serif;
	text-transform: uppercase;
}

#book-form label {
	color: #f2f3e7;
	font-size: 1em;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

#book-form input {
    font-family: "museo", Arial,Verdana,sans-serif;
 	border: medium none;
 	color: #424242;
 	padding:12px 10px;
 	font-size: 11px;
 	border-radius: 9px !important;
 	width: 95%;
 	margin-left: 6px;
 	
}

#book-form option {
	background: #FFF;
	color: #424242;
	font-size: 1em;
    padding: 1px 8px;
}

#book-form select {
 	color: #424242;
 	border: medium none;
 	font-size: .7em;
 	text-transform: none;
 	font-family: "museo";
 	font-weight: 300;
 	border-radius: 9px !important;
 	padding: 10px;
 	width: 92%;
}

#book-form fieldset {
	margin-bottom: 10px;
}

#book-form input[type="submit"] {
	background: none; 
	font-family: "museo",Arial,Verdana,sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: normal;
	margin: 10px 0 10px;
	font-size: 1.2em;
	border: 1px solid #FFFFFF;
	padding: 10px 15px;
	letter-spacing: 1px;
	font-weight: 300;
	width: 80%;
}

#book-form input[type="submit"]:hover {
    background: #FFF !important;
    transition: color 0.5s ease-out 0s;
    color: #703030;

}



.book-form-toggle {
	display: none;
}
.book-form-link {
	display: none;
}
.book-form-toggle a {
	background: none repeat-x scroll right center #FFFFFF;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
    color: #010011;
    display: block;
    font-family: "museo",Arial,Verdana,sans-serif;
    font-size: 1em;
    font-weight: normal;
    height: auto;
    letter-spacing: 2px;
    line-height: 0.6;
    margin: 0 auto;
    padding: 17px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.book-form-link a {
	background: none repeat-x scroll right center #703030;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    display: block;
    font-family: "museo",Arial,Verdana,sans-serif;
    font-size: 1.2em;
    font-weight: 500;
    height: auto;
    letter-spacing: 2px;
    line-height: 0.6;
    margin: 0 auto;
    padding: 17px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

section[role="homepage-book-form"] {
 	position: relative;
    width: 100%;
    border-bottom: 1px solid #959595;
}
section[role="homepage-book-form"] h1 {
	display: inline;
	position: relative;
	top: 7px;
	margin-right: 30px;
	font-size: 1em;
	font-weight: 700;
	line-height: 1;
}
section[role="homepage-book-form"] .book-form-wrapper {
	padding: 20px 0;
	background: #f0f0f0;
	margin: 0 auto;
	position:relative;
	z-index: 50;
}
section[role="homepage-book-form"] #book-form {
	display: table;
	margin: 0 auto;
}
section[role="homepage-book-form"] fieldset {
	display: inline;
	vertical-align: top;
	margin-right: 15px;
}
section[role="homepage-book-form"] fieldset.select {
	margin-top: 10px;
}
section[role="homepage-book-form"] fieldset.action {
	margin-right: 0;
}
section[role="homepage-book-form"] label {
    line-height: 100%;
    margin-right: 8px;
    margin-left: 10px;
	font-family: "museo",Arial,Verdana,sans-serif;
	color: #F2F3E7;
	font-weight: normal;
	font-size: .95em;
	text-transform: uppercase;
}
section[role="homepage-book-form"] input[type="text"] {
	width: 140px;
	padding: 10px;
	border: 1px solid #ccc;
	background: url('images/icon-calendar.png') no-repeat right center #fff;
	color: #F2F3E7;
	font-family: "museo",Arial,Verdana,sans-serif;
	font-size: 1em;
}
section[role="homepage-book-form"] input[type="submit"] {
	background: #A5CC75 !important; 
	font-family: "museo",Arial,Verdana,sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	padding: 5px 15px;	
	color: #895B11;
	font-weight: 300;
	margin-top: 10px;
	font-size: 1.2em;
	border: none;
	padding: 5px 15px;
}
section[role="homepage-book-form"] input[type="submit"]:hover {
}

	/* IE9 SVG, needs conditional override of 'filter' to 'none' Add .gradient class to elements ussing this*/
.gradient {
       filter: none;
    }

section[role="homepage-book-form"] .error {
	padding-top: 5px;
	color: red;
	font-size: 1.2em;
	font-weight: 700;
	text-align: right;
	text-transform: uppercase;
}
@media only screen and (max-width : 650px) {

	section[role="homepage-book-form"] {
		position: relative;
		bottom: auto;
		left: auto;
		width: 100%;
		margin: 0;
	
	}
	section[role="homepage-book-form"] h1 {
		display: block;
		margin-bottom: 24px;
		font-size: 2.4em;
	}
	section[role="homepage-book-form"] .book-form-wrapper {
		height: auto;
		top: 0;
		text-align: center;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
	}
	section[role="homepage-book-form"] #book-form {
		width: 600px;
	}
	section[role="homepage-book-form"] fieldset {
		margin-bottom: 20px;
	}
	section[role="homepage-book-form"] input[type="text"] {
		width: 180px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		*behavior: url('js/boxsizing.htc');
	}
}

	#book-form select {
	font-size: .9em !important;
	color: #919191 !important;
	background-color: #FFF !important;
	}

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

	.book-form-toggle {
		display: block;
	}
	.book-form-link {
		display: block;
	}
	section[role="homepage-book-form"] h1 {
		display: none;
	}
	section[role="homepage-book-form"] .book-form-wrapper {
		display: none;
		text-align: left;
	}
	section[role="homepage-book-form"] #book-form {
		overflow: hidden;
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	section[role="homepage-book-form"] fieldset {
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}
	section[role="homepage-book-form"] fieldset.select {
		float: left;
		width: 25%;
		margin-top: 30px;
		clear: right;
	}
	section[role="homepage-book-form"] label {
		display: block;
		margin-bottom: 10px;
	}
	section[role="homepage-book-form"] input[type="text"] {
		display: block;
		width: 100%;
	}
	section[role="homepage-book-form"] input[type="submit"] {
		width: 100%;
		margin-left: 0;
		clear:both;
		float:none;
	}

	#book-form select {
	margin-left: 10px;
	}
}


@media only screen and (min-width : 650px) {
	.book-form-wrapper {
		display: block !important;
	}
}

.message-wrapper {
  	bottom: 0;
    height: 0;
    position: relative;
    text-align: center;
    top: -40px;
}

.message-wrapper h4 {
	font-size: 1.4em;
	color: #002B5B;
	position: relative;
    z-index: 51;
}


@media only screen and (min-width : 800px) {
	section[role="homepage-book-form"]  {
	display: none;	
	}
}

@media only screen and (max-width : 650px) {
	.message-wrapper {
  	display:none;
   }
	section[role="homepage-book-form"] .book-form-wrapper {
	padding: 20px 0;
	background: #2d2d2d;
	margin: 0 auto;
	position:relative;
	z-index: 50;
	}
	
}
@media only screen and (max-width : 650px) {
	.message-wrapper {
  	display:none;
   }
	section[role="homepage-book-form"] .book-form-wrapper {
	padding: 20px 0;
	background: #2d2d2d;
	margin: 0 auto;
	position:relative;
	z-index: 50;
	}
	
}
@media only screen and (max-width : 800px) {

.reservation-wrapper {
		display:none;
	}
}

@media only screen and (max-width : 1170px) {
	.reservation-wrapper {
	margin: 1.25%;
	}
}

@media only screen and (max-width : 370px) {
	section[role="homepage-book-form"] fieldset.select {
	    width: 23%;
	}
}
/*	--------------------------------------------------
	 09  INTERIOR
	-------------------------------------------------- */
.content-interior {
	margin-left: 0px;
}
	
.ngg-gallery-thumbnail-box {
    float: left;
    margin: 8px;
}


/*	--------------------------------------------------
	 10  GALLERY
	-------------------------------------------------- */

.gallery {
	padding-bottom: 60px;
}
.gallery ul {
	padding: 0.25em;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	*behavior: url('js/boxsizing.htc');
}
.gallery ul li {
	float: left;
	width: 16.666666666%;
	padding: 0.25em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	*behavior: url('js/boxsizing.htc');
}
.gallery ul img {
	display: block;
	max-width: 100%;
}
@media only screen and (min-width : 1024px) {
	.gallery ul li:nth-child(6n+1) {
		clear: left;
	}
	.gallery ul li:nth-child(5n+1) {
		clear: none;
	}
}
@media only screen and (min-width : 800px) and (max-width : 1024px) {
	.gallery ul li {
  	width: 20%; 
	}
	.gallery ul li:nth-child(5n+1) {
		clear: left;
	}
	.gallery ul li:nth-child(4n+1) {
		clear: none;
	}
}

@media only screen and (min-width : 400px) and (max-width : 800px) {
	.gallery ul li {
		width: 33.3333333333333333%; 
	}
	.gallery ul li:nth-child(3n+1) {
		clear: left;
	}
	.gallery ul li:nth-child(odd) {
		clear: none;
	}
}
@media only screen and (max-width : 400px) {
	.gallery ul li {
		width: 50%;
	}
	.gallery ul li:nth-child(odd) {
		clear: left;
	}
}




/*	--------------------------------------------------
	 11  PAGE DEFAULTS
	-------------------------------------------------- */

.row {
	overflow: hidden;
}
.col3 {
	float: left;
	width:32%;
	margin-left:2%;
	padding:0 1.5%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	*behavior: url('js/boxsizing.htc');
}
.row .col3:first-child {
  margin-left:0;
}
.col3 img {
	
}
.entry img,
.entry img[class*="align"],
.entry img[class*="wp-image-"] {
   max-width: 100%;
   height: auto;
}
section[role="content"] {
	background-color: #FFFFFF;
	
}
section[role="secondary-content"] {
	background: #f0f0f0;
}

.button {
	background: none repeat scroll 0 0 transparent;
    border: 1px solid #8A0917;
    color: #703030;
    font-family: "museo",Arial,Verdana,sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: 0;
    padding: 12px 20px !important;
    text-transform: uppercase;
    border-radius: 11px !important;
    line-height: 60px;
    margin-right: 15px;
    margin-bottom: 10px;
    white-space: nowrap;
}
.button:hover {
    background: none repeat scroll 0 0 #703030 !important;
    color: #FFFFFF !important;
}
.button:hover a {
    color: #FFFFFF !important;
}
@media only screen and (max-width : 650px) {
.button {
    padding: 12px 10px !important;

}
}
a.button { 
	padding: 10px 20px;
}
.button a:hover {
color: #FFF;
}
.button:hover {
	background: none repeat scroll 0 0 #703030 !important;
	color: #FFF;
}

#gform_1 .gform_footer .button {
    width: 100%;
    line-height: 18px !important;

}
.gform_footer .button {
    line-height: 18px !important;

}
.entry {
	/* max-width: 960px; */
	margin: 0 auto;
}

@media only screen and (max-width : 650px) {
	.col3 {
		float: none;
		width: 100%;
		margin: 0 0 40px;
		padding: 0;
	}
}




@media only screen and (max-width : 1240px) {
	.sidebar-interior .col {
     /*
float: none;
    height: auto;
    margin: 0 auto;
    width: 100%;
    clear: left;
*/
    }
    .sidebar-interior .entry {
     /* padding:30px 0 0 0; */
    }
    .sidebar-interior .span_7 {
	    /* width:90%; */
    }
   .span_7 {
	   /* width: 100%; */
   }
   .ngg-gallery-thumbnail-box {
    margin:0px;
	}
}

@media only screen and (max-width : 960px) {
	.span_7 {
    padding:5%;
	}
}

@media only screen and (max-width : 450px) {
	.abWhiteBox {
		padding:10px;
		left: 10px !important;
		top:10px !important;
	}
}


/*	--------------------------------------------------
	 12 FORMS
	-------------------------------------------------- */
	

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {
    background: none repeat scroll 0 0 #FFF !important;
    border: 1px solid #656463;
    border-radius: 12px !important;
    box-shadow: none;
    color: #424242;
    display: block;
    font-size: 14px;
    padding: 12px;
    width: 100%;
    font-weight: 300;
	}
	
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text]:focus {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 1px solid #CCCCCC;
}

.gform_wrapper .gfield_checkbox li input[type="checkbox"], .gform_wrapper .gfield_radio li input[type="radio"], .gform_wrapper .gfield_checkbox li input {
    float: left;
    margin-top: 7px !important;
}

.gform_wrapper .top_label .gfield_label {
    clear: both;
    display: inline-block;
    font-weight: bold;
    line-height: 1.3em;
    margin: 30px 0 12px !important;
    font-weight: 500 !important;
}

.gform_wrapper table.gfield_list thead th {
    font-size: 0.85em;
    font-weight: bold;
    text-align: left;
}

body .gform_wrapper .gform_heading .gform_title {
	font-size: 2em !important;
    font-weight: 300 !important;
}

.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title {
    font-size: 1.6em !important;
    font-weight: 300 !important;
}

.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title {
    font-size: 1.6em !important;
    font-weight: 300 !important;
}

.gform_wrapper .gsection {
    border-bottom: 1px dotted #CCCCCC;
    clear: both;
    margin: 30px 0 20px !important;
    padding: 0 0 8px;
}

body .gform_wrapper .gform_body .gform_fields .gfield textarea {
    background: none repeat scroll 0 0 #FCFCFC !important;
    border: 1px solid #DDDDDD;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset;
    color: #525252;
    display: block;
    font-size: 14px;
    padding: 10px;
    width: 100%;
    border-radius: 0 !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus  {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 1px solid #CCCCCC;
}

.left-side {
    float: left;
    width: 45%;
    margin-left: 9px;
}

.right-side {
    float: left;
    width: 45%;
}

.action {
    clear: both;
}
.select.left-side {
    margin-left: 11px;
}
/*	--------------------------------------------------
	 XX SLIDER OVERIDES
	-------------------------------------------------- */

.rsUni .rsTmb {
    display: none !important;
}

.rsUni .rsBullets {
	overflow:visible !important;
	cursor: pointer !important;
    margin-left: 5px;
    padding-top: 15px !important;
}

.rsUni .rsBullet span {
    height: 9px !important;
    width: 9px !important;
}

.rsUni .rsBullet.rsNavSelected span {
    background-color:  #A5CC75 !important;
}

.rsUni .rsBullet {
    display: inline-block;
    height: 9px;
    margin-left: 5px;
    padding: 5px;
    width: 9px;
}

.abWhiteBox a {
	margin-top: 5px;
	font-family: "museo", Arial, Verdana, sans-serif;
	color: #895B11;
    transition: color 0.5s ease-out 0s;
}

.abWhiteBox a:hover {
    color: #a5cc75;
}


/*	--------------------------------------------------
	 XX CALENDAR OVERIDES
	-------------------------------------------------- */	
	
.fe-have-image-1 .fe-image-holder {
    display: inline-block;
    float: right !important;
    margin-bottom: 2%;
    margin-left: 0 !important;
    margin-right: 2%;
    margin-top: 2%;
    text-align: right;
    vertical-align: top;
    width: 50%;
}

.fc-event-list-content .fc-event-list-title {
    font-size: inherit;
}
@media only screen and (max-width : 1605px) {
	.fe-have-image-1 .fe-image-holder {
    margin-top: 10%;
	}
}
@media only screen and (max-width : 1300px) {
	.fe-have-image-1 .fe-image-holder {
    margin-top: 15%;
	}
}
@media only screen and (max-width : 1165px) {
	.fe-have-image-1 .fe-image-holder {
    margin-top: 20%;
	}
}
@media only screen and (max-width : 1065px) {
	.fe-have-image-1 .fe-image-holder {
    margin-top: 25%;
	}
}
@media only screen and (max-width : 1010px) {
	.fe-have-image-1 .fe-image-holder {
    margin-top: 35%;
	}
}
@media only screen and (max-width : 900px) {
	.fe-have-image-1 .fe-image-holder {
    margin-top: 40%;
	}
}
@media only screen and (max-width : 768px) {
	.fe-have-image-1 .fe-image-holder {
    margin-top: 5%;
	}
}
@media only screen and (max-width : 480px) {
	.fc-button {
	height: 100% !important;
	}
	.fullCalendar .fc-header-left .fc-button-rhc_search {
    padding: 7px 0;
	}
	.fc-button.fc-button-prevYear, .fc-button.fc-button-prev, .fc-button.fc-button-next, .fc-button.fc-button-nextYear {
    border-radius: 0 0 0 0;
    margin-bottom: -1px;
    padding: 10px 0;
    width: 25.1%;
	}
}

/*	--------------------------------------------------
	 XX TABLE OVERIDES
	-------------------------------------------------- */	
	
.footable > tbody > tr:hover {
	background: none repeat scroll 0 0 #FFF !important;
}

.footable.breakpoint > tbody > tr.footable-row-detail {
    background: none repeat scroll 0 0 #FFF !important;
}

.footable > tbody > tr > td {
	text-align: center !important;
}


.home-center {
	margin: 0 auto;
	text-align: center;
	padding: 40px 0;
}

@media only screen and (max-width: 940px) {
	.home-center {
		width: 80%;
	}
}
@media only screen and (max-width: 400px) {
	.home-center {
		width: 90%;
	}
}


.home-cta-wrapper {
	display: block;
	margin: 35px auto 0;
	width: 100%;
	padding-bottom: 100px;
	padding-left: 17px
}
.home-links {
    float: left;
    margin-right: 16px;
    width: 31%;
    -webkit-border-radius: 12px 12px 12px 12px;
	border-radius: 12px 12px 12px 12px;
	overflow: hidden;

}
.home-links-image {
	width: 100%;
	height: auto;
}

.home-links-title {
    background: none repeat scroll 0 0 #703030;
    color: #FFFFFF;
    font-size: 1.8em;
    font-weight: 300;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
}
@media only screen and (max-width: 935px) {
.home-links-title {
	font-size: 1.5em;
}
}
@media only screen and (max-width: 802px) {
.home-links-title {
	padding: 20px 40px;
}
}
@media only screen and (max-width: 715px) {
.home-links-title {
	padding: 20px;
}
}


@media only screen and (max-width: 717px) {
.home-links {
    margin-right: 15px;
}
}
@media only screen and (max-width: 675px) {
.home-links {
    margin-right: 13px;
}
}
@media only screen and (max-width: 600px) {
.home-links {
	float: none;
	width: 100%;
	-webkit-border-radius: 0px;
	border-radius: 0px;

}
.home-cta-wrapper {
	display: block;
	margin: 0 auto;
	width: 100%;
	padding-bottom: 0;
	padding-left: 0;
}
.home-links-title {
	padding: 20px 10px;
}
}
.ui-datepicker table {
    font-family: "museo" !important;
}

.ui-datepicker .ui-datepicker-title select {
    font-family: "museo";

}
.ui-datepicker {
	padding:0 !important;
}


.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	height: 1em !important;
	top: 8px !important;
	
}
.ui-datepicker-calendar .ui-state-active {
	margin: 0 !important;
}
.museo_bold {
font-family: "museo";
}


.footer-newsletter {
	background: none repeat scroll 0 0 #2a2a2a;
	padding: 20px;
}
.newsletter-form-field{

}
.widget.gform_widget{
	margin: 0 auto;
	width: 100%;
	color: #000 !important;
	height: 45px;
}

#gform_widget-2 > h2 {
	display: none;
}

#gform_widget-2 .gform_wrapper .gform_body .gform_fields .gfield input[type="text"] {
	width: 90%;
}
.gform_wrapper .gform_footer {
    clear: none !important;
    float: left !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 30%;
}
#gform_1 .gform_body {
    float: left;
    width: 70%;
}
@media only screen and (max-width : 800px) {

.widget.gform_widget{
	width: 100%;
}
/*
.footer-newsletter h2 {
	float:none;
	text-align: center;
	width: 100%;
}

.footer-newsletter .gform_body{
	float: none;
	margin: 0 auto;
	width: 75%
}
.footer-newsletter .gform_wrapper form{
	float: none;
	margin: 0 auto;
	width: 100%;
}
.footer-newsletter .gform_wrapper .gform_footer{
	float: none !important;
	margin: 10px auto !important;
	padding: 0 !important;
}

li#field_8_1 .ginput_container .medium {
	text-align: center;
	}
	
.footer-newsletter {
	height: 205px;
}	
.gform_wrapper form {
	text-align: center !important;
}
*/
/*
#gform_8 .gform_footer {
	float: none !important;
	display: block;
	margin: 0 auto;
	clear: both;
	height: auto;
}
*/

}	

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

.footer-newsletter .gform_body{
	float: none;
	margin: 0 auto;
	width: 90%
}
}

.cottage-red-links {
	margin: 25px 0 0;
}

.cottage-red-links a {
    color: #B30838 !important;
    font-family: "museo";
    margin: 25px 0 !important;
    padding-right: 25px;
    text-transform: none !important;
}
@media only screen and (max-width : 875px) {
	.cottage-red-links a {
	padding-right: 15px;
}
}
.ngg-gallery-thumbnail-box {
	margin: 0 !important;
	
}
.ngg-gallery-thumbnail img {
	border: none !important;
	margin: 0px 4px 4px 0 !important;
	padding: 0 !important;
	height: 235px;
	width: 235px;
}

.ngg-gallery-thumbnail p {
	margin: 0px 4px 4px 0 !important;
	padding: 0 !important;
	width: 235px;
	line-height: 120%;
}
.ngg-gallery-thumbnail-box:nth-child(5), .ngg-gallery-thumbnail-box:nth-child(9), .ngg-gallery-thumbnail-box:nth-child(13) {
    clear: both;
}
@media only screen and (max-width : 1020px) {
.ngg-gallery-thumbnail-box:nth-child(5), .ngg-gallery-thumbnail-box:nth-child(9), .ngg-gallery-thumbnail-box:nth-child(13) {
    clear: none;
}
.ngg-gallery-thumbnail-box:nth-child(4), .ngg-gallery-thumbnail-box:nth-child(7), .ngg-gallery-thumbnail-box:nth-child(10), .ngg-gallery-thumbnail-box:nth-child(13), .ngg-gallery-thumbnail-box:nth-child(16), .ngg-gallery-thumbnail-box:nth-child(19) {
    clear: both;
}
}
@media only screen and (max-width : 780px) {
.ngg-gallery-thumbnail-box:nth-child(4), .ngg-gallery-thumbnail-box:nth-child(7), .ngg-gallery-thumbnail-box:nth-child(10), .ngg-gallery-thumbnail-box:nth-child(13), .ngg-gallery-thumbnail-box:nth-child(16), .ngg-gallery-thumbnail-box:nth-child(19) {
    clear: none;
}
.ngg-gallery-thumbnail-box:nth-child(odd) {
	clear: both;
}
}
.rates-left {
    display: block;
    float: left;
    width: 100px;
}
.packages-type{
	border-bottom: 1px solid #3F3E49;
    margin-top: 40px;
    padding-bottom: 40px;
}

.sidebar-graphic-element {
    display: block;
    margin: 0 auto;
    max-height: 200px;
    max-width: 200px;
    margin-top: 50px;
}

.terms_conditions {
    clear: both;
    font-size: 0.9em;
    font-style: italic;
}

.entry-title a {
	color: #010011;
}



/* NEWS & MEDIA STYLING */

#archives-2 li, 
li.cat-item {
    font-family: "museo";
    list-style: none outside none;
    margin-left: 0;
    padding-left: 0;
}

#archives-2 > ul, 
#categories-2 > ul {
    list-style: none outside none;
    margin-top: 0;
}

.widget.widget_archive {
	padding-top: 20px;
}
.news-image {
    float: left;
    height: 150px;
    margin-right: 20px;
    overflow: hidden;
    width: 150px;
}
.news-image img {
    height: 100%;
    width: 100%;
}
.pubdate {
    font-family: "museo";
}
.news-items {
    border-bottom: 1px solid #3F3E49;
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.news-text {
	float: left;
	width: 70%;
}
.news-text h2 a {
	color: #000;
}
@media only screen and (max-width : 965px) {
.news-text {
	width: 65%;
}
}
@media only screen and (max-width : 830px) {
.news-text {
	width: 60%;
}
}
.pagination {
	clear:both;
	padding:20px 0;
	position:relative;
	font-size:11px;
	line-height:13px;
}

.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 8px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#010011;
	height: 35px;
	width: 35px;
	line-height: 25px;
	text-align: center;
	border-radius: 100px 100px 100px 100px;
	background-color: none repeat scroll 0 0 #FCFCFC;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);

}

.pagination a:hover{
	background: none repeat scroll 0 0 #e1e1e1;
    color: #000000;
}

.pagination .current{
	padding:6px 9px 5px 9px;
	background: #e1e1e1;
	color:#000000;
}

@media only screen and (max-width : 765px) {
	.news-image {
		float: none;
		margin: 0 auto;
	}
	.news-text {
		float:none;
		width: 100%;
		margin: 0 auto;
	}	
	.news-items {
		text-align: center;
	}
	
	.widget.widget_categories {
		text-align: center;
		border-top: 1px solid #3F3E49;
		padding-top: 20px;
	}
	.widget.widget_archive {
		text-align: center;
		padding-bottom: 20px;
	}
	.pagination {
		width: 90px;
		margin: 10px auto;
		
	}
}



/* SIDEBAR MENUS */

#cottages-menu {
    border-top: 1px solid #3F3E49;
}

.cottages-menu-wrapper {
	background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
    display: block;
    float: none;
    margin: 0 auto;
    width: 100%;
}
.cottages-menu-wrapper h2 {
	font-size: 1em;
	padding-left: 20px;
}
.cottages-menu {
	background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
}
.cottages-menu li {
	float: none;
    list-style: none outside none;
    margin-left: 0;
    padding-left: 0;
    position: relative;
}
.cottages-menu a {
	color: #000000;
    display: block;
    font-family: "museo";
    font-size: 1em;
    font-weight: 200;
    line-height: 1.2;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 20px;
    text-decoration: none;
}

#cottages-menu a:hover {
	color: #000;
	background-color: #fff9f1;
}
#cottages-menu a:active {
	color: #000;
	background-color: #fff9f1;
}

.cottages-menu-toggle {
	display: none;
}

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

.cottages-menu-toggle {
	background: #FFF9F1;
    color: #000000 !important;
    display: block;
    font-family: "museo", Arial, Verdana , sans-serif;
    font-size: 1em;
    margin: 0 auto;
    padding: 20px 0;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    width: 100%
}
	
.cottages-menu-toggle a:hover {
	color: #b30838 !important;
}

.cottages-menu-wrapper {
	display: none;
	width: 100%;
}
.cottages-menu-wrapper > h2 {
	display: none;
}
#cottages-menu {
	border-top: none;
	text-align: center;
}
}


#packages-menu {
    border-top: 1px solid #3F3E49;
}

.packages-menu-wrapper {
	background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
    display: block;
    float: none;
    margin: 0 auto;
    width: 100%;
}
.packages-menu-wrapper h2 {
	font-size: 1em;
	padding-left: 20px;
}
.packages-menu {
	background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
}
.packages-menu li {
	float: none;
    list-style: none outside none;
    position: relative;
    margin-left: 0;
    padding-left: 0;
}
.packages-menu a {
	color: #000000;
    display: block;
    font-family: "museo";
    font-size: 1em;
    font-weight: 200;
    line-height: 1.2;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 20px;
    text-decoration: none;
	
}

#packages-menu a:hover {
	color: #000;
	background-color: #fff9f1;
}
#packages-menu a:active {
	color: #000;
	background-color: #fff9f1;
}

.packages-menu-toggle {
	display: none;
}

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

.packages-menu-toggle {
	background: #FFF9F1;
    color: #000000 !important;
    display: block;
    font-family: "museo", Arial, Verdana , sans-serif;
    font-size: 1em;
    margin: 0 auto;
    padding: 20px 0;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    width: 100%
}
	
.packages-menu-toggle a:hover {
	color: #b30838 !important;
}

.packages-menu-wrapper {
	display: none;
	width: 100%;
}
.packages-menu-wrapper > h2 {
	display: none;
}
#packages-menu {
	border-top: none;
	text-align: center;
}
}



/* COTTAGE SIDEBAR LINKS */
.cottage-sidebar-links {
    background: none repeat scroll 0 0 #FFF9F1;
    margin-top: 20px;
    padding: 20px 0 20px 20px;
    width: 100%;
}
.cottage-sidebar-links-title {
    color: #000000;
    font-family: "museo";
    letter-spacing: 2px;
    text-transform: uppercase;
}
.cottages-links-left {
    float: left;
    width: 85%;
    /* padding-right: 5px; */
}
.cottages-links-left {
	font-family: "museo";
}
.grey-arrow-cottages {
	max-height: 80px;
	padding-right: 3px;
	float: left;
}


@media screen and (max-width: 987px) {
.cottages-links-left {
    width: 80%;
    }
}
@media screen and (max-width: 765px) {

.cottage-sidebar-links {
	margin: 20px auto 0;
	}
.cottages-links-left {
    width: 90%;
    }

}


@media screen and (max-width: 400px) {
.cottages-links-left {
    width: 85%;
    }
}

@media screen and (max-width: 280px) {
.cottages-links-left {
    width: 80%;
    }
}



/* FORM STYLING */

.gform_fields.top_label.description_below li {
	margin-bottom: 15px;
}
.datepicker.medium.mdy.datepicker_no_icon.hasDatepicker {
	width: 100% !important;
}


/* SPEED RFP STYLING */
.speedrfp_button_custom_0 {
    background: none repeat scroll 0 0 #FFFFFF;
}

.speedrfp_button_custom_0:hover {
    background: none repeat scroll 0 0 #F29b0a;
}


#speedrfp_button {
	padding: 11px 15px;
}
/* DATEPICKER */

.ui-datepicker-year {
    color: #010011;
    padding-top: 10px;
    text-shadow: none;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    height: auto;
    width: auto;
}



.gform_wrapper div.validation_error,
.gform_wrapper .validation_message {
    color: #B30838 !important;
    font-family: "museo" !important;
    font-size: 12px !important;
    font-weight: normal !important;
    letter-spacing: normal !important;
    padding: 0 !important;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background: none !important;
	border: none !important;
}
.gfield.gfield_error.gfield_contains_required {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
	margin-top: 0 !important;
}

.yellow-btn {
	background: none repeat scroll 0 0 #FFFFFF !important;
    border: medium none;
    color: #FFFFFF;
    font-family: "museo",Arial,Verdana,sans-serif;
    font-size: 0.8em !important;
    font-weight: normal;
    margin-top: 0;
    padding: 11px 15px;
    text-transform: uppercase;
    letter-spacing: 3px;
    max-width: 300px;
    width: auto;
    text-align: center;
}

p.yellow-btn a:link {
	color: #FFFFFF !important;	
	font-family: "museo" !important;
	padding: 15px;
}
p.yellow-btn:hover {
	background: none repeat scroll 0 0 #f29b0a !important;
}
.yellow-btn > a {
	color: #FFF !important;
}

/* NEXTGEN GALLERY STYLES */

#lightbox-container-image > img {
	height: auto !important;
}

#lightbox-container-image-box {
	height: auto !important;
}



/* PHOTO GALLERY STYLES */

.gallery-wrapper {
	margin-top: 1.1em;
	margin-bottom: 2em;
	width: 960px;
	
}
@media screen and (max-width: 1020px) {
.gallery-wrapper {
	width: 720px;
}
}
@media screen and (max-width: 780px) {
.gallery-wrapper {
	width: 480px;
}
}
@media screen and (max-width: 520px) {
.gallery-wrapper {
	width: 300px;
	
}
.ngg-gallery-thumbnail img {
	width: 145px;
	height: 145px;
}
}

.cottages-gallery-wrapper {
	margin-top: 1.1em;
	margin-bottom: 2em;
	width: 725px;
	
}
@media screen and (max-width: 1085px) {
.cottages-gallery-wrapper {
	width: 480px;
}
}
/*
@media screen and (max-width: 780px) {
.cottages-gallery-wrapper {
	width: 480px;
}
}
*/
@media screen and (max-width: 520px) {
.cottages-gallery-wrapper {
	width: 300px;
	
}
.ngg-gallery-thumbnail img {
	width: 145px;
	height: 145px;
}
}



b {
    font-family: "museo";
    font-weight: normal;
}

strong {
    font-family: "museo";
    font-weight: normal;
}

.cottages-text > p {
    line-height: 140%;
    margin-top: 0.5em;
}

#html5-text {
    font-family: "museo" !important;
    font-size: 18px !important;
    padding: 7px 10px !important;
   }
   
   
.alignright {
	   float: right;
}
   
.gallery-video {
    margin-bottom: 2em;
}
@media screen and (max-width: 520px) {
.cottage-map-pdf {
	display: none;
}
}


.gform_wrapper div.validation_error {
	display: none;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
	margin-bottom: none !important;
	margin-top: none !important;
	padding-left: none !important;
	
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	padding: none !important;
}


/* 404 ERROR PAGE STYLING */
.error-404 {
    font-family: "museo";
    font-size: 6em;
    line-height: 100%;
}
.error-404-headline {
    font-family: "museo";
    font-size: 1.4em;
    padding-top: 0;
}
.error-404-copy {
    font-family: "museo";
    font-size: 1.1em;
    padding-top: 20px;
}



.gform_confirmation_message {
    padding-top: 6px;
    text-align: left;
}


select::-ms-expand {
display: none;
}

select {
	/* border: 0 !important; */  /*Removes border*/
    -webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none;  /*Removes default style Firefox*/
     border: 1px solid #656463 !important;
    border-radius: 12px 12px 12px 12px;
    color: #424242;
    font-size: 14px !important;
    font-weight: 300 !important;
    padding: 11px 10px 9px !important;
    text-indent: 0.01px;
    text-overflow: "";
}

/* RESTAURANT PAGES  */

.main-image {
    border-radius: 12px 12px 12px 12px;
    float: left;
    height: 667px;
    width: 537px;
}

.main-image.restaurant-overview {
    margin: 0 11px 3%;
    width: 47%;
}
.main-image > img {
    display: block;
    margin: 290px auto;
}

.restaurant-main-copy {
    background-color: #DBDBCF;
    float: left;
    padding: 20px;
    width: 261px;
    margin-left: 20px;
    border-radius: 12px;
    height: 667px;
    color: #31471e;
}
@media screen and (max-width: 1065px) {
.restaurant-main-copy {
    overflow-y: scroll;
}
}
@media screen and (max-width: 800px) {
.restaurant-main-copy {
    overflow-y: visible;
}
}
.liberty-page .restaurant-main-copy {
    width: 557px;
    height: 462px;
	margin-bottom: 20px; 
	color: #893631;   
	background-color: #e1e1e1;
}
.restaurant-menus {
    float: left;
    width: 276px;
    margin-left: 20px;
}

.left-callout {
    background: url("images/afternoon-tea.jpg") no-repeat scroll 0 0 transparent;
    border-radius: 12px 12px 12px 12px;
    clear: both;
    color: #FFFFFF;
    float: left;
    height: 178px;
    padding: 20px 20% 20px 20px;
    width: 534px;
    margin-bottom: 3%;
}
@media screen and (max-width: 1125px) {
.left-callout {
    padding-right: 15%;
}
}
.liberty-page .left-callout {
    background: #e1e1e1;
    width: 98%;
    color: #893631;
    padding: 20px 20px 10px;
    height: auto;
}
.liberty-page .left-callout a {
    color: #893631;
    font-weight: 400;
}
.right-callout {
    float: left;
    border-radius: 12px;
    background-color: #DBDBCF;
    color: #31471e; 
    padding: 20px; 
    height: 178px;  
    width: 562px;
    margin-left: 20px;
    margin-bottom: 3%;
}
.breakfast .restaurant-menu-links {
    height: 205px;
}

.lunch .restaurant-menu-links {
    height: 149px;
}

.dinner .restaurant-menu-links {
    height: 260px;
}

.restaurant-menu-links {
	border-radius: 12px 12px 12px 12px;
    color: #FFFFFF;
    font-size: 1.75em;
    margin-bottom: 26px;
    text-align: center;
    text-transform: uppercase;
}

.breakfast div.restaurant-menu-title {
    padding-top: 91px;
}
.lunch div.restaurant-menu-title {
    padding-top: 67px;
    color: #31471e;
}
.dinner div.restaurant-menu-title {
    padding-top: 117px;
}

.restaurant-width {
    margin: 0 auto;
    max-width: 1229px;
    display: block;
    float: none;
    width: 100%;
}

.reservation-widget {
 	background: url(images/hatch-tan.png) #31471e;
    border-radius: 12px;
    clear: both;
    float: left;
    height: 70px;
    margin-bottom: 25px;
    width: 819px;
}


.reservation-phone {
 	background: url(images/hatch-tan.png) #31471e;
    border-radius: 12px 12px 12px 12px;
    float: left;
    height: 70px;
    margin-left: 19px;
    width: 277px;
    text-transform: uppercase;
    color: #FFF;
    font-size: 1.75em;
    text-align: center;
    line-height: 120%;
    padding-top: 7px;

}
.liberty-page .reservation-widget, .liberty-page .reservation-phone {
	 	background: url("images/hatch-tan.png") repeat scroll 0 0 #893631;
}
.liberty-page .restaurant-menus {
	    width: 557px;
	}

.liberty-menu .restaurant-menu-links {
 	height: 185px;
}
.liberty-menu div.restaurant-menu-title {
    padding-top: 76px;
}
.reservation-widget.liberty-reservation {
	font-size: 1.75em;
	text-align: center;
    line-height: 120%;
    padding-top: 5px;
    text-transform: uppercase;
    color: #FFF !important;
    padding-left: 15px;
}
.reservation-widget.liberty-reservation a {
    color: #FFF !important;
    display: block;
    margin-top: 17px;
}
@media screen and (max-width: 800px) {
.reservation-widget.liberty-reservation a {
    margin-top: 0;
}
}
@media screen and (max-width: 1496px) {
	.right-callout {
		width: 559px;
	}
	.reservation-phone {
		width: 275px;
	}
	/*
.liberty-page .restaurant-menus {
	    width: 50%;
	}
*/
	.restaurant-menus {
		width: 275px;
	}
}

@media screen and (max-width: 1200px) {
	.restaurant-width {
		width: 100%;
	}

	.main-image {
		width: 46%;
		padding: 20px;
	
	}
	.main-image.restaurant-overview {
	    margin: 0 8px 3%;
	    width: 47%;
    }
	.restaurant-main-copy {
		width: 25%;
	}
	.restaurant-menus {
		width: 23%;
	}
	.left-callout {
		width: 46%;
	}
	.right-callout {
		width: 50%;
	}	
	.reservation-widget {
		width: 73%;
	}
	.reservation-phone {
		width: 23%;
	}
	.liberty-page .restaurant-main-copy {
	    width: 50%;
	}
	.liberty-page .restaurant-menus {
 	width: 50%;
 	}
}

@media screen and (max-width: 800px) {
	.restaurant-width {
		padding: 0;
		width: 100%;
	}
	.restaurant-width {
		width: 100%;
	}

	.main-image {
		width: 100%;
		border-radius: 0;	
		background-size: 100% auto !important;
		height: 237px;
		
	}
	.main-image.restaurant-overview {
	    margin: 0 0 3%;
	    width: 100%;
	}
	.main-image > img {
	 	margin: 59px auto;
	}
	.restaurant-main-copy {
		width: 100%;
		margin-left: 0;
		border-radius: 0;
		height: auto;
	}
	.restaurant-menus {
		width: 100%;
		margin-left: 0;
		margin-bottom: 0;
	}
	.restaurant-menu-links {
		margin-bottom: 0;
		border-radius: 0;
		background-size: 100% !important;
		background-position: center center !important;
	
	}
	.left-callout {
		width: 100%;
		border-radius: 0;
		background-size: 100% auto !important;
		height: auto;
		min-height: 150%;
		padding: 20px 40% 20px 20px;
		background-position: left;
		margin-bottom: 0;
	}
	.right-callout {
		width: 100%;
		border-radius: 0;
		margin-left:0;
		height: auto;
		margin-bottom: 0;

	}	
	.dinner .restaurant-menu-links, .lunch .restaurant-menu-links, .breakfast .restaurant-menu-links {
		height: 150px;
	}
	
	.breakfast div.restaurant-menu-title, .lunch div.restaurant-menu-title, .dinner div.restaurant-menu-title {
		padding-top: 70px;
	}
	.liberty-page .restaurant-main-copy {
	    width: 100%;
	    height: auto;
	}
	.liberty-menu .restaurant-menu-links {
	 	width: 100%;
	}
	.reservation-widget {
    border-radius: 0 0 0 0;
    width: 100%; 
    margin-bottom: 1px;
	}
	.reservation-phone {
	    border-radius: 0 0 0 0;
	    margin: 0;
	    width: 100%;
	}
	.liberty-page .restaurant-menus {
 	width: 100%;
 	}
 	.liberty-page .restaurant-main-copy {
	 	margin-bottom: 0;
 	}
 	.liberty-page .left-callout {
    width: 100%;
    }
    .reservation-widget.liberty-reservation {
	height: auto;
	padding: 20px;
	}
}
@media screen and (max-width: 450px) {
	.liberty-page .restaurant-menu-links {
		background-size: auto 100% !important;
	
	}
	}

@media screen and (max-width: 428px) {
	.left-callout {
		background-size: auto 100% !important;
	}

}
@media screen and (max-width: 315px) {
.left-callout {
		padding: 20px;
	}
}
.specials-content {
    border-top: 1px solid #703030;
    padding: 30px 0 20px;
}

.specials-wrapper {
    margin-top: 30px;
}


.room-type-wrapper {
    border-top: 1px solid #703030;
    padding: 40px 0;
}

.rooms-wrapper {
    margin-top: 30px;
}
.rooms-images {
    float: left;
    width: 45%;
}
.rooms-content {
    float: left;
    margin-left: 30px;
    width: 50%;
}
@media screen and (max-width: 655px) {
.rooms-content {
    width: 100%;
    float: none;
    margin-top: 30px;
    margin-left: 0;
}
.rooms-images {
	width: 100%;
	float: none;
}
}
.rooms-images img {
    width: 100%;
}

.dropdown 
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
@media screen and (max-width: 500px) {

.gf_left_half, .gf_right_half {
	width: 100% !important;
}
}




.powered-by-open-table {
	display: none !important;
}
.otw-widget-form-wrap input[type="text"] { 
	float: left !important;
    font-family: "museo" !important;
    font-size: 12px !important;
    padding: 7px 5px;
    width: 15% !important;
}
.open-table-widget .bootstrap-select:not([class*="span"]) {
    float: left !important;
    width: 15% !important;
    margin-left: 15px !important;
}
.otw-submit {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    display: block;
    float: left !important;
    font-family: "museo";
    font-size: 12px;
    margin-left: 15px !important;
    padding: 6px 10px !important;
    text-transform: uppercase;
    width: 15%;
}
.open-table-widget .dropdown-menu > li > a {
	color: #333 !important;
	text-align: left !important;
}

.open-table-widget .btn, input.otw-submit-btn, .otw-input-wrap .btn {
    background-color: #FFF !important;
    background-image: none !important;
    font-family: "museo" !important;
}


.open-table-widget .dropdown-menu li > a:hover, .open-table-widget .dropdown-menu .active > a, .open-table-widget .dropdown-menu .active > a:hover, .open-table-widget .dropdown-menu .selected > a {
    background-color: #31471E !important;
    color: #FFFFFF !important;
    text-decoration: none;
}

.reservation-title {
    float: left;
    margin-top: 18px;
    margin-right: 15px;
}
@media screen and (max-width: 1170px) {
.reservation-title {
	font-size: 20px;
}
}
@media screen and (max-width: 1040px) {
.reservation-title {
	font-size: 17px;
}
}
.open-table-widget .bootstrap-select.btn-group .dropdown-menu li {
    margin: 0 !important;
    padding-left: 0 !important;
    position: relative;
}

a.reservation-link-mobile {
	display: none !important;
}
@media screen and (max-width: 985px) {
a.reservation-link-mobile {
	display: block !important;
}
.otw-bare-bones-style.widget.open-table-widget {
    display: none !important;
}
.reservation-title {
	display: none;
}
}

.reservation-widget.liberty-reservation-full {
	width: 99%;
	padding-top:20px;
}
@media screen and (max-width: 800px) {
.reservation-widget.liberty-reservation-full {
	width: 100% ;
}
}

select::-ms-expand {
display: none;
}

.pdf-link {
    text-transform: uppercase;
}
.pdf-link a {
    color: #703030 !important;
	
}
.pdf-link span:after {
    color: #703030;
    content: "»";
    font-size: 15px;
    padding-left: 5px;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

.alignleft {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
}

.alignright {
    float: right;
    margin-bottom: 20px;
    margin-left: 20px;
}

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

.alignleft {
    float: none;
    margin-bottom: 20px;
    margin-right: 0;
}

.alignright {
    float: none;
    margin-bottom: 20px;
    margin-left: 0;
}

}


.page-template-page-merchants-php .restaurant-callouts .left-callout .pdf-link > a {
    color: #FFFFFF !important;
}
.page-template-page-merchants-php .restaurant-callouts .left-callout .pdf-link span:after {
    color: #FFFFFF !important;
}


.page-id-589 .entry > form {
    margin-top: -25px;
}

.page-id-589 .entry select {
    background-image: url("images/arrow-down.png");
    background-repeat: no-repeat;
    background-position: 262px center;
    width: 300px;
}

#colorbox, #cboxOverlay, #cboxWrapper {
	overflow: visible !important;
}



/*	--------------------------------------------------
	 WORDPRESS POP UP STYLING
	-------------------------------------------------- */

.wdpu-title {
    color: black !important;
    font-family: "museo",Helvetica,Arial,Verdana,sans-serif !important;
    font-size: 1.7em !important;
    font-weight: normal !important;
    margin-bottom: 5px !important;
}

.wdpu-cta {
	background: none repeat scroll 0 0 #703030 !important;
    font-family: "museo",Helvetica,Arial,Verdana,sans-serif !important;
    color: #ffffff !important;
}

.wdpu-head {
    border-bottom: 0 none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
@media only screen and (max-width : 770px) {
.wdpu-text {
    text-align: center;
    padding-bottom: 35px !important;
}
.wdpu-buttons {
position: relative !important;
margin: 0 auto !important;
}
.wdpu-cta {
margin: 0 !important;
}
}

.wdpu-image {
    display: block !important;
    max-height: 250px !important;
    position: relative !important;
    width: 100% !important;
}

.wdpu-image img {
width: 100% !important;
}

.wdpu-text {
    text-align: center !important;
    padding-bottom: 35px !important;
}
.wdpu-buttons {
position: relative !important;
margin: 0 auto !important;
}
.wdpu-cta {
margin: 0 !important;
}

.wdpu-text {
    margin: 0 !important;
    width: 100% !important;
}

.secondary-logos-wrapper > a {
    float: left;
}
.secondary-logos-wrapper {
    margin: 0 auto;
    width: 522px;
}
.secondary-footer {
    background-color: #ffffff;
    border-top: 1px solid #d1d1d1;
    padding: 30px 0 20px;
}
.historic-logo, .hawthorne-logo, .publick-house-logo {
	width: 150px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
}
.historic-logo {
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #d1d1d1;
}
.historic-logo > img {
    margin-top: 12px;
}
.hawthorne-logo {
	width: 100px;
}
.publick-house-logo {
	margin-top: 5px;
}

.historic-logo img, .hawthorne-logo img, .publick-house-logo img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
}

footer[role="site-footer"] .secondary-footer h2 {
    float: left;
    font-family: "museo",Arial,Verdana,sans-serif;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 3px;
    text-align: center;
    text-transform: none;
    width: 100px;
    margin-top:19px;
}

@media only screen and (max-width : 570px) {
	.secondary-logos-wrapper {
		width: 355px;
	}
	footer[role="site-footer"] .secondary-footer h2 {
		clear: both;
	}
	.historic-logo {
	    border-right: none;
	    padding-right: 0;
	    margin: 0 0 30px 107px;
	}
}
@media only screen and (max-width : 390px) {
	.secondary-logos-wrapper {
		width: 267px;
	}
	.hawthorne-logo {
		clear: both;
	}
	.historic-logo {
	    margin: 0 0 30px 62px;
	}
	footer[role="site-footer"] .secondary-footer h2 {
		margin-bottom: 13px;
		width: 100%;
	}
}