/* ==========================================================================
   HOME PAGE
   ========================================================================== */

 

/* Sharethis Tab */
#sthoverbuttons {
	display: none;
	width: 40px !important;
	top: 30% !important;
	cursor: default !important;
}

#sthoverbuttons .sthoverbuttons-top-l,
#sthoverbuttons .sthoverbuttons-shade-l,
#sthoverbuttons .sthoverbuttons-bottom-l {
	background: transparent url('../images/ui/st-tab-bgd.gif') repeat left top !important;
}

#sthoverbuttons #sthoverbuttons-bottom {
	height: 5px !important;
}

#sthoverbuttons .sthoverbuttons-label {
	margin: 0px 0px 5px 0px !important;
}

#sthoverbuttons .sthoverbuttons-label span {
	text-transform: uppercase !important;
	color: rgb(255,255,255) !important;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 0.8em;
}

span.st_facebook_large span.stLarge {
   background: transparent url('../images/ui/st-tab-facebook.png') no-repeat top left !important;
}

span.st_googleplus_large span.stLarge {
   background: transparent url('../images/ui/st-tab-googleplus.png') no-repeat top left !important;
}

span.st_pinterest_large span.stLarge {
   background: transparent url('../images/ui/st-tab-pinterest.png') no-repeat top left !important;
}

span.st_twitter_large span.stLarge {
   background: transparent url('../images/ui/st-tab-twitter.png') no-repeat top left !important;
}

span.st_sharethis_large span.stLarge {
   background: transparent url('../images/ui/st-tab-sharethis.png') no-repeat top left !important;
}

span.st_email_large span.stLarge {
   background: transparent url('../images/ui/st-tab-email.png') no-repeat top left !important;
}

span.st_facebook_large[style],
span.st_googleplus_large[style],
span.st_twitter_large[style],
span.st_pinterest_large[style] {
	height: 40px !important;
}

span.st_sharethis_large[style],
span.st_email_large[style] {
	height: 30px !important;
}

.stButton .stLarge {
	width:  30px !important;
	height: 30px !important;
}

.stButton .stLarge:hover {
	background-position: center !important;
	opacity: 0.9 !important;
}

#sthoverbuttons #sthoverbuttonsMain {
	padding:  10px 0 0 12px !important;
}

.stButton {
	margin-left: 0px !important;
	margin-right: 0px !important;
	line-height: 0px !important;
}

/* Social media circle icons/feeds */
.social-feeds-container {
	display: none;
	width: 18.25em;
	float: none;
	height: auto;
	margin: -2.8125em auto 0;
}

.social-feeds .circle {
	float: none;
	display: inline-block;
    width: 2.875em;
    height: 2.875em;
    margin: 0 0.75em 0 0.75em;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
    background: rgb(222, 214, 210);
    cursor: pointer;
}

.social-feeds .circle:hover {
    background: white!important;
	cursor:pointer;
}

.social-feeds a {
	display: inline-block;
    width: 2.875em;
    height: 2.875em;
	text-decoration:none;
}

.social-feeds a:hover {
	cursor:pointer;
	text-decoration:none;
}

.social-feeds .circle .icon {
	float: none;
	display: block;
    width: 2.5em;
    height: 2.5em;
    margin: 0.1875em 0 0 0.1875em;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
    background: url('../images/ui/border-social-icon-circle.png') center center no-repeat;
    position: relative;
    z-index: 62;
}

.social-feeds .circle .icon:hover {
    background: none;
	cursor: pointer;
}


.social-feeds .circle.facebook .icon 	{ background-color: rgb(86, 103, 146); }
.social-feeds .circle.twitter .icon 	{ background-color: rgb(44, 155, 176); }
.social-feeds .circle.instagram .icon 	{ background-color: rgb(155, 133, 120); }
.social-feeds .circle.pinterest .icon 	{ background-color: rgb(175, 53, 41); }

.social-feeds .icon span {
	display: block;
	color: rgb(242, 239, 237);
	font-size: 1.25em;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	padding: 0.5em 0 0 0;
}

.social-feeds .circle.facebook .icon span:before { content: "\e012"; }
.social-feeds .circle.twitter .icon span:before { content: "\e013"; }
.social-feeds .circle.instagram .icon span:before { content: "\e00a"; }
.social-feeds .circle.pinterest .icon span:before { content: "\e017"; }

.feed.facebook .bottom-arrow, .feed.twitter .bottom-arrow, .feed.instagram .bottom-arrow { display: block; /*width: 292px;*/ height: 18px; background: url(../images/ui/sm-feed-bottom-arrow.png) bottom center no-repeat; }

.feed.pinterest .bottom-arrow { display: block; width: 264px; height: 18px; background: url('../images/ui/sm-feed-bottom-arrow.png') center bottom no-repeat; }

.social-feeds .circle { position: relative; }

.feed { position: absolute; z-index: 61; background-color: rgb(222, 214, 210); }

.feed.facebook { display: none; height: 400px; width: 292px; left: -121px; top: -405px; }

.feed.twitter { display: none; height: 400px; width: 180px; padding: 0 10px 0 10px; left: -73px; top: -405px; }

.feed.instagram { display: none;height: 398px;width: 300px;padding: 10px;left: -132px;top: -423px; }

.feed.pinterest { height: 400px; width: 264px; background: none; left: -9999px; top: -515px; }

.feed.pinterest span:first-child { background: rgb(222, 214, 210)!important; box-shadow: none!important; border-radius: 0!important; }

.feed.pinterest a span:first-child { background: transparent!important; }

.feed.pinterest span span a:hover { background: rgb(222, 214, 210)!important; }

.social-feeds .circle.facebook:hover .feed.facebook,
.social-feeds .circle.twitter:hover .feed.twitter,
.social-feeds .circle.instagram:hover .feed.instagram
{ display: block!important; }

/* Pinterest feed handled with positioning due to not loading with display: none/block switch */
.social-feeds .circle.pinterest:hover .feed.pinterest
{ left: -110px; }

/* Main Content Area */
#main { padding-bottom: 0em; }

#main header h1.stylized-text {
	clear: both;
	font-family: 'Lobster', cursive;
	font-size: 2.25em;
	text-align: center;
	color: rgb(155, 133, 120);
	background: none;
	padding: 0.25em 1% 0.25em;
}

#main header h1.stylized-text .larger-text {
	display: block;
	font-family: 'Roboto Slab', serif;
	font-weight: 700 !important;
	font-size: 1.25em !important;
	text-transform: uppercase;
	line-height: 100%;
}

header p {
	font-family: 'Crimson Text', 'serif'; 
	font-weight: 400;
	font-size: 1.188em;
	line-height: 1.625em;
	color: rgb(79, 59, 48);
	text-align:center;
	padding: 0;
	margin: 1.00em 0 1.5em 0;
}


/* Three Column Promotions */
.three-column-promotions {
	margin-bottom: 0.500em;
}

.three-column-promotions li {
	width: 100%;
	margin: 0 0 1.5em 0;
	display: block;
	float: none;
	padding: 0;
	text-align: center;
	font-family: 'Crimson Text', 'serif'; 
	font-weight: 400;
	color: rgb(79, 59, 48);
}

.three-column-promotions li img {
	width: 100%;
	height: auto;
	-webkit-box-shadow: 0 0 0.3125em 0 rgba(79, 59, 48,0.3);
	-moz-box-shadow: 0 0 0.3125em 0 rgba(79, 59, 48,0.3);
	box-shadow: 0 0 0.3125em 0 rgba(79, 59, 48,0.3);
}

.three-column-promotions li h2 {
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.255em;
	margin: 0.625em auto 0.5em;
}

.three-column-promotions li p {
	margin-bottom: 0.350em;
	font-size: 1.063em;
	line-height: 1.255em;
}


/* Video/Bookings */
#resources.video-bookings { padding: 2.5% 0; margin: 2.5em 0px; }

#video { 
	margin: 2% auto;
	text-align: center;
}

#video .video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	-webkit-box-shadow: 0 0 0.3125em 0 rgba(79, 59, 48,0.3);
	-moz-box-shadow: 0 0 0.3125em 0 rgba(79, 59, 48,0.3);
	box-shadow: 0 0 0.3125em 0 rgba(79, 59, 48,0.3);
}

#video .video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#video .video-caption { 
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	font-size: 0.9375em;
	color: rgb(0, 125, 155);
	text-align: center;
	line-height: 1.25em;
	padding: 1.5% 0;
}



#bookings {
	margin: 2% 0 2% 0;
	border-top: 1px dashed rgb(255, 252, 245);
	text-align: center;
}

#bookings img {
	width: 100%;
	-webkit-box-shadow: 0 0 0.3125em 0 rgba(79, 59, 48,0.3);
	-moz-box-shadow: 0 0 0.3125em 0 rgba(79, 59, 48,0.3);
	box-shadow: 0 0 0.3125em 0 rgba(79, 59, 48,0.3);
}

#bookings .lobster-text {
	color: rgb(0, 125, 155);
	font-size: 1.625em!important;
	padding-top: 0;
	padding-bottom: 10px;
}

#bookings .headline-roboto-bold { 
	text-transform: uppercase;
	font-size: 1.375em!important;
	padding: 2%!important;
	color: rgb(79, 59, 48);
}

#bookings .caption { 
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	font-size: 0.9375em;
	color: rgb(0, 125, 155);
	text-align: center;
	line-height: 1.25em;
	padding: 1.5% 0;
}

/*#bookings .button-wrap { 
	width: 13.75em;
	margin: 0 auto;
	padding: 0;
}

#bookings .button-wrap button {
	display: inline-block;
	margin: 0 3%;
}


/* Upcoming Events */
.main-col2 {
	width: 100%;
}

.main-col1 {
	width: 100%;
}

.main-col2 .headline-stylized { padding: 0 0 0.5em 0; }

.main-col2 p.intro-text {
	text-align: center;
	font-size: 1.125em;
	padding: 0.25em 0 0.5em 0;
}

.eventInfo p.location { margin: 4px 0 0 0!important; font-size: 1.25em; }

.eventInfo p.address { font-style: italic; font-size: 1.25em; }

aside { background: none; margin: 1em 0 0 0; }

aside .showHideFilters { display: none; }


/* ==========================================================================
   SPOTLIGHT ADS OVERRIDE
   ========================================================================== */

.spotlightAds.vertical { text-align: center; background:url(../images/textures/gray-grid.png); margin: 1.5em auto 0; padding:1.2em; box-shadow:inset 0 0 25px -10px rgb(79, 59, 48); -webkit-box-shadow:inset 0 0 25px -10px rgb(79, 59, 48); }
.spotlightAds.vertical img { width:100%; float: none; margin:0 15px 0 0; height:auto; -webkit-box-shadow: 0 0 0.3125em 0 rgba(79, 59, 48,0.3); -moz-box-shadow: 0 0 0.3125em 0 rgba(79, 59, 48,0.3); box-shadow: 0 0 0.3125em 0 rgba(79, 59, 48,0.3); }
.spotlightAds.vertical .spot-head { font:700 1.064em/1.3em 'Roboto Slab', Helvetica, Arial, sans-serif; margin-bottom:.3em; }
.spotlightAds.vertical p { font:400 .750em/1.4em 'Montserrat', verdana, sans-serif; } 
.spotlightAds.vertical a { text-decoration:none; font:400 0.814em/1.25em 'roboto slab', arial, serif; margin:.3em 0 0 0; display:block; }
.spotlightAds.vertical a:hover { text-decoration:underline; }
.spotlightAds.vertical .singleAd { width:100%; float:none; padding:0; background:none; }
.spotlightAds.vertical .singleAd + .singleAd { width:100%; float:none; margin: .5em 0; }	
.spotlightAds.vertical .singleAd div { width:100%; float:none; }
.spotlightAds.vertical .singleAd div + div { width:100%; float:none; }
.spotlightAds.vertical img { width:100%; margin:1em 0 .3em 0; height:auto; }


/* Pre-Footer - this is to override the margin-top: 0; pulling from events.css:93 */
#resources { margin-top: 2.5em; }

/* ==========================================================================
   ----------------------- MEDIA QUERIES ------------------------
   ========================================================================== */


/* 350px/16px = 21.875em */
@media only screen and (max-width:21.875em){
}

/* 400px/16px = 25em */
@media screen and (min-width: 25em) {
	#bookings .headline-stylized .borders-double-thin { display: inline; }
}

/* 480px/16px = 30em */
@media screen and (min-width: 30em) {
	.three-column-promotions li img { width: 80%; }
	#bookings img { width: 100%; }
	.spotlightAds.vertical img { width: 83%; }	
}

/* 500px/16px = 31.25em */
@media screen and (min-width: 31.25em) {
	#video { width: 80%; }
}

/* 520px/16px = 32.5em */
@media screen and (min-width: 32.5em) {
	#main header h1.stylized-text .larger-text { display: inline-block; }
	.three-column-promotions li img { width: 70%; }
	.spotlightAds.vertical img { width: 60%; }
	.borders-thick-thin { display: none!important; } /* to override main.css */
	#bookings .headline-stylized .borders-double-thin { padding: 4%; }
	#bookings .button-wrap { width: 20em; }
	.spotlightAds.vertical .singleAd { width:45%; float:left; display:block; padding:2%; background-color:rgba(255,255,255,.40); }
	.spotlightAds.vertical .singleAd + .singleAd { width:45%; float:right; margin:0 0 0 2%; display:block; }
	.spotlightAds.vertical img { margin: 0 0 .3em 0; }
}

/* 600px/16px = 37.5em */
@media screen and (min-width: 37.5em) {
	.slideshow { margin-bottom:-60px; }
	#main { margin-top: -60px; border-top: 3px solid rgb(222, 214, 210); }
	#main header h1.stylized-text { padding: 0.5em 1%; }
	.social-links { display: none; }
	.social-feeds-container, #sthoverbuttons { display: block; }
}


/* 670px/16px = 41.875em */
@media screen and (min-width: 41.875em) {
	.borders-thick-thin { display: inline!important; }
	.three-column-promotions li img { width: 60%; }
	.events { float: left; margin-right: 0%; width: 55%; }
	aside { float: right; margin: 0; padding: 1em 0 0 0; width: 40%; }
}

/* 680px/16px = 42.5em */
@media screen and (min-width: 42.5em) {
	.borders-thick-thin { padding: 2%!important; }
}

/* 700px/16px = 43.75em */
@media screen and (min-width: 43.75em) {
	.borders-thick-thin { display: inline; padding: 3%; }
}

/* 720px/16px = 45em */
@media screen and (min-width: 45em) {
	#main { padding-bottom: 1em; }
	.three-column-promotions li { display: block; float: left; width: 30%; margin:0 1.5% 0 1.5%; }
	.three-column-promotions li img { width: 100%; }
	#video { float: left; width: 48%; margin: 2% 0 2% 0; }
	#bookings { float: right; width: 48%; margin: 2% 0 2% 0; border-top: none; }
	#bookings .button-wrap { width: 100%; }
}

/* 820px/16px = 51.25em */
@media screen and (min-width: 51.25em) {
	.borders-thick-thin { padding: 5%!important; }
	#sthoverbuttons { top: 25%!important; }
}

/* 890px/16px = 55.625em */
@media screen and (min-width: 55.625em) {
	.social-feeds-container { width: 23.125em /* 22.5em */; }
	.social-feeds .circle { margin: 0 1.25em 0 1.25em; }
}

/* 939px/16px = 58.6875em */
@media screen and (min-width: 58.6875em) {
}

/* 950px/16px = 59.375em */
@media screen and (min-width: 59.375em) {
}
 
/* 965x/16px = 60.3125em */
@media screen and (min-width: 60.3125em) {
	#video { float: left; width: 48%; margin: 1% 0 1% 0; }
	#bookings { float: right; width: 48%; margin: 1% 0 1% 0; }
}
 
/* 1052px/16px = 65.75em */
@media screen and (min-width: 65.75em) {
	.borders-thick-thin { padding: 8%; }
	#resources.video-bookings .page-width { max-width: 47.5em; }
	#bookings { margin: 0 0 1% 0; }
	#bookings .lobster-text { /*font-size: 1.5em!important;*/}
	.main-col2 { float: left; width: 65%; }
	.main-col1 { float: right; width: 34%; max-width: 20em; }
	.main-col2 p.intro-text { padding: 0.25em 1.75em 0.5em 1.75em; }
	.events { margin-left: 0; }
	.spotlightAds.vertical { margin-top: 2em; }
	.spotlightAds.vertical .singleAd { width:100%; float:none; display:block; margin: 0 0 1em 0; padding: 0 0 1em 0; background-color: transparent; border-bottom: 1px dashed rgb(79, 59, 48); }
	.spotlightAds.vertical .singleAd + .singleAd { width:100%; float:none; margin:0; padding: 0; display:block; border-bottom: none; }
	.spotlightAds.vertical img { margin: 0 0 .3em 0; }
}

/* 1112px/16px = 69.5em */
@media screen and (min-width: 69.5em) {
	.borders-thick-thin { padding: 10%; }
}