body {
    font-family:Lato;
    font-size: 18px;
    line-height: 1.4em;
    color: #000;
    background-color: #fff;
    font-weight: 400;
}


.map-holder {
    position: relative;
}

.bmap {
    width: 100%;
    height: auto;
}

.bmap-circle {
    position: absolute;
    display:block;
    width: 50px;
    height: 50px;
    transform: translate(-50%,-50%);
    background: rgba(0,0,0,0);
    border-radius: 50%;
    transition:all 300ms;
}
.bmap-circle:hover {
  /*  background: rgba(0,0,0,0.3); */
}

.bmap-circle span {
	position: absolute;
	color: #fff;
	background-color: #899399;
	padding: 10px 30px 10px 30px;
	display: inline-block;
	font-size: 18px;
	white-space: nowrap;
	transform: translate(-100%,0px);
	margin-left: -15px;
	opacity:0;
	transition:all 300ms;
	pointer-events:none;
	font-weight: 600;
}
.bmap-circle span:after {
    content: " ";
    width: 32px;
    height: 32px;
    background-color: #899399;
    transform: rotate(45deg);
    display: block;
    position: absolute;
    top: 6px;
    right: -16px;
    z-index: -1;
}
.bmap-circle:hover span {
	opacity:1;
}

.bmap-circle:before{
    content: " ";
    width: 20px;
    height: 20px;
    border: 2px solid #81929c;
    display: block;
    border-radius: 50%;
    transform: translate(16px,14px);
    position: absolute;
    transition:all 300ms;
}

.bmap-circle:hover:before {
    border: 2px solid #306c90;
}





h1, h2, .submenu-parent-link, blockquote, .callout{
    display: inline-block;
    font-weight: 300;
    font-size: 46px;
    font-family: 'Gilda Display', serif;
    font-style: italic;
    max-width: 1100px;
    display: block;
    line-height: 1.4em;
	color:#af9767;
	text-align: left;
	border:1px solid #ccc;
	border-width:1px 0;
	padding: 3px 0px;
	margin-bottom:30px;
	margin-top:0
}
.callout{
	font-size:40px;
}
.callout > *:last-child{
	margin-bottom:0
}
.callout > *:first-child{
	margin-top:0
}

.nothome h2{
	border:none;
	margin-bottom: 10px;
	font-size: 29px;
}

h2{
    font-size: 36px;
}

h2.article-title{
	border:none;
	line-height:1.2em;
	margin-bottom:20px; 

}

.destinations h2{
	border:none;
	text-align:center;
	color:#777;
	max-width:none;
}

.home h1{
    color: #777;
    text-align: center;
    border:none;
    padding: 10px 20px;
    margin: 0px auto;
}
.titleContainer .flankingImg{
	display:none;
}
@media (min-width:992px){
	.titleContainer {
		position:relative;
		padding-left:150px;
		padding-right:150px;
	}
	.titleContainer .flankingImg {
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		max-width:110px;
		display:block;
		opacity:0.8;
	}
	.titleContainer .flankingImg.left {
		left:0;
	}
	.titleContainer .flankingImg.right {
		right:0;
	}
}
.blog h1,
.single-post h1 {
	max-width:none;
}

.submenu-parent-link{
	color:#af9767;
	text-align: left;
	border:1px solid #ccc;
	border-width:1px 0;
	padding: 3px 20px;
	font-size: 36px;
	padding: 10px 40px;
	margin-bottom: 0px;
	position:relative;
}

blockquote{
	font-size: 36px;
}

.pincher{
	padding: 0 15px;
}
.pasty{
	background-color: rgba(255,255,255,0.5);
	transition:all 300ms;
}
.fixed-top .pasty {
	background-color: rgba(17, 53, 68, 0.9);
}
img{
	max-width:100%;
	height:auto
}

p {
    margin: 0 0 25px;
}
.home .page-content{
	margin-top:40px;
	margin-left: -30px;
	margin-right: -30px;
}

.home .page-columns {
    margin-left: -30px;
    margin-right: -30px;
}

a {
    color: #af9767;
    transition: color 300ms;
}
a:focus, a:hover {
    color: #e8a620;
    text-decoration:none;
}

.article-item{
	overflow:hidden;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom:1px solid #ccc;
}

.article-item:last-child{
	border-bottom:none;
}

.article-item a{
	display:block;
	overflow:hidden;
	transition:all 300ms;
	color:#000;	
}

.article-item a:hover{
	background-color:#eee;
}
.article-thumb {
	overflow:hidden;
}
.article-thumb img{
	transition:transform 300ms;
}
.article-item a:hover .article-thumb img{ 
	transform: scale(1.1);
}

.article-thumb{
	width:200px;
	float:left;
}

.article-text{
	margin-left:230px;
}

.article-title {

}





.banner{
	width:100%; 

}

.banner-text{
	color:#fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3em;
	background-color: rgba(51, 51, 51, 0.1);
	position:relative;
	padding: 50px 20% 30px 60px;
	margin-bottom: 30px;	
}

.home .banner-text {
	padding: 13% 40% 60px 60px;
	margin-bottom: 0px;
}


.banner-text .callout{
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #fff;
    transition: all 300ms;
    font-size: 18px;
    font-weight: 500;
    background-color: rgba(0, 0, 0, 0.08);
    margin-right: 20px;
    font-style: normal;
}

.banner-text .callout:hover{
	text-decoration:none;
	background-color: rgba(255, 255, 255, 0.34);
	border: 2px solid rgb(255, 255, 255);
	color: rgb(0, 0, 0);
}

.banner-text h2{
    color: #fff;
    text-align: left;
    padding: 0;
    margin:0  0 20px 0;
    font-size:45px;
    border: none;
}


.banner-text:after{
	content:" ";
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	background-size: cover;
}




.news-image{
	overflow:hidden;
}

.news-image img{
	width:100%;
	transition:transform 300ms;
}
.news-item:hover img{
	width:100%;
	transform: scale(1.1);
}

.credits{font-size: 16px;text-align: center;margin-top: 30px;}
.credits a{color: #fff;transition:all 300ms;}
.credits a:hover{color: #a6a3a3;}

.page-callout {
	text-align: center; 
    margin-top: 40px;
}

.page-banner{
    margin-top: 40px;
}

.prefooter{
	background:#a6a3a3;
	color:#eaeaea;
}
.prefooter a{
	color:#fff;
	border-left:0px solid #a6a3a3;
	padding-left:0;
	transition:all 200ms;
}
.prefooter a:hover {
    color: #fff;
   	border-left:5px solid #585757;
	padding-left:5px;
	transition:all 200ms;
}
.ftvirtuoso img{
	max-width:100%;
	margin:0 20px 20px 0;
}
.side-menu ul {
	list-style:none;
	padding:0;
	margin:0;
}

.side-menu ul a{
	display:block;
	padding: 15px 40px;
	font-family: 'Gilda Display', serif;
	color: #af9767;
	font-size: 24px;
	border-bottom:1px solid #ccc;
	position:relative;
}
.side-menu ul a:before,
a.submenu-parent-link:before {
	content:" ";
	position:absolute;
	background-color: #af9767;
	left:0;
	top:0;
	bottom:0;
	width: 0px;
	transition:all 300ms;
}
.side-menu ul a:hover:before,
a.submenu-parent-link:hover:before {
	width:15px;
}
.side-menu ul li.current_page_item a:before,
a.submenu-parent-link:hover:before {
	width:15px;
}



.prefoot-header{
	text-transform:uppercase;
	font-size: 24px;
	letter-spacing: 7px;
	font-family:arial;
	display:inline-block;
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom:1px solid #fff;
}
.prefooter div.wpforms-container-full .wpforms-form .wpforms-field {
	padding:0;
}
.prefooter .wpcf7 textarea,
.prefooter .wpcf7 input[type="text"],
.prefooter .wpcf7 input[type="email"],
.prefooter .wpcf7 input[type="tel"],
div.prefooter form.wpforms-form textarea,
div.prefooter form.wpforms-form input[type="text"],
div.prefooter form.wpforms-form input[type="email"],
div.prefooter form.wpforms-form input[type="tel"]{
	border:1px solid #fff;
	width: 100%;
	background-color:transparent;
	padding: 10px;
	height: 50px;
	margin-bottom: 20px;
	resize:none;
}

.prefooter .wpcf7 textarea:focus,
.prefooter .wpcf7 input:focus,
div.prefooter form.wpforms-form textarea:focus,
div.prefooter form.wpforms-form input:focus
{	outline:solid;
	outline-color: #fff;
}

.prefooter .wpcf7 textarea,
div.prefooter form.wpforms-form textarea{
	height: 120px;
	margin-bottom: 15px;
}

.prefooter .wpcf7 input[type="submit"],
div.prefooter form.wpforms-form input[type="submit"]{
	border: 0;
	color: #585757;
	padding: 10px 40px;
	height: 50px;
}
.prefooter .wpforms-container {
	position:relative;
}
@media (min-width:992px){
	.prefooter .wpforms-form .wpforms-field-container {
		position:relative;
		margin:0 -15px;
	}
	.prefooter div.wpforms-container-full .wpforms-form .wpform-left {
		float:left;
		width:50%;
		padding:0 15px;
	}
	.prefooter div.wpforms-container-full .wpforms-form .wpform-right {
		float:right;
		width:50%;
		padding:0 15px;
		position:absolute;
		top:0;
		right:0;
	}
	.prefooter div.wpforms-container-full .wpforms-form .wpforms-submit-container {
		position: absolute;
		right: 0;
		bottom: 0;
	}
}
.footer-legals, .copyright{
	font-size:16px;
	text-align:center;
}
footer > .container.pinched{
	padding-top:0;
}
footer > .container.pinched > .row:first-child {
	padding-top:40px;
	/* border-top:1px solid #ccc; */
}

.searchpanel-holder{
	background-color: #c5d2d5;
	height:0px;
	overflow:hidden;
	transition: height 300ms;
}
.searchopen .searchpanel-holder{
	height: 80px;
}
.searchpanel{
	padding:20px;
	position: relative;
}
.searchpanel #s {
	height:40px;
	width: 100%;
}
.searchpanel #searchsubmit{
	height:40px;
	position: absolute;
	right: 20px;
	top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	text-transform: uppercase;
	font-size: 16px;
	background: #8ab3ba;
	color: #fff;
	border: 0;
}
.screen-reader-text{
	display:none;
}

#menu-footer {padding:0;margin:0;list-style: none;/* text-align:center; *//* font-size:0; */}
#menu-footer li{/* display:inline-block; *//* font-size:16px; */}
#menu-footer li:after{/* content:"|"; */display:inline-block;}
#menu-footer li:last-child:after{content:none;}

.logo{width: 380px; transition:all 300ms; float: none;display: block;margin: 60px auto 20px auto;}
.logo img{width:100%;transition:transform 300ms}
.logo:hover img{
	transform:scale(1.1);
}

.fixed-top .logo {
	opacity:0;
}
.fixed-top header {
	height:64px;
}
.fixed-top .logo {
	pointer-events:none;	
}

.social-navigation{
    clear: right;
    float: right;
    margin: 20px 60px 10px 20px;
}

.social-navigation ul{list-style:none;margin:0;padding:0;font-size:0;}
.social-navigation ul li{
	display: inline-block;
    margin: 3px;
    position: relative;
    vertical-align: middle;
	transition:transform 200ms;
}

.social-navigation ul li:hover{transform:scale(1.1);}

.social-navigation ul li a{
    display: block;
    width: 30px;
    height: 30px;
    background-color: #777;
    border-radius: 50%;
	transition:all 300ms; 
}

.social-navigation ul li.fa-search a{
	/* background-color: #9f1f63; */
}
.social-navigation ul li.fa-search a:hover{
	background-color: #8ab3ba;
}
.social-navigation ul li a:hover{background-color: #9f1f63;}
.social-navigation ul li.fa:before{ 
    font-size: 22px;
	font-size:18px;
    position: absolute;
    color: #fff;
    line-height: 30px;
    width: 30px;
    text-align: center;
    left: 0;
    z-index: 999;
    pointer-events: none;
}

#social-footer.social-navigation{ text-align: center; float:none ; margin: -10px 10px 10px 10px;}
#social-footer.social-navigation ul li a{ background-color:#444; }
#social-footer.social-navigation ul li a:hover{background-color: #9f1f63;}
#social-footer.social-navigation ul li.fa:before{ color: #fff; }



.social-navigation{margin: 10px 10px 10px 10px;}
.social-navigation ul li a{background-color: transparent;transition:all 300ms;}
.social-navigation ul li:hover a{background-color: rgba(39, 85, 105, 0.9);}
.social-navigation ul li.fa:before{transition:all 300ms;}
.social-navigation ul li:hover.fa:before{ color: #fff; }

#social-footer.social-navigation{ margin: -10px 10px 10px 10px; }

.shout-out{
    background-color: #fcb040;
    color: #fff;
    padding: 10px 20px;
    float: right;
    text-transform: uppercase;
	transition:background-color 300ms; 
}
.shout-out:hover{
    background-color: #f1592a;
    color: #fff;
	text-decoration:none;
}

header{
	position: fixed;
	z-index: 999;
	width: 100%;
	/* padding: 0 15px; */
}

body.heroPause.heroReady .hiddenNow{
	opacity: 1;
    transition: all 1000ms;
}
body.heroPause .hiddenNow {
    opacity: 0;
}

.hero-container{
	height:780px;
	overflow:hidden;
}

@media (max-width:1589px){ .hero-container{	height:683px; } }

@media (max-width:1399px){ .hero-container{	height:581px; } }

@media (max-width:1199px){ .hero-container{	height:479px; } }

@media (max-width:991px){ .hero-container{	height:auto;  } }



#hero img{width:100%} 

.single-post #hero{
	background-color:#000;
}
.single-post #hero img{
	opacity:0.9;
}
#navbar{
    float: left;
    clear: left;
    margin: 0px 50px 15px 20px;
}
#navbar {
    margin: 12px 10px;
}

.hero-holder{
	position:relative;
}

.hero-blurb{
    position: absolute;
    top: 0px;
    right: 30px;
    left: 0px;
    font-size: 20px;
    color: #fff;
    line-height: 1.2em;
    z-index:99;
}
.hero-blurb .hero-text{
	margin-right: 0px;
	margin-left: 0px;
	display: block;
	clear: left;
	font-family: 'Gilda Display', serif;
	/* font-family: serif; */
}
.hero-blurb h2{
    /* text-transform: uppercase; */
    font-size: 4.2vw;
    font-weight: 300;
    margin-bottom:40px;
    color: #fff;
    text-align: center;
    border: none;
    max-width: none;
}
.hero-blurb h2 strong{
	font-weight:normal;
}

.hero-blurb p{
    max-width: 530px;
	font-weight:300;
}

.hero-blurb {
	text-align: center;
	top: 30%;
}

#cycle-pager{
	position:absolute;
	height:40px;
	text-align:center;
	bottom: 0px;
	right: 0;
	left: 0;
	z-index: 990;
}
.home #cycle-pager {
	bottom: 100px;	
}
#cycle-pager span {
	font-size:40px;
	color:#fff;
	width:20px;
	height:20px;
	border:2px solid #fff;
	line-height:20px;
	font-size:0;
	display:inline-block;
	margin:10px 5px;
	border-radius:50%;
	background-color:transparent;
	transition:background-color 300ms;
	cursor:pointer;
}
#cycle-pager span.cycle-pager-active {
	background-color:#fff;
}


.hero-container{
	position:relative;
}

.pois-title-holder{
	text-align:center;
}
.pois-title{
    font-size: 24px;
    background-color: #01aef0;
    color: #fff;
    display: inline-block;
    padding: 15px 30px;
    text-transform: uppercase;
    margin: 40px 20px 20px 20px;
    font-weight: bold;
}


.slide-img-holder{
	position:relative;
}
.homevirtuoso {
	position:absolute;
	bottom:00px;
	right:15px;
	left:15px;
	text-align:center;
	max-width:100%;
	z-index:110;
	padding:40px 30px;


}
.homevirtuoso:before {
	content:'';
	display:block;
	width:100%;
	height:100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	position:absolute;
	bottom:0;
	right:0;
	z-index:-1;
}
@media (max-width:767.99px){
	.homevirtuoso {
		display:none;
	}
	#menu-footer li{padding: 7px 0;}
}
.hero-blurb h2 {
	line-height: 1.3em;
}
.hero-blurb  strong {
    font-size: 5.5vw;
}

.hero-title{
    color: #fff;
    padding: 15px 40px;
    float: left;
    clear: both;
    display: block;
    min-width: 600px;
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
}


.container.pinched{
	padding: 2% 4% 0% 4%;
}

.container.tightish{
	padding: 2% 30px 0% 30px;
	max-width: 1350px;
}

.container.tighter{
	padding: 2% 30px 0% 30px;
	max-width: 1200px;
}

.row.news{
	padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #ccc;
}




.news-item{
	display:block;
}

.news-item:hover{
	text-decoration:none;
}

.news-item h2{
	/* text-transform: uppercase; */
	font-size: 20px;
	color: #333;
	font-weight: 300;
	line-height: 1.3em;
	border:none;
}


.poi {
    display: block;
    position: relative;
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
}

.owl-carousel .poi {
    margin-left: 0px;
    margin-right: 0px;
}

.poi img{
	width:100%;
	transition: transform 300ms;
}

.poi:hover img{
	transform: scale(1.1);
}

.poi-blurb-holder {
    position: relative;
}

.poi-blurb {
    position: absolute;
    color: #fff;
    /* text-transform: uppercase; */
    bottom: 0;
    right: 0;
    left: 0;
    transform: translateY(100%);
    transition:all 500ms;
}

.poi:hover .poi-blurb {
    transform: translateY(0%);
}

.row.pois{
    margin-bottom: 0px;
}
.row.pois:last-child{
    margin-bottom: 0px;
}

.single-post .row.pois{
    margin-top: 40px;
}

.poi-image{
	background-color:#000;
}
.poi-image img{
	opacity:0.9;
	transition:all 300ms;
}
.poi:hover .poi-image img{
	opacity:1;
}

.poi-title {
	padding: 20px 20px 20px 20px;
	background-color: rgba(0, 0, 0, 0);
	display: block;
	transform: translateY(-100%);
	font-size: 25px;
	font-weight: 300;
	text-align: center;
	font-family: 'Gilda Display', serif;
	font-style: italic;
	margin: 0 20px 0px 20px;
	border: 1px solid rgba(255,255,255,0);
	border-width: 1px 1px 0 1px;
	transition:all 300ms;
}

.poi-text:before{
	content:" ";
	border-bottom:1px solid rgba(255, 255, 255, 0);
	position:absolute;
	top: -10px;
	left:25%;
	right:25%;
	transition:all 300ms;
}
.poi:hover .poi-text:before{
	border-bottom:1px solid rgba(255, 255, 255, 0.8);
}

.poi-text.noco:before{
	content:none;
}
.poi:hover .poi-title{
	background-color: rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(255,255,255,0.5);
	border-width: 1px 1px 0 1px;
}

.poi-title-holder {
    position: absolute;
    height: 0;
    right: 0;
    left: 0;
    width: 100%;
    transform: translateY(0px);
}

.poi-text {
    background-color: rgba(0, 0, 0, 0);
    padding: 20px;
    margin: 0 20px 20px 20px;
    border: 1px solid rgba(255,255,255,0);
    font-size: 17px;
    border-width: 0 1px 1px 1px;
    line-height: 1.3em;
    transition:all 300ms;
}

.poi:hover .poi-text {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    margin: 0 20px 20px 20px;
    border: 1px solid rgba(255,255,255,0.5);
    font-size: 17px;
    border-width: 0 1px 1px 1px;
    line-height: 1.3em;
}

.poi-text p:last-child {
	margin-bottom:0;
}

.poi-text.noco {
    background-color: transparent;
    height: 0;
    padding: 0;
}

.poi:hover .poi-text {
	opacity:1;
}

.poi:hover .poi-text.noco {
    background-color: transparent;
    height: 0;
    padding: 0;
}

/*------------------------------------*\
    menu inc toggle
\*------------------------------------*/

ul.menu{ padding: 0; }

a[href^='tel:']{white-space: nowrap;}

.camra-rosette{
    float: right;
    margin: 0 70px 20px 20px;
}

.menu-toggle{
	display:none;
	overflow: hidden;
	cursor: pointer;
	clear: right;
	float: right;
	margin: 10px;
}
.menu-toggle span{
    width: 45px;
    height: 8px;
    margin: 5px 5px 5px auto;
    background-color: #f1592a;
    display: block;
    transition:all 300ms;
}
.menu-toggle span{
    background-color: #fff;
}
.menu-toggle:hover span{
    background-color: #9f1f63;
}
.menu-toggle:hover span{
    background-color: #fff;
}
.menu-toggle span:nth-child(1){
    transform-origin: 20px 11px;
}
.menu-toggle span:nth-child(3){
    transform-origin: 20px -2px;
}
body.menuopen .menu-toggle span:nth-child(1){
	transform:rotate(135deg);
}
body.menuopen .menu-toggle span:nth-child(2){
	opacity:0;
	transform:rotate(360deg);
}
body.menuopen .menu-toggle span:nth-child(3){
	transform:rotate(-135deg);
}

#menu-main li.planed  {
	width: 40px;
	height: 40px;
}
#menu-main li.planed a {
	width: 38px;
	height: 38px;
	padding: 0px;
	margin: 0px 0px;
	background-image:url(images/plane.png);
	background-repeat:no-repeat;
	background-position: center;
	font-size:0;
}
#menu-main{
	margin:auto;
	width: 100%;
	font-size: 0px;
	display: table;
}
.menuopen #menu-main{
	margin-top: 0px;
}
#menu-main  li {
	position:relative;
	display: block;
}
#menu-main > li {
	display: table-cell;
	display: inline-block;
	vertical-align: middle;
}
#menu-main  li a{
    display: block;
    font-size: 15px;
    padding: 7px 18px;
    color: #777;
    text-transform: uppercase;
    font-weight: 400;
    transition:background-color 300ms;
}

#menu-main  li a{ 
    color: #fff;
}

#menu-main  li  a:hover{
    background-color: rgba(39, 85, 105, 0.9);
    text-decoration: none;
    color:#fff;
}


#menu-main  li .sub-menu{
	display:none;
	position:absolute;
	left:0;
    z-index: 9999;
	padding: 0;
}

#menu-main  li .sub-menu li{
	/* background-color:transparent; */
}
#menu-main  li .sub-menu a {
    width: 280px;
    color:#fff;
    text-align: left;
}


#menu-main  li .sub-menu .sub-menu{
    left: 100%;
    top: 0;
}
#menu-main  li:hover > .sub-menu{
	display:block;
}
#menu-main  li .sub-menu{
	padding-top: 13px;
}
#menu-main  li li .sub-menu{
	padding-top: 0px;
	padding-left:5px
}

#menu-main li:hover > .sub-menu a{
	display:block;
	background-color: rgba(91, 141, 169, 0.9);
}
#menu-main li:hover > .sub-menu a:hover{
	background-color: rgba(39, 85, 105, 0.9);
}
.menu-main-container{
	/* border-bottom:1px solid #fff; */
}

footer{
    padding-bottom: 20px;
    color: #fff;
    background: #585757;
}


/*------------------------------------*\
    RESPONSIVE XL
\*------------------------------------*/


@media (min-width: 1400px) {
    .container {
        width: 1370px;
    }
}


.col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}


@media (min-width: 1590px) {
    .container {
        width: 1560px;
    }

    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666667%;
    }

    .col-xl-push-10 {
        left: 83.33333333%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666667%;
    }

    .col-xl-push-7 {
        left: 58.33333333%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.66666667%;
    }

    .col-xl-push-1 {
        left: 8.33333333%;
    }

    .col-xl-push-0 {
        left: auto;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }

    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }

    .hidden-xl {
        display: none !important;
    }
	

}







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

	/* menu resetter */
	#menu-main li:hover > .sub-menu a {
		background-color: #647c90;
	} 
	#menu-main  li .sub-menu {
		padding-top: 0px;
	}
	#menu-main  li li .sub-menu {
		padding-left:0px;
	}
	#menu-main li > .sub-menu a {
		background-color: #647c90;
	} 


	#navbar {
		margin: 0px 0px 0px 0px;
	}
	#menu-main{
		margin-top: 0px;
	}
	.menuopen #menu-main{
		margin-top: 0px;
	}
	#menu-main  li {
		position:relative;
	}
	#menu-main > li {
		display:block;
	}
	#menu-main  li a{
		text-transform: none;
		font-weight: normal;
	}

	#menu-main  li .sub-menu{
		position:relative;
		left:initial;
	}
	#menu-main  li .sub-menu li{
		/* background-color:transparent; */
		padding-top:0;
		padding-left:0;
	}
	#menu-main  li .sub-menu a {
		padding: 10px 10px 10px 10px;
		width: initial;
	}
	#menu-main  li li .sub-menu a {
		padding: 10px 10px 10px 20px;
	}
	#menu-main  li .sub-menu .sub-menu{
		left: initial;
		top: initial;
	}
	#menu-main  li:hover > .sub-menu{
		display:block;
	}
	.menu-main-container{
		background-color: #86a5c0;
	}

	ul#menu-main li .sub-menu li.menu-item-has-children > span.nubbin:after{
		line-height: 38px;
		font-weight: normal;
	}

		
	/* end menu resetter */
	#navbar{
		position: fixed;
		left: -260px;
		transition: left 500ms;
		background-color: #444;
		top: 0;
		z-index: 9999;
		height: 100%;
		width: 230px;
		overflow-x: hidden;
		-webkit-box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.75);
	}

	body.menuopen  #navbar{
		left:0;
		z-index: 9999;
		/* margin: 0; */
		overflow-x: hidden;
	}
	body.admin-bar #navbar{
		top:32px;
		margin: 0;
	}
	@media (max-width:782px){
		body.admin-bar #navbar{ 
			top:46px;
		}
	}
	.menu-toggle{
		display: block;
	}
	#menu-main li.planed {
		display:none;
	}
	#navbar .menu-main-container{
		position: absolute;
		height: 100%;
		overflow-y: auto;
	}

	ul#menu-main{
		font-size: 0px;
		margin: 15px 0 10px 0;
		margin:0;
		margin-bottom:50px;
	}
	ul#menu-main li{
		position:relative;
		display: block;
		background-color: #6094ac;
		width: 230px;
		overflow: hidden;
		border-top:1px solid #fff;
	}
	ul#menu-main li:last-child:after {
		content:"";
	}
	ul#menu-main li a{
		display: inline-block;
		font-size: 15px;
		padding: 10px 10px;
		text-align: left;
		color: #fff;
		display: block;
		background-color: #86a5c0;
	}
	ul#menu-main li.current-menu-item > a{
		background-color: #4e829a;
	}

	ul#menu-main li a:hover {
		color: #c6168d;
		background-color: #fff;
		text-decoration:none;
	}

	ul#menu-main li.menu-item-has-children > a{
		margin-right: 40px;
		font-size: 15px;
		padding: 10px 10px;
	}
	ul#menu-main li.menu-item-has-children > a:after{
		content: ">";
		width: 40px;
		height: 40px;
		line-height: 38px;
		color: #fff;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
		font-size: 20px;
		pointer-events: none;
		transition:transform 300ms;
	}
	ul#menu-main li.open.menu-item-has-children > a:after{
		transform: rotate(90deg);
	}


	ul#menu-main li.menu-item-has-children > span.nubbin{
		display: block;
		width: 40px;
		height: 40px;
		background-color: #345;
		position: absolute;
		top: 0;
		right: 0;
		cursor:pointer;
		transition:all 300ms;
	}

	ul#menu-main li.menu-item-has-children > span.nubbin:hover{
		background-color: #ddd;
	}

	ul#menu-main li.menu-item-has-children > span.nubbin:after{
		content: ">";
		width: 40px;
		height: 40px;
		line-height: 38px;
		color: #fff;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
		font-size: 20px;
		pointer-events: none;
		transition:transform 300ms;
	}
	ul#menu-main li.open.menu-item-has-children > span.nubbin:after{
		transform:rotate(90deg);
	}



	ul#menu-main li ul{
		z-index: 99;
		padding: 0;
		width: 231px;
		display: none;
		border-right: 1px solid #5cbbe8;
		border-top: 1px solid #5cbbe8;
		position: relative;
		background-color: #444;
		left: 0px;
		border:0;
	}

	ul#menu-main li ul a{
		color: #ffffff;
		background-color: #9f1f63;
	}

	ul#menu-main li ul ul{
		position: absolute;
		left: 100%;
		top: -1px;
	}



	ul#menu-main li ul a {
		border:0;
	}

	ul#menu-main li ul ul {
		position: relative;
	}

	ul#menu-main li:hover > a {
		background-color: #86a5c0;
	}

	ul#menu-main li.current-menu-item:hover > a {
		background-color: #598294;
	}


	ul#menu-main li a:hover {
		color:#fff;
		background-color: #5287a7;
	}
	ul#menu-main li ul li a {
		background-color: #86a5c0;
		padding-left:35px;
	}
	ul#menu-main li ul li ul li a {
		padding-left:50px;
	}

	body ul#menu-main li:hover > ul ,
	body.menuopen ul#menu-main li:hover > ul {
		display: none;
	}	

	body  ul#menu-main li.open > ul ,
	body.menuopen  ul#menu-main li.open > ul {
		display: block;
	}	

	ul#menu-main li ul li ul{
		left: initial;
		top: initial;
		position: relative;
	}

	.close-link {
		padding: 5px;
	}
	.close-link span {
		display: block;
		width: 40px;
		height: 40px;
		text-align: center;
		background-color: #334455;
		line-height: 36px;
		font-size: 19px;
		color: #ffffff;
		margin-left: auto;
		cursor: pointer;
		margin: -5px -5px -5px auto;
	}
	.close-link span:hover {
		background-color: #ddd;
		color: #fff;
	}


}








    /*==========  Non-Mobile First Method  ==========*/
	
    /* XL */
    @media only screen and (max-width : 1589px) {
		#menu-main li a {
			/* font-size: 17px; */
			/* padding: 10px 13px; */ 
		}
		
		.social-navigation {
			clear: none;
			float: none;
			margin: 10px auto;
			text-align:center;
		}
		
		#navbar {
			clear: none;
			float: none;
			margin: 13px auto;
			text-align:center;
		}
		
		.hero-blurb {
			text-align: center;
			top: 50%;
		}
		
    }
	
	
    /* MXL */
    @media only screen and (max-width : 1399px) {
		#menu-main li a {
			font-size: 14px;
			padding: 10px 10px;
			line-height: 1.2em;
			/* letter-spacing: -0.5px; */
		}
		.logo {
			width: 300px;
		}
		.poi-title {
		    font-size: 22px;
		}
		.poi-text {
		    font-size: 16px;
		}
		.banner-text {
			padding: 60px 25% 40px 60px;
		}
    }
	

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1199px) {
	
		blockquote br{
			display:none;
		}
	
	
		.poi-title {
			font-size: 20px;
		}
		
		.poi-text {
			font-size: 16px;
		}

		.poi:hover .poi-text {
			font-size: 16px;
			padding-top: 0;
		}

		.banner-text ,
		.home .banner-text  {
			padding: 60px 60px 40px 60px;
		}
		.page .banner-text h2 {
			font-size: 35px;
		}
		
    	.social-navigation {
			float:left;
    	}

		.social-navigation {
			margin: 10px 0px 10px 10px;
		}
		.container.pinched {
			padding: 20px 15px 0% 15px;
		}
		.hero-blurb h2 {
			margin-bottom: 10px;
		}
		.shout-out {
			display: block;
			float: none;
			text-align: center;
		}
		#navbar {
			float: none;
			clear: none;
			margin: 0;
		}
		.logo {
			margin: 20px auto 30px auto;
		} 
		.social-navigation {
			margin: 10px 10px 10px 10px;
		}
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 991px) {
	
		.banner-text h2 {
			font-size: 28px;
		}
		
		.prefoot-header {
			margin-top:30px;
			font-size: 20px;
			letter-spacing: 5px;
		}
		h1 {
			font-size: 30px;
		}
		h2 {
			font-size: 26px;
		}
		.poi-title-holder{
			transform: none;
		}
		.callout {
			padding: 10px 20px;
			font-size: 32px;
		}
		.news-item h2 {
			font-size: 18px;
		}
		.hero-title {
			padding: 10px 20px;
			float: none;
			min-width:initial;
		}
		.hero-blurb {
			position: absolute;
			right: 0px;
			font-size: 14px;
		}
		.hero-blurb .hero-text {
			margin-top: 0px;
			/* margin-right: 20px; */
			/* margin-left: 20px; */
		}
		.hero-blurb .hero-text br {
			display:none;
		}
		.hero-blurb .hero-text br {
			display:block;
		}
		.hero-blurb .hero-text p {
			font-size:18px;
			line-height:1.1em;
		}
		.hero-blurb {
			position: relative;
			right: 0px;
			background: #8ab3ba;
			overflow: hidden;
			padding-top: 15px;
		}
		.slide-img-holder:after {
    		content: none;
		}
		.submenu-parent-link {
			padding: 3px 10px;
			font-size: 22px;
		}
	
		.side-menu ul a {
			padding: 3px 10px;
			font-size: 18px;
		}
		
		.side-menu ul a:hover:before {
			width: 5px;
		}
		
		#cycle-pager{
			display:none;
		}
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 767px) {
		.home h1 {
			margin-top:0;
			padding-top:0;
		}
		blockquote {
			font-size: 26px;
		}

		.container.pinched{
			max-width:500px;
		}
		.poi {
			margin-bottom: 50px;
		}
		.row.pois {
			margin-bottom: 0px;
		}
		.news-item {
			margin-bottom: 50px;
		}
		header > .container {
			/* padding: 0px 25px; */
		}
		.hero-blurb {
			right: 0px;
		}
		.logo {
			width: 280px;
		}
		.copyright{
			text-align:center;
		}
		.credits {
			text-align: center;
			margin-bottom:20px;
		}
		#social-footer.social-navigation {
			margin: 10px 10px 10px 10px;
		}
		.pois-title {
			font-size: 18px;
			padding: 10px 20px;
		}
		.article-thumb{
			width:100%;
			float:none;
		}

		.article-text{
			margin-left:0px;
		}
		.hero-title{
			position:relative;
			background-color:#af9767;
			font-size:14px;
			line-height:1em
		}
	}

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 479px) {
	

	
		.page .banner-text  {
			padding:30px 30px 10px 30px;
		}
	
		.page .banner-text h2 {
			font-size: 20px;
		}
	
		.social-navigation ul li a {
			width: 28px;
			height: 28px;
		}
		.social-navigation ul li.fa:before {
			font-size: 22px;
			line-height: 28px;
			width: 28px;
		}
	
		.poi-text {
			font-size: 14px;
		}
		
		.home .page-content {
			margin-top: 0px;
		}

		.poi:hover .poi-text {
			font-size: 14px;
		}
	
		.banner-text{
			padding: 30px 30px 10px 30px;
		}
		
		.banner-text h2 {
			font-size: 25px;
		}
		
		.banner-text .callout{
			margin-top:20px;
		}

		header {
			/* position: relative; */
			z-index: 999;
			width: 100%;
		}
		.hero-blurb {
			top: 0;
			margin-bottom: 20px;
		}
		.hero-blurb h2 {
			font-size: 5vw;
		}
		.hero-blurb .hero-text {
			margin-top: 0px;
			margin-bottom: 0px;
		}	
		header > .container {
			padding: 0px 15px;
			/* margin:0 15px; */
			/* background:#444; */
		}
		header .social-navigation, header .social-navigation {
			/* width:90px; */
		}
		.logo {
			width: 70%;
			margin-top: 40px;
		}
		.social-navigation {
			margin: 10px 0px 10px 10px;
		}
		.logo {
			margin: 10px auto 10px auto;
		}
		.menu-toggle {
			margin-bottom:15px;
		}
		.shout-out {
			font-size:13px;
			line-height:1.2em;
		}
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

    }

@media (min-width:1200px){
	.social-navigation {
		position:fixed;
		right:0;
		top:120px;
		background:rgba(17, 53, 68, 0.9);
		width:40px;
		margin:0;
		
	}
	.social-navigation ul li {
		display:block;
		margin:10px 5px;
	}
	.social-navigation ul li:hover a {
		background:#8ab3ba;
	}
}

@media (min-width:1200px){
	.social-navigation {
		width:50px;
		top:150px;
	}
	.social-navigation ul li {
		margin:10px 10px;
	}
}
/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}