/* ==========================================================================
   Load Google Webfonts
   ========================================================================== */
   
/*
@import url(http://fonts.googleapis.com/css?family=FONTFAMILYNAME);
*/



/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* ==========================================================================
   Base
   ========================================================================== */

html { width:100%; height:100%; min-height:100%; font-size:100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /*text-rendering: optimizeLegibility!important;*/ -webkit-font-smoothing: antialiased!important; }
body { margin: 0; font-size:100%; line-height:1.5; background-color: #ffffff; overflow:hidden; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
::-moz-selection { background: #7e543b; color: #fff; text-shadow: none; }
::selection { background: #7e543b; color: #fff; text-shadow: none; }


/* ==========================================================================
   Links
   ========================================================================== */

a { color: #00e; outline:0; }
*:focus, input:focus + .cbx-lbl::before{ outline:2px solid #c85000; }
svg:focus { outline:12px solid #00ff00; }
a:hover, a:active { outline: 0; }


/* ==========================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom:0; text-decoration:none; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; border: 1px solid #000; border-bottom: 1px solid #666; padding: 0; clear: both; width: 100%; margin: 24px 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
.atvs sub { bottom: -0.25em; }


/* ==========================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 25px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* ==========================================================================
   Embedded content
   ========================================================================== */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */

figure { margin:60px 0 0 0; }


/* ==========================================================================
   Forms
   ========================================================================== */

fieldset { border: 0;  }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size:100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow:auto; vertical-align: top; resize: vertical; }
input:invalid, textarea:invalid { background-color:white; }
#content .zoom_searchform label { margin-right:20px; width:initial; display:inline-block; }
.zoom_searchform input { display:inline-block; }
.zoom_searchform #zoom_per_page { width: 66px; display:inline-block; }

input,select,textarea,button,label{ color:#3f000b; font-family:"brandon-grotesque",sans-serif; font-weight:400; }
button,label{ text-transform:uppercase; }
input,select,textarea{ width:100%; padding:9px; border:1px solid #c8c2b4;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
}
select{ padding:8px; }
button{ background:transparent; border:none; padding:0; }
form .hdr{ color:#c85000; font-size:1.25em; font-weight:500; vertical-align:middle!important; }
.from-spn,.to-spn,.checkin-spn,.checkout-spn,.roomcount-spn,#guestcount,#zipcode,#bd-spn{ width:48%; }
.from-spn,.checkin-spn,.roomcount-spn,#zipcode{ margin-right:4%; }
form .btn2{ color:#3f000b; float:right; }
form>span,form>input,form>select,#email-form>span,#email-form>input,#email-form>select{ margin-bottom:10px; }
#room-div {
    text-align: left;
    position: relative;
}

form .email-wrapper {
    width: 100%;
    text-align: center;
}
form .email-wrapper input {
    width: 90%;
    max-width: 300px;
}
.checkin-spn,.checkout-spn {
    position: relative;
}
.checkin-spn .inline-error {
    position: absolute;
    top: 55px;
    left: -27px;
    color: red;
    font-style: italic;
    width: 200% !important;
}

input[type="checkbox"], input[type="radio"] {
	position: absolute;
	left: -9999px;
}
.cbx-lbl {
	display:inline-block;
	text-transform:none;
	position:relative;
	margin:10px 0;
	padding-left:30px;
	cursor:pointer;
}
.cbx-lbl::before, .cbx-lbl::after {
	content:'';
	position:absolute;
	top:0;bottom:0;
	left:0;right:0;
	width:20px;
	height:20px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
input[type="radio"] + .cbx-lbl::before,
input[type="radio"] + .cbx-lbl::after { border-radius:50%; }
.cbx-lbl::before {
	display:block;
	border:1px solid #c8c2b4;
}
.cbx-lbl::after {
	display:none;
	content:"\2713";
	color:#c85000; text-align:center; font-weight:bold;
}
input:checked + .cbx-lbl::after { display:block; }
.why-ask {
    float: right;
    color: #3f000b;
}
.why-ask:hover {
    text-decoration: none;
}

#ccf-events #evt-srch {
    background: #fff;
}
#ccf-events #evt-srch #from, #ccf-events #evt-srch #to {
    width: auto;
}
form#ccf-events-search {
    position: relative;
}
form#ccf-events-search .skip-link:focus {
    top: -9px;
    left: 0;
    position: absolute;
}
#ccf-events #evt-srch .results-message {
    color: #7e543b;
    padding-top: 5px;
}
#ccf-events #evt-srch .results-message > div {
    display: inline-block;
    width: 49%;
}
#ccf-events #evt-srch .results-message .fluid {
    text-align: left;
}
#ccf-events #evt-srch .results-message .total {
    text-align: right;
}
#ccf-results .white-card:nth-of-type(n+9) {
    display: none;
}
#ccf-results .white-card .date {
    color: #c85000;
    font-weight: bold;
}
#ccf-results .white-card .details {
    position: absolute;
    bottom: 45px;
    left: 0;
    width: 100%;
}
#ccf-results {
    min-height: 300px;
}
#ccf-events .no-events {
    padding: 20px;
    display: none;
}
.view-all-wrapper {
    margin-top: 20px;
}
#ccf-view-all {
    display: none;
}
.quartered-cards {
    box-sizing: border-box;
}
.quartered-cards .white-card {
    float: left;
    width: 23%;
    margin: 1%;
    height: 410px;
}
.quartered-cards .ccf-white-card {
    height: 436px;
}

#ccf-full-events, #ccf-full-events .event-details {
    display: none;
}
#ccf-full-events .event-details {
    background: #fff;
    border: 4px double #3f000b;
    color: #3f000b;
    padding: 15px;
    position: relative;
}
#ccf-full-events .event-details .close-details {
    position: absolute;
    top: -31px;
    right: -4px;
    padding: 3px 6px;
    font-size: .8em;
    margin-top: 0;
    border: 1px solid #fff;
}
#ccf-full-events .event-details h3 {
    font-size: 3em;
}
#ccf-full-events .event-details .labeled-details {
    display: table-row;
}
#ccf-full-events .event-details .labeled-details .label {
    display: table-cell;
    width: 70px;
    font-style: italic;
}
#ccf-full-events .event-details .labeled-details .details {
    display: table-cell;
}
#ccf-full-events .event-details .full-details {
    margin: 10px 0;
}
#ccf-full-events .event-details .phone a {
    color: #3f000b;
}

#evt-srch, #res-form, #email-form{ text-align:center; padding:5%; }
#evt-srch span, #evt-srch input, #evt-srch select ,#evt-srch label,
#res-form span, #res-form input, #res-form select, #res-form label,
#email-form span, #email-form input, #email-form select, #email-form label,
#trip-planner #top form>span{ display:inline-block; vertical-align:bottom; }
#evt-srch span label, #res-form span label, #trip-planner #top form span label{ float:left; font-size:.75em; margin:
0 0 -.65em .5em; padding:0 .25em; position:relative; background-color:white; }
#trip-planner #top form{ margin-top:20px; }
#trip-planner #top form>span{ margin:0 2.5%; }
#trip-planner #top form .checkin-spn,
#trip-planner #top form .checkout-spn {
    width: 44%;
}
#trip-planner #top form>span label{ background-color:#3f000b; }
#trip-planner #top label{ color:inherit; }
#trip-planner #top input{ color:inherit; background-color:transparent; }
#trip-planner #top form .btn2{ float:none; color:inherit; margin-left:auto;margin-right:auto; }
.venue-spn, .category-spn,
#evt-srch span input, #evt-srch span select,
#res-form span input, #res-form span select,
#email-form span input, #email-form span select{ width:100%; }
#evt-srch .btn, #res-form .btn, #email-form .btn{ margin:0; }
#evt-srch span .fp-datepicker, #res-form span .fp-datepicker, .fp-datepicker-ccf { display:block; clear:left; }
.hdnLbl{ display:none!important; }
.fp-container {
    text-align: left;
}
.fp-container .fp-calendar {
    vertical-align: middle;
    font-size: 1.4em;
    width: 40%;
}
#res-form .fp-container .fp-calendar .fp-option {
    font-size: .8em;
    vertical-align: baseline;
}

.print-only {
    display: none;
}


/* ==========================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { margin:0px; padding:0px; }

/* ==========================================================================
   Resets
   ========================================================================== */

h1, h2, h3, h4, h5, h6, p, form, fieldset { margin: 0px; padding: 0px; }


/* ==|== Primary styles =====================================================
   Author: 01000111 01100001 01110010 01111001 00100000 01001101 01101001 01101100 01100010 01110010 01100001 01101110 01100100
   Client: HersheyPA
   Creation Date: 1/30/2017
   ========================================================================== */

/* font */
@font-face {
	font-family:'milton-bold';
	src:url('/assets/fonts/milton-bold.woff2') format('woff2'),
		url('/assets/fonts/milton-bold.woff') format('woff'),
		url('/assets/fonts/milton-bold.ttf') format('truetype');
}
@font-face {
	font-family:'brandon-grotesque';
	src:url('/assets/fonts/brandongrotesque.woff2') format('woff2'),
		url('/assets/fonts/brandongrotesque.woff') format('woff'),
		url('/assets/fonts/brandongrotesque.ttf') format('truetype');
    font-weight: normal;
}
@font-face {
	font-family:'brandon-grotesque';
	src:url('/assets/fonts/hvd_fonts_-_brandongrotesque-bold-webfont.woff2') format('woff2'),
		url('/assets/fonts/hvd_fonts_-_brandongrotesque-bold-webfont.woff') format('woff'),
		url('/assets/fonts/hvd_fonts_-_brandongrotesque-bold-webfont.ttf') format('truetype');
    font-weight: bold;
}

.fp-container,.fp-cal-container{ color:#3f000b!important; font-family:inherit; }
.fp-cal-date.active,.fp-button{ background-color:#c85000; border-radius:0; }

body, h1 span,h2 span,h3 span{ font-family:"brandon-grotesque",sans-serif; font-weight:400; color:#3f000b; margin:0; padding:0; }
section{ position:relative; clear:both; padding:2% 0; }
h1,h2,h3,h4, h3 .step-num{ text-transform:uppercase; line-height:.9em; padding:0;margin:0;
	font-family:"milton-bold",sans-serif;
	font-style:normal;
	font-weight:normal;
}
h1,h2,h3{ margin-bottom:20px; }
	h1 span,h2 span,h3 span{ display:block; line-height:1.5em; } /*18/55*/
	.bigboldgrn{ display:inline-block; font-family:"milton-bold",sans-serif; font-style:normal; font-size:1.222em; line-height:1em; }
h1{ font-size:3.4375em; /*55/16*/ }
	h1 span{ color:white; font-size:.327em; /*18/55*/ }
h2{ font-size:2.8125em; /*45/16*/ }
h3{ font-size:2.1875em; /*35/16*/ }
	h3 span{ font-size:.38em; }
h4{ font-size:1.625em; /*26/16*/ margin-bottom:5px; }
h5{ font-size:1.25em; margin-bottom:10px; }
p,ul{ margin:0; margin-bottom:10px; }
a,.hashtag{ color:#c85000; }
svg{ width:100%; height:100%; fill:white; display:block; }
svg img,img+svg{ width:auto; height:auto; max-width:100%; max-height:100%; }

h1 abbr.compact {
    letter-spacing: -3px;
}
h1 .esf-logo {
    width: 30%;
    float: left;
    margin-left: -7%;
    margin-top: -7%;
    margin-right: 15px;
}
p abbr.compact {
    letter-spacing: -2px;
}

nav{ position:fixed; z-index:100; width:100%; max-width:1500px; background:white; }
#menu{ background-color:#c85000; display:none; }
nav ul{ margin:0; padding:0; }
nav li{ list-style:none; }
nav a{ text-transform:uppercase; text-decoration:none; color:#3f000b; font-weight:500; letter-spacing:2px; }
nav>a{ padding:4% 3%; }
#menu a{ padding:2% 5%; }
#menu>li{ white-space:nowrap; }
#menu>li>a{ padding-top:1%; padding-bottom:1%; display:block;
	font-size:2em; letter-spacing:inherit;
	font-family:"milton-bold",sans-serif; font-style:normal;
}
#menu>li .white-card-txt { white-space:normal; }
#menu>li .white-card-txt p { margin-bottom:0; text-transform:none; }
#menu li a:focus {
    background-color: white;
    color: #3f000b;
}
nav section#alert-wrapper a {
    letter-spacing: inherit;
    text-decoration: underline;
    text-transform: none;
}
#hero section#alert-wrapper {
    z-index: -1;
    opacity: 0;
}

#hpa-logo{ display:inline-block; z-index:100; vertical-align:middle; }
#hpa-logo svg{ fill:#582931; }
#hpa-logo #her{ width:111px; /* W*(0.4177704416441886) */height:47px; }
#hpa-logo #hpa{ display:none; width:115px; /* W*(1.077586206896552) */height:124px; margin-top:-9px;  }
#tp-nav{ float:right; font-size:.75em; margin-top:12px; }
#tp-nav svg{ fill:#a7a9ac; width:24px; height:30px; display:inline-block; }

.subnav{ display:none; width:100%; }
.subnav h2{ display:none; }
.subnav a{ color:white; display:block; }
.subnav>ul{
	border-bottom:1px solid #4d4d4d;
	border-bottom:1px solid rgba(0, 0, 0, .3);
}
.subnav>ul>li{ font-size:.875em;
	border-top:1px solid #4d4d4d;
	border-top:1px solid rgba(0, 0, 0, .3);
	-moz-background-clip:padding-box;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
}

.subsubnav{ position:relative; z-index:1; display:none; background-color:#3f000b;padding:0 4%; }
.subsubnav a{ text-transform:none; }
.subsubnav li.header{ float:none; clear:both; width:100%; display:block; }
.subsubnav h4{ margin-bottom:0; }
.subnav .content-filler{ display:none; }
nav .white-card a{ padding:1%!important; color:#3f000b; text-align:center; letter-spacing:initial; }

#mbl-menu{ border-top:5px solid #c85000; width:100%; }
#mbl-menu>a{ background-color:#c85000; color:white; font-size:.75em; text-align:center; position:absolute;right:0; padding:3px 5px; }
#mbl-menu svg{ margin:0 auto; width:24px; }
#menu-icon svg{ height:16px; margin-bottom:8px; }
#close-icon{ display:none; }
#close-icon svg{ height:24px; margin:7px 9px; }


.padNOTmarg>div{ padding:5%; }
	#full-image{ padding:0; }
	#full-image>img{ width:100%;height:auto; }

.btn,.btn2{ color:white; text-transform:uppercase; text-decoration:none; text-align:center; display:inline-block; margin-top:20px; }
.btn{ background-color:#c85000; padding:10px; letter-spacing:.1em; }
.btn:hover { background-color:white; color:#c85000; outline:1px solid #c85000; }
.btn.trans{ background-color:transparent; border:1px solid white; }
.btn.trans:hover{ background-color:rgba(255,255,255,.1); }
.btn.trans.orange{ border-color:#c85000; color:#c85000; }
.btn.trans.orange:hover { background-color:#c85000; color:white; }
.callout-blue .btn:hover, .callout-green .btn:hover, .callout-red .btn:hover { color:white; outline:1px solid white; }
.btn:focus {
    outline:none;
    background-color:#fff;
    color:#3f000b;
}
.btn.orange:focus {
    outline: #c85000 solid 2px;
    background: #fff;
    color: #c85000;
}
.btn.orange:active {
    background: #c85000;
    color: #000;
}
.btn.orange:disabled {
    background: #ccc;
}


.btn2{
	font-size:.875em;
	padding-left:10px;
	background: linear-gradient(to right, transparent 50%, #c85000 50%);
    background-size: 200% 100%;
    background-position:left bottom;
	transition: background-position .5s; 
}
.btn2 .arrow{ background-color:#ebe9e4; display:inline-block; margin-left:10px; padding:0px 7px 5px; vertical-align:bottom; }
.btn2 .arrow:before,.btn2 .arrow:after{
	position:relative;
	content:"";
	display:inline-block;
	width:0;
	height:0;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	vertical-align: middle;
}
.btn2:hover { color:white; background-position: 100% 0; }
.btn2 .arrow:before{ z-index:1; border-left:2px solid #ebe9e4; }
.btn2 .arrow:after{ margin-left:-2px; border-left:8px solid #3f000b; }
.btn.trans.orange:focus {
    text-decoration: underline;
}


.w-prk-sil{ background-color:#ebe9e4; padding-bottom:5%!important; }
.w-prk-sil:after{ content:url("/assets/images/park-silhouette.svg"); position:absolute; bottom:-4px; left:0; right:0; opacity:.04; color:red; width:100%; }
.w-prk-sil>div{ position:relative; z-index:1; }

.contain{ max-width:1200px; margin:0 auto; }
.no-pad{ padding:0; }
.contain .clear-zero { padding: 0; margin: 0; }
.ctr{ width:100%; text-align:center; }
.disclaimer{ font-size:.875em; }
.black,.maroon,.grey,.grn{ color:white; }
.black,.black:after{ background-color:black; }
.black h2 span{ color:#a7c739; }
.maroon{ background-color:#3f000b; }
.maroon.w-prk-sil:after{ opacity:.18; }
.grey{ background-color:#7f7566; }
.tan,.tan:after{ background-color:#ebe9e4; }
.drk-tan,.drk-tan:after{ background-color:#d7d4cd; }
.grn,.grn:after{ background-color:#5f800a; }
.bigboldgrn{ color:#5f800a; }


.kiss{
	background-color:white;
	fill:#a7a9ac; color:#a7a9ac;
	width:19px;
	height:19px;
	padding:8px;
	display:block;
}
.active .kiss{ background-color:#3f000b; fill:white; color:white; }

.white-card{ position:relative; color:#3f000b; background-color:white; }
.white-card>img{ width:100%; height:auto; }
.white-card-txt{ padding:5%; }
.white-card .add{ text-align:left; position:absolute; left:0;right:0;bottom:0; border-top:1px solid #3f000b;transition: background 0.25s linear; }
/*.white-card .add:hover { background-color:#ebe9e4; }*/
.white-card .add a{ text-decoration:none; color:#3f000b; }
/*.white-card .add.active{ font-style:italic; color:#aaa397; }*/
.wAddTPbtn .white-card{ padding-bottom:36px!important; } #event-grid .white-card{ text-align:center; }
.white-card-extended {
    background-color: #fff;
    padding: 1% 2%;
    margin-bottom: 2%;
    max-width: 500px;
    margin-left: 2%;
}
.white-card-extended .wc-checkbox-list .wc-list-item {
    float: left;
    width: 150px;
}

/******/
#hero{ color:white; position:relative; height:100%; overflow:hidden; padding:0; margin-top:14%; }
#hero:after{
	content:"";
	opacity:0.25;
	top:0;left:0;bottom:0;right:0;
	position:absolute;
	z-index:0;
}
#hero.blue{ background-color:#7ed3f7; } #hero.blue:after{ background:url("/assets/images/patterns/bg-ice-breakers.png"); }
#hero.green{ background-color:#5f800a; } #hero.green:after{ background:url("/assets/images/patterns/bg-jolly-rancher.png"); }
#hero.orange{ background-color:#c85000; } #hero.orange:after{ background:url("/assets/images/patterns/bg-reeses.png"); }
#hero>img,#hero>.slideshow{ width:100%; height:auto; position:relative; z-index:1; }
#hero-txt-block{
	position:relative;
	z-index:3;
	background-color:#3f000b;
}
#hero-txt{
	padding:7%;
}
#video-wrapper{
	position:absolute; top:0;
	z-index:2;
	width:100%;
	height:100%;
/*	padding-bottom:56.25%;/* 16:9= (9/16)*73 */
	overflow:hidden;
}
#video-wrapper iframe{
	position:absolute;
	top:0;
	left:100%;
	width:100%;
	height:100%;
}
.sub-headline{ max-width:60%; margin:0 auto; font-size:1.25em; margin-bottom:2em; }
.sub-headline .btn{ font-size:.8em; }
p.info-banner {
    margin: 0;
    font-size: 1.25em;
}

.corp-content h3 {
    margin-top: 30px;
    margin-bottom: 10px;
}

.add-ul, .a-ul{ list-style:none; margin:0;padding:0; border-top:1px solid #c8c2b4; }
.add-ul+.add-ul, .a-ul+.a-ul{ border-top:none; }
.add-ul li{ padding:7px 0 0px 45px; }
.add-ul li, .a-ul li{ border-bottom:1px solid #c8c2b4; }
.a-ul li{ padding:8px 5px; }
.add-ul a{ color:#3f000b; text-decoration:none; }
.add-ul a:hover{ color:#c85000; text-decoration:underline; }
.tp-toggle{ display:inline-block; vertical-align:middle; margin:0 10px 0 -45px; }
.add-ul .tp-toggle{ margin-top:-7px; }
.add .tp-toggle, #qwk-tab-btns .tp-toggle{ margin:0; }
#qwk-tab-btns .add.focus {
    outline: #c85000 solid 2px;
}
.a-ul > li > a {
    text-decoration: none;
}
.a-ul > li > a:hover {
    text-decoration: underline;
}
.a-ul > li > a:focus {
    outline: none;
    background-color: #c85000;
    color: white;
}

.event-details #hero-txt-block img.tixmstr {
    display: none;
}

.callout{ color:white; position:relative; z-index:1; }
.callout>img{ width:100%; height:auto; display:block; }
.callout>div{ padding:10% 10% 75px 45px; }
/**.callout .kiss{ margin-left:-45px; margin-right:10px; /* =35px * / margin-top:0; }*/
.callout:after{
	height:45px;
	width:100%;
	content:"";
	display:block;
	z-index:0;
	background-position:center bottom;
	position:absolute;
	bottom:0;
}
.callout-green{ background-color:#5f800a; }
.callout-green:after{ background:#5f800a url("/assets/images/patterns/bg-jolly-rancher.png"); }
.callout-blue{ background-color:#007bC3; }
.callout-blue:after{ background:#007bC3 url("/assets/images/patterns/bg-ice-breakers.png"); }
.callout-red{ background-color:#e81c2c; }
.callout-red:after{ background:#e81c2c url("/assets/images/patterns/bg-twizzlers.png"); }
.callout-brown{ background-color:#3f000b; color:white; }
.callout-brown p{ max-width:800px; padding:1% 0; }

.bottom-callout {
    margin: 20px 0;
}
.bottom-callout a {
    display: inline-block;
    text-align: left;
    margin: 0;
    margin-bottom: 8px;
}
.bottom-callout .accent-txt {
    display: block;
    font-style: italic;
}
.bottom-callout.orange-bck a:focus {
    outline: #fff solid 2px;
}

.img-left { float:left; margin:10px 10px 10px 0; }

#t-p>div>div.l{ background:#511822 url("/assets/images/tp-bg.jpg") top center no-repeat; color:white; }

#event-grid{ padding-top:2%; overflow:hidden; }
/*.gc_item_logo,.hps_item_logo,.ht_item_logo,.he_item_logo{ width:80%!important; padding:10%;padding-bottom:0; }*/
.event-date { margin-top:-20px; }
.event-times {
    margin: 10px auto;
    margin-top: -20px;
    font-size: 1.2em;
}
.event-img { width:100%; height:auto; margin-bottom:20px; }
.btn2.brwn{
	color:#3f000b;
	background: linear-gradient(to right, transparent 50%, #3f000b 50%);
    background-size: 200% 100%;
    background-position:left bottom;
	transition: background-position .5s;
}
.btn2.brwn:hover { background-position:100% 0; color:white; }
.btn2.orng,.orng-txt{ color:#c85000; }  .orng-txt{ text-transform:uppercase; }
.btn2.orng:hover { color:white; }
.btn2.brwn .arrow{ background-color:#3f000b; }
.btn2.orng .arrow{ background-color:#c85000; }
.btn2.brwn .arrow:before{ border-left-color:#3f000b; }
.btn2.orng .arrow:before{ border-left-color:#c85000; }
.btn2.brwn .arrow:after, .btn2.orng .arrow:after{ border-left-color:white; }
.btn2.brwn + .btn2.orng{ margin-left:10px; }

.img-fillup{ padding:0!important; }
.img-fillup>img{ width:100%; }

#rec,#stories{ text-align:center; }
#stories{ color:white; background:#007495 url("/assets/images/stories-bg.jpg") top center no-repeat; background-size:cover; padding:5% 2%; }
#stories h2{ font-size:2.5em; }
#stories .btn2{ clear:both; }
#stories .white-card{ margin-bottom:2%; text-align:left; }
#stories .white-card a{ display:-moz-box; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; text-decoration:none; color:#3f000b; padding:1%; }
.stories-img, #stories h4{ position:relative; display:inline-block; vertical-align:middle; width:30%; overflow:hidden; }
.stories-img>img {
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform:translate(-50%,-50%);
   transform:translate(-50%,-50%);
}
#stories h4{ width:65%; margin-left:5%; margin-bottom:0; }
#stories .white-card a:focus {
    outline: none;
}
#stories .white-card.focus {
    background-color: #3f000b;
    outline: #fff solid 1px;
    color: white;
}
#stories .white-card.focus h4 {
    color: #fff;
}
#stories .white-card.hover {
    outline: #3f000b solid 2px;
    background-color: #ccc;
}

#qwk-tab-btns{
	display:-moz-box;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
    -ms-flex-direction:row;
	flex-direction:row;
    align-items: stretch;
    position: relative;
}
#qwk-tab-btns>a,#qwk-tab-btns>div{
	text-align:center;
	display:-moz-box;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:column;
    -ms-flex-direction:column;
	flex-direction:column;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	border:1px solid black;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#qwk-tab-btns a{ text-transform:uppercase; font-size:.75em; color:white; text-decoration:none; }
#qwk-tab-btns a{ padding:10px 0; }
#qwk-tab-btns.x5>a,#qwk-tab-btns.x5>div{ width:20%; }
#qwk-tab-btns.x4>a,#qwk-tab-btns.x4>div{ width:25%; }
#qwk-tab-btns.x3>a,#qwk-tab-btns.x3>div{ width:33.33%; }
#qwk-tab-btns.x2>a,#qwk-tab-btns.x2>div{ width:50%; }
#qwk-tab-btns a:hover, #qwk-tab-btns .active{ background-color:#c85000; }
#qwk-tab-btns svg{ width:33px; height:33px; margin:0 auto 10px; }

#frb h3{ margin-bottom:10px; margin-top:20px; }
#frb li{ padding:5px 0; }
#oroh .white-card h4{ margin-bottom:0; margin-top:20px; }
h3 svg{ display:inline-block; vertical-align:middle; fill:#3f000b; width:40px; height:40px; margin-right:15px; }

#attr-info{ position:relative; }
#attr-info .contain{ position:initial; }
#attr-info>div>div{ position:relative; }
#spacer-div{ display:none; }
#map-canvas{ display:none; background-color:#ebece7; position:absolute!important; width:50%!important; top:0;bottom:0;left:0; padding:0!important; margin:0!important; }
#contact-block, #contact-block-grn{ position:relative; z-index:1; color:white; background-color:#c85000; }
#contact-block-grn{ background-color:#5f800a; }
#contact-block ul, #contact-block-grn ul,#email-block p{ margin:1.5em 0; }
#contact-block ul, #contact-block-grn ul{ list-style:none; padding-left:37px; }
#contact-block ul svg, #contact-block-grn ul svg{ width:27px; height:27px; margin-right:10px; margin-left:-37px; margin-bottom:-23px; }
#contact-block li, #contact-block-grn li{ line-height:1.5em; margin-bottom:25px; }
#contact-block .btn2, #contact-block-grn .btn2{ margin:0; }
#contact-block a, #contact-block-grn a{ color:white; text-decoration:none; }
#contact-block #ph a, #contact-block a:hover, #contact-block-grn a:hover{ text-decoration:underline; }
#contact-block a.soc:focus svg {
    fill: #fff;
}
#contact-block ul li a:focus {
    background-color: #fff;
    color: #3f000b;
    outline: none;
}

#email-groups h2{
	margin-top:5%;
	clear:both;
}
#email-groups .white-card-wrapper{
	display:-moz-box;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:flex-start;
	-ms-flex-pack:flex-start;
	justify-content:flex-start;

	margin-top:4%;
}
#email-groups .white-card{ width:47%; margin-left:2%; margin-bottom:2%; }
#email-groups .white-card label{ text-transform:uppercase; font-size:.75em; }
#email-groups .white-card label:before, #email-groups .white-card label:after{ font-size:1.4em; }
#evt-types{ width:47%; margin-left:2%; margin-bottom:2%; }
#email-groups #evt-types .white-card{ width:100%; margin:0; }
#evt-types .white-card-txt{ padding-top:0; padding-bottom:0; }

#upcoming-events{ color:white; background-color:#007495; padding:7px 0; text-align:center; }
#events{ position:absolute; width:100%; padding:0;margin:0; }
#events li{ display:none; list-style:none; }
#events a{ color:white; text-decoration:none; line-height:23px; }
#upcoming-events.list-view #events {
    position: relative;
}
#upcoming-events .btn2{
	margin-top:60px;
	background: linear-gradient(to right, transparent 50%, white 50%);
    background-size: 200% 100%;
    background-position:left bottom;
	transition: background-position .5s;
}
#upcoming-events .btn2 .arrow { padding:0 5px; vertical-align:inherit; }
#upcoming-events .btn2:hover { color:#c85000; background-position:100% 0; }

#results [class$="item_logo"]{ width:90%; margin:0 auto; }
.hp_item_logo{ padding:20.41% 0; }
.thh_item_logo{ padding:2.05% 0; }
.hl_item_logo{ padding:12.88% 0; }
.he_item_logo{ padding:6.41% 0; }
.za_item_logo{ padding:13.77% 0; }
.hs_item_logo{ padding:3.08% 0; }
.hg_item_logo{ padding:11.025% 0; }
.hcw_item_logo{ padding:5.685% 0; }
.dv_item_logo{ padding:16.13% 0; }
#results .cb_item_logo{ width:74.9%; }

.divider{ display:block; height:0; text-indent:-999em; }
.soc{
	fill:brown;
	display:inline-block;
	width:28px;
	height:26px;
	overflow:hidden;
	margin-right:15px;
}
.soc#ta{ width:33px; }
.soc svg{ fill:#3f000b; }
.soc:hover svg{ fill:white; }

#sitemap h4+h4{ margin-top:25px; }
#sitemap ul+h4{ margin-top:25px; }
.sitemap ul li a { color:#3f000b; }

footer{ color:white; font-size:.75em; background:#3f000b url("/assets/images/footer-bg.jpg") top center no-repeat; background-size:cover; text-align:center; text-transform:uppercase; padding:5% 0; }
#mhs-thanks{ font-size:1.5em; text-transform:none; max-width:450px; margin:4% auto; }
footer>span,footer>a{ display:inline-block; vertical-align:middle; color:white; margin:0 3%; text-decoration:none; }
footer svg{ height:80px; width:100px; }
.ftr-links a { color:white; margin-right:10px; }
.ftr-links a:last-child { margin-right:0; }
#ftr-search { max-width:300px; margin:15px auto; }
#ftr-search #sbmt input { width:30%; background-color:#ddd; }
#ftr-search form {
    position: relative;
}
#ftr-search form #main-label {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 39px;
    color: white;
}
.search-field { width:70%; background-color:#3f000b; color:white; }
.zoom_searchbox { width:200px; }
.zoom_button { width:100px; }

.fR{ float:right; }
.no-mbl{ display:none; }

/* ADA compliant skip link */
.skip-link {
    position:absolute;
    top:-999px;
    left:-999px;
    height:0;
    width:0;
    overflow:hidden;
    padding: 5px;
}
a.skip-link:active, 
a.skip-link:focus,  
a.skip-link:hover {
	top: 5px;
    left: 154px;
    width:auto; 
    height:auto; 
    overflow:visible; 
    text-decoration: underline;
}
a#main-content{ display:block; height:1px;width:1px; text-indent:-999em;z-index: -99;}


#trip-planner #top h3>span{ font-size:1em; display:block; background:transparent url("/assets/images/reese.svg") center center no-repeat; width:40px;height:40px;line-height:40px; margin:0 auto; margin-bottom:15px; }
#trip-planner #map-canvas{ width:60%!important; position:relative; }

.slideshow{ overflow:hidden; display:none; }
.owl-stage-outer, .owl-controls, .owl-nav{ height:100%; }
.owl-stage-outer{ z-index:100; }
.owl-controls{ position:absolute;top:0; width:100%; }
.owl-prev{ float:left; }
.owl-next{ float:right; }
.owl-controls .btn2, .owl-controls .btn2 .arrow{ margin:0; padding:0; }
.owl-controls .btn2 .arrow{ background-color:white; padding:6px 12px; }
.owl-prev,.owl-next{ position:relative; z-index:101; top:50%; margin-top:-17px; }

.owl-controls .btn2 .arrow:before,.owl-controls .btn2 .arrow:after{
	border-top:11px solid transparent;
	border-bottom:11px solid transparent;
}
.owl-controls .owl-next .btn2 .arrow:before{ border-left:3px solid white; }
.owl-controls .owl-next .btn2 .arrow:after{ margin-left:-3px; border-left:12px solid #3f000b; }
.owl-controls .owl-prev .btn2 .arrow:after{ margin-left: 0; border-left:none; }
/* flip the 'previous' arrow */
.owl-controls .owl-prev .btn2 .arrow:before{ border-left:initial; z-index:initial; }
.owl-controls .owl-prev .btn2 .arrow:after{ margin-left:initial; border-left:initial; }
.owl-controls .owl-prev .btn2 .arrow:before{ margin-right:-3px; border-right:12px solid #3f000b; }
.owl-controls .owl-prev .btn2 .arrow:after{ border-right:3px solid white; z-index:1; }

.accordion{ margin:0; }
.accordion>dt>a{ display:block; color:white; font-weight:500; text-decoration:none; padding-top:4px; }
.accordion>dd{ display:none; margin:0; }
#attractions-header{ background-color:#e81c2c; }
#resorts-header{ background-color:#5f800a; }
#shopping-header{ background-color:#007bC3; }
#dining-header{ background-color:#c85000; }
#events-header{ background-color:#3f000b; }
.toggle-expand,.toggle-collapse{
	width:12px;
	height:12px;
	margin:6px 24px 10px 10px;
	position:relative;
	display:inline-block;
	vertical-align:middle;
}

.toggle-expand:before,.toggle-expand:after,.toggle-collapse:after{
	content:"";
	position:absolute;
	background:white;
}

.toggle-expand:before{
	left:50%;
	width:2px;
	margin-left:-1px;
	height:100%;
}

.toggle-expand:after,.toggle-collapse:after{
	top:50%;
	height:2px;
	margin-top:-1px;
	width:100%;
}

#hero-txt form#paypal-form .btn {
    width: 100%;
}
form#paypal-form .btn {
    margin: 20px;
}

form#paypal-form .btn,
form.paypal-form .btn{
    width: auto;
    max-width: 300px;
    bottom: 20px;
}
form.paypal-form {
    height: 65px;
    margin-bottom: 30px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
}
form#paypal-form img
form.paypal-form img {
    display: none;
}

.tile-50 {
    width: 48%;
    float: left;
    padding: 1%;
    height: 195px;
    margin-bottom: 2%;
}
.tile-50 .content {
    border-radius: 10px;
    background: #fff;
    padding: 15px;
    height: 100%;
    position: relative;
}
.tile-50.thin {
    height: 95px;
}

.choc-stripe {
    background-color: #3f000b;
    padding: 15px;
    width: 200%;
    margin-left: -50%;
    margin-bottom: 10px;
    text-align: center;
    position: relative;
}
.choc-stripe .btn-wrapper {
    display: inline-block;
    margin: 15px;
}
.choc-stripe .btn-wrapper button {
    margin: 20px 0;
}
.choc-stripe #btn-message {
    color: white;
    font-style: italic;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

/* ==========================================================================
   Conditional Styles 
   ========================================================================== */
/*Webkit*/
@media screen and (-webkit-min-device-pixel-ratio:0){
}

/*mac*/
body.mac .classname { }

/*pc*/ 
body.pc .classname { }

/*chrome*/
body.chrome { }

/*IE11*/
body.ie11 { }

/*IE10*/
html[data-useragent*='MSIE 10.0'] .classname {}

/*IE9*/
.ie9 .classname {}

/*IE8*/
.ie8 .classname {}


/* ==|== non-semantic helper classes ========================================
   ========================================================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hide { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }


.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { *zoom:1; }


/* ==|== media queries ======================================================
   Media Queries for Responsive Design.
   NOTE: These override the primary ('mobile first') styles
   For responsive design: http://www.alistapart.com/articles/responsive-web-design/
   ========================================================================== */

@media only screen and (min-width: 600px) {
    #rec .white-card{ margin-bottom:0; width:22%; text-align:center; }
}
@media only screen and (min-width: 768px) {
    #stories{ padding:2%; }
	#stories .white-card { margin-bottom:0; width:22%; text-align:center; }
	.stories-img{ display:block; width:100%; height:150px; }
	#stories .white-card a{ display:block; margin:2%; }
	#stories h2{ font-size:2.8125em; }
	#stories h4{ margin:7% 0; padding:0 4%; width:92%; }
	#stories .w25{ display:flex; justify-content:space-between; }
    
	#hpa-logo #her{ display:none; }
	#hpa-logo #hpa{ display:block; }
	#hpa-logo{ float:left; background-color:white; padding:10px; margin-top:9px; margin-bottom:-50px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; position:relative; z-index:100; }
	nav{ position:relative; margin:0 auto; }
	#menu{ background-color:transparent; display:block!important; font-size:.8em; }
	#menu>li{ float:left; }
	#menu>li>a{ padding:15px 10px;
		font-size:inherit; letter-spacing:2px;
		font-family:"brandon-grotesque",sans-serif; font-weight:500;
	}
	#menu>li>a:hover, #menu>li>a.open{ padding-bottom:10px; border-bottom:5px solid #c85000; }
	#tp-nav{ margin:0; padding:2px 5px 7px; border-bottom:5px solid #c85000; font-size:.75em; }
	.subnav{ position:absolute; left:0; background:transparent url("/assets/images/subnav-bg.png") left top no-repeat; }
	.subnav h2{ display:block; padding:15px 0 15px 2%; margin:0; color:#3f000b; }
	#menu .subnav a{ padding:10px 0 10px 2%; }
	#menu, #tp-nav, .subnav h2{ margin-top:45px; }
	#things2do .subnav{ background-color:#c85000; }
	#things2do .subnav li a:hover, #things2do .subnav li a.open{ background-color:#c85000; }
	#stay .subnav{ background-color:#5f800a; }
	#stay .subnav li a:hover, #stay .subnav li a.open{ background-color:#a6c739; }
	#groups .subnav{ background-color:#007bC3; }
	#groups .subnav li a:hover, #groups .subnav li a.open{ background-color:#007495; }
	#about .subnav{ background-color:#8a8d8e; }
	#about .subnav li a:hover, #about .subnav li a.open{ background-color:#979898; }
	.subsubnav{ width:62%; height:100%; position:absolute; right:0; top:0; } 
	.subsubnav ul{ padding:4% 0; } 
	.subsubnav li{ float:left; width:33.33%; }
	.subnav .content-filler{ display:block; position:absolute; top:0;right:0; width:62%; height:100%;padding:0 4%; background-color:#3f000b; overflow:hidden; }
	#things2do .subnav .content-filler .white-card{ margin-top:4.25%; }
	#groups .subnav .content-filler .white-card{ margin-top:1.5%; }
	#about .subnav .content-filler .white-card{ margin-top:5.5%; }
	.subnav .content-filler .white-card:last-child{ display:none; }

	.w50,.w33,.w25,.w40-60,.w60-40{
		position:relative;
		height:100%;
		display:-moz-box;
		display:-webkit-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		-webkit-flex-flow:row wrap;
		-ms-flex-flow:row wrap;
		flex-flow:row wrap;
		-webkit-justify-content:center;
		-ms-flex-pack:center;
		justify-content:center;
	}
	.subsubnav{
		-webkit-justify-content:flex-start;
		-ms-flex-pack:flex-start;
		justify-content:flex-start;
	}
	.w50>div,.w33>div,.w25>div,.w50>ul>div,.w33>ul>div,.w25>ul>div{ float:left; margin:2%; }
	.w50>div,.w33>div,.w25>div,.w50>ul>div,.w33>ul>div,.w25>ul>div{ margin-bottom:2em; }
		.w50.padNOTmarg>div:nth-child(2n+1),.w33.padNOTmarg>div:nth-child(2n+1),.w25.padNOTmarg>div:nth-child(2n+1),.w50.padNOTmarg>ul>div:nth-child(2n+1),.w33.padNOTmarg>ul>div:nth-child(2n+1),.w25.padNOTmarg>ul>div:nth-child(2n+1),
		.w50>div:nth-child(2n+1),.w33>div:nth-child(2n+1),.w25>div:nth-child(2n+1),.w50>ul>div:nth-child(2n+1),.w33>ul>div:nth-child(2n+1),.w25>ul>div:nth-child(2n+1){ margin-left:0!important; }
		.w50.padNOTmarg>div:nth-child(2n),.w33.padNOTmarg>div:nth-child(2n),.w25.padNOTmarg>div:nth-child(2n),.w50.padNOTmarg>ul>div:nth-child(2n),.w33.padNOTmarg>ul>div:nth-child(2n),.w25>ul>div:nth-child(2n),
		.w50>div:nth-child(2n),.w33>div:nth-child(2n),.w25>div:nth-child(2n),.w50>ul>div:nth-child(2n),.w33>ul>div:nth-child(2n),.w25>ul>div:nth-child(2n){ margin-right:0!important; }
	.padNOTmarg>div{ margin:0!important;padding:2%; }
		.padNOTmarg>div:first-of-type{ padding-left:0; }
		.padNOTmarg>div:last-of-type{ padding-right:0; }
	.w50>div,.w50>dl,.w50>ul>div,.w33>div,.w33>dl,.w33>ul>div,.w25>div,.w25>dl,.w25>ul>div{ width:48%; } /* 50-((2*2)/2) */
	.w33>div>img,.w25>div>img{ width:100%; height:auto; display:block; }
			#oroh .w33>div:nth-child(2n+1),#stories .w25>div:nth-child(2n+1){ margin-left:2%!important; }
			#oroh .w33>div:nth-child(2n),#stories .w25>div:nth-child(2n){ margin-right:2%!important; }
			#oroh .w33>div:nth-child(3n+1),#stories .w25>div:nth-child(4n+1){ margin-left:0!important; }
			#oroh .w33>div:nth-child(3n),#stories .w25>div:nth-child(4n){ margin-right:0!important; }
		#oroh .w33>div{ width:30.66%; } /* 33.33-((2*4)/3) */
		#stories .w25>div{ width:22%; } /* 25-((2*6)/4) */

	.w40-60>div:first-of-type,.w60-40>div:last-of-type,#trip-planner .w60-40>dl,
	.w40-60.padNOTmarg>div:first-of-type.img-fillup,.w60-40.padNOTmarg>div:last-of-type.img-fillup{ width:40%; }
	.w40-60>div:last-of-type,.w60-40>div:first-of-type,
	.w40-60.padNOTmarg>div:last-of-type.img-fillup,.w60-40.padNOTmarg>div:first-of-type.img-fillup{ width:60%; }
	.w40-60.padNOTmarg>div:first-of-type,.w60-40.padNOTmarg>div:last-of-type{ width:38%; } /* -((2*2)/2) */
	.w40-60.padNOTmarg>div:last-of-type,.w60-40.padNOTmarg>div:first-of-type{ width:58%; }
	.img-fillup{ position:relative; overflow:hidden; }
	.img-fillup>img{ position:absolute; top:0;bottom:0;left:0;right:0; }

	.w50b>div{ width:46%; float:left; }

	.white-card-txt{ padding:7%; }
	/*#event-grid .white-card{ margin:0 1% 2%; width:48%; }*/

	#full-image>img{ width:auto;height:100%; }

	#evt-srch, #res-form, #email-form{ padding:.75% 0; }
	.from-spn,.to-spn,.checkin-spn,.checkout-spn{ width:auto; }
	#evt-srch .hdr ,#evt-srch span, #evt-srch input, #evt-srch select ,#evt-srch label,
	#res-form .hdr, #res-form span, #res-form input, #res-form select, #res-form label,
	#email-form .hdr, #email-form span, #email-form input, #email-form select, #email-form label{ width:auto; }
	#evt-srch form fieldset>span, #evt-srch form fieldset>input, #evt-srch form fieldset>select,
	#res-form form fieldset>span, #res-form form fieldset>input, #res-form form fieldset>select,
	#email-form fieldset>span, #email-form fieldset>input, #email-form fieldset>select,
	#evt-srch form>span, #evt-srch form>input, #evt-srch form>select,
	#res-form form>span, #res-form form>input, #res-form form>select,
	#email-form>span, #email-form>input, #email-form>select{ margin-right:10px; }
	#evt-srch span .fp-datepicker, #res-form span .fp-datepicker{ width:115px; }
	/*form fieldset>span,form fieldset>input,form fieldset>select,#email-form fieldset>span,#email-form fieldset>input,#email-form fieldset>select,
	form>span,form>input,form>select,#email-form>span,#email-form>input,#email-form>select{ margin-bottom:0; }*/

	#map-canvas{ display:block; }

	#hero{ margin-top:0; padding:5% 0; }
/***	#hero-img-holder{ position:absolute; top:0;bottom:0; overflow:hidden; width:100%; height:100%; }
	#hero-img-holder>img{ position:absolute; width:75%; left:0; top:50%; -webkit-transform:translate(-25%,-50%); transform:translate(-25%,-50%); }***/
	#hero>img,#hero>.slideshow{ position:absolute; width:75%; left:0; top:50%; -webkit-transform:translate(-25%,-50%); transform:translate(-25%,-50%); }
	#hero-txt-block{
		width:400px;
		float:right;
		margin:5%;
		margin:0 5%;
	}
	#hero-txt{
		padding:11%;
	}
	#video-wrapper{
		width:75%;
/*		padding-bottom:41.0625%;/* 16:9= (9/16)*73 */
	}
	
	#t-p .contain{ position:relative; z-index:1; }
	#t-p ul{ width:50%; float:left; }
	#t-p>div>div{ padding-top:4%; padding-bottom:4%; }
	#t-p>div>div.l{ background:none; }
	#l-bg{ background:#511822 url("/assets/images/tp-bg.jpg") top center no-repeat; width:50%; position:absolute;top:0;bottom:0;left:0; }
	#t-p>div>div.r .btn{ float:right; }

	.add-ul+.add-ul, .a-ul+.a-ul{ border-top:1px solid #c8c2b4; }

	#upcoming-events{ text-align:left; height:23px; overflow:hidden; }
	#upcoming-events h4{ float:left; margin-right:50px; }
	#upcoming-events .btn2{ float:right; margin:0; }
    #upcoming-events .left {
        float: left;
    }
    #upcoming-events .right {
        float: right;
    }
    #upcoming-events .events-view-switch {
        padding: 5px;
    }
    #upcoming-events .events-view-switch .icono-list {
        margin-top: 8px;
    }
	#events{ position:relative; width:auto; }
	#events li{ float:left; }
    #upcoming-events.list-view #events li {
        float: none;
    }
	.divider{ display:inline-block; vertical-align:top; margin:-2px 10px 0px; }

	.outL:after,.outR:after{ content:""; display:block; position:absolute; top:0;bottom:0; width:50%; z-index:-999; }
	.outL:after{ left:0; }
	.outR:after{ right:0; }

	footer{ padding:0; padding-bottom:2%; }
	#mhs-thanks{ margin:0 auto 4%; }
	footer>span,footer>a{ margin:0 1%; }
	footer svg{ height:150px; width:140px; }

	.no-mbl{ display:initial; }
	.mbl-only{ display:none; }
    
    .contain hr.hr-sm {
        display: none;
    }

	#email-groups .white-card{ width:22.5%; }
	#evt-types{ width:71%; background-color:white; }
	#email-groups #evt-types .white-card{ float:left; width:50%; }
	
	#attr-info>.contain{ display:block; }
	#contact-block,#contact-block-grn,#attr-email{ float:right; clear:right; width:46%; padding-right:2%; margin:0!important; }
}
@media only screen and (min-width: 800px) {
	#tp-nav{ padding-bottom:10px; font-size:.875em; }

	.subsubnav{ width:72%; } 
	.subnav .content-filler{ width:72%; }
	.subnav .content-filler .white-card:nth-child(2){ margin-right:2%!important; }
	.subnav .content-filler .white-card:last-child{ display:block; }

	#hero-txt-block{ width:500px; }
	#hero-img-holder>img{ -webkit-transform:translate(0,-50%); transform:translate(0,-50%); }
	#hero>img,#hero>.slideshow{ -webkit-transform:translate(0,-50%); transform:translate(0,-50%); }

		.w33>div:nth-child(2n+1),.w25>div:nth-child(2n+1),.w33>ul>div:nth-child(2n+1),.w25>ul>div:nth-child(2n+1){ margin-left:2%!important; }
			.content-filler .white-card:last-child{ margin-left:2%!important; }
		.w33>div:nth-child(2n),.w25>div:nth-child(2n),.w33>ul>div:nth-child(2n),.w25>ul>div:nth-child(2n){ margin-right:2%!important; }
		.w33>div:nth-child(3n+1),.w25>div:nth-child(4n+1),.w33>ul>div:nth-child(3n+1),.w25>ul>div:nth-child(4n+1){ margin-left:0!important; }
		.w33>div:nth-child(3n),.w25>div:nth-child(4n),.w33>ul>div:nth-child(3n),.w25>ul>div:nth-child(4n){ margin-right:0!important; }
	.w33>div,.w33>dl.w33>ul>div{ width:30.66%; } /* 33.33-((2*4)/3) */
	.w25>div,.w25>dl,.w25>ul>div{ width:22%; } /* 25-((2*6)/4) */

	#spacer-div{ display:block; }
	#attr-info>.contain{
		display:-moz-box;
		display:-webkit-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
	}
	#contact-block,#contact-block-grn,#attr-email{ float:none; width:30.63%; }
	#contact-block-grn,#attr-email{ padding-right:0; }
	
	/*#event-grid .white-card{ width:23.5%; }*/

	#email-groups h2{
		float:left;
		width:16.66%;
	}
	#email-groups .white-card{ width:18%; margin-left:2%; margin-bottom:2%; }
	#evt-types{ width:80%; margin-left:0; margin-bottom:2%;
		background:transparent;
		background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 2.5%,rgba(255,255,255,1) 2.5%,rgba(255,255,255,1) 100%);
		background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 2.5%,rgba(255,255,255,1) 2.5%,rgba(255,255,255,1) 100%);
		background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 2.5%,rgba(255,255,255,1) 2.5%,rgba(255,255,255,1) 100%);
	}
	#email-groups #evt-types .white-card{ width:22.5%; margin-left:2.5%; margin-bottom:0; }

	form .hdr{ margin-right:50px; display:inline-block; vertical-align:bottom; }
}
@media only screen and (min-width: 960px) {
	#menu{ font-size:1em; }
	#menu>li>a{ padding:15px 20px; }
}

@media only screen and (max-width: 960px) {
    
    .quartered-cards .white-card {
        width: 31%;
    }
}

@media only screen and (max-width: 800px) {
    
    form#reservation-form .button-block {
        display: block;
    }
    form#reservation-form .button-block .promo-block {
        position: static;
        width: auto;
    }
    form#reservation-form .add-room-bar {
        margin-left: 0;
    }
    form#reservation-form #room-div {
        text-align: center;
    }
    
    .quartered-cards .white-card {
        width: 48%;
    }
    form#ccf-events-search .btn {
        margin: 10px;
    }
}
@media only screen and (max-width: 767px) {
    .tile-50 {
        width: 98%;
        margin-bottom: 30px;
    }
    #upcoming-events .right, #upcoming-events .events-view-switch {
        display: none;
    }
    #upcoming-events .btn2 {
        margin-top: 10px;
        font-size: 2em;
    }
    #stories .white-card {
        height: 90px;
    }
    #stories .white-card a {
        height: 78px;
    }
    
}
@media only screen and (max-width: 480px) {
    
    form#reservation-form #room-div {
        text-align: center;
    }
    
    .quartered-cards .white-card {
        width: 98%;
        height: 440px;
    }
}
@media only screen and (max-width: 400px) {
    
    form#ccf-events-search .from-spn, form#ccf-events-search .to-spn {
        width: 96%;
        margin-right: 0;
    }
    
    #ccf-events #evt-srch #from, #ccf-events #evt-srch #to {
        width: 100%;
    }
}
@media only screen and (max-width: 360px) {
    
    form#reservation-form #room-div .select-span {
        width: 120px;
    }
    form#reservation-form #room-div .add-room-bar .select-span {
        width: 100px;
    }
}

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: 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: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside:avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  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; }
}

/* ==|== for more information on sylesheet settings ==========================
	http://html5boilerplate.com/docs/The-style/
	========================================================================== */


.stage a[href="#"]{ border:2px dashed red!important; }
.stage a[title=""]{ border:2px dashed blue!important; }


/* Firefox only styles */
@-moz-document url-prefix() {
    .padNOTmarg > div {
        padding: 1vw;
    }
    
    .w25 > div, .w33 > div {
        margin: 1vw;
    }
    
    #t-p .padNOTmarg > div.l {
        padding: 3vw 1vw 3vw 0;
    }
    
    #t-p .padNOTmarg > div.r {
        padding: 3vw 0 3vw 1vw;
    }
}