/*
 Theme Name: The Brenton Hotel
 Theme URI: https://redpointspeaks.com
 Description: The custom theme for The Brenton Hotel
 Author: redpoint
 Author URI: https://redpointspeaks.com
 Template: twentyeleven
 Version: 1.0.0
 License:	  GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: the-brenton-hotel
*/

/* colors
dark blue (font color, button bg): 041e2f
medium blue block title: 5a657b
foot bg gray: e9e8e8
border: 5a667b
block bg: f2f2f2
more details: 59647a
apply here: 5a657b
general link: 5a657b
main text: 333

*/

/* CUSTOM FONTS */
@font-face {
	font-family: 'league';
	src: url('css/fonts/leaguegothic-regular.eot');
	src: url('css/fonts/leaguegothic-regular.eot?#iefix') format('embedded-opentype'),
		 url('css/fonts/leaguegothic-regular.woff2') format('woff2'),
		 url('css/fonts/leaguegothic-regular.woff') format('woff'),
		 url('css/fonts/leaguegothic-regular.ttf') format('truetype'),
		 url('css/fonts/leaguegothic-regular.svg#league_gothicregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open-sans';
	src: url('css/fonts/opensans-regular.eot');
	src: url('css/fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
		 url('css/fonts/opensans-regular.woff2') format('woff2'),
		 url('css/fonts/opensans-regular.woff') format('woff'),
		 url('css/fonts/opensans-regular.ttf') format('truetype'),
		 url('css/fonts/opensans-regular.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open-sans-bold';
	src: url('css/fonts/opensans-semibold.eot');
	src: url('css/fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'),
		 url('css/fonts/opensans-semibold.woff2') format('woff2'),
		 url('css/fonts/opensans-semibold.woff') format('woff'),
		 url('css/fonts/opensans-semibold.ttf') format('truetype'),
		 url('css/fonts/opensans-semibold.svg#open_sanssemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* RESETS */
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
html {
	line-height: 1;
	box-sizing: border-box;
}
*, div, p, a {
	box-sizing: inherit;
	font-family: 'open-sans', Arial, sans-serif;
}
body {
	line-height: 1.5;
	background-color: #e9e8e8;
	padding: 0;
}
#page {
	margin: 0 auto;
	max-width: 2000px;
	min-height: 100%;
	position: relative;
	background: none;
}
p {
	margin-bottom: 20px;
}
ul {
	list-style: none;
	margin: 0;
}
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=date],
input[type=tel],
input[type=number],
textarea {
	padding: 5px;
	min-width: 100px;
	border: 1px solid #041e2f !important;
	color: #041e2f;
	text-align: center;
	font-family: 'open-sans', Arial, sans-serif;
	font-size: 80%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #fff;
}
input::placeholder {
	text-align: left;
	color: #333;
}


#rfp h2 {
	font-size: 55px;
	line-height: 60px;
	padding-bottom: 10px;
	text-align: center;
}
.wpcf7-form h3 {
	text-transform: uppercase;
	font-family: 'open-sans-bold', Arial, sans-serif;
	padding: 10px 0;
	font-size: 17px;
}

/* CORE */
.clear {
	clear: both;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60); /* < IE8 */
}
input[type="submit"],
.button {
	padding: 5px 40px;
	display: inline-block;
	text-align: center;
	background-color: #041e2f;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 145%;
	line-height: 1.3;
	font-family: 'league', Arial, sans-serif;
	border: 0;
}
.button:hover {
	cursor: pointer;
	background-color: #5a657b;
	text-decoration: none;
}
.button-wrapper {
	text-align: center;
	display: block;
}
.show-for-mobile {
	display: none !important;
}
.cell-wrapper {
	width: 93%;
	margin: 0 auto;
}
.fixthis-no-show {
	display: none;
}

/* HEADER */
#site-header {
	display: block;
	position: fixed;
	z-index: 300;
	width: 100%;
}

/* top row */
.nav-top-row {
	background-color: #fff;
	padding: 0 100px;
	border-bottom: 1px solid #041e2f;
}
.nav-top-row ul {
	display: inline-block;
}
.nav-top-row li {
	display: inline-block;
	margin: 0 40px 0 0;
}
.nav-top-row li,
.nav-top-row li a {
	font-size: 85%;
	line-height: 40px;
	text-transform: uppercase;
	color: #041e2f;
}
.nav-top-row li a:hover {
	color: #5a657b;
}
.reserve-button {
	float: right;
	line-height: 41px;
	padding: 0 20px;
}

/* reserve form */
#reserve-form-block {
	display: none;
	background-color: #041e2f;
	position: fixed;
	width: 100%;
	z-index: 100;
	padding: 40px 20px 50px 20px;
	text-align: center;
}
#reserve-form-block h3 {
	font-size: 75px;
	text-transform: uppercase;
	color: #fff;
	font-family: 'league', Arial, sans-serif;
	line-height: 75px;
	margin-bottom: 10px;
}
.rblock div {
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px;
	width: 19%;
	position: relative;
	height: 75px;
}
.rblock label {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #bbb;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 3px;
}
.rblock input,
.rblock select {
	position: relative;
	left: 0;
	width: 75%;
	color: #bbb;
	border-bottom: 1px solid #bbb !important;
	padding: 6px 0 0 0;
	text-align: center;
	font-size: 16px;
	background-color: #041e2f;
}
.rblock input.calendar {
	background: url('img/calendar.svg') no-repeat 97% center;
}
.rblock select {
	text-align: left;
	border: 0;
	background: url('img/down-arrow.svg') no-repeat right center;
	background-size: 15px auto;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
}
.rblock select option {
	color: #000;
}
.reserve-form-button {
	margin-top: 20px;
	padding: 10px 40px;
	display: inline-block;
	text-align: center;
	background-color: #041e2f;
	color: #bbb;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	line-height: 20px;
	font-family: 'open-sans', Arial, sans-serif;
	font-size: 16px;
	border: 1px solid #bbb;
}
.reserve-form-button:hover {
	background-color: #041e2f;
}
.ui-datepicker {
	width: 14em !important;
	z-index: 300 !important;
}

#ui-datepicker-div.ui-widget-content{background:#fff !important;z-index:1000 !important;border:none !important}
#ui-datepicker-div.ui-widget-content *{font-family:'open-sans',Arial,sans-serif;font-size:12px;text-align:center}
#ui-datepicker-div .ui-widget-header{background:#fff !important;border:0 !important}
#ui-datepicker-div .ui-state-highlight,#ui-datepicker-div.ui-widget-content .ui-state-highlight,#ui-datepicker-div .ui-widget-header .ui-state-highlight{background:none !important;color:#666 !important}
#ui-datepicker-div .ui-datepicker-calendar{width:100%;margin:0}
#ui-datepicker-div .ui-datepicker-calendar thead{background:#eee;text-transform:uppercase;font-family:'open-sans',Arial,sans-serif;font-size:14px}
#ui-datepicker-div .ui-datepicker th{font-weight:normal !important}
#ui-datepicker-div.ui-widget-content a,#ui-datepicker-div.ui-widget-content a{text-align:center}
#ui-datepicker-div .ui-state-active,#ui-datepicker-div.ui-widget-content .ui-state-active,#ui-datepicker-div .ui-widget-header .ui-state-active{background:#353439 !important;color:#fff !important}
#ui-datepicker-div .ui-datepicker th{padding:5px 0 !important;font-size:11px}
#ui-datepicker-div .ui-datepicker-month{background-color:transparent;border:none;color:#353439;text-transform:uppercase;font-size:20px !important}.ui-datepicker-year{display:none}
#ui-datepicker-div .ui-state-hover,#ui-datepicker-div.ui-widget-content .ui-state-hover,#ui-datepicker-div .ui-datepicker .ui-widget-header .ui-state-hover,#ui-datepicker-div .ui-datepicker .ui-state-focus,#ui-datepicker-div .ui-datepicker .ui-widget-content .ui-state-focus,#ui-datepicker-div .ui-datepicker .ui-widget-header .ui-state-focus{background:#eee !important}
#ui-datepicker-div .ui-accordion-content{height:auto !important}
#ui-datepicker-div .ui-datepicker-calendar{margin:0 auto;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	border: 0;
	background: #fff;
}
#ui-datepicker-div.ui-widget-content {
	padding-bottom: 5px !important;
}
#ui-datepicker-div.ui-widget-content * {
	font-size: 11px;
}

/* main nav row */
#header-links {
	display: inline-block;
	width: 100%;
	position: relative;
}

/* logo (visible on narrow views) */
#logo {
	text-align: center;
	padding: 20px 0;
	background-color: #fff;
}
#logo a:hover img { /* no hover effect */
	opacity: 1.0;
	filter: alpha(opacity=100); /* < IE8 */
}

/* navigation */
#access {
	box-shadow: none;
	background: #fff;
	margin-bottom: 0;
	float: none;
}
#access div {
	margin: 0;
}
.menu-header-container {
	margin: 0 10px;
}
#access ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin: 0 10px;
	height: 150px; /* 106 height + 20px top/bottom padding */
}
#access li {
	margin: auto;
	float: none;
}
#access a {
	color: #041e2f;
	text-transform: uppercase;
	font-size: 100%;
	padding: 0;
	border-bottom: 2px solid transparent;
	font-family: 'open-sans-bold';
}
#access li:hover > a,
#access a:focus,
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	background: transparent;
	color: #041e2f;
	font-weight: normal;
	border-bottom: 2px solid #abc8e7;
}
#access .current-menu-item > a:hover,
#access .current-menu-ancestor > a:hover,
#access .current_page_item > a:hover,
#access .current_page_ancestor > a:hover {
	color: #5a657b;
}

/* logo (embedded in nav) */
#access li.logo_placeholder:hover > a,
#access .logo_placeholder {
	margin: 0;
	width: 255px;
	border-bottom: 2px solid transparent !important;
}
#access .logo_placeholder a {
	padding: 0;
}
#access .logo_placeholder li:hover > a,
#access .logo_placeholder.current-menu-item > a,
#access .logo_placeholder.current-menu-ancestor > a,
#access .logo_placeholder.current_page_item > a,
#access .logo_placeholder.current_page_ancestor > a {
	border-bottom: 0 !important;
}
.logo_placeholder .logo_replacement {
	z-index: 20;
	position: absolute;
	top: 6px;
	background: url('img/logo.svg') center center no-repeat;
	background-size: 86% 96%;
	width: 255px;
	height: 106px;
}

/* clear header */
.clear-header #site-header {
	position: fixed;
	width: 100%;
	z-index: 200;
}
.clear-header #main {
	position: relative;
	padding-top: 41px;
}
.clear-header #access {
	background: transparent;
}
.scrolled.clear-header #access {
	background: #fff;
}
.clear-header #access a {
	color: #fff;
	text-shadow: 2px 2px 4px #333;
}
.scrolled.clear-header #access a {
	color: #041e2f;
	text-shadow: none;
}
.clear-header #access li:hover > a,
.clear-header #access a:focus,
.clear-header #access .current-menu-item > a,
.clear-header #access .current-menu-ancestor > a,
.clear-header #access .current_page_item > a,
.clear-header #access .current_page_ancestor > a {
	color: #fff;
}
.clear-header #access .current-menu-item > a:hover,
.clear-header #access .current-menu-ancestor > a:hover,
.clear-header #access .current_page_item > a:hover,
.clear-header #access .current_page_ancestor > a:hover {
	color: #fff;
}
.clear-header .logo_placeholder .logo_replacement {
	background: url('img/home-logo-wide.svg') center center no-repeat;
}
.clear-header #access .logo_placeholder li:hover > a,
.clear-header #access .logo_placeholder.current-menu-item > a,
.clear-header #access .logo_placeholder.current-menu-ancestor > a,
.clear-header #access .logo_placeholder.current_page_item > a,
.clear-header #access .logo_placeholder.current_page_ancestor > a {
	border-bottom: 0 !important;
}

/* "scrolled" overwrites */
.scrolled #access li:hover > a,
#access a:focus,
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	background: transparent;
	color: #041e2f;
	font-weight: normal;
	border-bottom: 2px solid #abc8e7;
}
#access .current-menu-item > a:hover,
#access .current-menu-ancestor > a:hover,
#access .current_page_item > a:hover,
#access .current_page_ancestor > a:hover {
	color: #5a657b;
}

.scrolled #access ul {
	height: 100px;
}
.scrolled #main {
	padding-top: 145px !important;
}
.scrolled .logo_placeholder .logo_replacement,
.scrolled.clear-header .logo_placeholder .logo_replacement {
	top: 10px;
	width: 255px;
	height: 77px;
	background-size: auto 100% !important;
}
.scrolled #access li.logo_placeholder:hover > a,
.scrolled #access .logo_placeholder {
	height: 100px;
}

/* "scrolled" clear header overwrites */
.scrolled.clear-header .logo_placeholder .logo_replacement {
	background: url('img/logo.svg') center center no-repeat;
}


/* mobile nav elements */
.mobile-nav-open {
	display: inline-block;
	padding: 10px;
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: #fff;
}
.mobile-nav-open:hover {
	cursor: pointer;
}
.mobile-nav-open img {
	display: block;
}
.mobile-nav-open:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60); /* < IE8 */
}
.mobile-nav-popup {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 400;
	justify-content: center;
	align-items: center;
}
.mobile-nav-popup ul {
	list-style: none;
	margin: 0;
	padding: 20px 0;
}
.mobile-nav-popup li {
	text-align: center;
	margin: 15px 0;
}
.mobile-nav-popup .logo_placeholder {
	display: none;
}
.mobile-nav-popup li a {
	font-size: 200%;
	color: #041e2f;
	text-transform: uppercase;
	font-family: 'open-sans', Arial, sans-serif;
}
.mobile-nav-popup li a:hover {
	text-decoration: none;
	color: #5a657b;
}
.mobile-nav-close {
	position: absolute;
	top: 40px;
	right: 40px;
	z-index: 200;
}
.mobile-nav-close:hover {
	cursor: pointer;
}
.mobile-nav-close:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60); /* < IE8 */
}
.show {
	display: flex !important;
}

/* mobile-only bar */
.mobile-nav {
	background-color: #041e2f;
	position: relative;
}
.mobile-nav li {
	display: inline-block;
	width: calc(50% - 15px);
	padding: 0 15px;
}
.mobile-nav li a {
	line-height: 48px;
	font-size: 125%;
	font-family: 'open-sans', Arial, sans-serif;
	color: #fff;
	text-transform: uppercase;
}
.mobile-nav-right {
	float: right;
	text-align: right;
}
.mobile-nav div {
	position: absolute;
	left: calc(50% - 33px);
	top: -8px;
	z-index: 100;
}

/* PAGE CONTENT */
#main {
	background-color: #fff;
	padding: 191px 0 0 0; /* fixthis >> adjust this if I shrink the scrolled top nav */
}
#primary {
	float: none;
}
.singular #content,
.left-sidebar.singular #content {
	margin: 0;
	padding: 0 0 20px 0;
}
.singular.page .hentry,
.hentry, .no-results {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.content-wrapper {
	padding: 80px 80px 20px 80px;
	width: 100%;
	margin: 0 auto;
}
.content-wrapper h2 {
	font-family: 'league', Arial, sans-serif;
	color: #5a657b;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 36px;
	line-height: 36px;
	display: block;
}
h3.small-h3 {
	font-family: 'league', Arial, sans-serif;
	color: #5a657b;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 28px;
	line-height: 28px;
	display: block;
	letter-spacing: normal;
}

.page-image {
	text-align: center;
}
.page-image img {
	width: 100%;
	max-width: 2000px;
	display: block;
}
.singular .entry-header {
	width: 25%;
	text-align: right;
	float: left;
	padding: 0 40px 0 0;
	margin-bottom: 30px;
}
.page-template-contact.singular .entry-header {
	width: 250px;
}
.home.singular .cell-wrapper .entry-header {
	height: 150px;
	background: url('img/sailboat-light.svg') no-repeat center center;
	background-size: contain;
}

.singular .entry-title {
	font-family: 'league', Arial, sans-serif;
	color: #5a657b;
	text-transform: uppercase;
	font-size: 55px;
	line-height: 55px;
	padding: 0;
	font-weight: normal;
	letter-spacing: 1px;
}
.home.singular .entry-title {
	position: relative;
	top: 50px;
}
.hp-ig {
	padding: 0 30px;
}
.hp-ig .entry-header {
	width: 100%;
	float: none;
	padding: 30px 30px 15px 60px;
	margin: 0;
	text-align: left;
}
.home.singular h4.entry-title {
	position: static;
	top: 0;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: normal;
	text-transform: initial;
}
.home.singular h4.entry-title a {
	font-family: 'league', Arial, sans-serif;
}
#sb_instagram {
	padding-bottom: 0 !important;
}
#sbi_images {
	padding: 5px 0 !important;
}
#sbi_load {
	display: none;
}

.contact-info {
	text-align: left;
	display: inline-block;
	margin-top: 20px;
}

.singular .entry-content {
	width: 75%;
	float: right;
	padding: 0;
	margin-bottom: 30px;
}
.page-template-contact.singular .entry-content {
	width: calc(100% - 250px);
}
.entry-content h6 {
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 25px;
}
.error404 .entry-title {
	font-family: 'league', Arial, sans-serif;
	color: #5a657b;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 48px;
	line-height: 48px;
	display: block;
	text-align: center;
	padding-right: 0;
}
.error404 .entry-content {
	text-align: center;
	padding: 10px 0 40px 0;
}

/* image under block */
.iub {
	border-bottom: 30px solid #e9e8e8;
	clear: both;
}
.iub li {
	clear: both;
	border-top: 30px solid #e9e8e8;
}
.iub-img {
	position: relative;
	padding: 10px 0;
	display: inline-block;
	width: 80%;
	z-index:2;
}
.iub-right .iub-img,
.iub-right .iub-img img {
	float: right;
}
.iub-img img {
	display: block;
	height: auto;
	max-width: 800px;
	width: 100%;
	padding: 0 10px;
}
.iub-content {
	width: 400px;
	text-align: center;
	padding: 30px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(25%, -50%);
	z-index: 50;
}
.iub-right .iub-content {
	left: 0;
	right: unset;
	transform: translate(-25%, -50%);
}
.iub h2,
.iub h3 {
	font-family: 'league', Arial, sans-serif;
	color: #5a657b;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 48px;
	line-height: 48px;
	display: block;
	background: url('img/5c666f.png') repeat-x center center;
}
.iub h2 {
	padding: 0 36px;
}
.iub h2 span {
	background-color: #fff;
	padding: 0 15px;
}
.iub h3 {
	font-size: 24px;
	line-height: 24px;
	color: #041e2f;
	background: none;
	margin: 10px 0 30px;
}
.iub li p {
	text-align: center;
	font-size: 95%;
	line-height: 1.3;
}

/* slideshow page */
.singular .ss .entry-header,
.singular .ss .entry-content {
	margin-bottom: 0;
}
.ss h2 {
	position: relative;
	top: 30px;
}
.ss h3 {
	position: relative;
	top: 30px;
	text-transform: uppercase;
	font-size: 95%;
	font-family: 'open-sans-bold', Arial, sans-serif;
}
.ss-left,
.ss-right {
	position: relative;
}
.ss-right h2,
.ss-right h3 {
	text-align: right;
}
.ss-slides {
	position: relative;
}
.ss-nav {
	z-index: 200;
	width: 148px;
	position: absolute;
	right: 0;
	top: 92px;
}

.ss-wrapper {
	margin: 100px 0 30px 50px;
	background-color: #f2f2f2;
}
.ss-img {
	position: relative;
	top: -50px;
	left: -50px;
	display: inline-block;
	width: 100%;
	width: 70%;
}
.ss-img img {
	width: 100%;
	height: auto;
	display: block;
}
.ss-left,
.ss-right {
	margin-bottom: 30px;
}
.ss-right .ss-nav {
	right: unset;
	left: 0;
}
.ss-right .ss-wrapper {
	margin: 100px 50px 30px 0;
}
.ss-left .ss-img {
	float: left;
}
.ss-right .ss-img {
	left: unset;
	right: -50px;
	float: right;
}
.page-of {
	font-size: 12px;
	font-style: italic;
	color: #5a657b;
	text-align: center;
	padding-right: 5px;
}
.ss-content {
	width: 30%;
	padding: 30px 30px 0 0;
	display: inline-block;
	margin-bottom: 30px;
}
.ss-content h3 {
	position: static;
	text-align: left;
}
.ss-right .ss-content {
	padding: 30px 0 0 30px;
}
.ss-content div {
	margin: 5px 0;
}
.ss-content .button {
	margin-top: 20px;
}


/* cell page */
.cell {
	clear: both;
}
.cell ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.cell li {
	width: calc(50% - 40px);
	background-color: #f2f2f2;
	padding: 0;
	margin: 20px 10px 40px 20px;
}
.cell-img {
	position: relative;
	top: -20px;
	left: -20px;
	width: 100%;
}
.cell img {
	width: 100%;
	height: auto;
	display: block;
}
.cell-content {
	padding: 0 20px;
	position: relative;
	top: -20px;
}
.cell-content h2 {
	margin: 15px 0;
}
.cell-content p {
	line-height: 1.3;
}

/* bar page */
.bar-img {
	width: 100%;
}
.bar-img img {
	width: 100%;
	height: auto;
	display: block;
}
.bar-middle {
	margin: 15px 0;
}
.bar-middle div.bar-left {
	width: 60%;
	margin-right: 10px;
}
.bar-middle div,
.bar-middle div.bar-features {
	display: inline-block;
	width: 35%;
	vertical-align: top;
}
.bar-features {
	margin-bottom: 20px;
}
.bar-middle.food div.bar-left {
	width: 35%;
}
.bar-middle.food div {
	width: 60%;
}

ul.bar-bullets {
	list-style: disc;
	margin: 0 0 0 20px;
}
.bar-content {
	width: 100%;
	margin: 0 auto;
	padding: 30px;
}
.bar-content p {
	line-height: 1.3;
}
.bar-buttons li {
	display: inline-block;
	margin-right: 15px;
}
.room-details {
	display: none !important;
}

/* around the brenton */
.around h2 {
	text-align: center;
	margin-bottom: 30px;
}
.events h3 {
	text-transform: uppercase;
	font-size: 95%;
	font-family: 'open-sans-bold', Arial, sans-serif;
}
.events li {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #5a667b;
	padding: 0;
}
.event-img {
	width: 300px;
}
.event-img img {
	width: 100%;
	height: auto;
	display: block;
}
.event-content {
	margin-left: 30px;
	width: calc(100% - 335px);
}
.event-content a {
	color: #5a657b;
	text-decoration: underline;
}
.event-content a:hover {
	text-decoration: none;
}
.event-img,
.event-content {
	vertical-align: top;
	display: inline-block;
	margin-bottom: 20px;
}
.atts {
	text-align: center;
}
.atts ul {
	display: inline-block;
	/* removed per Ross
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-width: 300px;
	-moz-column-width: 300px;
	column-width: 300px;
	*/
	/* fixthis >> removed to see if Lauren's okay with this variation
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	*/
}
.atts a {
	color: #5a657b;
	text-decoration: underline;
}

/* press page */
.press {
	display: inline-block;
	vertical-align: top;
	width: 49%;
}
.press h2 {
	margin-bottom: 20px;
}
.press h3.small-h3 {
	margin: 25px 0 10px 0;
}
.press a {
	color: #5a657b;
	text-decoration: underline;
}
.press ul li li {
	margin: 0 0 10px 0;
	line-height: 1.3;
}

/* careers */
.jobs {
	margin-top: 60px;
}
.jobs h2 {
	margin-bottom: 30px;
}
.jobs li {
	margin: 30px 0;
	padding-top: 30px;
	border-top: 1px solid #5a667b;
}
.jobs a {
	color: #5a657b;
	text-decoration: underline;
	text-transform: uppercase;
}
.job-date {
	text-transform: uppercase;
	margin-bottom: 20px;
}

/* HOMEPAGE */
/* slideshow */
/* fixthis >> remove? */
.banner { /* enclosing div for wide / square images */
	width: 100%;
	display: block;
	margin-bottom: 1.625em;
}
.banner img {
	width: 100%;
	height: auto;
}
.slick-slide {
	position: relative;
}
.slick-slide img.wide,
.wide img {
	max-width: 1200px;
}
.slick-slide img.wide,
.wide img,
.wide {
	width: 100%;
	height: auto;
	display: block;
}
.slick-slide img.square,
.square img
.square {
	display: none;
}
.preload-gallery-slideshow {
	width: 100%;
	height: 100%;
	max-height: 400px;
	overflow: hidden;
	margin-bottom: 40px;
}
.gallery-slideshow img.size-full {
	max-width: 100%;
	width: 100%;
	height: auto;
}

/* slideshow overlay */
.img-overlay {
	position: absolute;
	bottom: 40px;
	right: 92px;
	text-align: center;
}
.img-overlay h2 {
	text-transform: uppercase;
	color: #fff;
	font-family: 'league', Arial, sans-serif;
	font-size: 64px;
	line-height: 53px;
	font-weight: normal;
	text-shadow: 2px 2px 4px #333;
}
.img-overlay div {
	text-transform: uppercase;
	color: #fff;
	font-family: 'open-sans', Arial, sans-serif;
	font-size: 16px;
	text-shadow: 2px 2px 4px #333;
}

/* Dots */
.slick-dotted.slick-slider {
}
.slick-dots {
	width: auto;
	left: 10%;
	bottom: 45px;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 26px;
	height: 26px;
	margin: 0 4px;
	padding: 0;
}
.slick-dots li button {
	display: block;
	width: 26px;
	height: 26px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:before {
	position: absolute;
	content: "";
	background: url('img/dot-off.svg') center center no-repeat;
	top: 0;
	left: 0;
	width: 26px;
	height: 26px;
	color: #fff;
	opacity: 1.0;
	filter: alpha(opacity=100); /* < IE8 */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li button:hover::before,
.slick-dots li button:focus::before,
.slick-dots li.slick-active button:before {
	opacity: 1.0;
	filter: alpha(opacity=100); /* < IE8 */
	background: url('img/dot-on.svg') center center no-repeat;
}

/* FOOTER */
#site-footer {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	width: 90%;
	margin: 0 auto;
	padding: 40px 0;
}
.footer-socials li {
	display: inline-block;
	margin-right: 20px;
}
.footer-nav {
	margin-top: 40px;
}
.footer-nav li {
	margin: 15px 0;
}
.footer-nav a {
	color: #041e2f;
	border-bottom: 1px solid #e9e8e8;
}
.footer-nav .current-menu-item a,
.footer-nav .current_page_item a,
.footer-nav a:hover {
	text-decoration: none;
	border-bottom: 1px solid #abc8e7;
}
.footer-center li {
	text-align: center;
	margin: 20px 0;
}
.footer-center li div {
	margin: 5px 0;
}
.footer-center input[type=email] {
	width: 300px;
}
.footer-check {
	text-align: left;
	white-space: nowrap;
	display: inline-block;
	margin: 0 auto;
	font-size: 75%;
}
.footer-check a {
	color: #041e2f;
	text-decoration: underline;
}
.footer-check a:hover {
	text-decoration: none;
}
.subscribe-button {
	display: inline-block;
	font-family: 'league', Arial, sans-serif;
	padding: 0 50px;
	line-height: 30px;
	font-size: 125%;
}
#site-footer .vendors {
	display: none;
}
#site-footer .footer-center .vendors {
	display: block;
}
.vendors img {
	display: inline-block;
	margin: 0 20px;
}
.preferred {
	width: auto;
	height: 55px;
}
.footer-right li {
	margin: 25px 0;
	min-height: 38px;
	padding-left: 50px;
}
.footer-right li,
.footer-right li a {
	font-size: 13px;
	color: #041e2f;
}
.footer-address {
	line-height: 1.2;
	background: url('img/address.svg') no-repeat center left;
}
.footer-phone {
	line-height: 35px;
	background: url('img/phone.svg') no-repeat center left;
}
.footer-email {
	line-height: 33px;
	background: url('img/envelope.svg') no-repeat center left;
}
.footer-right .vendors {
	display: none;
}

@media all and (max-width: 1000px) {
		
	.show-for-mobile {
		display: block !important;
	}
	.hide-for-mobile {
		display: none !important;
	}
	#responsive-menu-container {
		background: transparent !important;
	}
	
	#site-footer {
		flex-direction: column;
		padding: 20px 0;
	}
	.footer-center {
		order: 1;
	}
	.footer-center li.vendors {
		display: none !important;
	}
	.footer-center li {
		margin: 10px 0;
	}
	.footer-center .vendors {
		display: none !important;
	}
	
	.footer-left {
		text-align: center;
		order: 2;
	}
	.footer-socials {
		margin: 30px 0;
	}
	.footer-socials li {
		margin: 0 10px;
	}
	.footer-nav {
		margin-top: 20px;
	}
	.footer-nav li {
		display: inline-block;
		margin: 10px 20px;
	}
	
	.footer-right {
		margin-top: 20px;
		order: 3;
	}
	#site-footer .vendors {
		order: 4;
		margin: 0;
		display: block;
		text-align: center;
	}
	#site-footer .vendors img {
		display: block;
		margin: 20px 0;
	}
	.ss .cell-wrapper {
		width: 100%;
	}
	.ss .button {
		padding: 5px 20px;
	}

}

@media all and (max-width: 850px) {

	.bar-content {
		padding: 15px;
	}
	.bar-buttons li {
		display: block;
		margin: 0 0 15px 0;
	}
	
}

@media all and (max-width: 800px) {
	
	/* overwrites */
	#main,
	.scrolled #main {
		padding-top: 182px !important;
	}
	#main #content {
		margin: 0;
	}
	.content-wrapper {
		width: 100%;
		padding: 40px 40px 0 40px;
	}
	.singular .entry-header {
		display: block;
		width: 100%;
		padding: 0 0 20px 0;
		text-align: center;
		margin-bottom: 20px;
	}
	.singular .entry-title {
		font-size: 48px;
		line-height: 48px;
		letter-spacing: normal;
	}
	.singular .entry-content {
		display: block;
		width: 100%;
	}
	.slick-dots {
		display: none !important;
	}
	.iub {
		border-bottom: 15px solid #e9e8e8;
	}
	.iub li {
		border-top: 15px solid #e9e8e8;
	}
	.iub-img {
		display: block;
		width: 100%;
		padding-bottom: 150px;
	}
	.iub-right .iub-img,
	.iub-right .iub-img img {
		float: none;
	}
	.iub-content,
	.iub-right .iub-content  {
		width: calc(100% - 20px);
		margin: 0;
		padding: 20px;
		position: absolute;
		top: unset;
		bottom: 0;
		left: 10px;
		right: 10px;
		transform: none;
	}
	.iub h2 {
		letter-spacing: 0;
		font-size: 36px;
		line-height: 36px;
	}
	.iub li p {
		font-size: 100%;
		line-height: 1.4;
	}
	.ss-right .ss-wrapper,
	.ss-wrapper {
		background-color: #fff;
		margin: 0 0 30px 0;
		border-bottom: 2px solid #ededed;
	}
	.ss-right h2,
	.ss-right h3 {
		text-align: left;
	}
	.ss h2,
	.ss h3 {
		position: static;
		top: unset;
	}
	.ss h3 {
		margin-bottom: 10px;
	}
	.ss-content h3 {
		text-align: center;
		margin-bottom: 0;
	}
	.singular .ss .entry-header,
	.singular .ss .entry-content {
		margin-bottom: 30px;
	}
	.ss-img {
		float: none !important;
		position: static;
		top: unset;
		left: unset;
		right: unset;
		display: block;
		width: 100%;
	}
	.ss-right .ss-content,
	.ss-content {
		text-align: center;
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 20px 0 55px 0;
	}
	.ss-right .ss-nav,
	.ss-nav {
		top: 6px;
		right: 0;
		left: unset;
	}
	.ss-nav {
		width: 85px;
	}
	.cell ul {
		display: block;
	}
	.cell li {
		width: 100%;
		display: block;
		margin: 0 0 30px 0;
	}
	.cell-img {
		position: static;
		top: unset;
		left: unset;
	}
	.cell-content {
		padding: 20px;
		position: static;
		top: unset;
	}
	.cell-content h2 {
		margin-top: 0;
	}
	.events li {
		padding: 0 15px;
		margin: 20px 0;
	}
	.events h3 {
		font-size: 125%;
		margin: 20px 0 0 0;
	}
	.event-img,
	.event-content {
		display: block;
		width: 100%;
		margin: 0;
	}
	.press {
		display: block;
		width: 100%;
		margin: 0 0 30px 0;
	}
	.jobs {
		width: 100%;
	}
	.room-details {
		display: inline-block !important;
		text-transform: uppercase;
		color: #59647a;
		width: auto !important;
		padding-right: 15px;
		background: url('img/arrow-down.svg') center right no-repeat;
		margin-bottom: 15px;
	}
	.room-details:hover {
		text-decoration: underline;
		cursor: pointer;
	}
	.bar-middle div.bar-left,
	.bar-middle div.bar-features {
		display: block;
		width: 100%;
	}
	.bar-middle div.bar-features {
		display: none;
	}
	.img-overlay {
		bottom: unset;
		left: 0;
		right: 0;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		height: inherit;
		justify-content: center;
	}
	
}