/*
Theme Name: Executive Suites
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: executive-suites
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Executive Suites is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}
/* ==========================================================================
  Executive Suites custom styles
   ========================================================================== */
body {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	line-height: 1.6;
}

/* Hide AdWords Remarketing iFrame */
iframe[name="google_conversion_frame"]{display:block; height:0;}

/** LINKS **/
a, a:visited {
	color: rgb(0,138,174);
}
a:focus, a:hover {
	color: rgb(153,0,0);
}
a:link {
	-webkit-tap-highlight-color : rgba( 0, 0, 0, 0.3 );
}

/** BUTTONS **/
.btn, .btn:visited {
	transition: background-color 0.5s ease;
	background-color: rgb(167,118,80);
	color: rgb(255,255,255);
	text-transform: uppercase;
	cursor: pointer;
    display: inline-block;
	padding: 7px 15px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	text-decoration: none;
}
.btn:hover {
	background-color: rgb(166,101,50);
	color: rgb(255,255,255);
}

.btn-red, .btn-red:visited {
	transition: background-color 0.5s ease;
	background-color: rgb(153,0,0);
	color: rgb(255,255,255);
	text-transform: uppercase;
	cursor: pointer;
    display: inline-block;
	padding: 7px 15px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	text-decoration: none;
}
.btn-red:hover {
	background-color: rgb(182,0,0);
	color: rgb(255,255,255);
}

/** HEADINGS **/
h1, h2, h3, h4, h5 {
	font-weight: 400;
}
h1 { 
	margin-bottom: 0.625rem;
	font-size: 2rem;
}

h2 { 
	margin-bottom: .5rem;
	font-size: 1.5rem;
}

h3 { 
	margin-bottom: 0.375rem;
	font-size: 1.25rem;
}


h4 { 
	margin-bottom: 0.3125rem;
	font-size: 1.15rem;
}

h5 { 
	margin-bottom: 0.3125rem;
	font-size: 1rem;
}

h6 { 
	margin-bottom: 0.3125rem;
	font-size: .875rem;
}

/** IMAGES **/
.alignleft {
	display: inline;
	float: left;
	margin: 0 20px 16px 0;
	margin: 0 1.25rem 1rem 0;
}

.alignright {
	display: inline;
	float: right;
	margin: 0 0 16px 20px;
	margin: 0 0 1rem 1.25rem;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

img {
	max-width: 100%;
	height: auto;
}

/** responsive videos **/
.youtube-container {
	max-width: 853px;
	margin: 2% auto;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;	
	margin-bottom: 2%;
}
		
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

video {
  width: 100%    !important;
  height: auto   !important;
}
	


/** Tables - responsive **/
table {
	width: 100%;
}
 td { 
	display: block; 
}
	
/* Hide table headers (but not display: none;, for accessibility) */
thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}
	
tr { border: 1px solid #ccc; }
	
td { 
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee; 
	position: relative;
	padding-left: 55%;
	padding-bottom: 5px;		
}
	
td:before { 
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 55%; 
	padding-right: 10px; 
	white-space: nowrap;
	content: attr(data-th)": "; /* data-th values are coded in the td cell */
}


/** SITE HEADER **/
header.site-header {
	background-color: rgb(0,0,0);
}

/** booking & call buttons **/
.site-booking a {
	color: rgb(255,255,255);
	text-decoration: none;
}

.call-btn {
	text-align: center;
    vertical-align: middle;
	padding: 7px 15px;
	background-color: rgb(255,255,255) ;
}
.call-btn a {
	color: rgb(0,0,0);
}
.call-btn a .fa {
	color: rgb(167,118,80);
}


#logo {
	padding-top: 10px;
	display: block;
	text-align: center;
	width: 196px;
	height: 59px;
	background: rgb(0,0,0) url(img/executive-suites-squamish-logo-sm.png) no-repeat center center;
}

.header-address {
	color: rgb(255,255,255);
	text-align: center;
	border-bottom: 1px solid rgb(47,47,47);
}
.header-address p {
	margin: 5px 0;
	font-size: .8em;
}



/** NAVIGATION **/

.nav {
	padding: 0;
}
.nav li {
	list-style-type: none;
}

.nav li a {
	display: block;
	text-decoration: none;
	padding: 10px 10px;
	text-decoration: none;
	font-size: 1em;
	border-bottom: 1px solid rgb(47,47,47);
	color: rgb(255,255,255);
}

/* main navigation toggle */
.nav-toggle {
	display: block;
	position: relative;
	top: 10px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 48px;
	height: 48px;
	font-size: 0;
	-webkit-appearance: none;
		-moz-appearance: none;
			appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	-webkit-transition: background 0.3s;
		transition: background 0.3s;
	background-color: transparent;
	outline: 0;
}
.nav-toggle:focus {
	outline: none;
}
.nav-toggle .icon-bar {
	display: block;
	position: absolute;
	top: 22px;
	left: 8px;
	right: 8px;
	height: 4px;
	background: white;	
}
.nav-toggle .icon-bar::before,
.nav-toggle .icon-bar::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #fff;
	content: "";
	-webkit-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s;
	-webkit-transition-delay: 0.3s, 0s;
		transition-delay: 0.3s, 0s;
}
.nav-toggle .icon-bar::before {
	top: -10px;
	-webkit-transition-property: top, transform;
		transition-property: top, transform;
}
.nav-toggle .icon-bar::after {
	bottom: -10px;
	-webkit-transition-property: bottom, transform;
		transition-property: bottom, transform;
}
.nav-toggle.is-active .icon-bar {
	background: none;
}
.nav-toggle.is-active .icon-bar::before {
  top: 0;
  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
		  transform: rotate(45deg);
}
.nav-toggle.is-active .icon-bar::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
}
.nav-toggle.is-active .icon-bar::before,
.nav-toggle.is-active .icon-bar::after {
  -webkit-transition-delay: 0s, 0.3s;
	transition-delay: 0s, 0.3s;
}

#secondary-nav, #main-nav, #social-nav {
	display: none;
}

/** HERO IMAGE **/
.hero img {
	max-width: 100%;
	height: auto;
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 16px;
	font-weight: normal;
	background: rgb(85,85,85);
	filter: Alpha(Opacity=70);/*IE7 fix*/
	opacity: 0.7;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
	margin-left: 10px;
 }
.owl-theme .owl-controls .owl-buttons .owl-prev {
	margin-right:10px;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}
/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

/** HOMEPAGE CAROUSEL -- owl carousel **/

/** badge **/
.owl-badge {
	display: none;
}


#owl-home .item img{
    display: block;
    width: 100%;
    height: auto;
}

#owl-home .owl-caption {
	display: none;
}

/** background images for main content pages - style by body class **/
.page-image { /*  default background image */
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 150px;
	overflow: hidden;
	background-image: url(img/bg/executive-suites-exterior-summer-xs.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
	
.page-id-256 .page-image { /* resort page */
    background-image: url(img/bg/Squamish-Hero-2026-Lobby-lg.jpg);
}

.page-id-2820 .page-image { /* Dinning page */
    background-image: url(img/bg/Squamish-Hero-2026-Restaurant-Pork-Sliders-lg.jpg);
}


.page-id-2 .page-image, .page-id-919 .page-image { /* suites page */
    background-image: url(img/bg/Squamish-Hero-2026-Suite2-lg.jpg);
}

.page-id-687 .page-image { /* extended stays page */
	background-image: url(img/bg/Squamish-Hero-2026-Suite3-lg.jpg);
}

.page-id-696 .page-image  { /* Book Direct page */
		background-image: url(img/bg/Squamish-Hero-2026-Room3-lg.jpg);
	}


.page-id-13 .page-image { /* meeting page */
    background-image: url(img/bg/Squamish-Hero-2026-Meetings-lg.jpg);
}

    .page-id-268 .page-image { /* wedding page */
        background-image: url(img/bg/executive-suites-wedding-xs.jpg);
    }

.page-id-194 .page-image { /* specials page */
	background-image: url(img/bg/specials-spring-xs.jpg);
/*    background-image: url(img/bg/specials-winter-xs.jpg);*/
}

.page-id-238 .page-image { /* dining page */
    background-image: url(img/bg/executive-suites-dining-xs.jpg);
}

.page-id-84 .page-image { /* activities page */
    background-image: url(img/bg/squamish-sky-pilot-xs.jpg);
}

.page-id-775 .page-image { /* winter adventure page */
    background-image: url(img/bg/family-winter-xs.jpg);
}

.page-id-777 .page-image { /* summer adventure page */
	background-image: url(img/bg/executive-suites-exterior-summer-02-xs.jpg);
}

.page-id-781 .page-image { /* events page */
	background-image: url(img/bg/squamish-chief-xs.jpg);
}
    .postid-152 .page-image{ /* sea to sky gondola page */
        /*background-image: url(img/bg/sea-to-sky-gondola-xs.jpg);*/
        background-image: url(img/bg/sea-to-sky-gondola-winter-2-xs.jpg);
    }
    
    .postid-145 .page-image{ /* ski page */
        background-image: url(img/bg/ski-xs.jpg);
    }
	
    .postid-756 .page-image{ /* cross country page */
        background-image: url(img/bg/cross-country-xs.jpg);
    }
    
    .postid-130 .page-image{ /* snowmobile page */
        background-image: url(img/bg/snowmobile-xs.jpg);
    }
    
    .postid-132 .page-image{ /* snowshoeing page */
        background-image: url(img/bg/snowshoeing-xs.jpg);
    }

    .postid-134 .page-image{ /* tobogganing page */
        background-image: url(img/bg/tobogganing-xs.jpg);
    }
    
    .postid-136 .page-image{ /* ziptrekking page */
        background-image: url(img/bg/ziptrekking-xs.jpg);
    }
    
    .postid-140 .page-image{ /* dog sledding page */
        background-image: url(img/bg/dog-sledding-xs.jpg);
    }
    
    .postid-143 .page-image{ /* horse riding page */
        background-image: url(img/bg/horseback-riding-xs.jpg);
    }
    
    .postid-126 .page-image { /* sightseeing tours page */
        background-image: url(img/bg/squamish-sky-pilot-xs.jpg);
    }
   
   .postid-746 .page-image { /* helicopter tours page */
        background-image: url(img/bg/helicopter-tours-xs.jpg);
    }
    
    .postid-123 .page-image { /* golf page */
        background-image: url(img/bg/executive-suites-golf-xs.jpg);
    }
    
    .postid-120 .page-image { /* fishing page */
        background-image: url(img/bg/fishing-xs.jpg);
    }
    
    .postid-118 .page-image { /* kiteboarding page */
        background-image: url(img/bg/kiteboarding-xs.jpg);
    }
    
    .postid-114 .page-image { /* mountain biking page */
        background-image: url(img/bg/mountain-biking-xs.jpg);
    }
    
    .postid-112 .page-image { /* climbing page */
        background-image: url(img/bg/rock-climbing-xs.jpg);
    }
    
    .postid-95 .page-image { /* hiking page */
        background-image: url(img/bg/squamish-chief-xs.jpg);
    }
    
    .postid-93 .page-image { /* rafting page */
        background-image: url(img/bg/rafting-xs.jpg);
    }
	
    .postid-812 .page-image { /* nature page */
        background-image: url(img/bg/squamish-nature-xs.jpg);
    }
	
	.postid-909 .page-image { /* boating and sailing page */
		background-image: url(img/bg/boating-sailing-xs.jpg);
	}

	.postid-1809 .page-image { /* rope runner page */
		background-image: url(img/bg/roperunner-lrg.jpg);
	}
    
.page-id-290 .page-image { /* directions page */
    background-image: url(img/bg/executive-suites-exterior-night-xs.jpg);
}

.page-id-723 .page-image, .page-id-386 .page-image { /* us residents page */
	/*background-image: url(img/bg/specials-spring-xs.jpg);*/
	background-image: url(img/bg/family-winter-xs.jpg);
}

.page-id-1211 .page-image { /* Ski Whistler page */
    background-image: url(img/bg/ski-whistler-xs.jpg);
}

.page-id-1700 .page-image { /* Dog Program page */
	background-image: url(img/bg/dog-program-xs.jpg);	
}

.page-id-1985 .page-image { /* Eagle Viewing Package page */
	background-image: url(img/bg/eagle-package-xs.jpg);	
}

.postid-2820 .page-image { /* Free Bird */
	background-image: url(img/bg/free-bird-squamish-xs.jpg);	
}

.page-id-3020 .page-image { /* Art Collection page */
	background-image: url(img/bg/executive-art-collection-xs.jpg);	
}

/** experience headline **/
.page-image .page-image-headline {
	text-align: center;
	font-size: 2rem;
	color: rgb(255,255,255);
	text-transform: uppercase;
	visibility: visible;
	text-shadow:0 0 5px #7f7f7f;
}


/** hide booking **/
#booking-module {
	display: none;
}

.content-area, .content-block-2, .reviews-block {
	padding-right: 1em;
	padding-left: 1em;
}

.amenities-block h4 {
	color: rgb(167,118,80);
}

/*homepage carousel 1 */

#carousel-1 .hover-item {
	padding-left: 0;
	padding-right: 0;
	position: relative;
	overflow: hidden;
	background-color: rgb(0,0,0);
 }

.hover-item a {
	color: #fff;
	text-decoration: none;
}

.hover-item h4 {
	text-align: center;
	position: absolute;
    top: 50%;
	width: 100%; 
}

.hover-item img {
	max-width: 100%;
	max-height: 100%;
	opacity: 0.8;
	transition: all .4s ease-in-out;
}
.hover-item img:hover {
	opacity: 1;
	transform: scale(1.05);
}

/* homepage feature special block */
.home-block {
    clear: both;
}

/* homepage reviews-block*/
.reviews-block {
	padding: 2%;
}

.reviews-block .ta-review {
	text-align: center;
	border-right: 1px solid rgb(229,229,229);
}

.reviews-block .reviews-link {
	color: rgb(88,147,66);
	text-decoration: none;
}

.reviews-block .reviews-link:hover {
	color: rgb(73,122,55);
}

.reviews-link .fa-tripadvisor {
	padding: 4px 6px;
	border-radius: 3px;
	background-color: rgb(88,147,66);
	color: rgb(255,255,255);
}

.reviews-block .review-logos {
	margin: 0 auto;
	text-align: center;
}

.reviews-block img {
	max-width: 135px;
	height: auto;
	display: inline;
	margin: 0 15px;
}

/** LAYOUT **/
.content-item {
	margin-top: 2em;
	margin-bottom: 2em;
}

/** 1-Column Pages **/
.page-template-template-layout-1 .entry-title {
	text-align: center;
}

/** meeting page **/
.group-offer {
	max-width: 90%;
	padding: 2%;
	border: 3px dashed rgb(167,118,80);
	margin: 10px auto;
	background-color: rgb(242,242,242);
}
.group-offer-headline {
	text-align: center;
}

/** specials page **/
.special-block {
	margin-top: 2em;
	margin-bottom: 2em;
}

.special-block h3 {
	color: rgb(0, 138, 174);
	margin-bottom: 0;
}

.special-block h5 {
	color: rgb(167,118,80);
	margin-top:0;
	font-size: .85em;
	text-transform: uppercase;
}
.special-content {
	background-color: rgb(242,242,242);
}


.special-footer {
	font-size: .8em;
	color: rgb(119,119,119);
}

/** activities page **/
.page-template-template-activities .wp-tiles-byline .btn-red, .page-template-template-activities .wp-tiles-byline .btn,
.page-template-template-activities-summer .wp-tiles-byline .btn-red, .page-template-template-activities-summer .wp-tiles-byline .btn,
.page-template-template-activities-winter .wp-tiles-byline .btn-red, .page-template-template-activities-winter .wp-tiles-byline .btn {
	display: none;
}

.activity-tile a {
	color: rgb(255,255,255);
}

.wp-tiles-tile-with-image .wp-tiles-byline-title{
	color: rgb(255,255,255);
}

/** tripadvisor reviews **/
#CDSWIDSSP {
    width: 100% !important;
}

/** directions page **/
#map-canvas {
	width: 100%;
	min-height: 300px;
}

@media only screen and (min-width: 790px) {
	#map-canvas {
		min-height: 600px;
	}

}

/** Layout 3 Page Template **/
.content-item-slider {
	margin-top: 3em;
}

.content-item-3-col {
	-webkit-align-items: stretch;
	align-items: stretch;
	font-size: .9em;
	margin-top: 3em;
    margin-bottom: 3em;
}

.content-item-3-col h2, .content-item-3-col h3, .content-item-3-col h4, .content-item-3-col h5, .content-item-3-col h6 {
	color: rgb(167,118,80);
}

.3-col-img img {
	vertical-align: top;
}

.page-template-template-layout-3 .reviews-block {
	margin-top: 3em;
	border-top: 1px solid rgb(229, 229, 229);
}


/** Meeting RFP **/

.wpcf7-form {
	background-color: rgb(242, 242, 242);
	padding: 2%;
	max-width: 850px;
	margin: 0 auto;
}

.form-field {
	margin-bottom: 12px;
}

.form-field label {
	display: inline-block;
	width: 250px;
}

.form-field input[type="text"], .form-field input[type="email"], .form-field input[type="number"], .form-field input[type="tel"] {
	height: 30px;
	border: 1px inset rgb(175,175,175);
	padding: 0 5px;
}

.form-field .ui-datepicker-trigger {
	border-left: 1px solid rgb(217,217,217);
	border-top: medium none;
	border-bottom: medium none;
	border-right: medium none;
	background: rgb(245,245,245) none repeat scroll 0 0; 
	color: rgb(167,118,80);
	height: 32px;
}

#start-date, #end-date {
	max-width: 90%;
}

.wpcf7-submit {
	border: 0 none;
} 

/** SLIDER **/
.metaslider .caption-wrap {
	background: none !important;
}

.metaslider .caption,
.metaslider .cs-title,
.metaslider .nivo-caption {
    right: 0px;
    bottom: 0px;
    width: 15%;
    height: 100%;
    left: auto;
	background: none;
	font-size: 10px;
}



/** ECLUB **/
#eclub {
	text-align: center;
	background-color:rgb(242, 242, 242);
}

#eclub .eclub-header p{
	font-size: .9em;
}

#eclub-form {
	max-width: 304px;
	margin: 0 auto;
}

/* #eclub input[type="text"], #eclub select {
	border: 1px solid rgb(229, 229, 229);
	height: 30px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 304px;
	color: rgb(51,51,51);
} */

/* #eclub input[type="submit"]{
	border: medium none;
	margin-top: 10px;
	width: 304px;
} */

#eclub .eclub-footer{
	font-size: .8em;
	color: rgb(119,119,119);
}

/** Mailchimp eclub form styles - AS 2019-02-26
--------------------------------------**/

#mc_embed_signup {
  	max-width: 500px;
  	margin:auto;
  	font-family: 'Lato', sans-serif;
  	margin-bottom: 3%;
}

@media (max-width: 691px) {
	#mc_embed_signup { width: 90%; }
}

#mc_embed_signup .mc-field-group {
  	clear: left;
  	position: relative;
  	width: 96%;
  	padding-bottom: 3%;
  	min-height: 50px;
}

#mc_embed_signup .indicates-required {
  	font-size: 11px;
 	margin-right: 4%;
	margin-bottom: 5%;	
}

#mc_embed_signup div.mc-field-group label {
	display: block;
  	margin-bottom: 3px;	
}

#mc_embed_signup div.mc-field-group input { box-shadow: inset 0px 0px 7px #dedede; border: 1px solid #b0b0b0; padding: 11px 12px; width: 320px; box-sizing: border-box; font-family: 'Lato', sans-serif; color: #111; margin: 0 0 10px; }

#mc_embed_signup div.mc-field-group select { box-shadow: inset 0px 0px 7px #dedede; padding: 10px 0px 10px 5px; border: 1px solid #b0b0b0; width: 320px; font-family: 'Lato', sans-serif; color: #111; margin: 0 0 10px; }


#mc_embed_signup input.button { width: 320px; background: #a77650; padding: 13px 34px 10px; font-size: 14px; border: 1px solid #a77650; text-transform: uppercase; font-family: 'Lato', sans-serif; color: #fff; font-weight: 800; cursor: pointer; box-sizing: border-box; }
#mc_embed_signup input.button:hover { background: #fff; color: #a77650; border: 1px solid #a77650; }

/** TABS **/


#tabs.ui-widget { 
	box-shadow: none !important; 
	margin-top: 3%;
}
#tabs.ui-widget  .ui-widget-header {
	border: 0px; 
}

#tabs .ui-state-default, #tabs.ui-widget-content .ui-state-default, #tabs .ui-widget-header .ui-state-default { 
	border-left: 1px solid #f5f0eb; 
	box-shadow: inset 0 -4px #ede8e4; 
	border-right: 1px solid #f5f0eb; 
	background: rgb(242,242,242);  
	font-size: .85em;
	border-top: none; 
}

#tabs.ui-tabs .ui-tabs-nav { 
	padding: 0px;
	text-align: center;
}  
.ui-tabs .ui-tabs-nav li {
	border-radius: 0px;
	margin: 0em; 
	margin-right: 9px;
	margin-bottom: -4px;
	float: none !important;
	display: inline-block;
}
#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active { 
	background: rgb(255,255,255); 
	box-shadow: inset 0 2px rgb(168,118,78); 
	border-left: 1px solid rgb(168,118,78); 
	border-right: 1px solid rgb(168,118,78); 
	margin-bottom: -5px;
    padding-bottom: 5px;
	font-weight: bold;
}

#tabs.ui-tabs .ui-tabs-nav .ui-tabs-anchor { 
	outline: none; 
	padding: 14px 27px 13px;
}

#tabs .ui-state-default a, #tabs .ui-state-default a:link, #tabs .ui-state-default a:visited { 
	color: rgb(102,102,102);
}
#tabs .ui-state-active a, #tabs .ui-state-active a:link, #tabs .ui-state-active a:visited { 
	color: rgb(168,118,78); 
	cursor: default; 
}

#tabs.ui-tabs .ui-tabs-panel {
	padding: 60px 0px; 
}


#tabs.ui-tabs .ui-tabs-panel p { 
	margin: 0px 0px 30px;
}

#tabs.ui-tabs .ui-tabs-panel .menu { 
	outline: none; 
	border-top: none; 	
	font-size:.85em;
}

.section-tabs { 
	border-top: 1px solid rgb(168,118,78); 
}

/** SPA PAGE **/
#spa-tabs .ui-tabs-panel { 
	font-size: .85em;
}

.spa-policies {
	font-size: .85em;
	color: rgb(119, 119, 119);
}

/** FOOTER **/
.site-footer {
	background-color: rgb(47,47,47);
	color: rgb(255,255,255);
	font-size: .8em;
	text-align: center;
}
.site-footer a {
	color: rgb(255,255,255);
	text-decoration: none;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}
/**
 * Include this rule to trigger hasLayout and contain floats.
 * For IE 6/7 only
 */
.cf {
    *zoom: 1;
}

/* meet the team */
.add-margin {
	margin-top: 50px;
}

/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */
   
/** tablet and large phones **/
@media only screen and (min-width: 483px) {
	/** background images for main content pages - style by body class **/
	.page-image { /*  default background image */
		height: 170px;
		background-image: url(img/bg/Squamish-Hero-2026-Exterior-Facade-md.jpg);
	}
	
	.page-id-256 .page-image { /* resort page */
		background-image: url(img/bg/Squamish-Hero-2026-Lobby-lg.jpg);
	}
	
	.page-id-2820 .page-image { /* Dinning page */
    background-image: url(img/bg/Squamish-Hero-2026-Restaurant-Pork-Sliders-lg.jpg);
	}
	
	
	.page-id-2 .page-image, .page-id-919 .page-image { /* suites page */
		background-image: url(img/bg/Squamish-Hero-2026-Suite2-lg.jpg);
	}

	.page-id-687 .page-image { /* extended stays page */
		background-image: url(img/bg/Squamish-Hero-2026-Suite3-lg.jpg);
	}

	.page-id-696 .page-image  { /* Book Direct page */
		background-image: url(img/bg/Squamish-Hero-2026-Room3-lg.jpg);
	}
	
	.page-id-13 .page-image { /* meeting page */
		background-image: url(img/bg/Squamish-Hero-2026-Meetings-lg.jpg);
	}
	
		.page-id-268 .page-image { /* wedding page */
			background-image: url(img/bg/executive-suites-wedding-sm.jpg);
		}
	
	.page-id-194 .page-image { /* specials page */
		/*background-image: url(img/bg/specials-spring-sm.jpg);*/
		background-image: url(img/bg/specials-winter-sm.jpg);
	}
	
	.page-id-238 .page-image { /* dining page */
		background-image: url(img/bg/executive-suites-dining-sm.jpg);
	}
	
	.page-id-84 .page-image { /* activities page */
		background-image: url(img/bg/squamish-sky-pilot-sm.jpg);
	}
	
	.page-id-775 .page-image { /* winter adventure page */
		background-image: url(img/bg/family-winter-sm.jpg);
	}
	
	.page-id-777 .page-image { /* summer adventure page */
		background-image: url(img/bg/executive-suites-exterior-summer-02-sm.jpg);
	}
	
	.page-id-781 .page-image { /* events page */
		background-image: url(img/bg/squamish-chief-sm.jpg);
	}
	
		.postid-152 .page-image{ /* sea to sky gondola page */
			/*background-image: url(img/bg/sea-to-sky-gondola-sm.jpg);*/
			background-image: url(img/bg/sea-to-sky-gondola-winter-2-sm.jpg);
		}
		
		.postid-145 .page-image{ /* ski page */
			background-image: url(img/bg/ski-sm.jpg);
		}
		
		.postid-756 .page-image{ /* cross country page */
			background-image: url(img/bg/cross-country-sm.jpg);
		}
		
		.postid-130 .page-image{ /* snowmobile page */
			background-image: url(img/bg/snowmobile-sm.jpg);
		}
		
		.postid-132 .page-image{ /* snowshoeing page */
			background-image: url(img/bg/snowshoeing-sm.jpg);
		}

		.postid-134 .page-image{ /* tobogganing page */
			background-image: url(img/bg/tobogganing-sm.jpg);
		}
		
		.postid-136 .page-image{ /* ziptrekking page */
			background-image: url(img/bg/ziptrekking-sm.jpg);
		}
		
		.postid-140 .page-image{ /* dog sledding page */
			background-image: url(img/bg/dog-sledding-sm.jpg);
		}
		
		.postid-143 .page-image{ /* horse riding page */
			background-image: url(img/bg/horseback-riding-sm.jpg);
		}
		
		.postid-126 .page-image { /* sightseeing tours page */
			background-image: url(img/bg/squamish-sky-pilot-sm.jpg);
		}
	  
		.postid-746 .page-image { /* helicopter tours page */
			background-image: url(img/bg/helicopter-tours-sm.jpg);
		}
		
		.postid-123 .page-image { /* golf page */
			background-image: url(img/bg/executive-suites-golf-sm.jpg);
		}
		
		.postid-120 .page-image { /* fishing page */
			background-image: url(img/bg/fishing-sm.jpg);
		}
		
		.postid-118 .page-image { /* kiteboarding page */
			background-image: url(img/bg/kiteboarding-sm.jpg);
		}
		
		.postid-114 .page-image { /* mountain biking page */
			background-image: url(img/bg/mountain-biking-sm.jpg);
		}
		
		.postid-112 .page-image { /* climbing page */
			background-image: url(img/bg/rock-climbing-sm.jpg);
		}
		
		.postid-95 .page-image { /* hiking page */
			background-image: url(img/bg/squamish-chief-sm.jpg);
		}
		
		.postid-93 .page-image { /* rafting page */
			background-image: url(img/bg/rafting-sm.jpg);
		}
		
		.postid-812 .page-image { /* nature page */
			background-image: url(img/bg/squamish-nature-sm.jpg);
		}
		
		.postid-909 .page-image { /* boating and sailing page */
			background-image: url(img/bg/boating-sailing-sm.jpg);
		}				.postid-1809 .page-image { /* rope runner page */			background-image: url(img/bg/roperunner-lrg.jpg);		}
		
	.page-id-290 .page-image { /* directions page */
		background-image: url(img/bg/executive-suites-exterior-night-sm.jpg);
	}
	
	.page-id-723 .page-image, .page-id-386 .page-image { /* us residents page */
		/*background-image: url(img/bg/specials-spring-sm.jpg);*/
		background-image: url(img/bg/family-winter-sm.jpg);
	}
	
	.page-id-1211 .page-image { /* Ski Whistler page */
		background-image: url(img/bg/ski-whistler-sm.jpg);
	}
	
	.page-id-1700 .page-image { /* Dog Program page */
		background-image: url(img/bg/dog-program-sm.jpg);
	}
	
	.page-id-1985 .page-image { /* Eagle Viewing Package page */
		background-image: url(img/bg/eagle-package-sm.jpg);	
	}

	.postid-2820 .page-image { /* Free Bird */
		background-image: url(img/bg/free-bird-squamish-sm.jpg);	
	}

	.page-id-3020 .page-image { /* Art Collection page */
	background-image: url(img/bg/executive-art-collection-sm.jpg);	
	}
	
} 

/** mobile-only styles **/
@media only screen and (max-width: 790px) {
	.ui-widget-content {border: none;}
	#tabs .ui-state-default, #tabs.ui-widget-content .ui-state-default, #tabs .ui-widget-header .ui-state-default { border: none; }
	#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active { border: none; }
	#tabs.ui-tabs .ui-tabs-panel { padding: 15px 0px; }
	#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active { background: #c59a66; color: #fff; }
	#tabs .ui-state-active a, #tabs .ui-state-active a:link, #tabs .ui-state-active a:visited { color: #fff;}
	#tabs.ui-tabs .ui-tabs-nav .ui-tabs-anchor { width: 90%; }
	.ui-tabs .ui-tabs-nav li { width: 100%; }
	.ui-tabs .ui-tabs-nav li.ui-tabs-active { background: #c59a66; box-shadow: none;}
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; }
}
 
/** laptop & small desktop styles **/
@media only screen and (min-width: 790px) {
	.hidden-md {
		display: none;
	}
	
	/** Tables - responsive **/
	th, td {
		display:table-cell;
	}

	table { 
	  width: 100%; 
	  border-collapse: collapse; 
	}
	
	thead tr { 
		position: relative;
		top: 0;
		left: 0;
	}
	
	/* Zebra striping */
	tr:nth-of-type(odd) { 
	  background: #eee; 
	}
	th { 
	  background: #333; 
	  color: white; 
	  font-weight: bold; 
	}
	td, th { 
	  padding: 6px; 
	  border: 1px solid #ccc; 
	  text-align: left; 
	}
	td:before {
		content: "";
	}

	
	/** background images for main content pages - style by body class **/
	.page-image { /*  default background image */
		height: 202px;
		background-image: url(img/bg/executive-suites-exterior-summer-md.jpg);
	}
	
	.page-id-256 .page-image { /* resort page */
		background-image: url(img/bg/Squamish-Hero-2026-Lobby-lg.jpg);
	}

	.page-id-2820 .page-image { /* Dinning page */
    background-image: url(img/bg/Squamish-Hero-2026-Restaurant-Pork-Sliders-lg.jpg);
	}
	
		
	
	.page-id-2 .page-image, .page-id-919 .page-image { /* suites page */
		background-image: url(img/bg/Squamish-Hero-2026-Suite2-lg.jpg);
	}

	.page-id-687 .page-image { /* extended stays page */
		background-image: url(img/bg/Squamish-Hero-2026-Suite3-lg.jpg);
	}

	.page-id-696 .page-image  { /* Book Direct page */
		background-image: url(img/bg/Squamish-Hero-2026-Room3-lg.jpg);
	}
	
	.page-id-13 .page-image { /* meeting page */
		background-image: url(img/bg/Squamish-Hero-2026-Meetings-lg.jpg);
	}
	
		.page-id-268 .page-image { /* wedding page */
			background-image: url(img/bg/executive-suites-wedding-md.jpg);
		}
	
	.page-id-194 .page-image { /* specials page */
		/*background-image: url(img/bg/specials-spring-md.jpg);*/
		background-image: url(img/bg/specials-winter-md.jpg);
	}
	
	.page-id-238 .page-image { /* dining page */
		background-image: url(img/bg/executive-suites-dining-md.jpg);
	}
	
	.page-id-84 .page-image { /* activities page */
		background-image: url(img/bg/squamish-sky-pilot-md.jpg);
	}
	
	.page-id-775 .page-image { /* winter adventure page */
		background-image: url(img/bg/family-winter-md.jpg);
	}
	
	.page-id-777 .page-image { /* summer adventure page */
		background-image: url(img/bg/executive-suites-exterior-summer-02-md.jpg);
	}
	
	.page-id-781 .page-image { /* events page */
		background-image: url(img/bg/squamish-chief-md.jpg);
	}
	
		.postid-152 .page-image{ /* sea to sky gondola page */
			/*background-image: url(img/bg/sea-to-sky-gondola-md.jpg);*/
			background-image: url(img/bg/sea-to-sky-gondola-winter-2-md.jpg);
		}
		
		.postid-145 .page-image{ /* ski page */
			background-image: url(img/bg/ski-md.jpg);
		}
		
		.postid-756 .page-image{ /* cross country page */
			background-image: url(img/bg/cross-country-md.jpg);
		}
		
		.postid-130 .page-image{ /* snowmobile page */
			background-image: url(img/bg/snowmobile-md.jpg);
		}
		
		.postid-132 .page-image{ /* snowshoeing page */
			background-image: url(img/bg/snowshoeing-md.jpg);
		}

		.postid-134 .page-image{ /* tobogganing page */
			background-image: url(img/bg/tobogganing-md.jpg);
		}
		
		.postid-136 .page-image{ /* ziptrekking page */
			background-image: url(img/bg/ziptrekking-md.jpg);
		}
		
		.postid-140 .page-image{ /* dog sledding page */
			background-image: url(img/bg/dog-sledding-md.jpg);
		}
		
		.postid-143 .page-image{ /* horse riding page */
			background-image: url(img/bg/horseback-riding-md.jpg);
		}
		
		.postid-126 .page-image { /* sightseeing tours page */
			background-image: url(img/bg/squamish-sky-pilot-md.jpg);
		}
		
	   .postid-746 .page-image { /* helicopter tours page */
			background-image: url(img/bg/helicopter-tours-md.jpg);
		}
		
		.postid-123 .page-image { /* golf page */
			background-image: url(img/bg/executive-suites-golf-md.jpg);
		}
		
		.postid-120 .page-image { /* fishing page */
			background-image: url(img/bg/fishing-md.jpg);
		}
		
		.postid-118 .page-image { /* kiteboarding page */
			background-image: url(img/bg/kiteboarding-md.jpg);
		}
		
		.postid-114 .page-image { /* mountain biking page */
			background-image: url(img/bg/mountain-biking-md.jpg);
		}
		
		.postid-112 .page-image { /* climbing page */
			background-image: url(img/bg/rock-climbing-md.jpg);
		}
		
		.postid-95 .page-image { /* hiking page */
			background-image: url(img/bg/squamish-chief-md.jpg);
		}
		
		.postid-93 .page-image { /* rafting page */
			background-image: url(img/bg/rafting-md.jpg);
		}
		
		.postid-812 .page-image { /* nature page */
			background-image: url(img/bg/squamish-nature-md.jpg);
		}
		
		.postid-909 .page-image { /* boating and sailing page */
			background-image: url(img/bg/boating-sailing-md.jpg);
		}				.postid-1809 .page-image { /* rope runner page */			background-image: url(img/bg/roperunner-lrg.jpg);		}
		
	.page-id-290 .page-image { /* directions page */
		background-image: url(img/bg/executive-suites-exterior-night-md.jpg);
	}
	
	.page-id-723 .page-image, .page-id-386 .page-image { /* us residents page */
		/*background-image: url(img/bg/specials-spring-md.jpg);*/
		background-image: url(img/bg/family-winter-md.jpg);
	}
	
	.page-id-1211 .page-image { /* Ski Whistler page */
		background-image: url(img/bg/ski-whistler-md.jpg);
	}
	
	.page-id-1700 .page-image { /* Dog Program page */
		background-image: url(img/bg/dog-program-md.jpg);
	}
	
	.page-id-1985 .page-image { /* Eagle Viewing Package page */
		background-image: url(img/bg/eagle-package-md.jpg);	
	}

	.postid-2820 .page-image { /* Free Bird */
		background-image: url(img/bg/free-bird-squamish-md.jpg);	
	}

	.page-id-3020 .page-image { /* Art Collection page */
	background-image: url(img/bg/executive-art-collection-md.jpg);	
	}
		
	/** experience headline **/
	.page-image .page-image-headline {
		font-size: 2.5rem;
	}
	
	/** badge **/
	.owl-badge {
		display: block;
		position: absolute;
		left: 75%;
		top: 280px;
		z-index: 101;
		width: 135px;
		height: 135px;
		-ms-transform: rotate(15deg); /* IE 9 */
		-webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
		transform: rotate(15deg);
	}
	
@media only screen and (min-width: 1225px) {
	/** badge **/
	.owl-badge {
		width: 184px;
		height: 184px;
	}
}
	
	/** booking module **/
	#booking-module {
		display: block;
		background-color: rgb(167,118,80);
	}
	
	#booking-module form {
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding: 1em 0;
	}
	
	#booking-module .form-item {
		margin-right: 10px;
	}
	
	#booking-module form label {
		color: rgb(255,255,255);
	}
	
	#booking-module input[type="text"], #booking-module input[type="number"] {
		border: medium none;
		height: 30px;
		text-align: center;
	}
	
	#booking-module input[type="text"] {
		max-width: 90px;
	}
	#booking-module .ui-datepicker-trigger {
		border-left: 1px solid rgb(217,217,217);
		border-top: medium none;
		border-bottom: medium none;
		border-right: medium none;
		background: rgb(245,245,245) none repeat scroll 0 0; 
		color: rgb(167,118,80);
		height: 32px;
	}
	
	#booking-module input[type="number"] {
		max-width: 40px;
	}
	
	#booking-module input[type="submit"] {
		background-color: rgb(128,90,61);
		border: 1px solid rgb(186,141,106);
		padding: 9px 27px;
	}
	#booking-module input[type="submit"]:hover {
		background-color: rgb(108,60,21);
	}
	
	
	/** datepicker pop-up **/
	.ui-widget { 
		font-family: inherit; 
		font-size: 1.1em; 
		padding: 0px; 
		border-radius: 0px; 
		border: 0px; 
		box-shadow: 0px 2px 7px rgba(0,0,0,0.5);
	}
	.ui-widget-header { 
		background: #fff; 
		border: 0px; 
		border-bottom: 1px solid #e7e7e7; 
	}

	.ui-datepicker table { 
		margin: 0px; 
		background: #f6f6f6; 
	}
	.ui-datepicker td { 
		padding: 0px; 
	}
	.ui-datepicker td span, .ui-datepicker td a { 
		font-size: 12px; 
		text-align: center; 
		padding: 10px; 
		border: 0px !important; 
		border-left: 1px solid #ddd !important; 
		border-top: 1px solid #ddd !important; 
		background: #fff !important; 
	} 
	.ui-datepicker th { 
		text-transform: uppercase; 
		font-size: 11px; 
		padding-top: 23px; 
		color: rgb(167, 118, 80); 
		font-family: 'Montserrat', arial, sans-serif;
	}
	.ui-datepicker .ui-datepicker-header { 
		padding: 10px 0px; 
		font-family: 'Montserrat', arial, sans-serif; 
	}
	.ui-datepicker .ui-datepicker-title select { 
		display: block; 
		margin: 0 auto; 
		font-family: 'Montserrat', arial, sans-serif; 
		text-transform: uppercase; 
		text-align: center;
	}
	.ui-widget-header .ui-state-highlight { 
		background: red !important; 
	}

	
	
	
	/** MAIN CONTENT **/
	.content-area, .content-block-2, .reviews-block {
		padding-right: 0;
		padding-left: 0;
	}
	
	/** HERO IMAGE **/
	.hero  { /*prevent display issues on page load*/
		min-height: 115px;
	}
	
	/** HOMEPAGE CAROUSEL -- owl carousel **/
	.owl-theme .owl-controls{
		width: 100%;
		position: absolute;
		bottom: 10px;
	}


	#owl-home .owl-caption {
		z-index: 99;
		display: block;
		position: absolute;
		width: 100%;
		top: 20%;
		text-align: center;
		color: rgb(255,255,255);
	}
	#owl-home .owl-caption h3 {
		text-transform: uppercase;
		text-shadow: 0 0 5px rgba(125,125,125,0.7);
		font-size: 2.5rem;
	}
	
	.video-button-container {
		position: relative;
	}
	
	.video-button-container a {
		text-decoration: none;
	}
	
	.video-button-clickable {
		background-color: rgba(255, 255, 255, 0.9);
		border-radius: 2px;
		margin: 0 auto;
		padding: 12px 0 12px 12px;
		width: 215px;
		cursor: pointer;
	}
	
	.video-button-clickable:hover {
		background-color: rgba(255, 255, 255, 1);
	}
	
	.video-border {
		background-color: rgb(167,118,80);
		border-radius: 2px;
		height: 45px;
		transition: all 0.1s ease 0s;
		width: 70px;
	}
	.video-button {
		border-bottom: 7px solid transparent;
		border-left: 13px solid #fff;
		border-top: 7px solid transparent;
		height: 0;
		left: 30px;
		position: relative;
		top: 16px;
		width: 0;
	}
	
	.video-text {
		color: rgb(0,0,0);
		text-decoration: none;
		text-transform: uppercase;
		left: 38px;
		top: -7px;
		margin-top: -27px;
		position: relative;
	}	
	/* home page carousel 1 */
	.hover-item h4 {
		font-size: 1.7em;
	}
	
	/** LAYOUT **/
	.content-item {
		align-items: center;
		font-size: .9em;
		margin-top: 3em;
		margin-bottom: 3em;
	}
	.content-item h2, .content-item h3, .content-item h4, .content-item h5, .content-item h6 {
		color: rgb(167,118,80);
	}
	
	/** meeting page **/
	.group-offer-content {
		align-items: center;
	}
	
	/** specials page **/
	.special-block {
		font-size: .9em;
	}
	.special-block .special-img-container {
		overflow: hidden;
	}
	.special-block .special-img {
		height: 100%;
		width: auto;
		object-fit: cover;
	}
	
	.special-content {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	/** ECLUB **/
	#eclub {
		padding: 2% 0;
	}
	
	#eclub .eclub-container {
		max-width: 70%;
		margin: 0 auto;
	}
	
	#eclub .eclub-collapse {
		display: none;
	}
	

	
} /** /laptop & small desktop styles **/


/** desktop styles **/
@media only screen and (min-width: 1024px) {
	.hidden-lg {
		display: none;
	}
	
	/** background images for main content pages - style by body class **/
	.page-image { /*  default background image */
		height: 520px;
		background-image: url(img/bg/Squamish-Hero-2026-Exterior-Facade-lg.jpg);
	}
	
	.page-id-256 .page-image { /* resort page */
		background-image: url(img/bg/Squamish-Hero-2026-Lobby-lg.jpg);
	}

	.page-id-2820 .page-image { /* Dinning page */
    background-image: url(img/bg/Squamish-Hero-2026-Restaurant-Pork-Sliders-lg.jpg);
	}
	
	
		
	
	.page-id-2 .page-image, .page-id-919 .page-image { /* suites page */
		background-image: url(img/bg/Squamish-Hero-2026-Suite2-lg.jpg);
	}

	.page-id-687 .page-image { /* extended stays page */
		background-image: url(img/bg/Squamish-Hero-2026-Suite3-lg.jpg);
	}
	
	.page-id-696 .page-image  { /* Book Direct page */
		background-image: url(img/bg/Squamish-Hero-2026-Room3-lg.jpg);
	}
	
	.page-id-194 .page-image { /* specials page */
		background-image: url(img/bg/specials-spring-lg.jpg);
/*		background-image: url(img/bg/specials-winter-lg.jpg);*/
	}
	
	.page-id-238 .page-image { /* dining page */
		background-image: url(img/bg/executive-suites-dining-lg.jpg);
	}
	
	
	.page-id-13 .page-image { /* meeting page */
		background-image: url(img/bg/Squamish-Hero-2026-Meetings-lg.jpg);
	}
	
		.page-id-268 .page-image { /* wedding page */
			background-image: url(img/bg/executive-suites-wedding-lg.jpg);
		}
	
	.page-id-84 .page-image { /* activities page */
		background-image: url(img/bg/squamish-sky-pilot-lg.jpg);
	}
	
	.page-id-775 .page-image { /* winter adventure page */
		background-image: url(img/bg/family-winter-lg.jpg);
	}
	
	.page-id-777 .page-image { /* summer adventure page */
		background-image: url(img/bg/executive-suites-exterior-summer-02-lg.jpg);
	}
	
	.page-id-781 .page-image { /* events page */
		background-image: url(img/bg/squamish-chief-lg.jpg);
	}
		.postid-152 .page-image{ /* sea to sky gondola page */
			/*background-image: url(img/bg/sea-to-sky-gondola-lg.jpg);*/
			background-image: url(img/bg/sea-to-sky-gondola-winter-2-lg.jpg);
		}
		
		.postid-145 .page-image{ /* ski page */
			background-image: url(img/bg/ski-lg.jpg);
		}
		
		.postid-756 .page-image{ /* cross country page */
			background-image: url(img/bg/cross-country-lg.jpg);
		}
		
		.postid-130 .page-image{ /* snowmobile page */
			background-image: url(img/bg/snowmobile-lg.jpg);
		}
		
		.postid-132 .page-image{ /* snowshoeing page */
			background-image: url(img/bg/snowshoeing-lg.jpg);
		}
		
		.postid-134 .page-image{ /* tobogganing page */
			background-image: url(img/bg/tobogganing-lg.jpg);
		}
		
		.postid-136 .page-image{ /* ziptrekking page */
			background-image: url(img/bg/ziptrekking-lg.jpg);
		}
		
		.postid-140 .page-image{ /* dog sledding page */
			background-image: url(img/bg/dog-sledding-lg.jpg);
		}
		
		.postid-143 .page-image{ /* horse riding page */
			background-image: url(img/bg/horseback-riding-lg.jpg);
		}
		
		.postid-126 .page-image { /* sightseeing tours page */
			background-image: url(img/bg/squamish-sky-pilot-lg.jpg);
		}
		
	   .postid-746 .page-image { /* helicopter tours page */
			background-image: url(img/bg/helicopter-tours-lg.jpg);
		}
		
		.postid-123 .page-image { /* golf page */
			background-image: url(img/bg/executive-suites-golf-lg.jpg);
		}
		
		.postid-120 .page-image { /* fishing page */
			background-image: url(img/bg/fishing-lg.jpg);
		}
		
		.postid-118 .page-image { /* kiteboarding page */
			background-image: url(img/bg/kiteboarding-lg.jpg);
		}
		
		.postid-114 .page-image { /* mountain biking page */
			background-image: url(img/bg/mountain-biking-lg.jpg);
		}
		
		.postid-112 .page-image { /* climbing page */
			background-image: url(img/bg/rock-climbing-lg.jpg);
		}
		
		.postid-95 .page-image { /* hiking page */
			background-image: url(img/bg/squamish-chief-lg.jpg);
		}
		
		.postid-93 .page-image { /* rafting page */
			background-image: url(img/bg/rafting-lg.jpg);
		}
		
		.postid-812 .page-image { /* nature page */
			background-image: url(img/bg/squamish-nature-lg.jpg);
		}
		
		.postid-909 .page-image { /* boating and sailing page */
			background-image: url(img/bg/boating-sailing-lg.jpg);
		}

		.postid-1809 .page-image { /* rope runner aerial adventure park page */
			background-image: url(img/bg/roperunner-lrg.jpg);
		}

	.page-id-290 .page-image { /* directions page */
		background-image: url(img/bg/executive-suites-exterior-night-lg.jpg);
	}
	
	.page-id-723 .page-image, .page-id-386 .page-image { /* us residents page */
		background-image: url(img/bg/specials-spring-lg.jpg);
/*		background-image: url(img/bg/family-winter-lg.jpg);*/
	}
	
	.page-id-1211 .page-image { /* Ski Whistler page */
		background-image: url(img/bg/ski-whistler-lg.jpg);
	}
	
	.page-id-1700 .page-image { /* Dog Program page */
		background-image: url(img/bg/dog-program-lg.jpg);
	}
	
	.page-id-1985 .page-image { /* Eagle Viewing Package page */
		background-image: url(img/bg/eagle-package-lg.jpg);	
	}

	.postid-2820 .page-image { /* Free Bird */
		background-image: url(img/bg/free-bird-squamish-lg.jpg);	
	}

	.page-id-3020 .page-image { /* Art Collection page */
	background-image: url(img/bg/executive-art-collection-lg.jpg);	
	}
	
	/** experience headline **/
	.page-image .page-image-headline {
		margin-top: 112px;
		font-size: 3rem;
	}
	
	/** site header **/
	header.site-header {
		background-color: rgba(0,0,0,.8);
		max-height: 112px;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 99;
			-webkit-transition: height 0.3s;
			 -moz-transition: height 0.3s;
			  -o-transition: height 0.3s;
			transition: height 0.3s;
	}

	.site-branding {
		
	}

	#logo {
		display: block;
		width: 205px;
		height: 135px;
		top:0;
		text-align: center;
		padding-top: 30px;
		background: rgb(0,0,0) url(img/executive-suites-squamish-logo.png) no-repeat center center;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}



	/** navigation **/
	#secondary-nav, #main-nav, #social-nav {
		display: block;
	}

	.site-navigation {
		margin-top: 15px;
		padding-left: 35px;
	}
	.nav {
		margin:0;	
	}
	
	.nav li {
		display: block;
		float: left;
		position: relative;
	}
	.nav li a {
		border-bottom: none;
		display: inline-block;
	}
	.nav li a:hover, .nav li a:focus {
		color: rgb(0,138,174);
	}
	#main-nav {
		text-transform: uppercase;
	}
	
	.nav li.current-menu-item a {
		color: rgb(167,118,80);
	}
	
		/* dropdowns */
		.nav .menu-item-has-children .sub-menu {
			display: none;
			position: relative;
		}
		
		.sub-menu-indicator {
			width: 0; 
			height: 0; 
			border-left: 8px solid transparent; 
			border-right: 8px solid transparent; 
			border-bottom: 10px solid rgb(128,90,61);
			margin-top: -20px;
			margin-left: 30px;			
		}
		
		.nav .menu-item-has-children:hover > ul {
			display: block;
			position: absolute;
			background-color: rgb(0,0,0);
			padding: 10px 100px 10px 10px;
			border-top: 2px solid rgb(128,90,61);
		}
		.nav .menu-item-has-children:hover > ul li {
			float: none;
			font-size: .9em;
		}
		.nav .menu-item-has-children:hover > ul li a {
			color: rgb(255,255,255);
			white-space: nowrap;
			text-transform: capitalize;
		}
		.nav .menu-item-has-children:hover > ul li a:hover {
			color: rgb(0,138,174);
		}
	
	#secondary-nav {
		font-size: 0.8em;
	}
	#secondary-nav li:after {
		content: '|';
		color: #5e5e5e;
	}
	
	
	#social-nav li a {
		padding: 7px 5px;
	}

	/** booking & call area **/
	.site-booking {
		padding-left: 15px;
		padding-bottom: 10px;
		margin-top: 10px;
		border-left: 1px solid rgb(94,94,94);

	}
	.scrolled .site-booking {
		border-left: none;
	}
	.site-booking .call-btn {
		background-color: transparent;
	}
	.call-btn a {
		color: rgb(255,255,255);
	}

	/** change the header on scroll **/
	header.scrolled {
		height: 45px;
		background-color: rgba(0,0,0,1);
	}

	.scrolled #logo {
		width: 45px;
		height: 45px;
		background-image:url(img/executive-suites-squamish-icon.png) ;
		padding-top:0;
	}
	.scrolled .site-navigation {
		border-right: none;
	}
	.scrolled #secondary-nav, .scrolled #social-nav, .scrolled .call-btn {
		display: none;
	}
	.scrolled .site-navigation, .scrolled .site-booking {
		margin-top: 0;
	}

	.scrolled .book-btn {
		height: 45px;
	}

	/** Booking Module **/
	#booking-module .form-item {
		margin-right: 20px;
	}
	#booking-module input[type="text"] {
		max-width: 160px;
	}

	/** MAIN CONTENT **/
	
	/** HERO HOME **/
	#owl-home .owl-caption {
		top: 40%;
	}
	
	
	.features-block {
		margin: 15px 0;
		padding-left: 0;
		border-left: 1px solid rgb(229,229,229);
	}
	.features-block p {
		font-size: .8em;
	}
	.features-block .row  {
		margin-left:1.5%;
	}

	.featured-special {
		margin-bottom: 15px;
		background-color: rgb(242,242,242);
		padding: 15px;
	}
	.featured-special h3 {
		color: rgb(0,138,174);
	}

	/** carousels **/

	#carousel-1 {
		margin: 20px 0;
	}

	#carousel-2 {
		position: relative;
		top: -60px;
		margin: 0 auto;
		text-align: center;
		width: 80%;
	}
	
	.gallery-text {
		position: relative;
		top: -90px;
		margin:0 auto;
		background: rgb(255,255,255);
		width: 60%;
		padding: 3%;
	}
	.gallery-text h3 {
		color: rgb(167,118,80);
	}

	.content-block-2 {
		padding-top: 40px;
		padding-bottom:110px;
		text-align: center;
	}

	.content-block-3 {
		background-color: rgb(242,242,242);
	}

	.reviews-block {
		background-color: rgb(255,255,255);
		margin-bottom: 40px;
		margin-top: -90px;
	}

	/** FOOTER **/
	.site-footer {
		text-align: left;
	}
	.site-footer a {
	}
	.site-footer a:hover {
		color: rgb(255,255,255);
		text-decoration: underline;
	}

} /* / desktop styles */

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}