/**----------------SwankGuide.com, Revamp 2025----------------**/

/**--Color guide--**/
/**Swank yellow--**/
/**rgb(248,225,0) #f8e100**/
/**Swank black--**/
/**rgb(35,31,32) #231f20**/
/**--Swank gray--**/
/**rgb(209,211,212) #d1d3d4**/

/**--Reset--**/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
*{
  box-sizing:border-box;
  margin:0;
  padding:0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/**--Global styles/assets--**/

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/**---------------Fonts---------------**/

/**--Suisse--**/

@font-face {
	font-family:"suisse-further";
	src:url("../fonts/suisse/SuisseIntl-Further.eot");
	src:url("../fonts/suisse/SuisseIntl-Further.eot?#iefix") format("embedded-opentype"), 
	url("../fonts/suisse/SuisseIntl-Further.woff2") format("woff2"), 
	url("../fonts/suisse/SuisseIntl-Further.woff") format("woff"),
	url("../fonts/suisse/SuisseIntl-Further.ttf") format("truetype"),
	url("../fonts/suisse/SuisseIntl-Further.svg#Suisse Further") format("svg");
	font-weight:600;
	font-style:normal;
}

@font-face {
	font-family:"suisse-regular";
	src:url("../fonts/suisse/SuisseIntl-Regular.eot");
	src:url("../fonts/suisse/SuisseIntl-Regular.eot?#iefix") format("embedded-opentype"),
	url("../fonts/suisse/SuisseIntl-Regular.woff2") format("woff2"),
	url("../fonts/suisse/SuisseIntl-Regular.woff") format("woff"),
	url("../fonts/suisse/SuisseIntl-Regular.ttf") format("truetype"),
	url("../fonts/suisse/SuisseIntl-Regular.svg#Suisse") format("svg");
	font-weight:400;
	font-style:normal;
}

@font-face {
	font-family:"suisse-light";
	src:url("../fonts/suisse/SuisseIntl-Light.eot");
	src:url("../fonts/suisse/SuisseIntl-Light.eot?#iefix") format("embedded-opentype"),
	url("../fonts/suisse/SuisseIntl-Light.woff2") format("woff2"),
	url("../fonts/suisse/SuisseIntl-Light.woff") format("woff"),
	url("../fonts/suisse/SuisseIntl-Light.ttf") format("truetype"),
	url("../fonts/suisse/SuisseIntl-Light.svg#SuisseLight") format("svg");
	font-weight:400;
	font-style:normal;
}

@font-face {
	font-family:"suisse-medium";
	src:url("../fonts/suisse/SuisseIntl-Medium-WebS.eot");
	src:url("../fonts/suisse/SuisseIntl-Medium-WebS.eot?#iefix") format("embedded-opentype"),
	url("../fonts/suisse/SuisseIntl-Medium-WebS.woff2") format("woff2"),
	url("../fonts/suisse/SuisseIntl-Medium-WebS.woff") format("woff"),
	url("../fonts/suisse/SuisseIntl-Medium-WebS.ttf") format("truetype"),
	url("../fonts/suisse/SuisseIntl-Medium-WebS.svg") format("svg");
	font-weight:400;
	font-style:normal;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

@font-face {
	font-family:"suisse-semibold";
	src:url("../fonts/suisse/SuisseIntl-SemiBold-WebS.eot");
	src:url("../fonts/suisse/SuisseIntl-SemiBold-WebS.eot?#iefix") format("embedded-opentype"),
	url("../fonts/suisse/SuisseIntl-SemiBold-WebS.woff2") format("woff2"),
	url("../fonts/suisse/SuisseIntl-SemiBold-WebS.woff") format("woff"),
	url("../fonts/suisse/SuisseIntl-SemiBold-WebS.ttf") format("truetype"),
	url("../fonts/suisse/SuisseIntl-SemiBold-WebS.svg") format("svg");
	font-weight:400;
	font-style:normal;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}


/**--------------------------Fonts SET UP------------------**/

.suisse-regular
{
	font-family:"suisse-regular";
}
.suisse-further
{
	font-family:"suisse-further";
}
.suisse-light
{
	font-family:"suisse-light";
}
.suisse-medium
{
	font-family:"suisse-medium";
}
.suisse-semibold
{
	font-family:"suisse-semibold";
}

/**--Bold type--**/

b
{
	font-family:"suisse-semibold";
}


/**----------------------------HEADER (HOMEPAGE)---------------------------**/
body
{
	font-family:"suisse-regular";
	color:#231f20;
}

.container
{
	width:89%;
	margin:0 auto;
}

@media only screen and (max-width:2560px) and (min-width:1920px){
	.container
	{
		max-width:1400px;
		margin:0 auto;
	}
}

/**--Widescreen--**/
@media only screen and (max-width:1920px) and (min-width:1440px){	
	.container
	{
		max-width:1400px;
		margin:0 auto;
	}
}

/**----------Top bar header: menu and burger bar----------**/

header#homepage
{
	padding-top:0;
	min-height:34rem;
}
.header-grid
{
	display:table;
	width:100%;
}
.header-col
{
	display:table-cell;
	vertical-align:middle;
}

/**--Swank icon wrap--**/

.header-col.header-icon
{
	width:37%;
}

/**--Spaceholder on homepage: switch for mobile--**/
.header-col.header-icon img#mobile-logo
{
	display:none;
}

/**--Navbar wrap (default, not homepage)--**/

.header-col.header-nav
{
	width:37%;
}

/**--Navbar wrap homepage)--**/

header#homepage .header-col.header-nav
{
	width:63%;
}

/**--Header icon (Swank logo)--**/

.header-icon-wrap
{
	margin:0 75% 0 0;
}
.header-icon-wrap img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}
.header-icon-wrap a
{
	display:block;
	text-decoration:none;
	border:0;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1024px){
	.header-col.header-icon img#desktop-spaceholder
	{
		display:none;
	}
	.header-col.header-icon img#mobile-logo
	{
		display:block;
	}
	header#homepage .header-col.header-icon
	{
		width:15%;
	}
	header#homepage .header-col.header-nav
	{
		width:85%;
	}
	.header-icon-wrap
	{
		margin:0 0 0 0 !important;
	}
	.header-col.header-nav ul li.mobile-nix
	{
		display:none;
	}
}
@media only screen and (max-width:640px) and (min-width:480px){
	header#homepage .header-col.header-icon
	{
		width:20%;
	}
	header#homepage .header-col.header-nav
	{
		width:80%;
	}
}
@media only screen and (max-width:480px) and (min-width:320px){
	header#homepage .header-col.header-icon
	{
		width:22%;
	}
	header#homepage .header-col.header-nav
	{
		width:78%;
	}
}
@media only screen and (max-width:320px) and (min-width:240px){
	header#homepage .header-col.header-icon
	{
		width:25%;
	}
	header#homepage .header-col.header-nav
	{
		width:75%;
	}
}


/**--Text links in topbar menu--**/

.header-col.header-nav ul
{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:right;
	font-size:0.8rem;
	font-family:"suisse-semibold";
	color:#fff;
}
.header-col.header-nav ul li
{
	display:inline-block;
	margin:0 0 0 1.5rem;
	vertical-align:middle;
}
.header-col.header-nav ul li a
{
	font-family:"suisse-semibold";
	color:#fff;
	font-size:100%;
	text-decoration:none; 
	-ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	border-bottom:2px solid transparent;
}
.header-col.header-nav ul li a:hover
{
color:#fffae6;
}
.header-col.header-nav ul li.more
{
	font-size:250%;
	cursor:pointer;
}


/**--Move menu items closer together on scrolldown--**/

.resort-profile-menu .header-col.header-nav ul#innerpage-scroll
{
	font-size:0.75rem;
}

.resort-profile-menu .header-col.header-nav ul#innerpage-scroll li
{
	margin:0 0 0 0.85rem !important;
}


/**-----------Shrink navbar----------------**/

#swank-navbar
{
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	padding-top:1.25rem;
	z-index:100000000;
}
#swank-navbar.scrollHeader
{
	padding:0.5rem 0;
	position:fixed;
	top:0;
	left:0;
	background:white;
	width:100%;
	z-index:100000000;
}
.video-frame #swank-navbar.scrollHeader
{
	position:relative;
	top:auto;
	left:auto;
	z-index:-100000000;
	display:none;
}
.video-frame #swank-navbar.scrollHeader .header-col.header-icon,
.video-frame #swank-navbar.scrollHeader .header-col.header-name,
.video-frame #swank-navbar.scrollHeader .header-col.header-nav
{
	display:none;
}

#swank-navbar.scrollHeader .header-col.header-nav ul li a
{
	color:rgb(35,31,32);
	color:#231f20;
}

#swank-navbar.scrollHeader .header-col.header-nav ul
{
	color:rgb(35,31,32);
	color:#231f20;
}

/**-------------Overlay menu-------------**/

/* The Overlay (background) */
.overlay { 
  height: 100%;
   width: 100%;
   display: none;
   position: fixed;
   z-index:10000000000000000000;
   top: 0;
   left: 0;
	background-image: linear-gradient(#fafafa, #fff);
}

/**--Swank icon in exact same place in overlay--**/

#overlay-menu-header
{
	display:table;
	width:100%;
	margin-top:1.25rem;
}

#overlay-swank-icon
{
	display:table-cell;
	width:37%;
	vertical-align:middle;
}
#overlay-swank-icon-sizer
{
	margin:0 75% 0 0;
}
#overlay-swank-icon img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}
#overlay-swank-icon-sizer a
{
	display:block;
}
#overlay-swank-icon-sizer a img
{
	border:0;
}
#overlay-close-wrap
{
	display:table-cell;
	vertical-align:middle;
	width:63%;
}
#overlay-close-wrap ul
{
	list-style-type:none;
	text-align:right;
	font-size:40px;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1024px) and (min-width:768px){
	#overlay-swank-icon
	{
		width:15%;
	}
	#overlay-swank-icon-sizer
	{
		margin:0 0 0 0 !important;
	}
	#overlay-close-wrap
	{
		width:85%;
	}
}

@media only screen and (max-width:768px){
	#overlay-swank-icon
	{
		width:15%;
	}
	#overlay-swank-icon-sizer
	{
		margin:0 0 0 0 !important;
	}
	#overlay-close-wrap
	{
		width:85%;
	}
}
@media only screen and (max-width:640px){
	#overlay-swank-icon
	{
		width:20%;
	}
	#overlay-close-wrap
	{
		width:80%;
	}
}
@media only screen and (max-width:480px){
	#overlay-swank-icon
	{
		width:22%;
	}
	#overlay-close-wrap
	{
		width:78%;
	}
}
@media only screen and (max-width:320px){
	#overlay-swank-icon
	{
		width:25%;
	}
	#overlay-close-wrap
	{
		width:75%;
	}
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 20%; /* 25% from the top */
  width: 100%; /* 100% width */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
  font-family:"suisse-regular";
}

@media only screen and (max-width:1024px){
	.overlay-content {
		margin-top: 65px; 
	}	
}

/**--Columns in the content area--**/

#overlay-content-grid
{
	display:table;
	width:100%;
	padding-top:0.5rem;
}
.overlay-content-col
{
	display:table-cell;
	width:20%;
	vertical-align:top;
	text-align:left;
}

@media only screen and (max-width:1024px){
	#overlay-content-grid
	{
		display:block;
	}
	.overlay-content-col
	{
		display:block;
		width:100%;
		padding:0;
	}
}

/**--Links in overlay columns--**/

.overlay-content-col ul
{
	list-style-type:none;
	margin:0 1rem 0 0;
	padding:0 0 0 0;
	color: rgb(35,31,32);
	line-height:2.25 !important;
}

/**--Stacked overlay menu options--**/
.overlay-content-col ul.stacked-overlay-option
{
	margin-top:1.7rem !important;
}

.overlay-content-col ul li.overlay-content-col-header
{
	font-family:"suisse-medium";
	font-size:1.075rem;
	margin-bottom:0.85rem;
}
.overlay-content-col ul li.overlay-content-col-header a
{
	font-family:"suisse-medium";
	font-size:100%;
	text-decoration:none;
	font-weight:normal;
	color: rgb(35,31,32);
}

.overlay-content-col ul li a
{
	text-decoration:none;
	font-weight:normal;
	color:rgb(35,31,32);
	font-size:0.9rem;
	-ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.overlay-content-col ul li.mobile-nix.active a
{
	border-bottom:1px solid #231f20;
}
.overlay-content-col ul li.mobile-nix.active a:hover
{
	color:rgb(35,31,32);
}

/**----------------- RESPONSIVENESS: LINK SIZE --------------------**/

@media only screen and (max-width:1024px){
	.overlay-content-col ul
	{
		margin:0 0 0 0;
		line-height:2 !important;
	}
	.overlay-content-col ul li.overlay-content-col-header
	{
		font-size:1.85rem;
		margin-bottom:0;
	}
	/**--Stacked overlay menu options--**/
	.overlay-content-col ul.stacked-overlay-option
	{
		margin-top:0 !important;
	}
}



/**---------------------- RESPONSIVENESS --------------------------**/

/**--Remove sublinks in tablet + mobile--**/
@media only screen and (max-width:1024px){
	.overlay-content-col ul li.mobile-nix
	{
		display:none;
	}
	.overlay-content-col ul li.overlay-content-col-header.active a
	{
		border-bottom:1px solid #231f20;
	}
}

/**--Coming soon stack--**/

.overlay-content-col fieldset
{
	border:1px solid #dcdcdc;
	border:1px solid rgba(35,31,32, 0.25);
	margin:0.65rem 1.25rem 0 0;
	padding:5px;
}

.overlay-content-col legend {
  display: block;
  padding-left: 2px;
  padding-right: 2px;
  border:0;
  color: rgb(35,31,32);
  font-size:0.9rem;
}

.overlay-content-col ul#coming-soon-links-stack
{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 2px;
	color: rgb(35,31,32);
}

.overlay-content-col ul#coming-soon-links-stack li a
{
	font-family:"suisse-light", sans-serif;
	text-decoration:none;
	font-weight:normal;
	color:rgba(35,31,32, 0.5);
	font-size:0.9rem;
	-ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/**--Remove 'coming soon' in tablet + mobile--**/
@media only screen and (max-width:1024px){
	.overlay-content-col fieldset
	{
		display:none;
	}
}

/**--Menu subitem--**/

.overlay-content-col ul.menu-subitem li.overlay-content-col-header
{
	font-family:"suisse-medium";
	font-size:1.2rem;
	margin-top:2rem;
	margin-bottom:1rem;
}
.overlay a
{
	text-decoration:none;
	font-weight:normal;
	color:rgb(35,31,32);
	-ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: rgba(35,31,32, 0.5);
}


/**-----Add book + talk buttons in tablet + mobile-----**/

/**--Hide by default--**/
#mobile-overlay-buttons
{
	display:none;
}

@media only screen and (max-width:1024px){
	#mobile-overlay-buttons
	{
		display:block;
		margin-top:2.5rem;
		padding:1rem 0;
		text-align:left;
	}
	#mobile-overlay-buttons ul#overlay-buttons
	{
		list-style-type:none;
		margin:0 auto;
		padding:0 0 0 0;
		font-size:1.15rem;
	}
	#mobile-overlay-buttons ul#overlay-buttons li 
	{
		display:inline-block;
		margin:0 1rem 0 0;
		padding:1rem 0;
	}
	#mobile-overlay-buttons ul#overlay-buttons li a
	{
		border:1px solid #f8e100;
		padding:1rem 2rem;
		border-radius:1.75rem;
		text-align:center;
		background:#f8e100;
		text-decoration:none;
		color:#2e2e2e;
		font-size:100%;
		font-family:"suisse-medium";
	}
	#mobile-overlay-buttons ul#overlay-buttons li a:hover, 
	#mobile-overlay-buttons ul#overlay-buttons li a:focus
	{
		color:#231f20;
	}
}

@media only screen and (max-width:640px){
	#mobile-overlay-buttons ul#overlay-buttons
	{
		font-size:1rem;
	}
	#mobile-overlay-buttons ul#overlay-buttons li a
	{
		padding:1.25rem 2.75rem;
		border-radius:2rem;
	}
}
@media only screen and (max-width:480px){
	#mobile-overlay-buttons
	{
		margin-top:1rem;
	}
	#mobile-overlay-buttons ul#overlay-buttons li 
	{
		display:block;
		padding:0.75rem 0;
		margin:0 0 0 0;
	}
	#mobile-overlay-buttons ul#overlay-buttons li a
	{
		display:block;
		margin:0 25% 0 0;
	}
}

@media only screen and (max-width:320px) and (min-width:240px){
	#mobile-overlay-buttons ul#overlay-buttons li a
	{
		margin:0 20% 0 0;
	}
}


/**---------------Social media icons in overlay---------------**/
#overlay-social-media-footer
{
	text-align:right;
	margin-top:0.5rem;
	margin-right:2.25rem;
	display:none;
}
#overlay-social-media-footer ul
{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:1.5rem;
}
#overlay-social-media-footer ul li
{
	display:inline-block;
	margin:0 0.25rem;
	padding:0 0 0 0;
}
#overlay-social-media-footer ul li a
{
	color:#3e3e3e;
	text-decoration:none;
	-ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#overlay-social-media-footer ul li a:hover
{ 
	color:#0e0e0e;
}

/**----------------------Footer----------------------**/

footer
{
	font-family:"suisse-medium";
}
#footer-inner
{
	padding:2rem 0;
}

/**--Upper tier: support links--**/
#footer-support-links
{
	margin-bottom:3rem;
}
#footer-support-grid
{
	display:table;
	width:100%;
}

#footer-col-wide
{
	display:table-cell;
	width:70%;
	vertical-align:top;
	line-height:2.5;
	font-size:0.8rem;
}

#footer-col-wide ul
{
	list-style-type:none;
	margin:0 1rem 0 0;
	padding:0 0 0 0;
	width:28%;
	float:left;
	font-family:"suisse-regular";
}

#footer-col-wide ul li.footer-support-header
{
	font-family:"suisse-semibold";
	margin-bottom:0.25rem;
}

#footer-col-wide ul li a
{
	color:rgb(35,31,32);
	color:#231f20;
	text-decoration:none;
	-ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#footer-col-wide ul li a:hover
{
	color:#c2c2d6;
}

#footer-col-wide ul li.morelink a
{
	font-family:"suisse-medium";
	font-size:0.8rem;
	line-height:2.5;
	border-bottom:1px dotted #231f20;
	-ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#footer-col-wide ul li.morelink a:hover
{
border-bottom:1px dotted #c2c2d6;
}

#footer-col-narrow
{
	display:table-cell;
	width:30%;
	vertical-align:top;
	font-size:0.8rem;
	line-height:2.5;
}
#footer-col-narrow ul
{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:right;
	text-align:right;
	font-family:"suisse-regular";
}

#footer-col-narrow ul li.footer-support-header
{
	font-family:"suisse-semibold";
	margin-bottom:0.25rem;
}

#footer-col-narrow ul li
{
	margin-bottom:0.85rem;
}

#footer-col-narrow ul li.blogpost
{
	line-height:1.5;
	font-size:0.8rem;
}

#footer-col-narrow ul li a
{
	color:rgb(35,31,32);
	color:#231f20;
	text-decoration:none;
	-ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#footer-col-narrow ul li a:hover
{
	color:#c2c2d6;
}

#footer-col-narrow ul li.blogpost.moreblog
{
	font-family:"suisse-medium";
	font-size:0.8rem;
	line-height:2.5;
}
#footer-col-narrow ul li.blogpost.moreblog span
{
	border-bottom:1px dotted #231f20;
	-ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#footer-col-narrow ul li.blogpost.moreblog:hover span
{
border-bottom:1px dotted #c2c2d6;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:768px){
	#footer-support-grid
	{
		display:block;
		width:100%;
	}
	#footer-col-wide
	{
		display:block;
		width:100%;
		margin:0 0 2.5rem;
	}
	#footer-col-wide ul
	{
		margin:0 1rem 0 0;
		width:30%;
		box-sizing: border-box;
	}
	#footer-col-narrow
	{
		display:block;
		width:100%;
		margin:0 0 2.5rem;
	}
	#footer-col-narrow ul
	{
		float:none;
		text-align:left;
	}
}
@media only screen and (max-width:640px) {
	#footer-col-wide #footer-support-col-nix
	{
		display:none;
	}
	#footer-col-wide ul
	{
		margin:0 2% 0 0;
		width:48%;
		box-sizing: border-box;
	}
	#footer-col-wide #footer-support-col-ralign
	{
		text-align:right;
	}
}

/**----Menu footer----**/

#footer-menu
{
	margin-bottom:2.5rem;
}

#footer-menu-grid
{
	display:table;
	width:100%;	
}

.menu-footer-col-wing
{
	display:table-cell;
	width:25%;
	font-family:"suisse-regular";
	line-height:2.5;
	font-size:0.8rem;
}

.menu-footer-col-wing ul li.footer-support-header
{
	font-family:"suisse-semibold";
	margin-bottom:0.25rem;
}

.menu-footer-col-wing ul li a
{
	color:rgb(35,31,32);
	color:#231f20;
	text-decoration:none;
	-ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.menu-footer-col-wing ul li a:hover
{
	color:#c2c2d6;
}

.menu-footer-col-wing ul li.footer-store-link i
{
	vertical-align:middle;
}

#wing-right
{
	text-align:right;
}

/**--Badges area--**/

#menu-footer-center
{
	display:table-cell;
	width:50%;
	vertical-align:middle;
	text-align:center;
}

#menu-footer-center ul
{
	list-style-type:none;
	margin:0 5rem;
	padding:0 0 0 0;
}

#menu-footer-center ul li
{
	display:inline-block;
	margin:0 0;
	width:40%;
	box-sizing:border-box;
}

#menu-footer-center ul li img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}

#menu-fc-left
{
	padding:0 10% 0 0;
}
#menu-fc-right
{
	padding:0 0 0 10%;
}

#menu-footer-center ul li a
{
	display:block;
	border:0;
}
/**--Mobile trust badges--**/

#mobile-trust-badges
{
	display:none;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1280px) and (min-width:1024px){	
	#menu-footer-center ul
	{
		margin:0 3rem;
	}
}
@media only screen and (max-width:1024px) and (min-width:768px){
	#menu-footer-center ul
	{
		margin:0 1rem;
	}
}
@media only screen and (max-width:768px){
	.menu-footer-col-wing
	{
		display:table-cell;
		width:30%;
	}
	#menu-footer-center
	{
		display:table-cell;
		width:40%;
	}
	#menu-footer-center ul
	{
		list-style-type:none;
		margin:0 3.5rem;
	}
	#menu-footer-center ul li
	{
		display:block;
		margin:0 10% 1rem;
		width:80%;
		box-sizing:border-box;
		text-align:center !important;
	}
	#menu-fc-left
	{
		padding:0 0 0 0;
	}
	#menu-fc-right
	{
		padding:0 0 0 0;
	}
	#menu-footer-center ul li#menu-fc-right
	{
		margin-bottom:0;
	}
}
@media only screen and (max-width:640px) {
	#menu-footer-center ul
	{
		list-style-type:none;
		margin:0 3rem;
	}
	#menu-footer-center ul li
	{
		margin:0 0 1rem;
		width:100%;
	}
}
@media only screen and (max-width:480px) {
	#footer-menu-grid
	{
		margin-bottom:2.5rem;
	}
	.menu-footer-col-wing
	{
		display:table-cell;
		width:50%;
	}
	#menu-footer-center
	{
		display:none;
	}
	#mobile-trust-badges
	{
		display:block;
		width:80%;
		margin:0 10%;
	}
	#mobile-trust-badges ul
	{
		list-style-type:none;
		margin:0 0;
		padding:0 0 0 0;
	}

	#mobile-trust-badges ul li
	{
		display:inline-block;
		margin:0;
		width:48%;
		box-sizing:border-box;
	}
	#mobile-trust-badges ul li img
	{
		width:100%;
		height:auto;
		display:block;
		border:0;
	}
	#mobile-trust-badges ul li a
	{
		display:block;
		border:0;
	}
	#mtb-left
	{
		padding:0 10% 0 0;
	}
	#mtb-right
	{
		padding:0 0 0 10%;
	}
}
@media only screen and (max-width:320px) and (min-width:240px){
	#mobile-trust-badges
	{
		width:100%;
		margin:0 0;
	}
}
/**-------------------Lower tier-------------------**/

#footer-inner-grid
{
	display:table;
	width:100%;
}
#footer-inner-logo, 
#footer-inner-links,
#footer-inner-social
{
	display:table-cell;
}

#footer-inner-logo
{
	width:25%;
}
#footer-inner-links
{
	width:50%;
}
#footer-inner-social
{
	width:25%;
}

/**--Logo and copyright--**/

#footer-inner-logo ul
{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	font-size:0.8rem;
	font-family:"suisse-regular";
}
#footer-inner-logo ul li
{
	display:inline-block;
	margin:0 0.4rem 0 0;
	padding:0 0 0 0;
	vertical-align:middle;
}
#footer-inner-logo ul li#logo-wrap
{
	width:3.5rem;
}

#footer-inner-logo img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}

/**--Footer links--**/

#footer-inner-links ul
{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	font-size:0.8rem;
}
#footer-inner-links ul li
{
	display:inline-block;
	margin:0 0.5rem;
	padding:0 0 0 0;
	vertical-align:middle;
}
#footer-inner-links ul li a
{
	color:rgb(35,31,32);
	color:#231f20;
	font-weight:normal;
	text-decoration:none;
	-ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	font-family:"suisse-regular";
}
#footer-inner-links ul li a:hover
{
	color:#c2c2d6;
}

/**--------Footer social media--------**/

#footer-inner-social ul
{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:1.25rem;
	text-align:right;
}
#footer-inner-social ul li
{
	display:inline-block;
	margin:0 0 0 0.5rem;
	padding:0 0 0 0;
}
#footer-inner-social ul li a
{
	color:#3e3e3e;
	text-decoration:none;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#footer-inner-social ul li a:hover
{
	color:#0e0e0e;
}

/**--Mobile footer logo--**/
#mobile-footer-logo
{
	display:none;
}


/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1024px) {
	#footer-inner-grid
	{
		display:block;
		width:100%;
	}
	#footer-inner-links
	{
		display:block;
		text-align:center;
	}
	#footer-inner-logo
	{
		display:none;
	}
	#footer-inner-links
	{
		width:100%;
	}
	#footer-inner-social
	{
		display:none;
	}
	#mobile-footer-logo
	{
		display:block;
		padding-top:2rem;
	}
	#mobile-footer-logo ul
	{
		list-style-type:none;
		width:100%;
		margin:0 0;
		padding:0 0 0 0;
		text-align:left;
		font-size:0.8rem;
		font-family:"suisse-regular";
	}
	#mobile-footer-logo ul li
	{
		display:inline-block !important;
		margin:0 0.35rem 0 0;
		padding:0 0 0 0;
		vertical-align:middle;
	}
	#mobile-footer-logo ul li#mobile-logo-wrap
	{
		width:5rem;
	}
	#mobile-footer-logo img
	{
		width:100%;
		height:auto;
		display:block;
		border:0;
	}
}

@media only screen and (max-width:640px){
	#mobile-footer-logo ul li#mobile-logo-wrap
	{
		display:none !important;
	}
}

/**-----------Back to top button (same style as SwankGuide 1.0)-----------**/

/**--Back to top button--**/

#button {
  display: inline-block;
  background-color: rgb(248,225,0);
  width:50px;
  height:50px;
  text-align: center;
  border-radius: 50%;
  position: fixed;
  bottom: 25px;
  right: 25px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  font-size: 1.25em;
  line-height: 50px;
  color: rgb(35,31,32);
}
#button::after {
  font-weight: normal;
  font-style: normal;
  
}
#button:hover {
  cursor: pointer;
  background-color: rgb(209,211,212);
}
#button:active {
   background-color: rgb(248,225,0);
}
#button.show {
  opacity: 1;
  visibility: visible;
}

/**------------Responsiveness in BTT button------------**/

@media only screen and (max-width:640px){
	#button {
	  bottom: 1rem;
	  right: 1rem;
  }
}

/*Pad the footer to make space for centered BTT button*/
@media only screen and (max-width:320px) and (min-width:240px){
	#footer-legal
	{
		padding:1rem 1.5rem 70px;
	}
	#button {
	  bottom: 0.5rem;
	  right: 0.5rem;
  }
}

@font-face {
  font-family: 'fontello';
  src: url('../icons/plane/fontello.eot?113647');
  src: url('../icons/plane/fontello.eot?113647#iefix') format('embedded-opentype'),
       url('../icons/plane/fontello.woff2?113647') format('woff2'),
       url('../icons/plane/fontello.woff?113647') format('woff'),
       url('../icons/plane/fontello.ttf?113647') format('truetype'),
       url('../icons/plane/fontello.svg?113647#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
.plane-icon {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.plane-icon#btt
{
transform: rotate(270deg);
}

/**------------------------------- HOMEPAGE CONTENT -------------------------------**/


/**-----------Video background-----------**/

/* Add some content at the bottom of the video/page */
.video-header-content {
  position: absolute;
  bottom: top;
  background: rgba(0, 0, 0, 0.25);
  color: #f1f1f1;
  width: 100%;
  height:100%;
}


/**--------Vimeo header--------**/

#homepage.vimeo-header
{
	position:relative;
	min-height:34rem;
}

/**--Studio Display--**/
@media only screen and (max-width:2560px) and (min-width:1920px){	
	#homepage.vimeo-header
	{
		min-height:60rem;
	}
}

/**--Widescreen--**/
@media only screen and (max-width:1920px) and (min-width:1440px){	
	#homepage.vimeo-header
	{
		min-height:61rem;
	}
}

#homepage.vimeo-header .iframe-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}

/* Make the iframe keep an aspect ratio, and
position it in the middle of its parent wrapper*/

#homepage.vimeo-header .iframe-wrapper iframe {
  width: 100vw;
  height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#homepage.vimeo-header #swank-navbar
{
	position:relative;
}

/**--Hero text over Vimeo video--**/

#homepage.vimeo-header #hero-area-text
{
	width:40%;
	margin:8rem 55% 0 5%;
}

/**--Studio Display--**/
@media only screen and (max-width:2560px) and (min-width:1920px){
	#homepage.vimeo-header #hero-area-text
	{
		width:50%;
		margin:21rem 45% 0 5%;
	}
}


/**--Widescreen--**/
@media only screen and (max-width:1920px) and (min-width:1440px){	
	#homepage.vimeo-header #hero-area-text
	{
		width:50%;
		margin:22.5rem 45% 0 5%;
	}
}

#homepage.vimeo-header #hero-area-text h3
{
	font-size:1.65rem;
	line-height:1.75;
	font-family:"suisse-regular", sans-serif;
	color:#fff;
	text-align:left;
}

/**--Studio Display--**/
@media only screen and (max-width:2560px) and (min-width:1920px){
	#homepage.vimeo-header #hero-area-text h3
	{
		font-size:1.75rem;
	}
}


#homepage.vimeo-header #hero-area-text h3 .lead-title
{
	font-family:"suisse-semibold", sans-serif;
}

#homepage.vimeo-header #hero-area-text p
{
	margin:2.5rem 0 0 0;
	font-size:0.9rem;
	line-height:1.75;
	font-family:"suisse-regular", sans-serif;
	color:#fff;
	text-align:left;
}
#homepage.vimeo-header #hero-area-text p a
{
	font-family:"suisse-light", sans-serif;
	color:#fff;
	font-size:100%;
	text-decoration:none;
	vertical-align:middle !important;
}
#homepage.vimeo-header #hero-area-text p a i
{
	vertical-align:middle !important;
}

@media only screen and (max-width:1023px) {
	/*#homepage.vimeo-header #hero-area-text p
	{
		display:none;
	}*/
}



/**---------------------- RESPONSIVENESS --------------------------**/

/**--Studio Display--**/
@media only screen and (max-width:2560px) and (min-width:1920px){
	#hero-container
	{
		max-width:1400px;
		margin:0 auto;
	}
}
		
@media only screen and (max-width:1920px) and (min-width:1440px){	
	#hero-container
	{
		max-width:1400px;
		margin:0 auto;
	}
}

@media only screen and (max-width:1024px){
	#homepage.vimeo-header #hero-area-text
	{
		width:55%;
		margin:8rem 40% 0 5%;
	}
}
@media only screen and (max-width:768px){
	#homepage.vimeo-header #hero-area-text
	{
		width:65%;
		margin:8rem 30% 0 5%;
	}
}
@media only screen and (max-width:640px){
	#homepage.vimeo-header #hero-area-text
	{
		width:75%;
		margin:8rem 20% 0 5%;
	}
	#homepage.vimeo-header #hero-area-text h3
	{
		font-size:1.35rem;
	}
}
@media only screen and (max-width:480px){
	#homepage.vimeo-header #hero-area-text
	{
		width:80%;
		margin:8rem 10%;
	}
}


/**----------------------Category Menu----------------------**/

.category-menu
{
	padding:0 10px;
	background:#fff;
}

/**--Studio Display--**/
@media only screen and (max-width:2560px) and (min-width:1920px){
	.category-menu
	{
		padding:15px 10px 0;
	}
}



.sub-video-toolbar
{
	display:table;
	width:100%;
}

/**--Widescreen--**/
@media only screen and (max-width:1920px) and (min-width:1440px){	
	.sub-video-toolbar
	{
		max-width:1400px;
		margin:0 auto;
	}
}

#sv-toolbar-logo
{
	display:table-cell;
	width:8%;
	vertical-align:middle;
}
#sv-toolbar-logo img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}
#sv-toolbar-logo-wrap
{
	padding:0 0 0 0;
}
#sv-toolbar-logo a
{
	display:block;
	border:0;
}
.sv-toolbar-filter
{
	display:table-cell;
	width:92%;
	vertical-align:middle;
}


/**---------- Remove logo from category roll for tablet/mobile ----------------**/

@media only screen and (max-width:1024px){
	#sv-toolbar-logo
	{
		display:none;
	}
	#sv-toolbar-filter
	{
		display:table-cell;
		width:100%;
	}
}

/**---------- Category roll ----------------**/

.category-roll
{
	display:table;
	width:100%;
	margin:0 0;
}
.category-col
{
	display:table-cell;
	padding:1.35rem 0;
	width:9.09090909091%;
	text-align:center;
}

.category-col a
{
	display:block;
	text-decoration:none;
}
.category-col a h4
{
	font-family:"suisse-medium";
	font-weight:normal;
	font-size:0.75rem;
	color:rgb(35,31,32);
	color:#231f20;
	-ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.category-col a:hover h4
{
	color:#c2c2d6;
}
.category-col a h4 span
{
	display:block;
	margin-bottom:0.5rem;
}
.category-col a h4 i
{
	color:#231f20;
	font-size:160%;
}

/**--Category icons carousel, -1024px --**/

.category-roll#tablet
{
	display:none;
}
.category-roll#mobile
{
	display:none;
}
@media only screen and (max-width:1024px){
	.category-roll#desktop
	{
		display:none;
	}
	.category-roll#tablet
	{
		display:table;
	 position: relative !important;
	}
	.category-roll#tablet .category-col
	{
	display:block;
	float:left;
	padding:0 0;
	width:14.2857142857%;
	}
}

/**--Category icons carousel, -640px --**/

@media only screen and (max-width:640px){
	.category-roll#tablet
	{
		display:none;
	}
	.category-roll#mobile
	{
		display:table;
	 position: relative !important;
	}
	.category-roll#mobile .category-col
	{
		display:block;
		float:left;
		padding:0 0;
		width:20% !important;
	}
	.category-roll#mobile li.final-category-icons .category-col 
	{
		width:25% !important;
	}
}

/**--Carousel for category icons--**/

.cd-testimonials-wrapper {
  position: relative !important;
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 20px 40px 70px 0;
  z-index: 1;
}

@media only screen and (max-width:1024px) and (min-width:768px){
	.cd-testimonials-wrapper {
	  max-width: 968px;
  }
}

.cd-testimonials {
  color: #39393c;
  text-align: center;
}
.cd-testimonials::after {
  clear: both;
  content: "";
  display: table;
}
.cd-testimonials > li {
  position: absolute;
  opacity: 0;
}
.cd-testimonials > li:first-child {
  position: relative !important;
  opacity: 1;
}

/**--Arrows for scrolling left and right--**/

.flex-direction-nav li {
  position: absolute;
  height: 100%;
  width: 40px;
  top: 0;
}
.flex-direction-nav li:first-child {
  left: 0;
  display:none;
}
.flex-direction-nav li:last-child {
  right: 0;
}
.flex-direction-nav li a {
  display: block;
  height: 100%;
  width: 100%;
  position:relative;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.flex-direction-nav li a::before, .flex-direction-nav li a::after {
  /* left and right arrows in css only */
  content: '';
  position: absolute;
  left: 50% !important;
  top: 50% !important;
  width: 2px;
  height: 13px;
  background-color: #39393c;
}
.flex-direction-nav li a::before {
  -webkit-transform: translateY(-35px) rotate(45deg);
  -moz-transform: translateY(-35px) rotate(45deg);
  -ms-transform: translateY(-35px) rotate(45deg);
  -o-transform: translateY(-35px) rotate(45deg);
  transform: translateY(-35px) rotate(45deg);
}
.flex-direction-nav li a::after {
  -webkit-transform: translateY(-27px) rotate(-45deg);
  -moz-transform: translateY(-27px) rotate(-45deg);
  -ms-transform: translateY(-27px) rotate(-45deg);
  -o-transform: translateY(-27px) rotate(-45deg);
  transform: translateY(-27px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::before {
  -webkit-transform: translateY(-35px) rotate(-45deg);
  -moz-transform: translateY(-35px) rotate(-45deg);
  -ms-transform: translateY(-35px) rotate(-45deg);
  -o-transform: translateY(-35px) rotate(-45deg);
  transform: translateY(-35px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::after {
  -webkit-transform: translateY(-27px) rotate(45deg);
  -moz-transform: translateY(-27px) rotate(45deg);
  -ms-transform: translateY(-27px) rotate(45deg);
  -o-transform: translateY(-27px) rotate(45deg);
  transform: translateY(-27px) rotate(45deg);
}


/**----------------------Homepage: Fan Favorites----------------------**/

#latest
{
	padding-top:4.5rem;
}


/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1024px) {
	#latest
	{
		padding-top:2.5rem;
	}
}

@media only screen and (max-width:640px){
	#latest
	{
		padding-top:0;
	}
}


/**-------Homepage listings-------**/

.main-section#latest .listings-col
{
	width:20%;
	float:left;
}

.main-section#latest .listing-col-wrap h4
{
	font-size:0.8rem;
}

.main-section#latest .listing-col-wrap h5
{
	font-size:0.925rem;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1024px){
	.main-section#latest .listings-col,
	#inner-hotels-listing-page .listings-col
	{
		width:25%;
	}
	.main-section#latest .listings-col .mobile-break-nix,
	#inner-hotels-listing-page .listings-col .mobile-break-nix
	{
		display:none;
	}
	#inner-hotels-listing-page.with-catscroll #listings-grid
	{
		margin-top:-35px !important;
	}
	#inner-hotels-listing-page.with-catscroll .listings-wrap .listings-col:nth-child(1),
	#inner-hotels-listing-page.with-catscroll .listings-wrap .listings-col:nth-child(2),
	#inner-hotels-listing-page.with-catscroll .listings-wrap .listings-col:nth-child(3),
	#inner-hotels-listing-page.with-catscroll .listings-wrap .listings-col:nth-child(4)
	{
		margin-top: 0;
	}
}
@media only screen and (max-width:768px){
	.main-section#latest .listings-col,
	#inner-hotels-listing-page .listings-col
	{
		width:33.33333333333333%;
	}
	#inner-hotels-listing-page.with-catscroll .listings-wrap .listings-col:nth-child(1),
	#inner-hotels-listing-page.with-catscroll .listings-wrap .listings-col:nth-child(2),
	#inner-hotels-listing-page.with-catscroll .listings-wrap .listings-col:nth-child(3)
	{
		margin-top: 0;
	}
}
@media only screen and (max-width:640px){
	.main-section#latest .listings-col,
	#inner-hotels-listing-page .listings-col
	{
		width:50%;
	}
	#inner-hotels-listing-page.with-catscroll .listings-wrap .listings-col:nth-child(1),
	#inner-hotels-listing-page.with-catscroll .listings-wrap .listings-col:nth-child(2)
	{
		margin-top: 0;
	}
	#inner-hotels-listing-page.with-catscroll .listings-wrap .listings-col:nth-child(3),
	#inner-hotels-listing-page.with-catscroll .listings-wrap .listings-col:nth-child(4),
	#inner-hotels-listing-page.with-catscroll .listings-wrap .listings-col:nth-child(5),
	#inner-hotels-listing-page.with-catscroll .listings-wrap .listings-col:nth-child(6),
	#inner-hotels-listing-page.with-catscroll .listings-wrap .listings-col:nth-child(7),
	#inner-hotels-listing-page.with-catscroll .listings-wrap .listings-col:nth-child(8),
	#inner-hotels-listing-page.with-catscroll .listings-wrap .listings-col:nth-child(9),
	#inner-hotels-listing-page.with-catscroll .listings-wrap .listings-col:nth-child(10),
	#inner-hotels-listing-page.with-catscroll .listings-wrap .listings-col:nth-child(11),
	#inner-hotels-listing-page.with-catscroll .listings-wrap .listings-col:nth-child(12)
	{
		margin-top:0.5rem;
	}
}

/**--Section header within page--**/

.section-header
{
	text-align:center;
	padding:2rem 0;
}

.section-header h3
{
font-family:"suisse-medium";
color:#231f20;
font-weight:normal;
line-height:1;
font-size:1.65rem;
letter-spacing:0.025rem;
margin:0 0 1.5rem 0;
}

.section-header p
{
	font-family:"suisse-light";
	color:#231f20;
	margin:0 1rem;
	line-height:1.75;
}

@media only screen and (max-width:480px){
	.section-header p
	{
		margin:0 2rem;
	}
}


/**--Follow-on page variation--**/

.section-header.follow-on-page-header
{
	padding-bottom:0;
}
.section-header.follow-on-page-header h3
{
	font-size:1.35rem;
}

/**--Load more button--**/

.load-more-toolbar
{
	text-align:center;
	vertical-align:middle;
	padding:1rem 0;
}

.load-more-toolbar ul
{
	list-style-type:none;
	margin:0 auto;
	padding:0 0 0 0;
	font-size:0.9rem;
}

.load-more-toolbar ul li.toolbar-book-btn a
{
	border:1px solid #f8e100;
	padding:0.85rem 1.75rem;
	border-radius:1.5rem;
	background:#f8e100;
	text-decoration:none;
	color:#2e2e2e;
	font-size:100%;
	font-family:"suisse-medium";
}
.load-more-toolbar ul li.toolbar-book-btn a:hover, 
.load-more-toolbar ul li.toolbar-book-btn a:focus
{
	color:#231f20;
}

/**--Homepage mobile button hidden by default--**/

.main-section#latest .load-more-toolbar.mobile-load
{
	display:none;
}


/**--Load more button NIXED on Homepage below 640px--**/

@media only screen and (max-width:640px){
	.main-section#latest .load-more-toolbar.desktop-load,
	.see-all-toolbar
	{
		display:none;
	}
	.main-section#latest .load-more-toolbar.mobile-load
	{
		display:block;
	}
}

/**--See all hotels--**/
.see-all-toolbar
{
	margin:4.5rem 0 0 0;
	text-align:center;
}

.see-all-toolbar p
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:0.85rem;
	font-family:"suisse-semibold";
	color:#231f20;
}
.see-all-toolbar p a
{
	font-family:"suisse-semibold";
	color:#231f20;
	font-size:100%;
	text-decoration:none; 
	-ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	border-bottom:2px dotted #231f20;
}
.see-all-toolbar p a:hover
{
color:#9f9396 !important;
border-bottom:2px dotted #9f9396;
}


/**---------------Innerpage header-----------------**/

/**---------Innerpages with photo headers behind menu---------**/

.photo-header-wrap
{
	background:#cacaca;
	position:relative;
}

.photo-header-wrap.phw-light
{
	background:#fff;
}

/**--Destination Services--**/

.photo-header-wrap#destinations-photo-header
{
	background:#cacaca url(../img/destinations/destination-services.jpg) no-repeat center center;
	background-size:cover;
}

@media only screen and (max-width:1024px){
	.photo-header-wrap#destinations-photo-header
	{
		background:#cacaca url(../img/destinations/destination-services-1024.jpg) no-repeat center center;
		background-size:cover;
	}
}

/**--404--**/

.photo-header-wrap#photo-header-404
{
	background:#cacaca url(../img/404/404-Page-Not-Found.jpg) no-repeat center center;
	background-size:cover;
}

@media only screen and (max-width:1024px){
	.photo-header-wrap#photo-header-404
	{
		background:#cacaca url(../img/404/404-Page-Not-Found-1024.jpg) no-repeat center center;
		background-size:cover;
	}
}


/**--Booking Hub--**/

.photo-header-wrap#booking-hub
{
	background:#cacaca url(../img/photo-header/swank-guide-booking-hub.jpg) no-repeat top center;
	background-size:cover;
}

@media only screen and (max-width:1024px){
	.photo-header-wrap#booking-hub
	{
		background:#cacaca url(../img/photo-header/swank-guide-booking-hub-1024.jpg) no-repeat top center;
		background-size:cover;
	}
}

/**--Community--**/

.photo-header-wrap#community
{
	background:#cacaca url(../img/photo-header/community-swank-guide.jpg) no-repeat center center;
	background-size:cover;
}

@media only screen and (max-width:1024px){
	.photo-header-wrap#community
	{
		background:#cacaca url(../img/photo-header/community-swank-guide-1024.jpg) no-repeat center center;
		background-size:cover;
	}
}

/**--Why We're Different--**/

.photo-header-wrap.swank-different2#swank-different
{
	background:#cacaca url(../img/photo-header/swank-different-header.jpg) no-repeat center center;
	background-size:cover;
}

@media only screen and (max-width:1024px){
	.photo-header-wrap#destinations-photo-header
	{
		background:#cacaca url(../img/photo-header/swank-different-header-1024.jpg) no-repeat center center;
		background-size:cover;
	}
}

.photo-header-wrap #innerpage
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

.photo-header-text
{
	min-height:30rem;
	display:table;
	width:100%;
}

/**--Studio Display--**/
@media only screen and (max-width:2560px) and (min-width:1920px){	
	.photo-header-wrap#destinations-photo-header .photo-header-text,
	.photo-header-wrap#swank-different .photo-header-text,
	.photo-header-wrap#community .photo-header-text.short-ph
	{
		min-height:49rem;
	}
}


.photo-header-text.short-ph
{
	min-height:22rem;
}

/**---------------------- RESPONSIVENESS --------------------------**/


@media only screen and (max-width:768px){
	.photo-header-text.short-ph
	{
		min-height:26rem;
	}
}
@media only screen and (max-width:640px){
	.photo-header-text.short-ph
	{
		min-height:24rem;
	}
}

.photo-header-text article
{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

.photo-header-text h3
{
font-family:"suisse-medium";
color:#fff;
font-weight:normal;
line-height:1.45;
font-size:2rem;
letter-spacing:0.025rem;
margin:0 1rem;
}
.photo-header-text h3 a
{
	font-family:"suisse-medium";
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

.photo-header-text.short-ph h3
{
	margin-top:5rem;
}

.photo-header-wrap.phw-light h3
{
	color:#231f20;
}

/**--Mobile-only subpage header---*/
.photo-header-text.short-ph h3 .mobile-only-subline
{
	display:none;
	color:#f8e100;
	font-family:"suisse-regular";
}

/**--Booking hub, language switch for mobile--**/
.photo-header-text h3#booking-mobile
{
	display:none;
}


/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:640px) {
	.photo-header-text h3
	{
	font-size:1.85rem;
	margin:0 2.5rem;
	}
	.photo-header-text.short-ph h3 .mobile-only-subline
	{
		display:inline;
	}
	.photo-header-text h3#booking-desktop
	{
		display:none;
	}
	.photo-header-text h3#booking-mobile
	{
		display:block;
	}
}
@media only screen and (max-width:480px){
	.photo-header-text h3
	{
	font-size:1.75rem;
	}
}

/**--Topbar with photoheader--**/

.photo-header-wrap.phw-dark #innerpage .header-col.header-nav ul
{
	color:#fff;
}
	
.photo-header-wrap.phw-dark #innerpage .header-col.header-nav ul li a
	{
		color:#fff;
	}
.photo-header-wrap.phw-dark #innerpage .header-col.header-nav ul li a:hover
	{
		color:#fffae6;
	}
.photo-header-wrap.phw-dark #innerpage .header-col.header-nav ul li.active a
{
	border-bottom-color:#fff;
}

.photo-header-wrap.phw-dark #innerpage #swank-navbar.scrollHeader .header-col.header-nav ul li a
{
	color:#231f20;
}
.photo-header-wrap.phw-dark #innerpage #swank-navbar.scrollHeader .header-col.header-nav ul li a:hover
{
	color:#9f9396;
}

.photo-header-wrap.phw-dark #innerpage #swank-navbar.scrollHeader .header-col.header-nav ul li.toolbar-book-btn a:hover
{
	color:#231f20;
}


/**------Innerpage header proportions------**/

#innerpage .header-col.header-name
{	
	display:none;
	text-align:center;
}

/**--Follow-on page variation--**/
#follow-on-page #innerpage .header-col.header-name h2
{
	display:block;
}

#innerpage #swank-navbar.scrollHeader h2,
#follow-on-page #innerpage #swank-navbar h2,
.show-resort-name #innerpage .header-col.header-name h2
{
	display:block;
	font-family:"suisse-medium";
	color:#231f20;
	font-weight:normal;
	line-height:1;
	font-size:1.5rem;
	letter-spacing:0.025rem;
}
#innerpage .header-col.header-name h2 a
{
	color:#231f20;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
}

#innerpage .header-col.header-nav
{
	width:63%;
}


/**--Follow-on page variation--**/

#follow-on-page #innerpage .header-col.header-name
{
	display:table-cell;
	width:26%;
	text-align:center;
}
#follow-on-page #innerpage .header-col.header-nav
{
	width:45%;
}

/**--On scrolldown--**/

#innerpage #swank-navbar.scrollHeader .header-col.header-name
{
	display:table-cell;
	width:26%;
	text-align:center;
}

/**--For pages with long title names, use small font for scrolldown header--**/
@media only screen and (max-width:640px){
	#innerpage #swank-navbar.scrollHeader .header-col.header-name h2,
	#follow-on-page #innerpage #swank-navbar .header-col.header-name h2
	{
		font-size:1rem;
	}
}

#innerpage #swank-navbar.scrollHeader .header-col.header-nav
{
	width:45%;
}

#innerpage .header-col.header-nav ul
{
	color:#231f20;
}
#innerpage #swank-navbar
{
	padding-top:1.25rem;
	padding-bottom:1.25rem;
}
#innerpage #swank-navbar.scrollHeader
{
	padding:0.5rem 0;
	position:fixed;
	top:0;
	left:0;
	background:white;
	width:100%;
}
#innerpage .header-col.header-nav ul li a
{
	color:#231f20;
}
#innerpage .header-col.header-nav ul li a:hover
{
color:#9f9396;
}

/**-------- Active page for inner pages------**/
.header-col.header-nav ul li.active a
{
	border-bottom:1px solid #231f20;
}
#innerpage .header-col.header-nav ul li.active a:hover
{
color:#231f20;
}

/**-------------ROOM page: Switch in 'innerpage' subsection menu at top ON SCROLL----------**/
/**--Hidden by default--**/
#innerpage-scroll
{
	display:none;
}
#innerpage #swank-navbar.scrollHeader #innerpage-default
{
	display:none;
}
#innerpage #swank-navbar.scrollHeader #innerpage-scroll
{
	display:block;
}

/**--Follow-on pages show innerpage-scroll by default/consistently--**/

#follow-on-page #innerpage #swank-navbar #innerpage-default
{
	display:none;
}
#follow-on-page #innerpage #swank-navbar #innerpage-scroll
{
	display:block;
}
#follow-on-page #innerpage #swank-navbar #innerpage-scroll-mobile
{
	display:none;
}

/**--Search pages with searchbar on scroll above 1024 px--**/

#innerpage #swank-navbar.scrollHeader .header-grid .header-name
{
	text-align:center;
}

/**--Info pages with buttons on scroll above 1024 px--**/
.header-grid.search-header #innerpage-scroll-mobile,
.header-grid.info-header #innerpage-scroll-mobile,
.header-grid.resort-header #innerpage-scroll-mobile
{
	display:none;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1024px){
	#innerpage .header-col.header-icon
		{
			width:15%;
		}
		#innerpage .header-col.header-nav
		{
			width:85%;
		}
		#innerpage .header-icon-wrap
		{
			margin:0 0 0 0 !important;
		}
		#innerpage .header-col.header-nav ul#innerpage-default li.mobile-nix
		{
			display:none;
		}
		/**--On scrolldown--**/

		#innerpage #swank-navbar.scrollHeader .header-col.header-name,
		#follow-on-page #innerpage .header-col.header-name
		{
			display:table-cell;
			width:70% !important;
			text-align:center;
		}
		#innerpage #swank-navbar.scrollHeader .header-col.header-nav,
		#follow-on-page #innerpage .header-col.header-nav
		{
			width:15% !important;
		}
		/**--Search oages--**/
		.search-header #searchbar-on-scroll
		{
			display:none !important;
		}
		#innerpage #swank-navbar.scrollHeader .header-grid.search-header #innerpage-scroll-mobile
		{
			display:block;
		}
		.with-photohead .header-grid.search-header #innerpage-scroll-mobile li
		{
			color:#231f20;
		}
		/**--Info pages--**/
		#innerpage #swank-navbar.scrollHeader .header-grid.info-header #innerpage-scroll
		{
			display:none !important;
		}
		#innerpage #swank-navbar.scrollHeader .header-grid.info-header #innerpage-scroll-mobile
		{
			display:block !important;
		}
		.photo-header-wrap.phw-dark #innerpage #swank-navbar.scrollHeader .header-grid.info-header #innerpage-scroll-mobile
		{
			color:#231f20;
		}
		/**--Resort pages--**/
		#innerpage #swank-navbar.scrollHeader .header-grid.resort-header #innerpage-scroll
		{
			display:none !important;
		}
		#innerpage #swank-navbar.scrollHeader .header-grid.resort-header #innerpage-scroll-mobile
		{
			display:block !important;
		}
		
		/**--Follow-on pages--**/
		#follow-on-page #innerpage #swank-navbar #innerpage-default
		{
			display:none;
		}
		#follow-on-page #innerpage #swank-navbar #innerpage-scroll
		{
			display:none;
		}
		#follow-on-page #innerpage #swank-navbar #innerpage-scroll-mobile
		{
			display:block;
		}
}

@media only screen and (max-width:640px) and (min-width:480px){
	header#innerpage .header-col.header-icon,
	#innerpage #swank-navbar.scrollHeader .header-col.header-icon
		{
			width:20% !important;
		}
		header#innerpage .header-col.header-nav
		{
			width:80%;
		}
		/**--On scrolldown--**/

		#innerpage #swank-navbar.scrollHeader .header-col.header-name,
		#follow-on-page #innerpage .header-col.header-name
		{
			width:60% !important;
		}
		#innerpage #swank-navbar.scrollHeader .header-col.header-nav,
		#follow-on-page #innerpage .header-col.header-nav
		{
			width:20% !important;
		}
}
@media only screen and (max-width:480px) and (min-width:320px){
	header#innerpage .header-col.header-icon
		{
			width:22%;
		}
		header#innerpage .header-col.header-nav
		{
			width:78%;
		}
		/**--On scrolldown--**/

		#innerpage #swank-navbar.scrollHeader .header-col.header-name,
		#follow-on-page #innerpage .header-col.header-name
		{
			width:56% !important;
		}
		#innerpage #swank-navbar.scrollHeader .header-col.header-nav,
		#follow-on-page #innerpage .header-col.header-nav
		{
			width:22% !important;
		}
}
@media only screen and (max-width:320px) and (min-width:240px){
	header#innerpage .header-col.header-icon
		{
			width:25%;
		}
		header#innerpage .header-col.header-nav
		{
			width:75%;
		}
		/**--On scrolldown--**/

		#innerpage #swank-navbar.scrollHeader .header-col.header-name,
		#follow-on-page #innerpage .header-col.header-name
		{
			width:50% !important;
		}
		#innerpage #swank-navbar.scrollHeader .header-col.header-nav,
		#follow-on-page #innerpage .header-col.header-nav
		{
			width:25% !important;
		}
}

/**--Topbar menu variation for INDIVIDUAL RESORT PAGES (extended menu)------**/

#resort-profile-single #innerpage #swank-navbar .header-col.header-nav .resort-profile-exit,
.form-exit-page #innerpage #swank-navbar .header-col.header-nav .resort-profile-exit
{
	display:none;
}

/**--Resort profile exit button--**/

#resort-profile-single #innerpage #swank-navbar .header-col.header-nav .resort-profile-exit,
.form-exit-page #innerpage #swank-navbar .header-col.header-nav .resort-profile-exit
{
	font-size:0.95rem;
	vertical-align:middle;
	margin-right:5px;
	font-family:"suisse-light", sans-serif;
	color:#231f20;
}

.form-exit-page #innerpage #swank-navbar .header-col.header-nav .resort-profile-exit
{
	font-size:0.95rem !important;
}

.exit-btn i
{
	vertical-align:middle;
	margin-left:0;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1280px) and (min-width:1024px){	
	#resort-profile-single #innerpage #swank-navbar.scrollHeader .header-col.header-nav #innerpage-scroll
	{
		display:none;
	}
	#resort-profile-single #innerpage #swank-navbar.scrollHeader .header-col.header-nav #innerpage-scroll-mobile
	{
		display:block;
	}
}
@media only screen and (max-width:1024px){
	#resort-profile-single #innerpage #swank-navbar .header-col.header-nav .resort-profile-exit
	{
		display:inline;
	}
	.form-exit-page #innerpage #swank-navbar .header-col.header-nav .resort-profile-exit
	{
		display:inline;
	}
}

@media only screen and (max-width:640px) and (min-width:480px){
	.form-exit-page #innerpage #swank-navbar .header-col.header-nav .resort-profile-exit
	{
		font-size:0.8rem;
	}	
}

/**-----------Individual resort pages INDEX page---------**/

#resort-index-title
{
	text-align:center;
	padding-top:1.5rem;
	padding-bottom:2rem;
}

/**--Title with meta data--**/

#rit-grid
{
	display:table;
	width:100%;
}
.rit-col
{
	display:table-cell;
	vertical-align:middle;
}
.rit-title
{
	width:32%;
}
.rit-meta
{
	width:34%;
}
.rit-meta-right
{
	text-align:right;
}


/**--Title inside middle col--**/

#resort-index-title h2
{
	font-family:"suisse-medium";
	color:#231f20;
	font-weight:normal;
	line-height:1;
	font-size:1.5rem;
	letter-spacing:0.025rem;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

/**--Meta data inside wing cols--**/

.rit-meta ul
{
	list-style-type:none;
	margin:0;
	padding:0 0 0 0;
	text-align:left;
}

.rit-meta ul li
{
	display:inline-block;
	margin:0 0.25rem 0 0;
	padding:0 0 0 0;
	font-size:0.8rem;
	line-height:1;
}
.rit-meta ul li a
{
	font-family:"suisse-light", sans-serif;
	color:#231f20;
	font-size:100%;
	text-decoration:none;
	font-weight:normal;
	-ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.rit-meta ul li a:hover
{
	color:#b3b3cc;
}


/**--Category wrapper below title--**/

#index-category-wrapper
{
	padding-top:2rem;
	text-align:center;
}

#index-category-wrapper ul
{
	list-style-type:none;
	margin:0;
	padding:0 0 0 0;
	text-align:center;
}

@media only screen and (max-width:640px) {
	#index-category-wrapper,
	#index-category-wrapper ul
	{
		text-align:right;
	}
	#index-category-wrapper
	{
		padding-bottom:1rem;
	}
}

#index-category-wrapper ul li
{
	display:inline-block;
	margin:0 0.25rem;
	padding:0 0 0 0;
	font-size:0.8rem;
	line-height:1;
}
#index-category-wrapper ul li a
{
	font-family:"suisse-light", sans-serif;
	color:#231f20;
	font-size:100%;
	text-decoration:none;
	font-weight:normal;
	-ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#index-category-wrapper ul li a:hover
{
	color:#b3b3cc;
}


/**--Right-hand meta varation--**/
.rit-meta.rit-meta-right ul
{
	text-align:right;
}

.rit-meta.rit-meta-right ul li
{
	margin:0 0 0 0.75rem;
}

.rit-meta.rit-meta-right ul li.toolbar-book-btn
{
	margin-right:0;
}

.rit-meta.rit-meta-right ul li.toolbar-book-btn a
{
	border:1px solid #f8e100;
	padding:0.85rem 1.75rem;
	border-radius:1.5rem;
	background:#f8e100;
	text-decoration:none;
	color:#2e2e2e;
	font-size:100%;
	font-family:"suisse-medium";
}
.rit-meta.rit-meta-right ul li.toolbar-book-btn a:hover, 
.rit-meta.rit-meta-right ul li.toolbar-book-btn a:focus
{
	color:#231f20;
}


/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:768px) {
	.rit-col.rit-meta .mobile-nix
	{
		display:none;
	}
	.rit-meta.rit-meta-right ul li.toolbar-book-btn
	{
		margin-right:0;
	}
}
@media only screen and (max-width:640px){
	#rit-grid
	{
		display:block;
		width:100%;
	}
	.rit-col
	{
		display:block;
		vertical-align:top;
	}
	.rit-title
	{
		width:100%;
		padding-top:1rem;
		padding-bottom:0.5rem;
	}
	.rit-meta
	{
		width:100%;
	}
	.rit-meta-left
	{
		padding:0 0 1rem 0;
	}
	.rit-meta-right
	{
		text-align:right;
		padding:1rem 0;
	}	
	.rit-col.rit-meta .mobile-nix
	{
		display:block;
		float:left;
		margin-left:0;
		padding-top:0.5rem;
	}
}

/**----------The tiles----------**/

#resort-index-cols-wrap
{
	padding-left:1.5%;
}

.resort-tile {
    width: 47%;
    margin:0 1%;
    height: 350px;
    overflow: hidden;
    position: relative;
    display: inline-block;
  cursor: pointer;
}

.resort-tile-content {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

/**---Mobile-only title wrap----**/
.resort-title-wrap-mobile
{
	display:none;
}
.resort-title-wrap-mobile h3
{
	font-family:"suisse-medium";
	color:#231f20;
	font-weight:normal;
	font-size:1.35rem;
	margin:0 0 1.1rem 0;
}
.resort-title-wrap-mobile h3 a
{
	font-family:"suisse-medium";
	color:#231f20;
	font-weight:normal;
	text-decoration:none;
}


/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:640px) {
	.resort-tile {
	    width: 100%;
	    margin:0 0 0 0;
	    height: 20rem;
	    overflow: hidden;
	    position: relative;
	    display: inline-block;
	  cursor: pointer;
	}
	.resort-tile#mobile-tile-top
	{
		margin-bottom:3rem;
	}
	.resort-title-wrap-mobile
	{
		display:block;
	}
}

/*-------- IMAGES IN BACK OF THE TILES: WORDPRESS TO FETCH-------- */
.bg-one 
{
	background: #5e5e5e url('../img/arenas-del-mar/Image-05-LRG.jpg') no-repeat center center;
	background-size:cover;
}
.bg-two 
{
	background: #5e5e5e url('../img/arenas-del-mar/Image-02-LRG.jpg')  no-repeat center center;
	background-size:cover;
}


.resort-tile .resort-tile-content a
{
	display:table-cell;
	height:100%;
    text-align: center;
	vertical-align:middle;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer;
	text-decoration:none;
}

/**--Image enlargement on hover--**/

.resort-tile:hover .resort-tile-content, 
.resort-tile:focus .resort-tile-content {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}


/**--Desktop hover text--**/

.resort-tile-content p.default-hover {
	font-family:"suisse-medium";
    font-size: 13px;
    color: #ffffff !important;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	height:13px;
	text-decoration:none;
	vertical-align:middle;
	display:block;
}

.resort-tile-content p.default-hover span
{
	border:1px solid #fff;
	padding:1rem 1.75rem;
	border-radius:1.5rem;
}


/**--Mobile static text--**/

.resort-tile-content p.mobile-static {
	display:none;
}

.resort-tile-content p.mobile-static {
	font-family:"suisse-medium";
    font-size: 1.2rem;
    color: #ffffff !important;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	height:16px;
	text-decoration:none;
	vertical-align:middle;
}

.resort-tile-content p.mobile-static span  
{
	font-family:"suisse-light"; 
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:480px) and (min-width:320px){
	.resort-tile-content p.mobile-static {
		font-family:"suisse-medium";
	    font-size: 1rem;
	}
}

/**--The filter--**/

.resort-tile-content:before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(52,73,94,0.25);
}


/**--Description below the tiles--**/

#resort-index-desc-wrap
{
	padding:0 2.5% !important;
	margin:1rem 0 3rem 0;
}
#resort-index-desc-cols-wrap
{
	display:table;
	width:100%;
	margin:0 0;
	padding:0 0 0 0;
	box-sizing: border-box !important;
}
.rid-col
{
	display:table-cell;
	width:50%;
	box-sizing: border-box;
}
.rid-col-left
{
	padding-right:1%;
}
.rid-col-right
{
	padding-left:1%;
}

.rid-col article
{
	padding:1.5rem 2.5rem 0 1.5rem;
}

.rid-col a
{
	display:block;
	text-decoration:none;
	font-weight:normal;
}

.rid-col h3
{
	font-family:"suisse-medium";
	color:#231f20;
	font-weight:normal;
	font-size:1.35rem;
	margin:0 0 1.1rem 0;
}

.rid-col h4
{
	font-family:"suisse-medium";
	color:#231f20;
	font-weight:normal;
	font-size:0.9rem;
	margin:0 0 1.25rem 0;
}

.rid-col p
{
	font-family:"suisse-light";
	color:#231f20;
	font-weight:normal;
	line-height:1.75;
	font-size:0.85rem;
	padding:0 2.5rem 0 0;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:640px){
	#resort-index-desc-wrap
	{
		display:none !important;
	}
}


/**--------------Individual resort page---------------**/

#resort-individual-info .hero-header
{
	min-height:24rem;
	display:table;
	width:100%;
	position:relative;
}
#resort-individual-info .hero-header-filter
{
position: absolute;
bottom: top;
background: rgba(0, 0, 0, 0.3);
width: 100%;
height:100%;
}

/**--Hero image at top: Wordpress will fetch--**/

.hero-header#demo
{
	background:#80aac5 url(../img/individual-hotel-hero.jpg) no-repeat center center;
	background-size:cover;
}
	
.hero-header-title
{
	display:table-cell;
	vertical-align:middle;
 text-align:center;	
}
.hero-header-title h2
{
font-family:"suisse-medium";
color:#fff;
font-weight:normal;
font-size:2.5rem !important;
letter-spacing:0.025rem;
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
height:16px;
text-align: center;
margin: auto;
vertical-align:middle;
display:block;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:640px){
	.hero-header-title h2
	{
	font-size:1.85rem  !important;
	}
}
@media only screen and (max-width:480px) {
	.hero-header-title h2
	{
	font-size:1.75rem  !important;
	}
}

#resort-individual-info
{
	padding-bottom:3.5rem;
}

/**--Mobile only resort profile headers--**/
.mobile-only-resort-header
{
	display:none;
}

.mobile-only-resort-header h3
{
	font-family:"suisse-medium", sans-serif;
	font-size:1.5rem !important;
	margin:0 0 2rem 0 !important;
	padding:0.5rem 0 !important;
	border-left:5px solid #f8e100 !important;
	padding-left:15px !important;
}

/**--Overview section--**/
#overview
{
	padding:3rem 0 4.5rem;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:768px){
	#overview
	{
		padding:3rem 0 0.5rem;
	}
	.mobile-only-resort-header
	{
		display:block;
	}
}


/**--Key facts overview--**/

#overview-grid
{
	display:table;
	width:100%;
}
#overview-summary-text
{
	display:table-cell;
	width:45%;
	text-align:left;
	vertical-align:top;
}
#overview-summary-text p
{
	margin:1.5rem 0;
	font-size:2.2rem;
	line-height:1.4;
	font-family:"suisse-regular";
	color:#231f20;
	font-weight:normal;
}
#overview-quick-facts
{
	display:table-cell;
	width:55%;
	text-align:left;
	vertical-align:top;
}

.oqf-wrap
{
	padding:1.75rem 0 1.75rem 4.5rem;
}

.key-fact-unit
{
	line-height:1.75;
	margin:0 0 0.5rem 0;
	padding:0 0 0.5rem 0;
}

.key-fact-unit .key-fact-header
{
	font-family:"suisse-regular";
	color:#231f20;
	font-weight:normal;
	font-size:0.85rem;
	margin-bottom:0.25rem;
}
.key-fact-unit .key-fact-entry
{
	font-family:"suisse-medium";
	color:#231f20;
	font-weight:normal;
	font-size:1.1rem;
	/*letter-spacing:0.01rem;*/
}
.key-fact-unit .key-fact-entry span
{
	/*white-space: nowrap;*/
}
.key-fact-unit .key-fact-entry a
{
	font-family:"suisse-medium";
	color:#231f20;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;	
}
.key-fact-unit .key-fact-entry a.jumpdown
{
	border-bottom:1px dotted #231f20;
}

/**--Category list at top of overview--**/

#overview-category-list
{
	font-family:"suisse-regular";
	color:#231f20;
	font-weight:normal;
	font-size:inherit;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#overview-category-list li
{
	display:inline;
	margin-right:5px;
}
#overview-category-list li:last-child span
{
	display:none;
}


/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1024px) and (min-width:768px){
	#overview-summary-text p
	{
		font-size:1.8rem;
	}
}
@media only screen and (max-width:768px){
	#overview-grid
	{
		display:block;
	}
	#overview-summary-text
	{
		display:block;
		width:100%;
		text-align:left;
		vertical-align:top;
	}
	#overview-summary-text p
	{
		font-size:1.8rem !important;
	}
	#overview-quick-facts
	{
		display:block;
		width:100%;
	}
	.oqf-wrap
	{
		padding:1.5rem 1.5rem 0 0;
	}
}

/**--Highs and Stuff You Should Know--**/

#highs-sysk-tier
{
	margin:2.5rem 0;
	display:table;
	width:100%;
}

.highs-sysk-tier-col
{
	display:table-cell;
	width:50%;
	vertical-align:top;
}

.highs-sysk-tier-col h3
{
	margin:0 0 0 0;
	font-family:"suisse-medium";
	color:#231f20;
	font-weight:normal;
	font-size:1.25rem;
	line-height:1.5;
}

/**--The Highs--**/

.highs-sysk-tier-col#highs-col ul
{
	margin:2rem 25% 0 0;
	width:75%;
}

.highs-sysk-tier-col#highs-col ul li
{
	line-height:1.65;
	margin:0.75rem 0;
	padding:0.75rem 0;
	border-bottom:1px solid #E8E8E8;
}

#sysk-txt-wrap
{
	padding:2rem 0 0 0;
	column-count: 2;
	column-gap:2.5rem;
}

#sysk-txt-wrap p
{
font-family:"suisse-regular";
color:#231f20;
font-weight:normal;
font-size:1rem;
margin:0 1rem 1rem 0;
line-height:1.65;
}


/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:768px) {
	#highs-sysk-tier
	{
		margin:2.5rem 0;
		display:block;
		width:100%;
	}
	.highs-sysk-tier-col
	{
		display:block;
		width:100%;
	}
	.highs-sysk-tier-col#highs-col ul
	{
		margin:2rem 15% 4rem 0;
		width:85%;
	}
}
@media only screen and (max-width:480px) and (min-width:320px){
	.highs-sysk-tier-col#highs-col ul
	{
		margin:2rem 5% 4rem 0;
		width:95%;
	}
}


/**--Amenities and price--**/

#amenities-grid
{
	display:table;
	width:100%;
	margin:2.5rem 0 0;
}
#amenities-list
{
	display:table-cell;
	width:55%;
	vertical-align:middle;
}
#price-code
{
	display:table-cell;
	width:45%;
	vertical-align:top;
}
.amenities-row
{
	display:block;
	width:100%;
	margin:0.5rem 0 2.5rem 0;
}

.amenities-row#last-amenities-row
{
	margin-bottom:0;
}
.amenities-unit
{
	display:block !important;
	width:20% !important;
	text-align:center;
	vertical-align:top;
	float:left !important;
	margin:0 0 2.5rem 0;
}

li.amenities-icon
{
	font-size:1.5rem;
	margin-bottom:0.25rem;
}

.amenities-unit.am-negative li.amenities-icon
{
	color:#a9a9a9;
}

li.amenities-txt
{
	font-family:"suisse-light";
	color:#231f20;
	font-weight:normal;
	font-size:0.8rem;
	line-height:1.35;
}

.amenities-unit.am-negative li.amenities-txt
{
	text-decoration: line-through;
	color:#a9a9a9;
}

/**--Price Code box--**/
#price-code .oqf-wrap
{
	border-left:1px solid #E8E8E8;
	padding:1.75rem 0 1.75rem 2.25rem;
	margin-left:2.25rem;
}

#price-code .oqf-wrap .key-fact-unit
{
	line-height:1.75;
	margin:0 0 0.5rem 0;
	padding:0 0 0.5rem 0;
}

#price-code .oqf-wrap .key-fact-unit .key-fact-header
{
	font-family:"suisse-regular";
	color:#231f20;
	font-weight:normal;
	font-size:0.85rem;
	margin-bottom:0.25rem;
}
#price-code .oqf-wrap .key-fact-unit .key-fact-entry
{
	font-family:"suisse-medium";
	color:#231f20;
	font-weight:normal;
	font-size:1.25rem;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:768px){
	#amenities-grid
	{
		display:block;
		width:100%;
		margin:2.5rem 0;
	}
	#amenities-list
	{
		display:block;
		width:100%;
		vertical-align:top;
		border:1px solid #E8E8E8;
		padding:1rem;
	}
	#price-code
	{
		display:block;
		width:100%;
		margin:1rem 0 0 0;
	}
	#price-code .oqf-wrap
	{
		border-left-style:none;
		padding:1.75rem 0;
		margin-left:0;
	}
}

/**-----------Fora panel (Swank Guide Extras)------------**/

#fora-panel
{
	padding:3.5rem 0;
}

#fora-grid
{
	display:table;
	width:100%;
}

#fora-panel-txt
{
	display:table-cell;
	width:40%;
	vertical-align:top;
}

#fora-panel-txt article
{
	padding:0 2rem 0 0;
}

#fora-panel h3
{
	font-family:"suisse-medium";
	color:#231f20;
	font-weight:normal;
	font-size:1.5rem;
	margin:1rem 0 0;
	padding:0 0 0 0;
}

#fora-panel p {
font-family:"suisse-light";
color:#231f20;
  font-size:1rem;
  line-height:1.75;
  font-style: normal;
	margin:1.75rem 0;
}

#fora-panel ul
{
	list-style-type:none;
	margin:0 0 0 0;
	padding:1rem 0 0 0;
	font-size:0.9rem;
}

#fora-panel ul li.toolbar-book-btn a
{
	border:1px solid #f8e100;
	padding:0.85rem 1.75rem;
	border-radius:1.5rem;
	background:#f8e100;
	text-decoration:none;
	color:#2e2e2e;
	font-size:100%;
	font-family:"suisse-medium";
}
#fora-panel ul li.toolbar-book-btn a:hover, 
#fora-panel ul li.toolbar-book-btn a:focus
{
	color:#231f20;
}

.fora-panel-img
{
	display:table-cell;
	width:60%;
	vertical-align:top;
}
.fora-panel-img img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}

/**--Mobile vs desktop image display--**/
.fora-panel-img.mobile-resort-img
{
	display:none;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:768px){
	#fora-panel
	{
		padding:1.5rem 0;
	}
	#fora-panel h3.desktop-only-resort-header
	{
		display:none;
	}
	.fora-panel-img.mobile-resort-img
	{
		display:block;
	}
	.fora-panel-img.desktop-resort-img
	{
		display:none;
	}
	#fora-panel-txt
	{
		display:block;
		width:100%;
	}
	.fora-panel-img
	{
		display:block;
		width:100%;
	}
}


/**------------Location section------------**/

#location-grid
{
	padding:6rem 0;
	display:table;
	width:100%;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:768px) {
	#location
	{
		padding-top:6rem;
	}
	#location-grid
	{
		padding:0 0 6rem;
		display:table;
		width:100%;
	}
}


#location-img-col
{
	display:table-cell;
	width:50%;
	vertical-align:top;
	text-align:left;
}
#location-txt-col
{
	display:table-cell;
	width:50%;
	vertical-align:middle;
	text-align:left;
}

/**--Image wraps within columns--**/

.sw-img-wrap
{
	padding:0 2.5rem 0 0;
}
.sw-img-wrap img
{
	display:block;
	height:auto;
	width:100%;
	border:0;
}

#location-txt-wrap
{
	padding:0 0 0 2rem;
}
#location-tree
{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:1.7;
}
#location-tree li
{
	display:inline-block;
	margin:0 0.15rem 0 0;
	padding:0 0 0 0;
	font-family:"suisse-regular";
	color:#231f20;
	font-weight:normal;
	font-size:0.85rem;
}
#location-tree li a
{
	font-size:100%;
	color:#231f20;
	font-weight:normal;
	text-decoration:none;
}
#location-txt-wrap h3
{
	font-family:"suisse-medium";
	color:#231f20;
	font-weight:normal;
	font-size:1.5rem;
	margin:1rem 0 0;
	padding:0 0 0 0;
}

#location-txt-wrap p {
font-family:"suisse-light";
color:#231f20;
  font-size:1rem;
  line-height:1.75;
  font-style: normal;
	margin:1.75rem 0;
}

.location-key-fact
{
	line-height:1.75;
	margin:0 0 0.5rem 0;
	padding:0 0 0.5rem 0;
	list-style-type:none;
}

/**--Map muted for Stage 1--**/
.location-key-fact#hotel-location-map
{
	margin-top:1rem;
	display:none;
}

.location-key-fact .lkf-header
{
	font-family:"suisse-regular";
	color:#231f20;
	font-weight:normal;
	font-size:0.85rem;
	margin-bottom:0.25rem;
}
.location-key-fact .lkf-entry
{
	font-family:"suisse-medium";
	color:#231f20;
	font-weight:normal;
	font-size:1rem;
}
.location-key-fact .lkf-entry a
{
	font-family:"suisse-medium";
	color:#231f20;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:768px){
	.sw-img-wrap
	{
		padding:0 1.5rem 0 0;
	}
	#location-txt-wrap
	{
		padding:0 0 0 0;
	}
}

/**--Map wrap (MUTED FOR STAGE 1)--**/

.lkf-entry.map-wrap
{
	display:block;	
}

.lkf-entry.map-wrap img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}

.map-wrapper
{
	width:60%;
}
.lkf-entry.map-wrap .map-wrapper p
{
	font-family:"suisse-light";
	font-size:0.75rem !important;
	margin:4px 0 0 0 !important;
}


/**--Room section--**/
#room
{
}
.room-hero
{
	display:block;
	min-height:33.5rem;
	width:100%;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:768px){
	.room-hero
	{
		margin-bottom:2.5rem;
	}
}


/**--Room image: to be fetched by Wordpress--**/
.room-hero#arenas
{
	background:#80aac5 url(../img/Arenas-Del-Mar-Room.jpg) no-repeat center center;
	background-size:cover;
}
.room-columns-wrap
{
	margin:3rem 0 3rem !important;
	display:table;
	width:100%;
}
.room-column-left
{
	display:table-cell;
	width:60%;
	vertical-align:top;
}
.room-column-right
{
	display:table-cell;
	width:40%;
	vertical-align:top;
}


/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:768px){
	.room-columns-wrap
	{
		margin:3rem 0 3rem !important;
		display:block;
		width:100%;
	}
	.room-column-left
	{
		display:block;
		width:100%;
	}
	.room-column-right
	{
		display:block;
		width:100%;
		padding-top:1rem;
	}
}

p.sw-img-caption
{
	font-family:"suisse-regular";
	color:#231f20;
	font-weight:normal;
	font-size:0.8rem;
}
.cap-top
{
	margin-bottom:1.5rem;
}
p.sw-img-caption span
{
	font-family:"suisse-light";
}
.room-col-text
{
	margin:1.5rem 4rem 1.5rem 0;
}
p.lead-para
{
	font-family:"suisse-regular";
	color:#231f20;
	font-weight:normal;
	font-size:2rem;
	margin:0 0 1.2rem 0;
	padding:0 0 0 0;
	line-height:1.3;
}
p.sub-para
{
	font-family:"suisse-light";
	color:#231f20;
	font-weight:normal;
	font-size:1.15rem;
	margin:0 0 1rem 0;
	padding:0 0 0 0;
	line-height:1.6;
}

.txt-col-wrp.tcw-right
{
	padding:0 0 0 2.5rem;
}
.txt-col-wrp.tcw-right .sw-img-wrap
{
	padding:1rem 0 0 0;
}


/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:768px) {
	.txt-col-wrp.tcw-right
	{
		border:1px solid #E8E8E8;
		padding:1rem;
		margin-top:1rem;
	}
}

/**--Columns tier 2--**/

.room-columns-wrap#rcw-2
{
	margin-top: 4rem;
}
.room-columns-wrap#rcw-2 .room-column
{
	width:50%;
}

/**--Rates table--**/

.table-wrap-responsive
{
	 overflow-x: auto;
}

.room-columns-wrap#rcw-2 table {
  border-collapse: collapse;
  width: 100%;
  font-size:0.9rem;
  margin:2rem 0 3rem 0;
}
.room-columns-wrap#rcw-2 th, 
.room-columns-wrap#rcw-2 td 
{
  padding: 1rem 8px;
  text-align: left;
  border-bottom: 1px solid #dcdcdc;
}
.room-columns-wrap#rcw-2 th
{
	font-family:"suisse-regular";
	color:#231f20;
	font-weight:normal;
	line-height:1.6;
}
.room-columns-wrap#rcw-2 td 
{
	font-family:"suisse-light";
	color:#231f20;
	font-weight:normal;
	line-height:1.3;
}
.rates-advice p
{
	font-family:"suisse-light";
	color:#231f20;
	font-weight:normal;
	font-size:1rem;
	margin:0 0 1rem 0;
	padding:0 0 0 0;
	line-height:1.6;
}
.rates-advice p a
{
	font-family:"suisse-regular";
	color:#231f20;
	font-weight:normal;
	text-decoration:none;
	border-bottom:1px dotted #231f20;
}

/**--Room amenities--**/

.room-amenities-row
{
	width:100%;
	padding:1rem 0;
}
.room-amenities-unit
{
	display:block;
	width:25%;
	text-align:center;
	vertical-align:top;
	float:left;
	padding-bottom:2rem;
}
li.room-amenities-icon
{
	font-size:1.5rem;
	margin-bottom:0.25rem;
}

.room-amenities-unit.room-am-neg li.room-amenities-icon
{
	color:#a9a9a9;
}

li.room-amenities-txt
{
	font-family:"suisse-light";
	color:#231f20;
	font-weight:normal;
	font-size:0.8rem;
	line-height:1.4;
}

.room-amenities-unit.room-am-neg li.room-amenities-txt
{
	text-decoration: line-through;
	color:#a9a9a9;
}

#pillow-advice
{
	font-family:"suisse-light";
	color:#231f20;
	font-weight:normal;
	text-align:right;
	font-size:0.8rem;
	margin:2.5rem 0 0 0;
	padding:0 0 0 0;
	line-height:1.6;
}

/**------------Food and drink-------**/

#food-drink
{
	padding:6rem 0 0 0;
}
.food-drink-cols-wrap
{
	display:table;
	width:100%;
}
.food-drink-col-left
{
	display:table-cell;
	width:50%;
	vertical-align:top;
}
#food-img-wrap
{
	margin:0 5px;
}
.food-drink-col-right
{
	display:table-cell;
	width:50%;
}
.food-drink-col-right .sw-img-wrap
{
	padding:0 0 0 0;
}
#food-swatch-wrap
{
	width:100%;
	display:table;
	margin:10px 0 0 0;
}
.food-swatch
{
	display:table-cell;
	width:33.333333333333333%;
}
.food-swatch-img-wrap
{
	margin:0 5px;
}
.food-swatch-img-wrap img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:768px){
	.food-drink-col-left .sw-img-caption
	{
		display:none;
	}
	.food-drink-cols-wrap
	{
		display:block;
	}
	.food-drink-col-left
	{
		display:block;
		width:100%;
	}
	.food-drink-col-right
	{
		display:block;
		width:100%;
	}
}
@media only screen and (max-width:480px) {
	#food-swatch-wrap
	{
		width:100%;
		display:block;
		margin:10px 0 0 0;
	}
	.food-swatch
	{
		display:block;
		width:100%;
	}
	.food-swatch-img-wrap
	{
		margin:0 5px 10px;
	}
}


/**-----------Activities-----------**/

#activities
{
	padding:6rem 0 0 0;
}

#activities-text-wrap
{
	width:75%;
	margin:0 25% 0 0;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:768px){
	#activities .sw-img-caption
	{
		display:none;
	}
	#activities-text-wrap
	{
		width:100%;
		margin:0 0 0 0;
	}
}

/**----------------Photos----------------P**/

#photos
{
	padding:6rem 0 0 0;
}
#photos .sw-img-caption.mobile-caption-only
{
	display:none;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:768px){
	#photos .sw-img-caption
	{
		display:none;
	}
	#photos .sw-img-caption.mobile-caption-only
	{
		display:block;
		text-align:right;
	}
}

/**--Photo gallery grid--**/

.photo-grid
{
	width:100%;
}
.photo-grid img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}
.photo-grid-iw
{
	margin:0 25px 25px 0;
}

.photo-col-wide
{
	display:table-cell;
	width:40%;
}
.photo-col-wide-wrap
{
	display:table-cell;
	width:60%;
	vertical-align:top;
}
.photo-tri-col
{
	width:100%;
	display:table;
}
.photo-col-narrow
{
	width:50%;
	display:table-cell;
	vertical-align:top;
}


#ph-coming-soon-advice-wrap p a
{
		font-family:"suisse-regular";
		color:#231f20;
		font-weight:normal;
		text-decoration:none;
		border-bottom:1px dotted #231f20;
}


/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:768px) {
	.photo-col-wide
	{
		display:block;
		width:100%;
	}
	.photo-col-wide-wrap
	{
		display:block;
		width:100%;
	}
	.photo-col-wide .photo-grid-iw
	{
		margin:0 0 25px 0;
	}
	.photo-col-narrow#first-photo-col-narrow .photo-grid-iw
	{
		margin:0 13px 25px 0;
	}
	.photo-col-narrow#last-photo-col-narrow .photo-grid-iw
	{
		margin:0 0 25px 12px;
	}
}
@media only screen and (max-width:480px){
	.photo-col-narrow
	{
		width:100%;
		display:block;
		vertical-align:top;
	}
	.photo-col-narrow#first-photo-col-narrow .photo-grid-iw
	{
		margin:0 0 25px 0;
	}
	.photo-col-narrow#last-photo-col-narrow .photo-grid-iw
	{
		margin:0 0 25px 0;
	}
}


/**--------Video page--------**/
#video-viewer-wrap
{
	padding:56.25% 0 0 0;
	position:relative;
}


/**-------------TRAVEL KIT page-----------**/

/**--Individual accommodation--**/
.hero-header#travel-kit
{
	min-height:auto;
}
.hero-header#travel-kit
{
	background:#80aac5 url(../img/Berlin-Destination.jpg) no-repeat center center;
	background-size:cover;
}
.hero-header-title
{
 text-align:center;
 padding:9rem 5rem;	
}
.hero-header-title h2
{
font-family:"suisse-medium";
color:#fff;
font-weight:normal;
line-height:1.4;
font-size:2.75rem;
letter-spacing:0.025rem;
/*text-shadow: 1px 1px 1px rgba(0,0,0,0.1);*/
}

.hero-header#travel-kit .hero-header-title p
{
	font-family:"suisse-medium";
	color:#fff;
	font-weight:normal;
	line-height:1.4;
	font-size:1rem;
	letter-spacing:0.025rem;
	margin:1rem 0 0;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.1);*/
}


/**--Region Guides--**/
#region-guides
{
	padding:6rem 0 0;
}
.segment-nav-line
{
	padding:0 1.5rem;
}
.segment-title
{
	width:50%;
	float:left;
}
.segment-title p
{
	font-family:"suisse-regular";
	color:#231f20;
	font-weight:normal;
	font-size:0.8rem;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.segment-title p span
{
	font-family:"suisse-light";
}
.segment-link
{
	width:50%;
	float:right;
	text-align:right;
}
.segment-link p
{
	font-family:"suisse-medium";
	color:#231f20;
	font-weight:normal;
	font-size:0.8rem;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.segment-link p a
{
	font-size:100%;
	text-decoration:none;
	font-weight:normal;
	color:#231f20;
}
#region-guide-wrap
{
	display:table;
	width:100%;
	margin:2rem 0 0 0;
}
.region-guide-col
{
	display:table-cell;
	width:33.33333333333333%;
	vertical-align:top;
}
.rg-col-wrap
{
	padding:0 1.5rem;
}
.rg-col-wrap a
{
	display:block;
	text-decoration:none;
}
.rg-col-wrap a img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
	margin-bottom:1.5rem;
}
.rg-col-wrap a h4
{
	font-weight:normal;
	color:#231f20;
	font-size:1rem;
	font-family:"suisse-medium";
	margin:0 0 1rem 0;
	line-height:1.5;
}
.rg-col-wrap a p
{
	font-weight:normal;
	color:#231f20;
	font-size:0.825rem;
	font-family:"suisse-light";
	line-height:1.5;
	margin:0 0 0 0;
}
.rg-col-wrap ul.rg-more
{
	list-style-type:none;
	margin:2rem 0 0 0;
	padding:0 0 0 0;
	text-align:right;
}
.rg-col-wrap ul.rg-more li a
{
	font-family:"suisse-medium";
	color:#231f20;
	font-weight:normal;
	font-size:0.8rem;
	text-decoration:none;
}


/**--Content squeezer (left, right)--**/

.subcontent-container
{
	margin:0 1.5rem;
}


/**-------------------Hotels page-----------------**/

#search-stays-wrap
{
	padding:0.5rem 0 1.5rem;
	border-bottom:1px solid #e9e9e9;
}

#inner-hotels-listing-page.with-catscroll #listings-grid
{
	padding-top:0 !important;
}

/**--After a search filter applied--**/

#search-title
{
	text-align:center;
}

#search-title h3
{
font-family:"suisse-medium";
color:#231f20;
font-weight:normal;
line-height:1;
font-size:1.5rem;
letter-spacing:0.025rem;
margin-bottom:1.5rem;
}

#search-title h3 a
{
	font-family:"suisse-medium";
	color:#231f20;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

#search-title h3 a:hover
{
	color:#9f9396;
}

#search-title h4
{
	font-family:"suisse-light";
	color:#231f20;
	font-weight:normal;
	font-size:1rem;
	line-height:1;
	padding:0.25rem 0;
	margin-bottom:1.5rem;
	vertical-align:middle;
}

/**--Clear search button--**/

#search-title h4 a.clear-srch {
	margin-left:10px;
  align-items: center;
  appearance: none;
  background-color: #fff;
  border-radius: 20px;
  border-style: none;
  border:1px solid #dedede;
  /*box-shadow: rgba(0, 0, 0, .05) 0 3px 5px -1px,rgba(0, 0, 0, .054) 0 6px 10px 0,rgba(0, 0, 0, .05) 0 1px 18px 0;*/
  box-sizing: border-box;
	color:#231f20;
  cursor: pointer;
  display: inline-flex;
  fill: currentcolor;
  font-family: "suisse-medium", sans-serif;
  text-decoration:none;
  font-size: 12px;
  font-weight: 500;
  height: 40px;
  justify-content: center;
  letter-spacing: .25px;
  line-height: normal;
  max-width: 100%;
  overflow: visible;
  padding: 2px 20px;
  position: relative;
  text-align: center;
  text-transform: none;
  transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1),opacity 15ms linear 30ms,transform 270ms cubic-bezier(0, 0, .2, 1) 0ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: auto;
  will-change: transform,opacity;
  z-index: 0;
-ms-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#search-title h4 a.clear-srch:hover {
  background: #F6F9FE;
}

#search-title h4.no-price-filter a.clear-srch
{
	margin-left:0;
}


#search-title ul
{
	list-style-type:none;
	margin:0 auto;
	font-size:0.8rem;
	font-family:"suisse-medium";
	color:#231f20
}

#search-title ul li
{
	display:inline-block;
	margin:0 0.35rem;
}
#search-title ul li a
{
	font-family:"suisse-medium";
	font-weight:inherit;
	font-size:100%;
	color:#231f20;
	border-bottom:1px dotted #231f20;
	text-decoration:none;
}


/**--Searchbar on Hotels pages--**/

.swank-searchbar{
  width:800px;
  background:white;
  box-shadow:0 0 10px hsl(0 0% 85%);
  height:60px;
  border:1px solid #dcdcdc;
  border-radius:100vw;
  display:flex;
  justify-content:center;
  font-size:0.65rem;
  margin:0 auto;
}

.swank-searchbar div.srch-bar-unit{
  border-radius:inherit;
  padding:1rem 1.5rem;
  transition:background 250ms ease;
}

.swank-searchbar div.srch-bar-unit:hover{
  background:hsl(0 0% 94%);
}
.srch-location
{
	width:40%;
}
.srch-budget-min,
.srch-budget-max
{
	 width:20%;
}
.srch-budget-submit
{
  width:20%;
}

.swank-searchbar input[type="text"]{
  background:none;
  border:none;
  padding:0.2rem 0 0 0;
  font-family:"suisse-regular";
}

.swank-searchbar input[type="text"]:focus{
  outline:none;
}

.swank-searchbar ::placeholder{
  font-size:0.75rem;
}

.srch-budget-submit button{
  position:absolute;
  top:50%;
  right:0;
  display:block;
  transform:translateY(-50%);
  background:#f8e100;
  color:#231f20;
	font-family:"suisse-medium";
  font-size:0.9rem;
  padding:0.7rem;
  border-style:none;
  border-radius:100vw;
  height:60px;
  width:100%;
  cursor: pointer;
   transition:background 250ms ease;
}
.srch-budget-submit button:hover,
.srch-budget-submit button:active
{
	background:#ffe81a;
}
.srch-budget-submit button i
{
	vertical-align:middle;
}
.swank-searchbar>div.srch-bar-unit{
  position:relative;
}


/**---------------------- RESPONSIVENESS --------------------------**/
@media only screen and (max-width:920px) {
	.swank-searchbar{
	  width:700px;
  }
}

@media only screen and (max-width:800px) {
	.swank-searchbar{
	  width:100% !important;
  }
}

@media only screen and (max-width:768px) and (min-width:640px){
	.srch-location
	{
		width:30%;
	}
	.srch-budget-min,
	.srch-budget-max
	{
		 width:25%;
	}
	.srch-budget-submit
	{
	  width:20%;
	}
}
@media only screen and (max-width:640px){
	.srch-location
	{
		width:70%;
	}
	.srch-budget-min,
	.srch-budget-max
	{
		display:none;
	}
	.srch-budget-submit
	{
	  width:30%;
	}
}
@media only screen and (max-width:480px){
	.srch-location
	{
		width:65%;
	}
	.srch-budget-submit
	{
	  width:35%;
	}
}

/**--Link to all destinations--**/

.bar-notes{
  width:800px;
  margin:0 auto;
}

/**---------------------- Searchbar notes: RESPONSIVENESS --------------------------**/

@media only screen and (max-width:920px) {
	.bar-notes{
	  width:700px;
  }
}

@media only screen and (max-width:800px) {
	.bar-notes{
	  width:100%;
  }
}




.bar-notes-wrap
{
	padding:15px 1.5rem 0;
	font-size:0.65rem;
}

.bar-notes-wrap p
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:100%;
}

.bar-notes-wrap p a
{
	font-family:"suisse-medium";
	color:#231f20;
	font-size:100%;
	text-decoration:none; 
	-ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	border-bottom:1px dotted #231f20;
}
.bar-notes-wrap p a:hover
{
color:#9f9396 !important;
border-bottom:1px dotted #9f9396;
}



/**--Header searchbar (SHOWS ON SCROLL)--**/

#searchbar-on-scroll
{
	display:none;
}
#swank-navbar.scrollHeader #searchbar-on-scroll
{
	display:block;
}
/**--Hotels categories dropdown--**/

.header-searchbar{
    width:80%;
    background:white;
    box-shadow:0 0 5px hsl(0 0% 78%);
    height:auto;
    border-radius:100vw;
    display:flex;
    justify-content:right;
    font-size:0.9rem;
	padding:5px 0;
    margin:0 0 0 20%;
}
.header-searchbar ul#cat-search-grip
{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
}
.header-searchbar ul#cat-search-grip li
{
	display:inline-block;
	width:auto;
}
.header-searchbar ul#cat-search-grip li:nth-child(2)
{
	padding-right:5px;
}

/* The container must be positioned relative: */
.custom-select {
  position: relative;
  margin:12px 0;
  width:200px;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: white;
  font-family:"suisse-regular"; 
   font-size:0.9rem !important;
   padding:0 0;
   
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #231f20 transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #231f20 transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #231f20;
  padding: 8px 16px;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color:rgb(242, 242, 242);
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgb(255, 235, 51);
}

.header-searchbar button#cat-search-btn
{
background:#f8e100;
border-style:none;
 cursor: pointer;
 padding:24px;
 line-height:1;
  border-radius:50%;
  font-family:"suisse-medium"; 
}


/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1240px) and (min-width:1024px){	
	.header-searchbar{
	    width:100%;
	    margin:0 0 0 0;
	}
}


/**--Original version, with placeholder text for location inside--**/

.bar.header-search .location{
  width:100%;
}

.bar.header-search .location
{
  position: relative;  
}
.bar.header-search .location span{
  position:absolute;
  top:50%;
  right:7px;
  transform:translateY(-50%);
  background:#f8e100;
  color:#231f20;
  font-size:0.8rem;
  padding:0.7rem;
  border-radius:50%;
  cursor: pointer;
}
.bar.header-search div{
  padding:0.9rem 1.5rem;
}

/**--Hotels pages, filters breadcrumbs (in lieu of categories searchbar)--**/

.filters-breadcrumbs{
    width:80%;
    height:auto;
    font-size:0.9rem;
	padding:5px 0;
    margin:0 0 0 20%;
}

.filters-breadcrumbs ul
{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-family:"suisse-light" !important;
}

.filters-breadcrumbs ul li
{
	display:inline-block;
	margin:0 0 0 0.15rem !important;
}

.filters-breadcrumbs ul li a
{
	font-family:"suisse-medium";
	color:#231f20;
	text-decoration:none;
}

.filters-breadcrumbs ul li span.hlink-price-code
{
	font-family:"suisse-semibold";
}



/**-----------Categories row (HOTELS page)---------**/

.categories-icons-row
{
	margin:1.5rem 0 0;
}
.categories-icons-search
{
	display:table;
	width:100%;
}
.categories-icons-search .category-listing-option
{
	display:table-cell;
	width:8.33333333333%;
	text-align:center;
	vertical-align:middle;
}
.categories-icons-search .category-listing-option a
{
	display:block;
	text-decoration:none;
	padding:1rem 0;
	margin-left:0.5rem;
	margin-right:0.5rem;
	border-bottom:2px solid transparent;
	-ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.categories-icons-search .category-listing-option span.search-cat-icon
{
	display:block;
	margin:0 0 0.25rem 0;
	font-size:1.5rem;
	color:#595959;
	font-weight:normal;
	-ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.categories-icons-search .category-listing-option a:hover span.search-cat-icon
{
	color:#231f20;		
}
.categories-icons-search .category-listing-option span.search-cat-txt
{
	display:block;
	margin:0 0;
	padding:0 0 0 0;
	font-family:"suisse-regular";
	color:#595959;
	font-weight:normal;
	font-size:0.7rem;
	-ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.categories-icons-search .category-listing-option a:hover span.search-cat-txt
{
	color:#231f20;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1024px) {
	.categories-icons-row
	{
		margin-top:0;
		margin-bottom:0;
		margin-left:0.5rem;
		margin-right:0.5rem;
	}
	.categories-icons-row .container
	{
		width:100%;
	}
}

/**--Hover line--**/

.categories-icons-search .category-listing-option:hover a
{
	border-bottom:2px solid #e9e9e9;
}

/**--Active category icon--**/
.categories-icons-search .category-listing-option.active a
{
	border-bottom:2px solid #231f20;
}

.categories-icons-search .category-listing-option.active span.search-cat-icon
{
	color:#000;
}
.categories-icons-search .category-listing-option.active span.search-cat-txt
{
	color:#000;
	font-family:"suisse-medium";
}

/**---------------------- Hotel listings pages: RESPONSIVENESS --------------------------**/

.categories-icons-row#tablet-category-scroller
{
	display:none;
}
.categories-icons-row#mobile-category-scroller
{
	display:none;
}
.categories-icons-row .cd-testimonials-wrapper {
  position: relative !important;
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 20px 40px 70px 0;
  z-index: 1;
}

@media only screen and (max-width:1024px) and (min-width:768px){
	.categories-icons-row .cd-testimonials-wrapper {
	  max-width: 968px;
  }
}

@media only screen and (max-width:1024px){
	.categories-icons-row#desktop-category-scroller
	{
		display:none;
	}
	.categories-icons-row#tablet-category-scroller
	{
		display:block;
	}
	.categories-icons-row#tablet-category-scroller
	{
		display:block;
	 position: relative !important;
	}
	.categories-icons-row#tablet-category-scroller .category-listing-option
	{
	display:block;
	float:left;
	padding:0 0;
	width:16.6666666667%;
	}
}

@media only screen and (max-width:640px){
	.categories-icons-row#tablet-category-scroller
	{
		display:none;
	}
	.categories-icons-row#mobile-category-scroller
	{
		display:block;
	}
	.categories-icons-row#mobile-category-scroller
	{
		display:block;
	 position: relative !important;
	}
	.categories-icons-row#mobile-category-scroller .category-listing-option
	{
	display:block;
	float:left;
	padding:0 0;
	width:25%;
	}
}

/**-----------Price slider (HOTELS page)---------**/

#prices-icons-row
{
	margin:1.5rem 0;
}
#prices-icons-search
{
	display:table;
	width:100%;
}
#prices-icons-search li
{
	display:table-cell;
	width:20%;
	text-align:center;
	vertical-align:middle;
}
#prices-icons-search li a
{
	display:block;
	text-decoration:none;
	padding:1rem 0;
	margin-left:0.5rem;
	margin-right:0.5rem;
	border-bottom:2px solid transparent;
	-ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#prices-icons-search li span.search-cat-icon
{
	display:block;
	margin:0 0 0.25rem 0;
	font-size:1.5rem;
	color:#595959;
	font-weight:normal;
	-ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#prices-icons-search li a:hover span.search-cat-icon
{
	color:#231f20;		
}
#prices-icons-search li span.search-cat-txt
{
	display:block;
	margin:0 0;
	padding:0 0 0 0;
	font-family:"suisse-regular";
	color:#595959;
	font-weight:normal;
	font-size:0.7rem;
	-ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#prices-icons-search li a:hover span.search-cat-txt
{
	color:#231f20;
}

/**--Hover line--**/

#prices-icons-search li:hover a
{
	border-bottom:2px solid #e9e9e9;
}

/**--Active category icon--**/
#prices-icons-search li.active a
{
	border-bottom:2px solid #231f20;
}

#prices-icons-search li.active span.search-cat-icon
{
	color:#000;
}
#prices-icons-search li.active span.search-cat-txt
{
	color:#000;
	font-family:"suisse-medium";
}


/**-----------Listings grid---------**/

#listings-grid
{
	padding:0 0 6rem;
}

/**--Region count--**/

#city-count
{
	padding:2rem 1rem 0;
}


/**--Results organization tool--**/

#results-tools
{
	margin:2rem 0 1rem;
	display:block;
	width:100%;
	text-align:left;
}

/**--'Order by' tool--**/

#order-by-tool
{
	width:100%;
}

#order-by-tool ul
{
	list-style-type:none;
	margin:0 1rem 0;
	padding:0 0 0 0;
	font-family:"suisse-light";
	font-size:0.8rem;
	color:#231f20;
	line-height:1.75;
}

#order-by-tool ul li
{
	display:inline-block;
	margin:0 0.75rem 0 0;
	padding:0 0 0 0;
}

#order-by-tool ul li#obt-title
{
	margin-right:0.5rem;
}

#order-by-tool ul li a
{
	font-family:"suisse-medium";
	font-size:100%;
	text-decoration:none;
	color:#231f20;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	border-bottom:1px solid transparent;
}

#order-by-tool ul li.active a
{
	border-bottom:1px solid #231f20;
	font-family:"suisse-medium";
}

#order-by-tool ul li a:hover
{
	text-decoration:none;
	color:#9f9396;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:640px){
	#order-by-tool ul li#obt-title
	{
		margin-right:0;
		display:block;
	}
}

.listings-wrap
{
	width:100%;
	margin:0 0 1.5rem 0;
}

#listings-grid .listings-wrap:first-child
{
	margin-top:0;
}

.listings-col
{
	display:block;
	width:25%;
	float:left;
	vertical-align:top;
	margin:1.5rem 0;
}
.listing-col-wrap
{
	padding:0 1rem;
}


/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1024px) {
	.main-section#latest .listing-col-wrap,
	#inner-hotels-listing-page .listing-col-wrap
	{
		padding:0 0.5rem;
	}
	.main-section#latest .container,
	#inner-hotels-listing-page #listings-grid .container
	{
		width:100%;
		margin:0 0 0 0;
		padding:0.5rem;
		box-sizing: border-box;
	}
}

.listing-img-wrap a
{
	display:block;
}
.listing-img-wrap img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
	margin-bottom:1.25rem;
}
.listing-col-wrap h4
{
	font-weight:normal;
	color:#231f20;
	font-size:0.75rem;
	font-family:"suisse-medium";
	margin:0 0 0 0;
	line-height:1.5;
}
.listing-col-wrap h4 a
{
	font-weight:normal;
	color:#231f20;
	font-size:100%;
	font-family:"suisse-regular";
	text-decoration:none;
}

/**--Resort title below tile--**/

.listing-col-wrap h5
{
	font-weight:normal;
	color:#231f20;
	font-size:1rem;
	font-family:"suisse-medium";
	margin:0.75rem 0 0.5rem;
	line-height:1.5;
}
.listing-col-wrap h5 a
{
	font-weight:normal;
	color:#231f20;
	font-size:100%;
	font-family:"suisse-medium";
	text-decoration:none;
	text-transform:capitalize;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1024px) {
	.main-section#latest .listing-col-wrap h5,
	#inner-hotels-listing-page .listing-col-wrap h5
	{
		height:50px;
	}
}


/**--New listings line, with price code one side, category icon other--**/

.listing-meta-data
{
	list-style-type:none;
	padding:0 0 0 0;
	margin:0.75rem 0 0 0;
	width:100%;
	box-sizing:border-box;
	display:table;
}

.listing-meta-data li
{ 
	display:table-cell;
	width:50%;
	padding:0 0 0 0;
	margin:0 0 0 0;
	vertical-align:top;
	box-sizing:border-box;
}

.listing-meta-data li.lalign
{
	text-align:left;
	font-weight:normal;
	color:#231f20;
	font-size:0.75rem;
	font-family:"suisse-light";
	line-height:1.65;
}

.listing-meta-data li.lalign a
{
	font-family:"suisse-light", sans-serif;
	color:#231f20;
	font-size:100%;
	text-decoration:none;
	font-weight:normal;
	-ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.listing-meta-data li.lalign a:hover
{
	color:#b3b3cc;
}

.listing-meta-data li.lalign
{
	font-family:"suisse-light", sans-serif;
}

.listing-meta-data li.lalign p
{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.listing-meta-data li.lalign span.ppn
{
	font-family:"suisse-medium", sans-serif;
}

.listing-meta-data li.ralign
{
	text-align:right;
	font-weight:normal;
	color:#231f20;
	font-size:0.75rem;
	line-height:1.65;
	font-family:"suisse-regular";
}

.listing-meta-data li.ralign i
{
color:#231f20;
font-size:110%;
vertical-align:middle;
}

.listing-meta-data li.ralign a
{
color:#231f20;
font-size:100%;
text-decoration:none;
font-weight:normal;
-ms-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.listing-meta-data li.ralign a:hover
{
	color:#b3b3cc;
}

.listing-meta-data li.ralign a span.cat-text
{
	padding-right:2px;
}


/**---------------------- Ppn + category below tile: RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1024px) and (min-width:768px){
	.main-section#latest .listing-meta-data,
	#inner-hotels-listing-page .listing-meta-data
	{
		margin:0.75rem 0 0 0;
		width:100%;
		display:block;
	}
	.main-section#latest .listing-meta-data li,
	#inner-hotels-listing-page .listing-meta-data li
	{ 
		display:block;
		width:100%;
	}
	.main-section#latest .listing-meta-data li.ralign,
	#inner-hotels-listing-page .listing-meta-data li.ralign
	{
		padding-top:0.25rem;
	}
	
}
@media only screen and (max-width:640px){
	.main-section#latest .listing-meta-data,
	#inner-hotels-listing-page .listing-meta-data
	{
		margin:0.75rem 0 0 0;
		width:100%;
		display:block;
	}
	.main-section#latest .listing-meta-data li,
	#inner-hotels-listing-page .listing-meta-data li
	{ 
		display:block;
		width:100%;
	}
	.main-section#latest .listing-meta-data li.ralign,
	#inner-hotels-listing-page .listing-meta-data li.ralign
	{
		padding-top:0.25rem;
	}
}


/**--Buttons in topbar menu--**/

#innerpage .header-col.header-nav ul li.toolbar-book-btn .toolbar-btn-intro
{
	margin-right:5px;
	font-family:"suisse-light", sans-serif;
	color:#231f20;
}
#innerpage .header-col.header-nav ul li.toolbar-book-btn a
{
	border:1px solid #f8e100;
	padding:0.75rem 1.75rem;
	border-radius:1.5rem;
	background:#f8e100;
}
#innerpage .header-col.header-nav ul li.toolbar-book-btn a:hover, 
#innerpage .header-col.header-nav ul li.toolbar-book-btn a:focus
{
	color:#231f20;
}
/**--Mute button when button page is active--**/
#innerpage .header-col.header-nav ul li.toolbar-book-btn.active a
{
	background:#dcdcdc;
	border:1px solid #d1d1d1;
}

/**--Hotels pages, pagination--**/

#hotels-pagination
{
	padding:1rem 1rem;
}

#hotels-pagination-grid
{
	display:table;
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
}

#hotels-pagination-tally
{
	display:table-cell;
	width:50%;
	vertical-align:middle;
	text-align:left;
	padding:0.75rem 0;
}
#hotels-pagination-ctrl
{
	display:table-cell;
	width:50%;
	vertical-align:middle;
	text-align:right;
	padding:0.75rem 0;
}

#hotels-pagination-tally p
{
	font-family:"suisse-medium";
	font-size:0.8rem;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#231f20;
}

#hotels-pagination-tally ul
{
	list-style-type:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#hotels-pagination-tally ul li
{
	display:inline-block;
	margin:0 0.25rem 0 0;
	padding:0 0 0 0 !important;
	font-family:"suisse-regular";
	font-size:0.8rem;
	color:#231f20;
	text-align:left;
}

#hotels-pagination-tally ul li a
{
	font-family:"suisse-medium";
	font-size:100%;
	color:#231f20;
	text-decoration:none;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	border-bottom:2px solid transparent;
}

#hotels-pagination-tally ul li.active a
{
	border-bottom:2px solid #231f20;
	font-family:"suisse-medium";
}

#hotels-pagination-tally ul li a:hover
{
	text-decoration:none;
	color:#9f9396;
}

#hotels-pagination-tally ul li a span.hlink-price-code
{
	font-family:"suisse-light";
}

#hotels-pagination-tally ul li a span.hlink-price-code-emph
{
	font-family:"suisse-further";
}


#hotels-pagination-ctrl ul
{
	list-style-type:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#hotels-pagination-ctrl ul li
{
	display:inline-block;
	margin:0 0 !important;
	padding:0 0 0 0 !important;
	font-family:"suisse-regular";
	font-size:0.9rem;
	color:#231f20;
	text-align:center;
}

#hotels-pagination-ctrl ul li.pagination-title
{
	font-size:0.8rem;
	vertical-align:middle;
}

#hotels-pagination-ctrl ul li a
{
	font-family:"suisse-medium";
	font-size:100%;
	color:#231f20;
	text-decoration:none;
	margin: 0 0.05rem !important;
	padding:0 0.4rem !important;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	border-bottom:2px solid transparent;
}

#hotels-pagination-ctrl ul li.active a
{
	border-bottom:2px solid #231f20;
	font-family:"suisse-medium";
}

#hotels-pagination-ctrl ul li a:hover
{
	text-decoration:none;
	color:#9f9396;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:640px) {
	#hotels-pagination-grid
	{
		display:block;
		width:100%;
		padding:0.5rem 0;
		border-top:1px solid #e9e9e9;
		border-bottom:1px solid #e9e9e9;
	}

	#hotels-pagination-tally
	{
		display:block;
		width:100%;
		vertical-align:middle;
		text-align:left;
		padding:0.75rem 0;
	}
	#hotels-pagination-ctrl
	{
		display:block;
		width:100%;
		vertical-align:middle;
		text-align:left;
		padding:1rem 0;
		margin-top:0.75rem;
		margin-bottom:0.75rem;
	}
	#hotels-pagination-ctrl ul li a
	{
		font-family:"suisse-medium";
		font-size:100%;
		color:#231f20;
		text-decoration:none;
		margin: 0 0.1rem !important;
		padding:0.75rem 1rem !important;
		background:#f8e100;
	}

	#hotels-pagination-ctrl ul li.active a
	{
		border-bottom:2px solid transparent;
		background:#dcdcdc;
	}

	#hotels-pagination-ctrl ul li a:hover
	{
		text-decoration:none;
		color:#231f20;
		background:#dcdcdc;
	}
}


/**--Active scroll menu--**/
.active-dyn {
	color:#9f9396 !important;
}

/**--Footer navbar--**/

#footer-navbar
{
	text-align:center;
	padding:1rem 0;
	margin:4.5rem 0 0 0;
	background:#f1f1f1;
	background:hsl(211, 45%, 95%);
}

#footer-navbar ul
{
	list-style-type:none;
	margin:0 auto;
	padding:0 0 0 0;
	font-size:0.85rem;
	font-family:"suisse-semibold";
}
#footer-navbar ul li
{
	display:inline-block;
	margin:0 1rem;
	padding:0 0 0 0;
	vertical-align:middle;
}
#footer-navbar ul li a
{
	color:#231f20;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
	font-family:"suisse-semibold";
	-ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	border-bottom:2px solid transparent;
}
#footer-navbar ul li a:hover
{
color:#9f9396;
}
#footer-navbar ul li.toolbar-book-btn a
{
	border:1px solid #f8e100;
	padding:0.75rem 1.75rem;
	border-radius:1.5rem;
	background:#f8e100;
}
#footer-navbar ul li a:hover, 
#footer-navbar ul li a:focus
{
	color:#231f20;
}
#footer-navbar ul li.active a
{
	border-bottom:1px solid #231f20;
}
#footer-navbar ul li.active a:hover
{
color:#231f20;
}
#footer-navbar ul li.more
{
	font-size:250%;
	cursor:pointer;
	vertical-align:middle;
}

/**----------------------Category pages PHOTO HEADER----------------------**/

.with-photohead header#innerpage
{
	padding-top:0;
}

/**-Beach--**/

.with-photohead header#innerpage.beach
{
	background:url(../img/category-header/beach-hotels-swank-guide.jpg) no-repeat center center;
	background-size:cover;
}

@media only screen and (max-width:1024px){
	.with-photohead header#innerpage.beach
	{
		background:url(../img/category-header/beach-hotels-swank-guide-1024.jpg) no-repeat center center;
		background-size:cover;
	}
}

/**-OMG--**/

.with-photohead header#innerpage.OMG
{
	background:url(../img/category-header/OMG-hotels-swank-guide.jpg) no-repeat center center;
	background-size:cover;
}

@media only screen and (max-width:1024px){
	.with-photohead header#innerpage.OMG
	{
		background:url(../img/category-header/OMG-hotels-swank-guide-1024.jpg) no-repeat center center;
		background-size:cover;
	}
}

/**-City--**/

.with-photohead header#innerpage.city
{
	background:url(../img/category-header/city-hotels-swank-guide.jpg) no-repeat center center;
	background-size:cover;
}

@media only screen and (max-width:1024px){
	.with-photohead header#innerpage.city
	{
		background:url(../img/category-header/city-hotels-swank-guide-1024.jpg) no-repeat center center;
		background-size:cover;
	}
}

/**-Foodie--**/

.with-photohead header#innerpage.foodie
{
	background:url(../img/category-header/foodie-hotels-swank-guide.jpg) no-repeat center center;
	background-size:cover;
}

@media only screen and (max-width:1024px){
	.with-photohead header#innerpage.foodie
	{
		background:url(../img/category-header/foodie-hotels-swank-guide-1024.jpg) no-repeat center center;
		background-size:cover;
	}
}

/**-Glamping--**/

.with-photohead header#innerpage.glamping
{
	background:url(../img/category-header/glamping-hotels-swank-guide.jpg) no-repeat center center;
	background-size:cover;
}

@media only screen and (max-width:1024px){
	.with-photohead header#innerpage.glamping
	{
		background:url(../img/category-header/glamping-hotels-swank-guide-1024.jpg) no-repeat center center;
		background-size:cover;
	}
}

/**-Romance--**/

.with-photohead header#innerpage.honeymoon
{
	background:url(../img/category-header/romance-hotels-swank-guide.jpg) no-repeat center center;
	background-size:cover;
}

@media only screen and (max-width:1024px){
	.with-photohead header#innerpage.honeymoon
	{
		background:url(../img/category-header/romance-hotels-swank-guide-1024.jpg) no-repeat center center;
		background-size:cover;
	}
}

/**-Mountains--**/

.with-photohead header#innerpage.mountains
{
	background:url(../img/category-header/mountains-hotels-swank-guide.jpg) no-repeat center center;
	background-size:cover;
}

@media only screen and (max-width:1024px){
	.with-photohead header#innerpage.mountains
	{
		background:url(../img/category-header/mountains-hotels-swank-guide-1024.jpg) no-repeat center center;
		background-size:cover;
	}
}

/**--Remote--**/

.with-photohead header#innerpage.remote
{
	background:url(../img/category-header/remote-hotels-swank-guide.jpg) no-repeat center center;
	background-size:cover;
}

@media only screen and (max-width:1024px){
	.with-photohead header#innerpage.remote
	{
		background:url(../img/category-header/remote-hotels-swank-guide-1024.jpg) no-repeat center center;
		background-size:cover;
	}
}

/**--Adventure--**/

.with-photohead header#innerpage.adventure
{
	background:url(../img/category-header/adventure-hotels-swank-guide.jpg) no-repeat center center;
	background-size:cover;
}

@media only screen and (max-width:1024px){
	.with-photohead header#innerpage.adventure
	{
		background:url(../img/category-header/adventure-hotels-swank-guide-1024.jpg) no-repeat center center;
		background-size:cover;
	}
}

/**--Well-Being--**/

.with-photohead header#innerpage.well-being
{
	background:url(../img/category-header/well-being-hotels-swank-guide.jpg) no-repeat center center;
	background-size:cover;
}

@media only screen and (max-width:1024px){
	.with-photohead header#innerpage.well-being
	{
		background:url(../img/category-header/well-being-hotels-swank-guide-1024.jpg) no-repeat center center;
		background-size:cover;
	}
}

/**--Fan Favorites--**/

.with-photohead header#innerpage.fan-favorites
{
	background:url(../img/category-header/fan-favorites-hotels-swank-guide.jpg) no-repeat center center;
	background-size:cover;
}

@media only screen and (max-width:1024px){
	.with-photohead header#innerpage.fan-favorites
	{
		background:url(../img/category-header/fan-favorites-hotels-swank-guide-1024.jpg) no-repeat center center;
		background-size:cover;
	}
}



.with-photohead #innerpage .header-col.header-nav ul
{
	color:#fff;
}
.with-photohead #innerpage #swank-navbar
{
	padding-top:1.25rem;
	padding-bottom:1.25rem;
}
.with-photohead #innerpage #swank-navbar.scrollHeader
{
	padding:0.5rem 0;
	position:fixed;
	top:0;
	left:0;
	background:white;
	width:100%;
}
.with-photohead #innerpage .header-col.header-nav ul li a
{
	color:#fff;
}
.with-photohead #innerpage .header-col.header-nav ul li a:hover
{
color:#fffae6;
}

/**-------- Active page for inner pages------**/
.with-photohead .header-col.header-nav ul li.active a
{
	border-bottom:1px solid #fff;
}
.with-photohead .header-col.header-nav ul li.active a:hover
{
	color:#fff !important;
}

/**--Title over photohead--**/
.photohead-title
{
	text-align:center;
	color:#fff;
	padding:5rem 0;
}

/**--Studio Display--**/
@media only screen and (max-width:2560px) and (min-width:1920px){	
	.photohead-title
	{
		padding:17.5rem 0;
	}
}

.photohead-title h2
{
	font-size:2.5rem;
	font-family:"suisse-medium";
	margin:0 0 2.5rem 0;
}

.photohead-title h3
{
	font-size:1.125rem;
	line-height:1.75;
	font-family:"suisse-regular";
	margin:0 10rem;
}

@media only screen and (max-width:640px){
	.photohead-title h3
	{
		margin:0 5rem;
	}
}

/**--Hotels tally plus locations submenu--**/

/**----------Hotels page--------**/

#category-page-tools
{
	padding:2.5rem 0 0.75rem;
}

@media only screen and (max-width:1024px) {
	#inner-hotels-listing-page.with-catscroll #category-page-tools
	{
		padding:0 0 1.25rem;
	}
	#inner-hotels-listing-page.with-catscroll  .category-ttw-col#cat-dest-tool
	{
		display:none;
	}
}
@media only screen and (max-width:640px) and (min-width:480px){
	#inner-hotels-listing-page.with-catscroll #category-page-tools
	{
		padding:0 0 1.5rem;
	}
}


/**--After a search filter applied--**/


.category-tally-tools-wrap
{
	display:table;
	width:100%;
}

.category-ttw-col
{
	display:table-cell;
	width:50%;
	vertical-align:middle;
}

.category-ttw-col#cat-tally
{
	text-align:left;
}

.category-ttw-col#cat-dest-tool
{
	text-align:right;
}
@media only screen and (max-width:1280px) and (min-width:1024px){	
	.category-ttw-col#cat-tally
	{
		width:40%;
	}
	.category-ttw-col#cat-dest-tool
	{
		width:60%;
	}
}
.category-ttw-col#cat-tally ul
{
	list-style-type:none;
	margin:0 1rem;
	font-size:0.8rem;
	font-family:"suisse-medium";
	color:#231f20;
}

.category-ttw-col#cat-tally ul li
{
	margin:0 0.25rem 0 0;
	padding:0 0 0 0 !important;
	font-family:"suisse-regular";
	font-size:0.8rem;
	color:#231f20;
	text-align:left;
	display:inline-block;
}
.category-ttw-col#cat-tally ul li a
{
	font-family:"suisse-medium";
	font-size:100%;
	color:#231f20;
	text-decoration:none;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	border-bottom:2px solid transparent;
}
.category-ttw-col#cat-tally ul li.active a
{
	border-bottom:2px solid #231f20;
	font-family:"suisse-medium";
}

.category-ttw-col#cat-tally ul li a:hover
{
	text-decoration:none;
	color:#9f9396;
}



.category-ttw-col#cat-dest-tool ul
{
	list-style-type:none;
	margin:0;
	padding:0 0 0 0;
	font-family:"suisse-light" !important;
	font-size:0.8rem;
	color:#231f20;
}

.category-ttw-col#cat-dest-tool ul li
{
	display:inline-block;
	margin:0 0.75rem 0 0;
	padding:0 0 0 0;
}

.category-ttw-col#cat-dest-tool ul li#obt-title
{
	margin-left:0.5rem;
}

.category-ttw-col#cat-dest-tool ul li a
{
	font-family:"suisse-medium";
	font-size:100%;
	text-decoration:none;
	color:#231f20;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	border-bottom:1px solid transparent;
}

.category-ttw-col#cat-dest-tool ul li.active a
{
	border-bottom:1px solid #231f20;
	font-family:"suisse-medium";
}

.category-ttw-col#cat-dest-tool ul li a:hover
{
	text-decoration:none;
	color:#9f9396;
}

/**-----------------Locations directory page-----------------**/

.directory-header
{
	text-align:center;
}

.directory-header h3
{
font-family:"suisse-medium";
color:#231f20;
font-weight:normal;
line-height:1;
font-size:1.5rem;
letter-spacing:0.025rem;
margin:0 auto 1rem;
}

.directory-header h4
{
	font-family:"suisse-light";
	color:#231f20;
	font-weight:normal;
	line-height:1;
	font-size:1rem;
	letter-spacing:0.025rem;
	margin:0 auto 1rem;
}

.directory-columns
{
	padding:2rem 0;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #dcdcdc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-family:"suisse-medium";
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */

.tabcontent {
  display: none;
  padding: 2.5rem;
  border: 1px solid #dcdcdc;
  border-top: none;
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}


.tabcontent-wrap h4.tab-intro
{
	font-family:"suisse-light";
	margin-top:0.75rem;
	margin-bottom:3rem;
	text-align:center;
	line-height:1.75;
}

.tabcontent-wrap h4.tab-intro a
{
	font-family:"suisse-light";
	text-decoration:none;
	color:#231f20;
	font-size:100%;
	font-weight:inherit;
}

.tabcontent-wrap ul
{	
	list-style-type:none;
	margin:0 auto 1rem;
	line-height:2;
}

.tabcontent-wrap ul li a
{
	text-decoration:none;
	font-weight:inherit;
	font-size:100%;
	color:#231f20;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.tabcontent-wrap ul li a:hover
{
color:#9f9396;
}

.tabcontent-wrap ul li.master-location
{
	font-family:"suisse-medium";
	font-size:0.95rem;
}
.tabcontent-wrap ul li.master-location a
{
	font-family:"suisse-medium";
}

.tabcontent-wrap ul li.child-location
{
	font-family:"suisse-regular";
	font-size:0.85rem;
}
.tabcontent-wrap ul li.child-location a
{
	font-family:"suisse-regular";
}

.tabcontent-wrap .tab-locations-list li a
{
	border-bottom:1px dotted #231f20;
}

/**--Alphabet grid--**/
.alphabet-grid
{
	width:100%;
}
.alphabet-grid-col
{
	width:32.3333333333333%;
	float:left;
	margin:0 0 0 0;
	padding:0 1% 0 0;
}
.letter-wrap
{
	display:table;
	width:100%;
	text-align:left;
	vertical-align:top;
	margin-bottom:1.5rem;
}
.letter-col
{
	display:table-cell;
	width:25%;
}
.letter-col h5
{
	font-family:"suisse-light";
	font-size:0.95rem;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
}

.letter-entry
{
	display:table-cell;
	width:75%;
}
.letter-entry.empty-entry p
{
	font-family:"suisse-light";
	font-size:1rem;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#5e5e5e;
}

.country-tab .tab-locations-list
{
	text-align:center;
}

.tabcontent-wrap.country-tab .tab-locations-list li.child-location
{
	font-family:"suisse-medium";
}
.tabcontent-wrap.country-tab .tab-locations-list li.child-location a
{
	font-family:"suisse-medium";
}


/**---------------------- Locations directory: RESPONSIVENESS --------------------------**/

@media only screen and (max-width:768px) {
	.alphabet-grid-col
	{
		width:100%;
		float:none;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
}
@media only screen and (max-width:640px){
	.letter-col
	{
		display:table-cell;
		width:20%;
	}
	.letter-entry
	{
		display:table-cell;
		width:80%;
	}
}
@media only screen and (max-width:480px) and (min-width:320px){
	.letter-col
	{
		display:table-cell;
		width:18%;
	}
	.letter-entry
	{
		display:table-cell;
		width:82%;
	}
}
@media only screen and (max-width:320px) and (min-width:240px){
	.letter-col
	{
		display:table-cell;
		width:15%;
	}
	.letter-entry
	{
		display:table-cell;
		width:85%;
	}
}



/**---------------Inner pages content formatting---------------**/

.inner-content-wrap
{
	width:66%;
	margin:0 17%;
	line-height:2;
	padding:2.5rem 0 3rem;
}

.inner-content-wrap p a, .inner-content-wrap ul a
{
	color:rgb(35,31,32);
	color:#231f20;
	font-family:"suisse-medium";
	text-decoration:none;
	-ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	border-bottom:1px dotted #231f20;
}
.inner-content-wrap p a:hover,
.inner-content-wrap ul a:hover
{
	color:#c2c2d6;
	border-bottom:1px dotted #c2c2d6;
}



/**---------------------- Legal pages: RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1024px){
	#legal-info-page .inner-content-wrap
	{
		width:100%;
		margin:0;
	}
}


/**----------------Legal pages----------------**/

.inner-content-wrap.legal-section h4
{
	font-family:"suisse-semibold" !important;
	font-size:1rem;
	margin:2rem 0 1rem 0 !important;
	text-transform:uppercase;
}

.inner-content-wrap.legal-section h5
{
	font-family:"suisse-semibold" !important;
	font-size:1rem;
	margin:2rem 0 1rem 0 !important;
}

.inner-content-wrap.legal-section h6
{
	font-family:"suisse-semibold" !important;
	font-size:0.9rem;
	margin:1.5rem 0 1rem 0 !important;
}

.inner-content-wrap.legal-section p
{
	margin:0 0 1.5rem 0;
	font-size:1.1125rem;
	font-family:"suisse-regular";
}
.inner-content-wrap.legal-section p.emphasis
{
	text-transform:uppercase;
	font-size:95%;
	text-align:justify;
}

.inner-content-wrap.legal-section p span.emphasis
{
	text-transform:uppercase;
	font-size:95%;
}

.inner-content-wrap.legal-section ul
{
	margin:0 1rem 1.5rem;
	font-size:1.1125rem;
	font-family:"suisse-regular";
	list-style-type:disc;
}
.inner-content-wrap.legal-section ul#toc
{
	margin-left:0;
	font-size:1rem;
	list-style-type:none;
}

table#ca-summary
{
	margin:0 0 1.5rem;
	border:1px solid #e9e9e9;
}
table#ca-summary td
{
	padding:1rem 0.5rem;
}
td.top-row
{
	font-family:"suisse-medium", sans-serif;
}
td.col1
{
	font-family:"suisse-medium", sans-serif;
}

/**--------------------------Information pages--------------------------**/

.inner-content-wrap.info-section
{
	line-height:2;
	padding:2.5rem 0 3rem;
	width:100%;
	margin:0;
}

@media only screen and (max-width:480px) and (min-width:320px){
	#who-for .inner-content-wrap.info-section
	{
		padding-top:1.25rem;
	}
}



/*Booking hub variation*/
.inner-content-wrap.info-section#booking-hub-index
{
	padding-top:0 !important;
}
.inner-content-wrap.info-section .inner-narrow
{
	padding:0 0 1rem 0;
	width:66%;
	margin:0 17%;
}
.inner-content-wrap.info-section .inner-narrow.lede-padded
{
	padding:4rem 0 2rem;
}

.inner-content-wrap.info-section .inner-narrow.lede-padded.mb-padded
{
	margin-bottom:2rem;
}

@media only screen and (max-width:768px){
	.inner-content-wrap.info-section .inner-narrow.lede-padded
	{
		padding:0 0 2rem;
	}
	.inner-content-wrap.info-section .inner-narrow.lede-padded.mb-padded
	{
		margin-bottom:1rem;
	}
}
@media only screen and (max-width:640px){
	.inner-content-wrap.info-section .inner-narrow.lede-padded.mb-padded
	{
		margin-bottom:0;
	}
}

.inner-content-wrap.info-section .inner-wide
{
	padding:0 0 1rem 0;
	width:100%;
	margin:0;
}

.inner-header-narrow
{
	width:66%;
	margin:0 17%;
}


/**---------------------- Inner page containers: responsiveness --------------------------**/


@media only screen and (max-width:1024px) {
	.inner-content-wrap.info-section .inner-narrow
	{
		width:90%;
		margin:0 5%;
	}
	.inner-content-wrap.info-section .inner-wide
	{
		width:90%;
		margin:0 5%;
	}
}
@media only screen and (max-width:640px) {
	.inner-content-wrap.info-section .inner-narrow
	{
		width:100%;
		margin:0;
	}
	.inner-content-wrap.info-section .inner-wide
	{
		width:100%;
		margin:0;
	}
}


.inner-content-wrap.info-section h4
{
	font-family:"suisse-medium";
	font-size:1.45rem;
	margin:2rem auto;
}

.inner-content-wrap.info-section h4.lede
{
	font-size:1.5rem;
	line-height:1.6;
	width:80%;
	margin:0 10% 2rem;
	text-align:center;
}
.inner-content-wrap.info-section h4.lede span
{
	font-family:"suisse-light", sans-serif;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1024px) {
	.inner-content-wrap.info-section h4.lede
	{
		line-height:1.75;
		width:90%;
		margin:0 5% 2rem;
	}
}
@media only screen and (max-width:640px){
	.inner-content-wrap.info-section h4.lede
	{
		width:100%;
		margin:0 0 2.5rem;
	}
}

.inner-content-wrap.info-section #opening-container h4
{
	margin-top:0;
}
#opening-container
{
	padding-top:1rem;
}
.inner-content-wrap.info-section .inner-narrow p
{
margin:0 0 1.5rem 0;
font-size:1.1rem;
font-family:"suisse-regular";
}

.inner-content-wrap.info-section ul
{
	margin:0 1rem 1.5rem;
	font-size:1.1rem;
	font-family:"suisse-regular";
	list-style-type:disc;
}

/**--General style quick-codes--**/

.inner-content-wrap.info-section p.center-aligned
{
	text-align:center;
}
.inner-content-wrap.info-section p .boldtype
{
	font-family:"suisse-medium", sans-serif;
}

/**--Information pages with subsections--**/

.inner-content-wrap.info-section .inner-narrow.sub-sectioned
{
	padding-top:0 !important;
}

.inner-content-wrap.info-section .inner-narrow.sub-sectioned h4,
.inner-content-wrap.info-section .inner-wide.sub-sectioned h4
{
	font-family:"suisse-medium";
	font-size:1.25rem;
	margin:2.75rem auto 0.75rem !important;
}

.inner-content-wrap.info-section .inner-wide.sub-sectioned p
{
	font-size:1rem;
}

/**----------------Our process page----------------**/

.inner-content-wrap.info-section .inner-wide.process-tier h4,
.inner-content-wrap.info-section .inner-narrow.process-tier h4
{
	font-family:"suisse-medium";
	font-size:1.25rem;
	margin:0 auto 1.25rem !important;
	border-left:5px solid #f8e100;
	padding-left:12px;
}

.inner-content-wrap.info-section .inner-wide.process-tier p,
.inner-content-wrap.info-section .inner-narrow.process-tier p
{
	font-size:1rem;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1024px) {
	#selection-process-page .inner-wide,
	#selection-process-page .inner-narrow
	{
		width:100%;
		margin:0;
	}
	#selection-process-page .process-tier
	{
		padding-bottom:2rem;
	}
	#selection-process-page .iiw-iw-align
	{
		vertical-align:top;
	}
	#selection-process-page .iiw-text-align.text-align-right article
	{
		padding:0 0 0 2rem;
	}
	#selection-process-page .iiw-text-align.text-align-left article
	{
		padding:0 2rem 0 0;
	}
}

@media only screen and (max-width:640px) {
	#selection-process-page .ial-40
	{
		width:100%;
		float:none;
		margin:0 0 2rem 0;
	}
	#selection-process-page .iiw-text-align.text-align-right article p
	{
		padding:0 1rem 1rem 1rem !important;
	}
}

/**--Image wraps--**/
.inner-pg-img-wrap
{
	margin:2rem 0 1.5rem 0;
}

.inner-pg-img-wrap img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}

/**--Image grids--**/

.img-grid
{
	margin:2rem 0 1.5rem 0;
	display:table;
	width:100%;
}
.img-grid.ig4 figure
{
	display:table-cell;
	width:25%;
}
.img-grid.ig5 figure
{
	display:table-cell;
	width:20%;
}
.figure-container
{
	padding:0 0.5rem;
}
.img-grid.ig4 figure img,
.img-grid.ig5 figure img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}
div.figcaption
{
	padding:0 0.5rem 0 0;
	font-size:0.85rem;
	font-family:"suisse-light" !important;
	margin:1rem 0 0 0;
}
div.figcaption span
{
	font-family:"suisse-medium" !important;
}


/**---------------------- Image grids: RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1024px){
	.img-grid
	{
		display:block;
	}
	.img-grid:after {
	    visibility: hidden;
	    display: block;
	    font-size: 0;
	    content: " ";
	    clear: both;
	    height: 0;
	}
	.img-grid.ig4 figure,
	.img-grid.ig5 figure
	{
		display:block;
		width:33.3333333333%;
		float:left;
		margin-bottom:1rem;
	}
}
@media only screen and (max-width:768px) {
	.img-grid.ig4 figure,
	.img-grid.ig5 figure
	{
		width:50%;
		margin-bottom:1.5rem;
	}
}
@media only screen and (max-width:480px) and (min-width:320px){
	.img-grid.ig4 figure,
	.img-grid.ig5 figure
	{
		display:block;
		width:100%;
		float:none;
		margin-bottom:2rem;
	}
	.figure-container
	{
		padding:0 0;
	}
}
/**--Information table--**/

/**--General styles for information tables--**/

.inner-content-wrap.info-section p.table-advice
{
	font-family:"suisse-regular", sans-serif;
	font-size:0.85rem;
	margin:0 0 0 0;
	text-align:right;
}
.inner-content-wrap.info-section table
{
	width:100%;
	color:rgb(35,31,32);
	color:#231f20;
	margin:2rem 0;
}

.inner-content-wrap.info-section table .table-header td
{
	font-family:"suisse-semibold", sans-serif;
	border-bottom:1px solid #231f20;
}

.inner-content-wrap.info-section table .table-option td
{
	padding:2rem 1rem 2rem 0;
}


/**---------------------- Why Book: RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1024px){
	#why-book-sw .inner-wide,
	#why-book-sw .inner-narrow
	{
		width:100%;
		margin:0;
	}
}


/**--Styles specific to benefits compare table (VERSION 2)--**/

.compare-option-title-wrap
{
	display:table;
	width:100%;
}
.hotel-title-img
{
	display:table-cell;
	width:10%;
	vertical-align:top;
}
.hotel-title-img figure img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}

.hotel-title-details
{
	display:table-cell;
	width:50%;
	vertical-align:middle;
}
.hotel-title-details article
{
	padding:0 1.5rem;
}

.hotel-title-details h5
{
	font-family:"suisse-medium", sans-serif;
	font-size:1.35rem !important;
	margin:0 0 0.25rem 0;
}

.hotel-title-details h5 a
{
	font-family:inherit;
	font-size:inherit;
	text-decoration:none;
	color:rgb(35,31,32);
	color:#231f20;
	font-weight:normal;
	border-bottom:1px dotted #231f20;
	-ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.hotel-title-details h5 a:hover
{
	color:#9f9396;
	border-bottom:1px dotted #c2c2d6;
}

.hotel-title-details p.compare-room-type
{
	font-family:"suisse-light", sans-serif;
	font-size:0.85rem;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.hotel-title-date
{
	width:40%;
	display:table-cell;
	vertical-align:middle;
	text-align:right;
}

.hotel-title-date p.compare-room-dates
{
	font-family:"suisse-light", sans-serif;
	font-size:0.85rem;
	margin:0 0 0 0;
	padding:0 0 0 0;
}


/**---------------------- Table headers: RESPONSIVENESS --------------------------**/

@media only screen and (max-width:640px){
	.compare-option-title-wrap
	{
		display:block;
		width:100%;
	}
	.compare-option-title-wrap:after {
	    visibility: hidden;
	    display: block;
	    font-size: 0;
	    content: " ";
	    clear: both;
	    height: 0;
	}
	.hotel-title-img
	{
		display:block;
		width:20%;
		float:left;
	}
	.hotel-title-details
	{
		display:block;
		width:80%;
		float:right;
		vertical-align:middle;
	}
	.hotel-title-date
	{
		width:100%;
		padding-top:1rem;
		display:block;
		clear:both;
		vertical-align:middle;
		text-align:right;
	}
}
@media only screen and (max-width:480px){
	.hotel-title-img
	{
		width:30%;
	}
	.hotel-title-details
	{
		width:70%;
	}
}

.inner-content-wrap.info-section #benefits-table-new
{
	padding-top:0;
}

.price-compare-tier
{
	padding:2rem 0 3rem;
}

.inner-content-wrap.info-section #benefits-table-new .pct-header td
{
	font-family:"suisse-semibold", sans-serif;
	border-top:1px solid #231f20;
	border-bottom:1px solid #231f20;
	vertical-align:top;
	padding:0.5rem 0;
	font-size:0.9rem;
	line-height:1.5;
}

.inner-content-wrap.info-section #benefits-table-new td.pct-feature
{
	width:12%;
	line-height:1.2;
}
.inner-content-wrap.info-section #benefits-table-new .pct-header td.pct-feature
{
	line-height:1.5;
}

.inner-content-wrap.info-section #benefits-table-new .pct-option td
{
	padding:1rem 1rem 1rem 0;
}

.inner-content-wrap.info-section #benefits-table-new .pct-option.swank-guide-compare td
{
	background: rgba(248,225,0, 0.1);
}

.inner-content-wrap.info-section #benefits-table-new td.pct-feature .neg-response i
{
	color:red;
	vertical-align:middle;
}

.inner-content-wrap.info-section #benefits-table-new td.pct-feature .pos-response i
{
	color:green;
	vertical-align:middle;
}

.inner-content-wrap.info-section #benefits-table-new td.pct-feature .pct-feature-note
{
	font-family:"suisse-light", sans-serif;
	font-size:80%;
}

.price-compare-advice
{
	padding:1rem 0 3rem;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:640px) and (min-width:480px){
	.inner-content-wrap.info-section #benefits-table-new .pct-option td
	{
		padding:1rem 7.5rem 1rem 0;
	}
}


/**--Full-width image wrap--**/
.img-fwidth-wrap
{
	display:block;
	width:100%;
	padding-bottom:2rem;
}
.img-fwidth-wrap img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}

/**--Left and right aligned images, inline--**/
.img-inline-wrap
{
	display:table;
	width:100%;
	padding-bottom:2rem;
}
.iiw-iw-align
{
	display:table-cell;
	vertical-align:middle;
}
.img-inline-wrap.top-img .iiw-iw-align
{
	vertical-align:top;
}
.iiw-text-align
{
	display:table-cell;
	vertical-align:middle;
}
.iiw-iw-align img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}
.inner-content-wrap.info-section .img-inline-wrap .iiw-iw-align .inline-img-caption
{
	font-size:0.8rem;
	font-family:"suisse-light", sans-serif;
	margin:0.5rem 0 0 0;
}
.inner-content-wrap.info-section .img-inline-wrap .iiw-iw-align.iw-align-right .inline-img-caption
{
	text-align:right;
}

.iiw-iw-align.ial-25
{
	width:25% !important;
}

.iiw-iw-align.ial-30
{
	width:30%;
}
.iiw-iw-align.ial-40
{
	width:40%;
}
.iiw-iw-align.ial-50
{
	width:50%;
}
.iiw-iw-align.ial-60
{
	width:60%;
}

.iiw-text-align.ita-40
{
	width:40% !important;
}
.iiw-text-align.ita-50
{
	width:50% !important;
}
.iiw-text-align.ita-60
{
	width:60% !important;
}
.iiw-text-align.ita-70
{
	width:70% !important;
}
.iiw-text-align.ita-75
{
	width:75% !important;
}

.iiw-text-align.text-align-right article
{
	padding:0 4rem;
}
.iiw-text-align.text-align-left article
{
	padding:0 4rem 0 0;
}

.inner-content-wrap.info-section .iiw-text-align article h4,
.inner-content-wrap.info-section h4.page-subheader
{
	font-size:1.35rem;
}
.inner-content-wrap.info-section .trust-diff .iiw-text-align article h4
{
	margin-top:0 !important;
}
.inner-content-wrap.info-section .iiw-text-align article p
{
margin:0 0 1.5rem 0;
font-size:1.1125rem;
font-family:"suisse-regular";
}
.inner-content-wrap.info-section .iiw-text-align p:last-child
{
	margin-bottom:0;
}

/**--Mobile-only images, trust statement--**/
.iw-mobile-trust
{
	display:none;
}
.iw-mobile-trust img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}

/**---------------------- Trust page: RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1024px){
	#trust-wrapper .inner-wide
	{
		width:100%;
		margin:0;
	}
	.iiw-text-align.text-align-right article
	{
		padding:0 0 0 4rem;
	}
}

@media only screen and (max-width:768px) {
	.img-inline-wrap
	{
		display:block;
	}
	.iw-desktop-trust
	{
		display:none;
	}
	.iw-mobile-trust
	{
		display:block;
		width:100%;
		margin:0 0 0 0;
	}
	.iw-mobile-trust img
	{
		display:block;
	}
	.iiw-text-align.ita-40
	{
		width:100% !important;
		display:block;
	}
	.iiw-text-align.ita-40 article
	{
		padding:1.5rem;
	}
}
@media only screen and (max-width:640px) {
	.iiw-text-align.ita-40 article
	{
		padding:1.25rem;
	}
}
@media only screen and (max-width:480px){
	.iiw-text-align.ita-40 article
	{
		padding:1rem;
	}
}

/**---------------------- Who we are for: RESPONSIVENESS --------------------------**/

.iw-mobile-who
{
	display:none;
}

.iw-mobile-who img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}
.iw-mobile-who .inline-img-caption
{
	font-size:0.8rem;
	font-family:"suisse-light", sans-serif;
	margin:0.5rem 0 0 0;
}

@media only screen and (max-width:1024px) {
	#who-for .inner-wide
	{
		width:100%;
		margin:0;
	}
	#who-for .inner-content-wrap.info-section .iiw-text-align article h4
	{
		margin-top:0 !important;
	}
	#who-for .iiw-iw-align
	{
		vertical-align:top;
	}
	#who-for .iiw-text-align.text-align-right article
	{
		padding:0 0 0 2rem;
	}
	 #who-for .iiw-text-align.text-align-left article
	{
		padding:0 2rem 0 0;
	}
}

@media only screen and (max-width:768px) {
	.iiw-iw-align.ial-40
	{
		width:30%;
	}
	.iiw-text-align.ita-60
	{
		width:70% !important;
	}
}
@media only screen and (max-width:640px) {
	.img-inline-wrap
	{
		display:block;
	}
	.img-inline-wrap:after {
	    visibility: hidden;
	    display: block;
	    font-size: 0;
	    content: " ";
	    clear: both;
	    height: 0;
	}
	.iw-desktop-who
	{
		display:none !important;
	}
	.iiw-iw-align.ial-40,
	.iw-mobile-who
	{
		display:block;
		width:30%;
		float:right;
		margin:0 0 1rem 1rem;
	}
	.iiw-text-align.ita-60
	{
		display:block;
		width:100% !important;
		padding:0 0 0 0;
		margin:0 0 0 0;
	}
	.iiw-text-align.ita-60 article
	{
		padding:0 0 0 0 !important;
	}
}
@media only screen and (max-width:480px) {
	.iiw-iw-align.ial-40,
	.iw-mobile-who
	{
		display:block;
		width:100%;
		float:none;
		margin:0 0 2rem 0;
	}
}


/**------------------FAQ page------------------**/

#faq-questions-stack
{
	margin:2rem 0;
}

.faq-question-wrap
{
	margin:0 0 0 0;
}

.accordion {
  background-color: #fff;
  color: #231f20;
  font-family:"suisse-medium", sans-serif;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1rem;
  line-height:1.65;
  transition: 0.4s;
}
.accordion.active, .accordion:hover {
  background-color: #dcdcdc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.accordion.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.inner-content-wrap.info-section .panel p
{
	font-size:1rem;
	padding:1rem 0;
}
.inner-content-wrap.info-section .panel p.run-on
{
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}


/**---------------------- FAQ page: RESPONSIVENESS --------------------------**/

@media only screen and (max-width:768px) {
	#faq-page .inner-narrow
	{
		width:100%;
		margin:0;
	}
}

/**---------------------- Newsletter page: RESPONSIVENESS --------------------------**/

@media only screen and (max-width:768px) {
	#newsletter-page .inner-narrow
	{
		width:100%;
		margin:0;
	}
}

/**---------------------- Contact page: RESPONSIVENESS --------------------------**/

@media only screen and (max-width:768px) {
	#contact-page .inner-narrow
	{
		width:100%;
		margin:0;
	}
}


/**--Meet Us page--**/

#meet-vid-wrap
{
	margin:3rem 0 2rem;
}

.video-embed-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/**--Subheaders between tiers--**/

.inbody-subheader
{
	margin:0 0 3rem 0;
}
.inbody-subheader.inb-subh-center h4
{
	text-align:center;
}

/**---------------------- Meet The Team: RESPONSIVENESS --------------------------**/

.iw-meet-mobile
{
	display:none;
	margin-bottom:1rem;
}
.iw-meet-mobile img
{
	display:block;
	width:100%;
	height:auto;
	border:0;
}

@media only screen and (max-width:1024px){
	#meet-sw .inner-narrow,
	#meet-sw .inner-wide
	{
		width:100%;
		margin:0;
	}
	#meet-sw .iiw-text-align
	{
		vertical-align:top;
	}
	#meet-sw .iiw-text-align.text-align-right article
	{
		padding:0 0 0 3rem;
	}
}

@media only screen and (max-width:768px) {
	#meet-sw .iiw-text-align.text-align-right article
	{
		padding:0 0 0 2rem;
	}
}
@media only screen and (max-width:640px) {
	#meet-sw .iiw-text-align.text-align-right article
	{
		padding:0 0 0 1rem;
	}
	
}
@media only screen and (max-width:480px) and (min-width:320px){
	#meet-sw .iiw-text-align.text-align-right article
	{
		padding:0 0 0 0;
	}
	#meet-sw .img-inline-wrap
	{
		display:block;
		width:100%;
	}
	#meet-sw .iw-meet-desktop
	{
		display:none;
	}
	#meet-sw .iw-meet-mobile
	{
		display:block;
	}
	#meet-sw .iiw-text-align.ita-70
	{
		display:block;
		width:100% !important;
	}
}

/**---------------------- SUSTAINABILITY: RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1024px) {
	#sw-sustain .inner-wide,
	#sw-sustain .inner-narrow
	{
		width:100%;
		margin:0 0 0 0;
	}
}

/**----------------------BOOKING HUB PAGE----------------------**/

.link-tiles-wrap
{
	width:100%;
	display:table;
}
.link-tile-col
{
	display:table-cell;
}

.link-tiles-wrap.ltw-2tile .link-tile-col
{
	width:50%;
}
.link-tile-bg-img
{
	width:90%;
	min-height:35rem;
	position:relative;
}
.ltc-left .link-tile-bg-img
{
	margin-right:10%;
	background:url(../img/destinations/swank-guide-perks.jpg) no-repeat center center;
	background-size:cover;
}
.ltc-right .link-tile-bg-img
{
	margin-left:10%;
	background:url(../img/destinations/book-time.jpg) no-repeat center center;
	background-size:cover;
}

.link-tile-filter 
{
  position:absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.15);
  z-index: 2;
}

.link-tile-content
{
  position: absolute;
  top: 50%;
  left: 50%;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}
.inner-content-wrap.info-section .link-tile-content h5
{
	font-family:"suisse-semibold", sans-serif;
	font-size:1.2rem !important;
	margin:0 0 1rem 0 !important;
	padding:0 0 0 0 !important;
	text-align:center;
}
.inner-content-wrap.info-section .link-tile-content ul
{
	list-style-type:none;
	margin:0 auto;
	padding:0 0 0 0;
	font-size:0.9rem;
	text-align:center;
}
.inner-content-wrap.info-section .link-tile-content li.tile-book-btn
{
	margin:0 0 0 0;
	display:block;
	padding:0.9rem 0;
}
.inner-content-wrap.info-section .link-tile-content li.tile-book-btn a
{
	border:1px solid #f8e100;
	padding:0.85rem 1.75rem;
	border-radius:1.5rem;
	background:#f8e100;
	text-decoration:none;
	color:#2e2e2e;
	font-size:100%;
	font-family:"suisse-medium" !important;
}
.inner-content-wrap.info-section .link-tile-content li.tile-book-btn a:hover, 
.inner-content-wrap.info-section .link-tile-content li.tile-book-btn a:focus
{
	color:#231f20;
}


/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1024px) {
	#booking-hub-index .inner-wide
	{
		width:100%;
		margin:0;
	}
	.link-tile-bg-img
	{
		width:95%;
	}
	.ltc-left .link-tile-bg-img
	{
		margin-right:5%;
	}
	.ltc-right .link-tile-bg-img
	{
		margin-left:5%;
	}
}

@media only screen and (max-width:768px) {
	.link-tiles-wrap
	{
		width:100%;
		display:block;
	}
	.link-tile-col
	{
		display:block;
	}
	.link-tiles-wrap.ltw-2tile .link-tile-col
	{
		width:100%;
		margin-bottom:2rem;
	}
	.link-tile-bg-img
	{
		width:100%;
		min-height:20rem;
		position:relative;
	}
	.ltc-left .link-tile-bg-img
	{
		margin-right:0;
		background:url(../img/destinations/swank-guide-perks.jpg) no-repeat center center;
		background-size:cover;
	}
	.ltc-right .link-tile-bg-img
	{
		margin-left:0;
		background:url(../img/destinations/book-time.jpg) no-repeat center center;
		background-size:cover;
	}
}

/**--Client Intake Form--**/

.inner-content-wrap.info-section .required-advice
{
	text-align:right;
	padding-top:1rem;
	padding-bottom:0.5rem;
}
.inner-content-wrap.info-section .required-advice p
{
	font-family:"suisse-light", sans-serif;
	font-size:0.9rem;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.inner-content-wrap.info-section .required-advice p span
{
	color:#ff5050;
	font-family:"suisse-semibold";
}

.form-grid-wrap
{
	width:100%;
	margin:0 0 2.5rem;
}

.form-grid-wrap article
{
	padding:0 1rem;
	margin:0 0 2rem 0;
	border:1px solid #dcdcdc;
}
.form-grid-wrap article h5
{
	font-family:"suisse-medium", sans-serif;
	font-size:1.25rem;
	margin:1rem 0 2.5rem 0;
	border-left:5px solid #f8e100;
	padding-left:12px;
}

.form-group
{
	margin:0 0 1.5rem 0;
}

.form-group p.question-overline
{
	color:#231f20;
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	font-size:1rem !important;
	font-family:"suisse-medium", sans-serif !important;
}

.form-subgroup
{
	margin:1rem 0 0;
	padding:0.5rem;
	border:1px dotted #dcdcdc;
}
.question-overline-note
{
	color:#231f20;
	margin-bottom:1rem !important;
	padding-bottom:0 !important;
	font-size:0.9rem !important;
	font-family:"suisse-medium", sans-serif !important;
}

.form-grid-row
{
	width:100%;
	display:table;
}
.row-1col .row-col
{
	display:table-cell;
	padding:0.25rem 0;
}
.row-2col .row-col
{
	display:table-cell;
	width:50%;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1024px){
	#form-page-wrapper .inner-narrow
	{
		width:100%;
		margin:0;
	}
}

@media only screen and (max-width:640px){
	.row-2col .row-col
	{
		display:block;
		width:100%;
		padding-top:0.5rem;
	}
}

.form-grid-row input,
.wpforms-field input
{
	border-radius:0;
	border:1px solid #dcdcdc !important;
	padding:0.75rem;
	box-sizing: border-box;
	font-family:"suisse-medium", sans-serif !important;
	transition: all 0.3s ease;
}

.form-grid-row input[type="text"],
.form-grid-row input[type="email"],
.form-grid-row input[type="tel"],
.form-grid-row input[type="date"],
.wpforms-field input[type="text"],
.wpforms-field input[type="email"],
.wpforms-field input[type="tel"],
.wpforms-field input[type="date"],
{
	background:#f8f8f8;
}

/**--Input width--**/

.form-grid-row input.text_full_width
{
	width:100%;
}
.form-grid-row input.text_full_width.right-padded
{
	width:99%;
	margin-right:1%;
}
.form-grid-row input.text_full_width.left-padded
{
	width:99%;
	margin-left:1%;
}
.form-grid-row .row-2col-squeezer-left-padded
{
	width:95%;
	margin-left:5%;
}
.form-grid-row input.text_three-quarters_width
{
	width:75% !important;
}
.form-grid-row input.text_half_width
{
	width:50%;
}
.form-grid-row input.text_third_width
{
	width:33.3333333333%;
}


@media only screen and (max-width:640px) {
	.form-grid-row input.text_full_width.right-padded
	{
		width:100%;
		margin-right:0;
	}
	.form-grid-row input.text_full_width.left-padded
	{
		width:100%;
		margin-left:0;
	}
	.form-grid-row .row-2col-squeezer-left-padded
	{
		width:100%;
		margin-left:0;
	}
}



/**--Text area sizing--**/

.form-grid-row textarea
.wpforms-field textarea
{
	border-radius:0;
	border:1px solid #dcdcdc;
	padding:0.5rem;
	box-sizing: border-box;
	font-family:"suisse-medium", sans-serif;
	transition: all 0.3s ease;
	 background:#f8f8f8;
}

.form-grid-row textarea.textbox_lrg
{
	width:100%;
	height:6rem;
}

.form-grid-row textarea.textbox_sm
{
	width:100%;
	height:4rem;
}

.form-grid-row textarea:focus, 
.form-grid-row input:focus,
.form-grid-wrap .wpforms-field textarea:focus, 
.form-grid-wrap .wpforms-field input:focus
{
    outline: none !important;
}

/**--Focus state styling--**/

.form-grid-row input[type="text"]:focus,
.form-grid-row input[type="email"]:focus,
.form-grid-row input[type="tel"]:focus,
.form-grid-row textarea:focus,
.form-grid-wrap .wpforms-field input[type="text"].wpforms-field-medium:focus,
.form-grid-wrap .wpforms-field input[type="email"].wpforms-field-medium:focus,
.form-grid-wrap .wpforms-field textarea.wpforms-field-medium:focus,
.form-grid-wrap .wpforms-field textarea:focus,
.form-grid-wrap .wpforms-field input[type="text"]:focus,
.form-grid-wrap .wpforms-field input[type="email"]:focus
{
  border-color:#f8e100 !important;
  box-shadow: 0 0 0 3px rgba(248,225,0, 0.4) !important;
  background:#F5F5F5 !important;
}

/**--WP Forms placeholder styling--**/
.form-grid-wrap .wpforms-field textarea::placeholder,
.form-grid-wrap .wpforms-field input[type="text"]::placeholder,
.form-grid-wrap .wpforms-field input[type="email"]::placeholder
{
	font-family:"suisse-medium", sans-serif !important;
	color:#595959;
	font-size:0.9rem;
}


.inner-content-wrap.info-section .row-col p
{
	color:#231f20;
	margin-bottom:0;
	font-size:1rem !important;
}
.inner-content-wrap.info-section .row-col p.support-txt
{
	color:#231f20;
	margin-bottom:0;
	font-size:0.85rem !important;
	font-family:"suisse-light", sans-serif !important;
}
.inner-content-wrap.info-section .row-col label,
.inner-content-wrap.info-section .form-group .wpforms-field-label
{
	font-size:1rem !important;
	color:#231f20;
	font-family:"suisse-medium", sans-serif !important;
}

.inner-content-wrap.info-section .form-group .wpforms-field-sublabel
{
	color:#231f20;
	font-family:"suisse-light", sans-serif !important;
}


.inner-content-wrap.info-section .row-col label.form_question,
.inner-content-wrap.info-section .row-col p.question-inline
{
	font-family:"suisse-medium", sans-serif !important;
}

.inner-content-wrap.info-section .row-col label .emphasis-label
{
	font-family:"suisse-further" !important;
	color:#231f20;
}

.inner-content-wrap.info-section .row-col label span,
.inner-content-wrap.info-section p.question-overline span,
.inner-content-wrap.info-section p.question-overline-note span,
.inner-content-wrap.info-section .row-col p.question-inline span,
.inner-content-wrap.info-section .wpforms-required-label
{
	color:#ff5050 !important;
}

.inner-content-wrap.info-section .row-col label.label_right
{
	margin-left:2px;
}
.inner-content-wrap.info-section .row-col label.label_left
{
	margin-right:3px;
}

.inner-content-wrap.info-section .row-col ul
{
	list-style-type:none;
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
	font-size:1rem;
}

.inner-content-wrap.info-section .row-col ul.options-stacked li
{
	display:block;
	list-style-type:none;
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
	font-size:1rem;
}

.inner-content-wrap.info-section .row-col ul li
{
	display:inline-block;
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
}
.inner-content-wrap.info-section .row-col ul.options2 li
{
	width:45%;
	padding:0 0 0 0;
}
.inner-content-wrap.info-section .row-col ul.options-inline li
{
	display:inline;
	padding-right:1rem !important;
}


@media only screen and (max-width:640px){
	.row-2col .row-col
	{
		display:block;
		width:100%;
		padding-top:0.5rem;
	}
	.inner-content-wrap.info-section .row-col ul.options-inline li
	{
		white-space: wrap;
		display:block;
	}
}

/**--Followup questions--**/

.followup-question
{
	padding:1rem 0.25rem 0;
}

.followup-question-wrap
{
	display:table;
	width:100%;
	box-sizing: border-box;
}
.followup-question-arrow
{
	width:5%;
	display:table-cell;
}
.followup-question-arrow img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
	opacity: 0.5;
}
.followup-question-txt
{
	display:table-cell;
	width:95%;
}
.followup-arrow-squeeze
{
	padding-right:5px;
}


/**--Submit button--**/

.inner-content-wrap.info-section .submit-wrap p
{
	margin:0;
	padding:0;
	font-size:0.9rem;
	text-align:center;
}
.inner-content-wrap.info-section .submit-wrap p button
{
	border:1px solid #f8e100;
	padding:0.85rem 1.75rem;
	border-radius:1.5rem;
	background:#f8e100;
	text-decoration:none;
	color:#2e2e2e;
	font-size:100%;
	font-family:"suisse-medium";
	cursor:pointer;
	margin:0 auto;
}

.form-grid-wrap .wpforms-submit
{
	border:1px solid #f8e100 !important;
	padding:0.85rem 1.75rem !important;
	border-radius:1.5rem !important;
	background:#f8e100 !important;
	text-decoration:none !important;
	color:#2e2e2e !important;
	font-size:0.9rem !important;
	font-family:"suisse-medium" !important;
	cursor:pointer !important;
	margin:0 auto;
}

.wpforms-submit-container
{
	text-align:center;
	padding-top:2rem !important;
}

.wpforms-submit-container .wpforms-submit.swank-form-button-wrap
{
	margin:0 auto;
}


.inner-content-wrap.info-section .submit-wrap p button:hover, 
.inner-content-wrap.info-section .submit-wrap p button:focus
{
	color:#231f20;
}

/**--Advice after submission--**/

.form-submit-advice
{
	padding-top:1rem;
}

.form-submit-advice h5
{
	font-family:"suisse-medium", sans-serif;
	font-size:1.25rem;
	margin:1rem 0 1.5rem 0;
	border-left:5px solid #f8e100;
	padding-left:12px;
}

.inner-content-wrap.info-section .form-submit-advice#consultation-rates-advice h5
{
	text-align:center;
	border-left-style:none;
	padding-left:0;
}

.inner-content-wrap.info-section .form-submit-advice p
{
	font-family:"suisse-regular", sans-serif;
	font-size:1rem;	
	margin-bottom:0.5rem;
}
.inner-content-wrap.info-section .form-submit-advice p.lead-submit-advice
{
	font-family:"suisse-medium", sans-serif;
}

.inner-content-wrap.info-section .form-submit-advice p span
{
	font-family:"suisse-medium", sans-serif;
}

/**--Rates section--**/

.inner-content-wrap.info-section #consultation-rates-advice
{
	margin:0 10%;
	padding:1rem;
	border:2px solid #f8e100;
}

@media only screen and (max-width:640px) {
	.inner-content-wrap.info-section #consultation-rates-advice
	{
		margin:0;
	}
}

.inner-content-wrap.info-section #consultation-rates-advice ul#rates-info
{
	list-style-type:none;
	margin:0 auto 1rem;
	padding:0 0 0 0;
	font-size:1rem;
	line-height:1.65;
	text-align:center;
}

.inner-content-wrap.info-section #consultation-rates-advice ul#rates-info li
{
	display:inline-block;
	margin:0 1rem 0 0;
	padding:0 0 0 0;
}

/**--Inline more button--**/

.inner-content-wrap.info-section .inline-more-btn
{
	text-align:center;
	padding:0.85rem 0;
}
.inner-content-wrap.info-section .inline-more-btn.inl-btn-l-align
{
	text-align:left;
}

.inner-content-wrap.info-section .inline-more-btn ul
{
	list-style-type:none;
	margin:0 auto;
	padding:0 0 0 0;
	font-size:0.9rem;
}

.inner-content-wrap.info-section .inline-more-btn ul li.toolbar-book-btn a
{
	border:1px solid #f8e100;
	padding:0.85rem 1.75rem;
	border-radius:1.5rem;
	background:#f8e100;
	text-decoration:none;
	color:#2e2e2e;
	font-size:100%;
	font-family:"suisse-semibold", sans-serif !important;
}
.inner-content-wrap.info-section .inline-more-btn ul li.toolbar-book-btn a:hover, 
.inner-content-wrap.info-section .inline-more-btn ul li.toolbar-book-btn a:focus
{
	color:#231f20;
}


/**---------------------- Fora page: RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1024px){
	 #perks-info .inner-narrow
	 {
		 width:100%;
		 margin:0;
	 }
}

/**--Subsection menu--**/

.inner-content-wrap.info-section .section-submenu
{
	text-align:center;
}

/**--Black text by default--**/

ul.section-submenu
{
	list-style-type:none;
	margin:2.5rem auto 0;
	padding:0 0 0 0;
	line-height:2;
	font-size:0.8rem !important;
	font-family:"suisse-semibold";
	color:#231f20;
}
ul.section-submenu li
{
	display:inline-block;
	margin:0 0.75rem;
	vertical-align:middle;
}
ul.section-submenu li a
{
	font-family:"suisse-semibold";
	color:#231f20;
	font-size:100%;
	text-decoration:none; 
	-ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	border-bottom:1px solid transparent;
}
ul.section-submenu li a:hover
{
color:#9f9396;
border-bottom:1px solid transparent;
}

ul.section-submenu li.active a
{
	border-bottom:1px solid #231f20;
}

/**--Mobile version, hidden by default--**/
ul.section-submenu.mobile-submenu
{
	display:none;
}

/**--White against dark photoheader--**/

.photo-header-wrap.phw-dark ul.section-submenu,
.photo-header-wrap.phw-dark ul.section-submenu li a
{
	color:#fff;
}
.photo-header-wrap.phw-dark ul.section-submenu li a:hover
{
	color:#fffae6;
}
.photo-header-wrap.phw-dark ul.section-submenu li.active a
{
	border-bottom:1px solid #fff;
}

/**---------------------- RESPONSIVENESS --------------------------**/

@media only screen and (max-width:1024px) and (min-width:768px){
	ul.section-submenu
	{
		list-style-type:none;
		margin:2.5rem 2rem 0;
	}
}

@media only screen and (max-width:768px) {
	ul.section-submenu
	{
		line-height:2.5;
	}
}
@media only screen and (max-width:640px) {
	.photo-header-wrap.submenu-followed #innerpage
	{
		margin-bottom:0 !important;
		padding-bottom:0 !important;
	}
	ul.section-submenu.desktop-submenu
	{
		display:none;
	}
	ul.section-submenu.mobile-submenu
	{
		display:block;
		text-align:center;
		margin:0 auto;
		padding:1.5rem 1rem;
		background:rgba(0,0,0,0.05);
		line-height:2;
		font-size:0.95rem !important;
	}
	ul.section-submenu li
	{
		display:block;
		margin:0 0.75rem 0.5rem;
		vertical-align:middle;
	}
	ul.section-submenu li:last-child
	{
		margin-bottom:0;
	}
}

/**--Section header, added to form, 7/14/2025--**/

.form-section-wrap h3
{
font-family:"suisse-medium" !important;
color:#231f20 !important;
font-weight:normal !important;
line-height:1;
text-align:center;
font-size:1.25rem !important;
letter-spacing:0.025rem !important;
margin-bottom:1.5rem !important;
}

/**--Blog section, added 9/1/2025--**/

#blog-index-page
{
	padding-top:0 !important;
}
/**--Blog title--**/

.photo-header-text.short-ph#blog-index-title
{
	min-height:22rem;
}

.photo-header-text.short-ph#blog-index-title h3 a
{
	color:#231f20;
}

.photo-header-text.short-ph#blog-index-title h3 span
{
	color:#b9b9b9;
}

@media only screen and (max-width:640px) {
	.photo-header-text.short-ph#blog-index-title h3 span
	{
		display:none;
	}
}

/**--Blog grid--**/

#blog-index-grid
{
	padding:0 0 2.5rem;
}

#blog-index-grid #hotels-pagination
{
	padding:1rem 0;
	margin-top:2rem;
}

.blog-grid-wrap
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 5rem;
}

/*----Responsive-design: Blog Grid----*/
@media only screen and (max-width:1280px) and (min-width:1024px){	
	.blog-grid-wrap
	{
		gap: 4rem;
	}
}
@media only screen and (max-width:1024px) and (min-width:768px){
	.blog-grid-wrap
	{
		gap: 2rem;
	}
}
@media only screen and (max-width:768px){
	.blog-grid-wrap
	{
		display: block;
	}
}
@media only screen and (max-width:640px){
	.blog-grid-wrap
	{
		margin-top:2rem;
	}
}


/**--Blog post--**/

.blog-unit
{
	margin:0 0 3.5rem 0;
}
.blog-post-preview-img
{
	margin:0 0 2.5rem 0;
}
.blog-post-preview-img a
{
	display:block;
	border:none;
	text-decoration:none;
}
.blog-post-preview-img img
{
	width:100%;
	height:auto;
	display:block;
	border:none;
}

ul.blog-post-preview-category
{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:0.8rem !important;
	font-family:"suisse-medium" !important;
	color:#231f20;
}
ul.blog-post-preview-category li
{
	margin:0 0;
	text-align:left;
}
ul.blog-post-preview-category li a
{
	font-family:"suisse-semibold";
	color:#231f20;
	font-size:100%;
	text-decoration:none; 
	-ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
ul.blog-post-preview-category li a:hover
{
color:#9f9396;
}

.blog-post-preview-txt h3
{
	font-family:"suisse-medium";
	color:#231f20;
	font-size:2rem;
	line-height:1.4;
	margin:1rem 0 1.35rem 0;
}

.blog-post-preview-txt h3 a
{
	font-family:"suisse-medium";
	color:#231f20;
	font-size:100%;
	text-decoration:none;
	font-weight:normal;
}

.blog-post-preview-txt p
{
	font-family:"suisse-regular";
	color:#231f20;
	font-size:1.1rem;
	line-height:1.5;
	margin:0 1rem 0 0;
}


/*----Blog post: vertical spacing----*/

@media only screen and (max-width:1280px) and (min-width:1024px){	
	.blog-unit
	{
		margin:0 0 0 0;
	}
	.blog-grid-unit:last-child > .blog-unit
	{
		margin-bottom:2.5rem;
	}
}
@media only screen and (max-width:768px){
	.blog-unit
	{
		margin:0 0 3rem 0;
	}
}
@media only screen and (max-width:640px){
	.blog-grid-unit:last-child > .blog-unit
	{
		margin-bottom:0.5rem !important;
	}
}

/**--------------Blog single post page-------------**/

/**--Blog single post, formatting--**/
#blog-single-wrap .inner-content-wrap.info-section .inner-narrow
{
	padding:0 0 1rem 0 !important;
	width:66% !important;
	margin:0 17% !important;
}

#blog-single-wrap .inner-content-wrap.info-section .inner-narrow p,
#blog-single-wrap .inner-content-wrap.info-section .inner-narrow ul,
#blog-single-wrap .inner-content-wrap.info-section .inner-narrow h4,
#blog-single-wrap .inner-content-wrap.info-section h4.blog-lede,
#credits-box
{
	/*margin-left:5rem;
	margin-right:5rem;*/
}

/*----Responsive design: narrowing column----*/

@media only screen and (max-width:1280px) and (min-width:1024px){	
	#blog-single-wrap .inner-content-wrap.info-section .inner-narrow
	{
		padding:0 2rem !important;
		width:80% !important;
		margin:0 10% !important;
		box-sizing: border-box;
			
	}
	#blog-single-wrap .inner-content-wrap.info-section .inner-narrow p,
	#blog-single-wrap .inner-content-wrap.info-section .inner-narrow ul,
	#blog-single-wrap .inner-content-wrap.info-section .inner-narrow h4,
	#blog-single-wrap .inner-content-wrap.info-section h4.blog-lede,
	#credits-box
	{
		/*margin-left:2rem;
		margin-right:2rem;*/
	}
}

@media only screen and (max-width:1024px) and (min-width:768px){
	#blog-single-wrap .inner-content-wrap.info-section .inner-narrow
	{
		padding:0 0 0 0 !important;
		width:90% !important;
		margin:0 5% !important;
	}
	#blog-single-wrap .inner-content-wrap.info-section .inner-narrow p,
	#blog-single-wrap .inner-content-wrap.info-section .inner-narrow ul,
	#blog-single-wrap .inner-content-wrap.info-section .inner-narrow h4,
	#blog-single-wrap .inner-content-wrap.info-section h4.blog-lede,
	#credits-box
	{
		/*margin-left:1rem;
		margin-right:1rem;*/
	}
}
@media only screen and (max-width:768px) {
	#blog-single-wrap .inner-content-wrap.info-section .inner-narrow
	{
		padding:0 0 0 0 !important;
		width:100% !important;
		margin:0 0 !important;
	}
	#blog-single-wrap .inner-content-wrap.info-section .inner-narrow p,
	#blog-single-wrap .inner-content-wrap.info-section .inner-narrow ul,
	#blog-single-wrap .inner-content-wrap.info-section .inner-narrow ol,
	#blog-single-wrap .inner-content-wrap.info-section .inner-narrow h4,
	#blog-single-wrap .inner-content-wrap.info-section h4.blog-lede,
	#credits-box
	{
		/*margin-left:0;
		margin-right:0;*/
	}
}

/**--Credits box--**/

#credits-box
{
	padding:1rem 0 0;
}

#credits-box ul
{
	list-style-type:none;
	padding:0 0 0 0;
	margin:0 2rem 0 0 !important;
	float:left;
	font-size:0.8rem;
}
#credits-box ul li
{
	display:inline-block;
	margin:0 0.5rem 0 0;
}
#credits-box ul li.credit-title
{
	font-family:"suisse-semibold";
}

#blog-single-wrap .inner-content-wrap.info-section h4.blog-lede
{
	font-size:1.75rem;
	line-height:1.6;
	margin-top:2rem;
	margin-bottom:2rem;
	text-align:left;
}
#blog-single-wrap .inner-content-wrap.info-section h4.blog-lede a
{
	font-family:"suisse-medium";
	color:#231f20;
	font-weight:inherit;
	text-decoration:none;
	border-bottom:2px dotted #231f20;
}

#blog-single-wrap .inner-content-wrap.info-section a
{
font-family:"suisse-regular";
color:#231f20;
font-weight:inherit;
text-decoration:none;
border-bottom:1px dotted #231f20;
}
#blog-single-wrap .inner-content-wrap.info-section h4
{
	font-size:1.5rem;
	line-height:1.6;
	padding-top:1rem;
	text-align:left;
}
/**--Responsive design: headers in body text--**/

@media only screen and (max-width:640px) and (min-width:480px){
	#blog-single-wrap .inner-content-wrap.info-section h4
	{
		font-size:1.4rem;
		margin-bottom:1.25rem;
		padding-top:0.75rem;
	}
}

@media only screen and (max-width:480px) {
	#blog-single-wrap .inner-content-wrap.info-section h4.blog-lede
	{
		font-size:1.5rem;
		margin-bottom:1.15rem;
		padding-top:0.75rem;
	}
	#blog-single-wrap .inner-content-wrap.info-section h4
	{
		font-size:1.35rem;
		margin-bottom:1.15rem;
	}
}

#blog-single-wrap .inner-content-wrap.info-section p span.emphasis
{
	font-family:"suisse-medium";
}

span.emphasis, strong
{
	font-family:"suisse-medium";
}

#blog-single-wrap .inner-content-wrap.info-section .super-pullquote
{
	font-size:1.75rem;
	line-height:1.6;
	margin:2.5rem 0;
	text-align:left;
	font-family:"suisse-medium";
	color:#231f20;
}

/**---------------Related hotels----------------**/

#blog-featured-hotels-wrap
{
	padding:0 0 3rem;
}

#blog-featured-hotels-wrap h4#related-title
{
	font-family:"suisse-medium";
	color:#231f20;
	text-align:center;
	line-height:1.6;
	font-size:1.5rem;
	margin:0 auto 1.75rem;
}

/**---------------------- RESPONSIVENESS: Related hotels listings --------------------------**/

@media only screen and (max-width:768px){
	#blog-featured-hotels-wrap .listings-col
	{
		width:50%;
	}
	#blog-featured-hotels-wrap .listings-col .mobile-break-nix
	{
		display:none;
	}
}
@media only screen and (max-width:480px) {
	#blog-featured-hotels-wrap .listings-col
	{
		width:100%;
	}
}


/**--Blog categories footer--**/

.blog-categories-footer
{
	padding:1.75rem 0;
	margin:0 0;
}
.blog-categories-footer#categories-tier
{
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
}

.blog-categories-footer h4
{
	font-family:"suisse-medium";
	color:#231f20;
	font-size:1.35rem;
	padding:0 0 0 0;
	margin:0 0 1.25rem 0 !important;
}
.blog-categories-footer h4 a
{
	font-family:"suisse-medium";
	color:#231f20;
	font-size:100%;
	text-decoration:none;
	font-weight:inherit;
}
.blog-categories-footer h4 span
{ 
	color:#b9b9b9;
}

.blog-categories-footer ul.section-submenu
{
	list-style-type:none;
	margin:0 auto !important;
	padding:0 0 0 0;
	line-height:1.5;
	font-size:0.8rem !important;
	font-family:"suisse-semibold";
	color:#231f20;
}
.blog-categories-footer ul.section-submenu li
{
	display:inline-block;
	margin:0 1.5rem 0 0;
	vertical-align:middle;
}
.blog-categories-footer ul.section-submenu li a
{
	font-family:"suisse-semibold";
	color:#231f20;
	font-size:100%;
	text-decoration:none; 
	-ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	border-bottom:1px solid transparent;
}
.blog-categories-footer ul.section-submenu li a:hover
{
color:#9f9396;
border-bottom:1px solid transparent;
}

.blog-categories-footer ul.section-submenu li.active a
{
	border-bottom:1px solid #231f20;
}

/*----Responsive-design: Blog footer, Categories tier----*/
@media only screen and (max-width:640px){
	.blog-categories-footer ul.section-submenu li
	{
		display:block;
		margin:0 0 0.75rem 0;
		vertical-align:middle;
	}
	.blog-categories-footer ul.section-submenu li:last-child
	{
		margin-bottom:0;
	}
}

/**------------Recent posts and locations footer-----------**/

.blog-categories-footer#recent-and-locations-tier
{
	border-bottom:1px solid #dcdcdc;
}

#rec-loc-grid
{
	display:table;
	width:100%;
}
.rlg-col
{
	display:table-cell;
	width:50%;
}

/*----Responsive-design: second tier of Blog Footer----*/
@media only screen and (max-width:1024px){
	#rec-loc-grid
	{
		display:block;
		width:100%;
	}
	.rlg-col
	{
		display:block;
		width:100%;
	}
	.rlg-col#blog-loc-col
	{
		margin-top:3rem;
	}
}

.blog-footer-recent-list
{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0.5rem 0 0 0;
	line-height:2.5;
	font-size:0.8rem !important;
	font-family:"suisse-regular";
	color:#231f20;
}
.blog-footer-recent-list li
{
	display:block;
	margin:0 0 0 0;
	vertical-align:middle;
}
.blog-footer-recent-list li:last-child
{
	margin-bottom:0;
}
.blog-footer-recent-list li a
{
	font-family:"suisse-regular";
	color:#231f20;
	font-size:100%;
	text-decoration:none; 
	-ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	border-bottom:1px solid transparent;
}
.blog-footer-recent-list li a:hover
{
color:#9f9396;
border-bottom:1px solid transparent;
}

.blog-footer-recent-list li.blog-categories-all a
{
	font-family:"suisse-medium";
	font-size:100%;
	border-bottom:1px dotted #231f20;
	-ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.blog-footer-recent-list li.blog-categories-all a:hover
{
border-bottom:1px dotted #c2c2d6;
}

/**--Blog locations list--**/

.blog-footer-locations-list
{
	padding:0 0;
	margin:0 0;
	display:table;
	width:100%;
}

.blog-footer-locations-list li
{
	display:table-cell;
	width:20%;
	text-align:center;
	font-size:0.8rem;
}

/*----Responsive design: 5 location tiles----*/

@media only screen and (max-width:768px){
	.blog-footer-locations-list
	{
		padding:0 0;
		margin:0 0;
		display:block;
		width:100%;
	}
	.blog-footer-locations-list:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
	.blog-footer-locations-list li
	{
		display:block;
		float:left;
		width:33.333333333333333%;
		text-align:center;
		font-size:0.8rem;
		margin-bottom:2rem;
	}
}
@media only screen and (max-width:640px){
	.blog-footer-locations-list li
	{
		width:50%;
	}
}

.blog-footer-locations-list li a
{
	display:block;
	font-family:"suisse-medium";
	color:#231f20;
	font-size:100%;
	text-decoration:none; 
	-ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.blog-footer-locations-list li a:hover
{
color:#9f9396;
}

.blog-foot-ll-img
{
	padding:0 5px 12px;
}

/**--Responsive design: circle tile padding--**/

@media only screen and (max-width:768px) {
	.blog-foot-ll-img
	{
		padding:0 1rem 1rem;
	}
}
@media only screen and (max-width:480px) and (min-width:320px){
	.blog-foot-ll-img
	{
		padding:0 0.75rem 1rem;
	}
}
@media only screen and (max-width:320px) and (min-width:240px){
	.blog-foot-ll-img
	{
		padding:0 0.5rem 1rem;
	}
}
.blog-foot-ll-img img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
	border-radius: 50%;
}
.blog-footer-locations-list li a img
{
	border:0;
	opacity: 1;
	-ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.blog-footer-locations-list li a:hover img
{
	opacity: 0.75;
}

/**--All Blog locations link--**/

#blog-footer-locations-all
{
	line-height:2.5;
	text-align:right;
	font-size:0.8rem;
	color:#231f20;
	padding:1rem 0 0 0;
}

#blog-footer-locations-all ul 
{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#blog-footer-locations-all ul li
{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#blog-footer-locations-all ul li a
{
	font-family:"suisse-medium";
	color:#231f20;
	text-decoration:none;
	font-size:100%;
	border-bottom:1px dotted #231f20;
	-ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#blog-footer-locations-all ul li a:hover
{
border-bottom:1px dotted #c2c2d6;
}

/**--Responsive design: all locations link--**/

@media only screen and (max-width:1024px) {
	#blog-footer-locations-all
	{
		text-align:left;
	}
}
@media only screen and (max-width:640px){
	#blog-footer-locations-all
	{
		text-align:center;
	}
}

/**---------Other Blog formats--------**/

/**--Ordered lists--**/

#blog-single-wrap .inner-content-wrap.info-section ol
{
	margin:0 1.5rem 1.5rem !important;
	font-size:1.1rem;
	font-family:"suisse-regular";
	list-style-type:decimal;
}

#blog-single-wrap .inner-content-wrap.info-section ol li
{
	padding-left:0.5rem;
	margin-bottom:1.5rem;
}

@media only screen and (max-width:1280px) and (min-width:1024px){	
	#blog-single-wrap .inner-content-wrap.info-section ol
	{
		margin-right:3rem !important;
		margin-left:3rem !important;
	}
}
@media only screen and (max-width:1024px) and (min-width:768px){
	#blog-single-wrap .inner-content-wrap.info-section ol
	{
		margin-right:2rem !important;
		margin-left:2rem !important;
	}
}
@media only screen and (max-width:768px) and (min-width:640px){
	#blog-single-wrap .inner-content-wrap.info-section ol
	{
		margin-right:1.25rem !important;
		margin-left:1.25rem !important;
	}
}
@media only screen and (max-width:640px){
	#blog-single-wrap .inner-content-wrap.info-section ol
	{
		margin-right:1.5rem !important;
		margin-left:1.5rem !important;
	}
}

/**------------------------------Blog images-----------------------**/

#blog-single-wrap .inline-img-wrap img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}

#blog-single-wrap img.img-bordered
{
	border:1px solid #dcdcdc !important;
}
#blog-single-wrap img.img-shadowed
{
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


/**------------------Image wraps-----------------**/

/*----100%-width image----*/

#blog-single-wrap .iw-100
{
	margin-top:2rem;
	margin-bottom:2.5rem;
}

#blog-single-wrap .iw-100 img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}

/*----Responsive-design: 100%-width image----*/
@media only screen and (max-width:1024px) and (min-width:768px){
	#blog-single-wrap .iw-100
	{
		margin-top:1rem;
		margin-bottom:1.5rem;
	}
}
@media only screen and (max-width:768px) and (min-width:640px){
	#blog-single-wrap .iw-100
	{
		margin-top:1rem;
		margin-bottom:1.5rem;
	}
}
@media only screen and (max-width:640px) {
	#blog-single-wrap .iw-100
	{
		margin-top:1.25rem;
		margin-bottom:1.25rem !important;
	}
}

/**---Inline image: 60% width--**/

#blog-single-wrap .iw-60
{
	width:60%;
}
#blog-single-wrap .iw-60 img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}

#blog-single-wrap .iw-center
{
	margin-left: 20%;
	margin-right:20%;
	margin-top:3.5rem;
	margin-bottom:3.5rem;
	text-align:center;
}
#blog-single-wrap .inline-img-caption
{
	margin-top:1rem;
	font-size:0.9rem;
}

/*----Responsive-design: inline image, 60% width----*/

@media only screen and (max-width:768px) and (min-width:640px){
	#blog-single-wrap .iw-60
	{
		width:70%;
	}
	#blog-single-wrap .iw-center
	{
		margin-left: 15%;
		margin-right:15%;
	}
}
@media only screen and (max-width:640px) and (min-width:480px){
	#blog-single-wrap .iw-60
	{
		width:80%;
	}
	#blog-single-wrap .iw-center
	{
		margin-left: 10%;
		margin-right:10%;
	}
}
@media only screen and (max-width:480px) and (min-width:320px){
	#blog-single-wrap .iw-60
	{
		width:90%;
	}
	#blog-single-wrap .iw-center
	{
		margin-left: 5%;
		margin-right:5%;
	}
}
@media only screen and (max-width:320px) and (min-width:240px){
	#blog-single-wrap .iw-60
	{
		width:100%;
	}
	#blog-single-wrap .iw-center
	{
		margin-left: 0;
		margin-right:0;
	}
}

/**--Image wrap, float left and right--**/

#blog-single-wrap .iw-right
{
	float:right;
	margin:1rem 0 1rem 1.5rem;
}

#blog-single-wrap .iw-left
{
	float:left;
	margin:1rem 1.5rem 1rem 0;
}

/**--Responsive design: float left or right image--**/

@media only screen and (max-width:640px){
	#blog-single-wrap .iw-right
	{
		float:none;
		margin:1.25rem 0;
	}
	#blog-single-wrap .iw-left
	{
		float:none;
		margin:1.25rem 0;
	}
}

/**---Inline image: 50% width--**/

#blog-single-wrap .iw-50
{
	width:50%;
}
#blog-single-wrap .iw-50 img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}

/*----Responsive-design: 50% width image----*/

@media only screen and (max-width:640px){
	#blog-single-wrap .iw-50
	{
		width:100%;
	}
}

/**---Inline image: 40% width--**/

#blog-single-wrap .iw-40
{
	width:40%;
}
#blog-single-wrap .iw-40 img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}

/*----Responsive-design: 40% width image----*/

@media only screen and (max-width:1024px) and (min-width:768px){
	#blog-single-wrap .iw-40
	{
		width:50%;
	}
}
@media only screen and (max-width:768px) and (min-width:640px){
	#blog-single-wrap .iw-40
	{
		width:50%;
	}
}
@media only screen and (max-width:640px){
	#blog-single-wrap .iw-40
	{
		width:100%;
	}
}

/**---Blog single page, breadcrumbs--**/

#blog-single-breadcrumbs
{
	padding:2rem 0;
}
#blog-single-breadcrumbs ul
{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:0.8rem;
	line-height:1.8;
}
#blog-single-breadcrumbs ul li
{
	display:inline-block;
	margin:0 0.25rem 0 0;
	padding:0 0 0 0;
	font-family:"suisse-regular";
	color:#231f20;
}
#blog-single-breadcrumbs ul li a
{
	font-family:"suisse-semibold";
	color:#231f20;
	font-size:100%;
	text-decoration:none; 
	-ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#blog-single-breadcrumbs ul li a:hover
{
color:#9f9396;
}

/**--Blog style additions, 10.8.2025--**/

.blog-intro-wrap
{
	padding-bottom:0.75rem;
}	
.blog-intro-wrap .blog-lede
{
	font-size:1.5rem !important;
}
#blog-single-wrap .inner-content-wrap.info-section p.blog-img-caption
{
	font-size:0.85rem !important;
	text-align:right !important;
	margin:1rem 0 1rem !important;
	padding:0 0 0 0;
	font-family:"suisse-light", sans-serif !important;
}
#blog-single-wrap .inner-content-wrap.info-section p.blog-img-caption span
{
	font-family:"suisse-medium", sans-serif !important;
}
#blog-single-wrap .inner-content-wrap.info-section p.blog-img-caption.lalign
{
	text-align:left !important;
}
.blog-signoff
{
	padding-bottom:1rem;
}
.blog-signoff .blog-lede
{
	font-size:1.5rem !important;
}

/**--------Serial posts, additional CSS------**/
/**--Best Boutique Hotels Jamaica--**/

.blog-section-wrap
{
	padding:1.5rem 0 0.75rem;
}

.blog-section-wrap header
{
	margin-top:2rem;
}

.blog-section-wrap header h3
{
	text-align:center;
	font-family:"suisse-medium", sans-serif;
	font-size:0.85rem;
	margin:0 auto 0 !important;
}

.blog-section-wrap header h4
{
	text-align:center !important;
	font-family:"suisse-light", sans-serif !important;
	font-size:1rem !important;
	vertical-align:middle;
	margin:0.5rem auto !important;
	padding:1rem 0 !important;
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
}

.blog-section-wrap header h4 strong
{
	font-family:"suisse-medium", sans-serif;
	font-size:1.35rem !important;
	padding:0 1.5rem;
}

@media only screen and (max-width:640px) {
	.blog-section-wrap header h4 strong
	{
		white-space:nowrap;
		line-height:2;
	}
}

#blog-single-wrap .inner-content-wrap.info-section .inner-narrow h4.hotel-snapshot-header
{
	margin-bottom:0;
	padding-bottom:0;
	text-align:center;
}

#blog-single-wrap .inner-content-wrap.info-section .inner-narrow ul.hotel-snapshot
{
	list-style-type:none;
	margin:1rem 0 2.5rem 0;
	padding:0 0 0 0;
	font-size:0.95rem;
	text-align:center;
	font-family:"suisse-light", sans-serif;
}

#blog-single-wrap .inner-content-wrap.info-section .inner-narrow ul.hotel-snapshot li
{
	display:inline-block;
	margin:0 1rem 0 0;
}
#blog-single-wrap .inner-content-wrap.info-section .inner-narrow ul.hotel-snapshot li,
#blog-single-wrap .inner-content-wrap.info-section .inner-narrow ul.hotel-snapshot li i
{
	vertical-align:middle;
}

.blog-hotel-compare-grid
{
	display:table;
}

.blog-hotel-compare-grid h5
{
	font-family:"suisse-medium", sans-serif;
	font-size:1.1rem;
	margin-bottom:0.5rem;
}

.blog-hotel-compare-col
{
	display: table-cell;
}

.two-col .blog-hotel-compare-col
{
	width:50%;
}

.blog-hotel-compare-col ul
{
	margin-right:0;
	margin-left:0;
	padding-right:1rem;
	padding-left:0;
}

/*----Highs/Lows: responsive design----*/
@media only screen and (max-width:768px){
	.blog-hotel-compare-grid,
	.blog-hotel-compare-col
	{
		display: block;
	}

	.two-col .blog-hotel-compare-col
	{
		width:100%;
	}
}
/**--Hotel actions--**/

.hotel-actions
{
	margin:2.5rem 0 0 0;
}

.blog-section-wrap .hotel-actions h5
{
	font-family:"suisse-medium";
	font-size:1.2rem;
	margin:0 0 1rem 0;
	padding:0 0 0 0;
}

.blog-section-wrap .hotel-actions ul
{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.hotel-actions ul li
{
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.blog-section-wrap .hotel-actions ul li a
{
	display:block;
	padding:1rem 1rem 1rem 0;
	margin:0;
	text-decoration:none;
	border-bottom:1px solid #E8E8E8 !important;
}

.blog-section-wrap .hotel-actions ul li a span
{
	color:#fff;
	-ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.blog-section-wrap .hotel-actions ul li a:hover span
{
	color:#231f20;
}

/**--------Serial posts, additional CSS------**/
/**---------------Bali SYSK-----------------**/

/**--Header outside of a subsection--**/
.serial-blogpost-header
{
	margin-top:3.5rem !important;
}
.serial-blogpost-header header h3
{
	text-align:center;
	font-family:"suisse-medium", sans-serif;
	font-size:0.85rem;
	margin:0 auto 0 !important;
}
.serial-blogpost-header header h4
{
	text-align:center !important;
	font-family:"suisse-light", sans-serif !important;
	font-size:1rem !important;
	vertical-align:middle;
	margin:0.5rem auto !important;
	padding:1rem 0 !important;
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
}
.serial-blogpost-header header h4 strong
{
	font-family:"suisse-medium", sans-serif;
	font-size:1.35rem !important;
	padding:0 1.5rem;
}
@media only screen and (max-width:640px) {
	.serial-blogpost-header header h4 strong
	{
		white-space:nowrap;
		line-height:2;
	}
}
/**-----Subsections wrap-----**/
.blog-subsection-wrap
{
	padding:1.5rem 0 0.75rem;
}
.blog-subsection-wrap h4
{
	font-family:"suisse-medium", sans-serif;
	font-size:1.25rem !important;
	margin-top:0 !important;
}
.blog-subsection-wrap h5
{
	font-family:"suisse-medium", sans-serif;
	font-size:1.15rem !important;
	margin-top:1.65rem !important;
	margin-bottom:1rem;
}
.blog-subsection-wrap article
{
	padding-bottom:0.75rem;
}
.blog-subsection-wrap article:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/**----Guide profile wrap----**/
.guide-profile-wrap
{
	background:#f1f1f1;
	background:hsl(211, 45%, 95%);
	padding:1rem;
}
.guide-profile
{
	display:table;
	width:100%;
	border:0;
}
.guide-profile-txt,
.guide-profile-img
{
	display:table-cell;
	width:50%;
 	text-align:left;
	vertical-align:middle;
}
.guide-profile-img img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}
.guide-profile-txt p
{
	font-size:1.25rem;
	margin:0 0 0 0;
	padding:0 1rem 0 0;
}
.guide-profile-txt p#guide-advice
{
	font-size:0.85rem;
	font-family:"suisse-light";
	margin:2rem 0 0 0;
	padding:0 0 0 0;
}
#blog-single-wrap .inner-content-wrap.info-section .guide-profile-img p.blog-img-caption
{
	font-size:0.85rem !important;
	text-align:right !important;
	margin:1rem 0 0 !important;
	padding:0 0 0 0;
	font-family:"suisse-light", sans-serif !important;
}
@media only screen and (max-width:640px) {
	#blog-single-wrap .inner-content-wrap.info-section .guide-profile-img p.blog-img-caption
	{
		font-size:0.75rem !important;
	}
}

/**----Guide profile: responsiveness----**/
@media only screen and (max-width:640px) {
	.guide-profile
	{
		display:block;
		width:100%;
		border:0;
	}
	.guide-profile-txt,
	.guide-profile-img
	{
		display:block;
		width:100%;
	 	text-align:left;
		vertical-align:middle;
	}
	.guide-profile-txt
	{
		padding-bottom:1rem;
	}
	#blog-single-wrap .inner-content-wrap.info-section .guide-profile-img p.blog-img-caption
	{
		margin:0.5rem 0 0 !important;
	}
}

/**------Blog panel in footer, added 10.23.2025------**/
#footer-blog-preview
{
	padding:0 0 3.5rem 0;
}

@media only screen and (max-width:640px){
	#footer-blog-preview
	{
		padding:0 0 2rem 0;
	}
}
#footer-blog-preview h5
{
	line-height:2.5;
	font-size:0.8rem;
	font-family:"suisse-semibold", sans-serif;
	margin-bottom:0.25rem;
}
#footer-blog-preview h5 a
{
	font-size:100%;
	font-family:"suisse-semibold", sans-serif;
	color:#231f20;
	text-decoration:none;
}
#footer-blog-wrap
{
	margin:1rem 0 0 0;
	display:table;
	width:100%;
}
.footer-blog-col
{
	display:table-cell;
}
#featured-footer-blog
{
	width:40%;
}
.footer-blog-col#more-blog-links
{
	width:35%;
}
.footer-blog-col#more-blog-tags
{
	width:25%;
}
/**--Tiled blogs, stack--**/
.tiled-blogs a
{
	display:block;
	margin:0 0 1rem 0;
	text-decoration:none;
	background:none;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.tiled-blogs a ul
{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	display:table;
}
.tiled-blogs a ul li.blog-tile
{
	display:table-cell;
	width:35%;
	vertical-align:middle;
}
.tiled-blogs a ul li.blog-tile img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}
.tiled-blogs a ul li.blog-text
{
	display:table-cell;
	width:65%;
	vertical-align:middle;
}

.tiled-blogs a ul li.blog-text h6
{
	color:#231f20;
    line-height:1.65;
    font-family:"suisse-regular";
    text-decoration:none;
    font-size: 0.85rem;
	margin:0 1rem;
	-ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.tiled-blogs a:hover ul li.blog-text h6
{
	color:#c2c2d6;
}
#more-blog-links
{
	vertical-align:top;
}
#more-blog-links ul
{
	line-height:1.5;
	font-size:0.85rem;
	list-style-type:none;
	margin:0 0 0 2rem;
	padding:0 0 0 0;
	font-family:"suisse-regular";
}
#more-blog-links ul li 
{
	margin-bottom:1rem;
}
#more-blog-links ul li a
{
	color:rgb(35,31,32);
	color:#231f20;
	text-decoration:none;
	-ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#more-blog-links ul li a:hover
{
	color:#c2c2d6;
}
#more-blog-tags
{
	vertical-align:top;
}
#more-blog-tags ul
{
	line-height:1.5;
	font-size:0.85rem;
	list-style-type:none;
	margin:0 0 0 2rem;
	padding:0 0 0 0;
	font-family:"suisse-regular";
}
#more-blog-tags ul li 
{
	margin-bottom:1rem;
	border-bottom:1px solid #dcdcdc;
	vertical-align:middle;
}
#more-blog-tags ul li i
{
	vertical-align:middle;
}
#more-blog-tags ul li a
{
	color:rgb(35,31,32);
	color:#231f20;
	text-decoration:none;
	-ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#more-blog-tags ul li a:hover
{
	color:#c2c2d6;
}

/**--------------Responsiveness----------**/
@media only screen and (max-width:768px) {
	#footer-blog-preview:after {
	    visibility: hidden;
	    display: block;
	    font-size: 0;
	    content: " ";
	    clear: both;
	    height: 0;
	}
	#footer-blog-wrap
	{
		margin:1rem 0 0 0;
		display:block;
		width:100%;
	}
	.footer-blog-col
	{
		display:block;
	}
	#featured-footer-blog
	{
		width:100%;
		padding-bottom:1rem;
	}
	#featured-footer-blog:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
	.footer-blog-col#more-blog-links
	{
		width:50%;
		float:left;
	}
	.footer-blog-col#more-blog-tags
	{
		width:50%;
		float:left;
	}
	#more-blog-links ul
	{
		margin-left:0;
	}
}
@media only screen and (max-width:640px) {
	.footer-blog-col#more-blog-links
	{
		width:100%;
		float:none;
	}
	.footer-blog-col#more-blog-tags
	{
		width:100%;
		float:none;
		padding-top:1rem;
	}
	#more-blog-tags ul
	{
		margin-left:0;
		font-size:0.8rem;
	}
	#more-blog-tags ul li 
	{
		border-bottom-style:none;
		display:inline-block;
		margin-right:1.5rem;
	}
}
@media only screen and (max-width:320px) and (min-width:240px){
	#more-blog-tags ul li 
	{
		display:block;
		margin-right:0;
	}
}

/**------Inner page variation------**/
#inner-more-blog-links
{
	margin:1rem 0 0 0;
}
ul#inner-recent-posts
{
	line-height:1.5;
	font-size:0.8rem;
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-family:"suisse-regular";
}
ul#inner-recent-posts li 
{
	margin-bottom:1rem;
	margin-right:0;
}
ul#inner-recent-posts li a
{
	color:rgb(35,31,32);
	color:#231f20;
	text-decoration:none;
	-ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
ul#inner-recent-posts li a:hover
{
	color:#c2c2d6;
}
ul#inner-blog-tags
{
	line-height:1.5;
	font-size:0.8rem;
	list-style-type:none;
	margin:0 0 0 0;
	padding:0.75rem 0 0 0;
	font-family:"suisse-regular";
}
ul#inner-blog-tags li 
{
	margin-bottom:1rem;
	margin-right:1rem;
	display:inline-block;
	vertical-align:middle;
}
ul#inner-blog-tags li i
{
	vertical-align:middle;
}
ul#inner-blog-tags li a
{
	color:rgb(35,31,32);
	color:#231f20;
	text-decoration:none;
	-ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
ul#inner-blog-tags li a:hover
{
	color:#c2c2d6;
}

/**--Blog index footer tiers--**/
#blog-index-footer-variation .blog-categories-footer#categories-tier 
{
	border-top-style:none;
	border-bottom-style:none;
	padding-top:0;
}