@import url("https://use.typekit.net/grb4sku.css");

#page {
	background: #fff;
}

#page_content h1,
#page_content h2,
#page_content p.lead ,
#microsite_header .pseudo-h1 a{
	font-family: kon-tiki-aloha-jf, sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
}

#page .pseudo-h1{
    font-size:2.5em;
}

#page .pseudo-h1 a{
    border-bottom: none !important;
    color: #006B67;
    border: 0;
}



#microsite_header p.lead{
    color:#222;
    font-size:1.25em;
}

#page_content {
	font-family: proxima-nova, sans-serif;
	font-weight: 400;
	font-style: normal;
}

#page_content h1, #page_content h2 {
	color: #006B67;
}

#page_content .breakout-bg h1,
#page_content .breakout-bg h2 {
	color: #F1E74B;
}


#sl-microsite-logo a {
	border-bottom: 0 !important;
}


#section-wrapper {
	background-image: url("/-/media/DD06A585E35C45FE8BFED05BCE530AAC.ashx");
	height: 100%;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-top: 10px solid #F1E74B;
	border-bottom: 10px solid #F1E74B;
}

#section-1 {
	background-image: url("/-/media/3149F0FA81A342F8981BD4F4D9176341.ashx");
	background-size: cover;
}

#section-1 h1 {
	color: #222;
}

#section-2 .six.columns:nth-child(1) {
	background: #005754;
}

#section-3 .six.columns:nth-child(2) {
	background: #008079;
}

#section-4 .six.columns:nth-child(1) {
	background: #005754;
}


#section-2 .six.columns:nth-child(1):before {
	background: #005754;
	right: 0;
}

#section-3 .six.columns:nth-child(2):after {
	background: #008079;
	left: 0
}

#section-4 .six.columns:nth-child(1):before {
	background: #005754;
	right: 0;
}

#section-5 {
	background-image: url("/-/media/DC1612E838DB44F8859210FB418CA812.ashx");
	background-size: cover;
	padding: 1em;
	border-top: 10px solid #006B67;
	border-bottom: 10px solid #006B67;
}

#section-5 h2 {
	color: #006B67;
}

#section-2 div.six.columns.med-pad h2,
#section-3 div.six.columns.med-pad h2,
#section-4 div.six.columns.med-pad h2 {
    color: #FFFFFF;
}

.breakout-area.alternate {
	color: #fff;
}

.breakout-bg.alternate-two {
	background: #46A09B;
	border-top-color: #F1E74B;
	border-top-style: solid;
	border-top-width: 1em;
}

.breakout-bg.alternate {
	background: #006b67;
}

.breakout-bg.alternate-two p.lead {
	color: #fff;
}

.breakout-bg .medium {
	font-size: 1.25rem;
	color: #008079;
	text-align: left;
}

.breakout-bg a {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.breakout-area h1, .breakout-area h2 {
	color: #fff;
}

.breakout-bg {
	background: #008079;
	color: #fff;
	padding:1em 0;
}

.breakout-bg h2 {
	color: #fff;
}

.shadow-box {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	background: #fff;
	margin: 1.5em 0;
}

@media (min-width: 37.5em) {
	.shadow-box .row {
		display: flex;
	}
}

.shadow-box .six.columns:nth-child(1) {
	padding: 1em;
}

.shadow-box .six.columns:nth-child(2) {
	background-image: url("/-/media/FA26370CCD144BB6B43AEF64F12381CC.ashx");
	background-size: cover;
}

#page_content a[role="button"] {
	border-radius: 2em;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	border: 0;
	text-shadow: none;
	font-weight: bold;
	padding: 0.5em 2em;
}

#page_content a[role="button"].green {
	color: #FFFFFF;
	background: #008079;
}

#page_content a[role="button"].green:hover {
	color: #222222;
	background-color: #F1E74B;
}

#page_content a[role="button"].primary {
	color: #222222;
	background: #F1E74B;
}

#page_content a[role="button"].primary:hover {
	color: #FFFFFF;
	background-color: #008F89;
}

.breakout-box .six.columns:nth-child(1):before,
.breakout-box .six.columns:nth-child(2):after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50vw;
	z-index: -1;
}

.breakout-box .container {
	padding: 0;
}

@media(min-width:32em) {
	.breakout-box .container {
		padding: 0;
	}
}

#page_content .well {
	background: #006B67;
	color: #fff;
	text-shadow: none;
	border-radius: 0.25em;
}

#section-5 .eight.columns:nth-child(1),
#page_content .well.alternate,
.banner-area.breakout-area .columns.twelve {
	text-align: left !important;
	background: #fff;
	color:#000;
	padding: 1em;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

#page_content .well.alternate h2 {
	color: #008079
}

.breakout-area .banner-area.breakout-area div.columns.twelve h1,
.breakout-area .banner-area.breakout-area div.columns.twelve h2,
.breakout-area .banner-area.breakout-area div.columns.twelve h3,
.breakout-area .banner-area.breakout-area div.columns.twelve h4,
#page_content  .well.alternate p.lead{
	color:#005754;
	padding-top:0 !important;
}

#page_content .banner-area .row {
    top: auto;
	position: relative;
}
.breakout-area .banner-area{
	padding:0;
}


@media only screen and (min-width:48em){
	#page_content .banner-area .row {
		position: absolute;
		top: 0;
	}
	.breakout-area .banner-area div.columns.twelve{
		width:auto;
		padding:0 1.25em;
		margin:1em;
	}
}

@media only screen and (min-width:64em){
	.breakout-area .banner-area{
		display:flex;
		align-items:center;
	}
	#page_content .banner-area .row {
   	 top: auto;
	}
	.breakout-area .banner-area div.columns.twelve{
		width:40vw;
		margin-left:7vw;
	} 
	.breakout-area.promote-right .banner-area div.columns.twelve{
		margin-left: calc(40vw + 13vw);
	} 
}

@media only screen and (min-width:90em){
	.breakout-area .banner-area div.columns.twelve{
	width:30vw;
		margin-left:calc(-40vw + 50vw);
	} 
	.breakout-area.promote-right .banner-area div.columns.twelve{
		margin-left:calc(40vw + 13vw);
	} 
}

.banner-area.breakout-area {
	border-bottom: 10px solid #F1E74B;
}

.breakout-area.hide-last-p .banner-area.breakout-area div.columns.twelve p:last-of-type,
.breakout-area .banner-area.breakout-area div.columns.twelve p:empty {
	display:none;
}  

.breakout-area .banner-area picture{filter: sepia(.25);}

/*MOBILE*/

.breakout-area.bg-fixed.one{
	padding:1em 0;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image:url('/-/media/hero-images/swanwick-lodge/00-swl-7-800x800');
	/* filter: sepia(.25); */
}

@media(min-width:60em) {
	.breakout-area.bg-fixed.one{
		padding:4em;
	}
}

/*DESKTOP*/

@media(min-width:30em) {
	.breakout-area.bg-fixed.one{
		background-image:url('/-/media/hero-images/swanwick-lodge/00-swl-7-800x800/30-swl-7-1500x1000');
	}

@media(min-width:90em) {
	.breakout-area.bg-fixed.one{
		background-image:url('/-/media/hero-images/swanwick-lodge/00-swl-7-800x800/90-swl-7-2400x1600');
	}
}

.large-pad {
	padding:7.5% 3em;
}
.med-pad {
	padding:5% 3em;
}

/* NEW CSS FOR MICROSITE */

#local_header{
	padding-bottom:2em !important;
}

#local_header .navbar-inner {
	background-color: #F1E74B;
	border: none !important;
	border-radius: 500em;
	box-shadow: none;
	padding: 0;
}

#local_header .navbar-inner .nav>li>a {
	padding: .8em;
	text-shadow:none;
	font-weight:bold;
}

#page_content a[role="button"]:before {
	transition: all 1s ease;
	content: '';
	background: url(/-/media/microsites/swanwicklodge/sl-pp-teal.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	opacity:0;
	top: 0.5em;
	width: 5em;
	height: 2em;
	z-index: 10;
}

#page_content a[role="button"]:hover:before {
	left: 100%;
	opacity:1;
	display: block;
}

.breakout-area.alternate {
	color: #fff;
}

.breakout-bg.alternate-two {
	background: #46A09B;
        color: #000;
}

.breakout-bg.alternate {
	background: #006b67;
}

.breakout-bg.alternate-two p.lead {
	color: #000;
}

.breakout-bg .medium {
	font-size: 1.25rem;
	color: #008079;
	text-align: left;
}

.breakout-bg a,
.breakout-bg a:hover,
.breakout-bg a:focus,
.breakout-bg a:visited {
	color: #fff;
	border-bottom: 10px solid #F1E74B;
}

.breakout-bg.alternate a:hover,
.breakout-bg.alternate a:focus {
	color: #e0e0d1;
	border-bottom: 1px solid #e0e0d1;
}

.breakout-bg.alternate a:visited {
	color: #F1E74B;
	border-bottom: 1px solid #F1E74B;
}

.breakout-bg a[role="button"], 
.breakout-bg a[role="button"]:hover, 
.breakout-bg a[role="button"]:focus,
.breakout-bg a[role="button"]:visited {
	color: #222;
	border-bottom: none;
	text-shadow: none;
}

.breakout-area h1, .breakout-area h2 {
	color: #fff;
}



.breakout-bg h2 {
	color: #fff;
}

.breakout-bg.alternate-two h2{
       color:#000;
}

.shadow-box {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	background: #fff;
	margin: 1.5em 0;
}

@media (min-width: 37.5em) {
	.shadow-box .row {
		display: flex;
	}
}

.shadow-box .six.columns:nth-child(1) {
	padding: 1em;
}

.shadow-box .six.columns:nth-child(2) {
	background-image: url("/-/media/FA26370CCD144BB6B43AEF64F12381CC.ashx");
	background-size: cover;
}



a[role="button"].primary {
	color: #222;
	background: #F1E74B;
}

a[role="button"].primary:hover {
	color: #fff;
	background-color: #008F89;
}

i.pointer-icon {
	padding: 0.70em 0 1em 5em;
}

i.pointer-icon.white {
	background: url(/-/media/7F5A747A1EB7476BBDC168BF942F849D.ashx) no-repeat center center;
}

i.pointer-icon.yellow {
	background: url("/-/media/E940C13F365A4FBDB21514E251D62AC9.ashx") no-repeat center center;
}

i.pointer-icon.green {
	background: url("/-/media/3D90F2D68450422EA64069FE7052B505.ashx") no-repeat center center;
}

.breakout-box .six.columns:nth-child(1):before, .breakout-box .six.columns:nth-child(2):after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50vw;
	z-index: -1;
}

.breakout-box .container {
	padding: 0;
}

@media(min-width:32em) {
	.breakout-box .container {
		padding: 0;
	}
}

#single_address .surround{
	height:50vh;
}

#section-5 {
	background-image: url("/-/media/DC1612E838DB44F8859210FB418CA812.ashx");
	background-size: cover;
	padding: 1em;
	border-top: 10px solid #006B67;
	border-bottom: 10px solid #006B67;
}

#section-5 h2 {
	color: #006B67;
}

#section-5 .eight.columns:nth-child(1) {
	background: rgba(255, 255, 255, 0.8);
	padding: 1em;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

#swanwick-quote {
	padding: 4em 0;
	opacity: 0;
	transition: opacity 0.8s;
}

#swanwick-quote.active {
	opacity: 1;
}

blockquote q {
	padding: 1em 1em 1em 1em;
	font-weight: 700;
}

blockquote q:before {
	content: open-quote;
	font-size: 7em;
	left: -.1em;
	position: absolute;
	top: .15em;
	font-family: kon-tiki-aloha-jf, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #F1E74B;
}

@media(min-width:32em) {
	blockquote q {
		padding: 0 2em 0 0;
		color: #919191;
		text-align: center;
		font-size: 1.5em;
		line-height: 125%;
	}
	blockquote q:before {
		top: 0;
	}
}

@media(min-width:48em) {
	blockquote q {
		font-size: 2em;
	}
	blockquote q:before {
		left: -.3em;
		top: .2em;
	}
}

#role-tabs {
	background: url("/-/media/B04CCC7011CC4F47A73A832A56945F13.ashx") no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}

#role-tabs h2 {
	color: #006B67;
}

#role-tabs #tabcontentwrapper, #role-tabs .tab {
	height: 100%;
}

#role-tabs .tab {
	padding: 0.5em;
}

#role-tabs .tab, #role-tabs .tabcontent {
	border-radius: 0.25em;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

#role-tabs .tab button {
	font-size: 0.9em;
	border: 1px solid transparent;
	margin-bottom: 0.25em;
	text-align: left;
	border-radius: 0.25em;
	text-shadow: none;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	color: #fff;
	background-color: #008079;
	font-weight: 700;
}

@media(min-width:32em) {
	#role-tabs .tab button {
		width: 100%;
		padding: 1em;
	}
}

#role-tabs .tab button:hover {
	background-color: #66BCB8;
	color: #222;
	text-shadow: none;
	border: 1px solid #fff;
}

#role-tabs .tab button.active {
	background-color: #F1E74B;
	color: #222;
}

#role-tabs .tabcontent {
	padding: 1em;
	border-left: none;
	height: 100%;
	background: rgba(255, 255, 255, 0.75);
	background-size: cover;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

@media(min-width:32em) {
	#role-tabs .tabcontent {
		min-height: 525px;
	}
}

#role-tabs .tabcontent h3 {
	font-weight: 700;
}

#role-tabs .tabcontent h4 {
	color: #006B67;
	margin-bottom: 0;
	font-size: 1em;
	font-weight: 700;
}

.overlay-image p.caption.bottom {
       font-family: kon-tiki-aloha-jf, sans-serif !important;
	text-transform:uppercase;
	   
}
.overlay-image .caption {
	font-size:1.5rem;
}

.overlay-image {
	position: relative !important;
	overflow: hidden !important;
}

.overlay-image img{
	max-width: 100%;
	-moz-transition: all 0.3s !important;
	-webkit-transition: all 0.3s !important;
	transition: all 0.3s !important;
}

.overlay-image:hover img, .overlay-image:focus img {
	-moz-transform: scale(1.25) !important;
	-webkit-transform: scale(1.25) !important;
	transform: scale(1.25) !important;
}

.breakout-bg.link-colorbox .overlay-image .caption.bottom {
	position: absolute !important;
	bottom: calc(50% - 1.5em) !important;
	width: 100% !important;
	text-align: center !important;
	font-family: kon-tiki-aloha-jf, sans-serif;
	font-size: x-large;
	line-height: 1.2em;
	text-align: center;
	background-color: transparent;
	text-shadow: -2px -2px 0 #008079, 2px -2px 0 #008079, -2px 2px 0 #008079, 2px 2px 0 #008079;
}

div.breakout-content p.pull {
	border-color: #F1E74B;
	color: #F1E74B;
}

/* DOCUMENT FORMAT FIX */

a[href$=".pdf"]:after,
a[href$=".doc"]:after,
a[href$=".docx"]:after,
a[href$=".xls"]:after,
a[href$=".xlsx"]:after {
	color: inherit;
	border: 1px solid;
}

/* COLORBOX FIX */

#colorbox {
	font-size:1em !important;
}

/* BANNER IMAGE FIX */

.breakout-bg.alternate-three {
	padding:0;
	background-color:none;
	border-bottom: 10px solid #F1E74B;
}

.breakout-bg.alternate-three .breakout-content .row {
	position: absolute;
}