/*.flatpage-container h3, .flatpage-container .h3 {*/
/*    border-bottom:1px dashed black;*/
/*    padding-bottom:1em;*/
/*}*/


/*.flatpage-container h2, .flatpage-container .h2 {*/
/*    border-bottom:1px dashed black;*/
/*    padding-bottom:1em;*/
/*}*/

.flatpage-container .sponsor  {
    width:25%;
}

.heading {
    text-align:center;
}
/*Events
----------------------------------------------*/

.flatpage-container .event-listing {
    border-bottom:2px dashed #040814;
}    

.flatpage-container {
    /* Override default body fonts. Make sure we're using the supporting font like on music sites */
    font-family: 'Whitney SSm A', 'Whitney SSm B', 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, sans-serif;
}

.flatpage-container svg {
    max-width: 3rem;
    height: 3.25rem;
    fill: #353535;
}


/* Page Header
----------------------------------------------*/
.flatpage-container .header-image {
    margin-bottom: 0; 
    
    /* hack to fix a 1-2px gap that appears between the image & navigation at several intervals
    might be caused by pixel calculation from sizes attribute on image? height of <img> exceeds 
    height of displayed image */
    display: table-cell;
    
}

.flatpage-container .full-flatpage-header {
    margin-bottom: 1.33333333333333em;
}

@media screen and (max-width: 1033px) {
    .flatpage-container .page-nav,
    .flatpage-container .page-nav-toggle {
        margin-left: -13.358350623%;
    	width: 100vw;
		max-width: 100vw;
    }	
}

@media screen and (max-width: 900px) {
    .flatpage-container .page-nav,
    .flatpage-container .page-nav-toggle {
        margin-left: -8.14018694%; 
    }
}

@media screen and (max-width: 350px) {
    .flatpage-container .page-nav,
    .flatpage-container .page-nav-toggle {
        margin-left: -3.352380952%;
    }
}

.flatpage-container .page-nav ul {
    background: #17181b;
}

.flatpage-container .page-nav-toggle {
    background: #17181b;
    font-weight: 600;
    padding: .75em 1em;
    text-align: center;
    text-transform: uppercase;
    transition: background 125ms;
}

.flatpage-container .page-nav-toggle.js-expanded {
    background: #27282d;
}

.page-nav-toggle .fa { 
    display: inline-block;
    margin-right: .25em;
}

.page-nav-toggle.js-expanded .fa { 
    transform: rotateX(180deg);
}

@media (max-width: 550px) {
    .flatpage-container .page-nav {
        overflow: hidden;
        max-height: 0;
        transition: max-height 550ms ease-out;
    }
    
    .flatpage-container .page-nav ul {
        padding: 0;
    }
    
    .flatpage-container .page-nav ul li {
        display: block;
        border-bottom: 1px solid rgba(255,255,255,.1);
        margin: 0;
        padding: .25em;
    }
    
    .flatpage-container .page-nav-toggle { display: block; }
}
@media (min-width: 551px) {
    .flatpage-container .page-nav-toggle { display: none; }   
}

.flatpage-container h1, .flatpage-container .h1 { 
    margin-top: 0.66666666666667em;
    text-align: center;
}


/* Links
----------------------------------------------*/
.flatpage-container a:link, 
.flatpage-container a:visited {
    color: #dc7910;
    text-decoration: none;
    transition: color 225ms, background 275ms;
}

.flatpage-container a:hover, 
.flatpage-container a:focus {
    color: #f18f26;
}

.flatpage-container .tease a:link, 
.flatpage-container .tease a:visited {
    color: #f1994b;
    text-decoration: none;
}

.flatpage-container .tease a:hover, 
.flatpage-container .tease a:focus {
    color: #f4ae6f;
}

.flatpage-container .page-nav a:link, 
.flatpage-container .page-nav a:visited {
    color: #ebeaea;
}

.flatpage-container .page-nav a:hover, 
.flatpage-container .page-nav a:focus {
    color: #f18f26;
}

.flatpage-container .page-nav .active:link,
.flatpage-container .page-nav .active:visited {
    color: #dc7910;
}

.flatpage-container a.page-nav-toggle:link, 
.flatpage-container a.page-nav-toggle:visited {
    color: #fff;
}


/* Buttons
----------------------------------------------*/
.flatpage-container a.btn:link, 
.flatpage-container a.btn:visited {
    background: #ed6d1c;
    color: #fff;
    text-shadow: none;
}
.flatpage-container a.btn:hover, 
.flatpage-container a.btn:focus {
    background: #ed901c;
}

.flatpage-container a.btn:active {
    background: #ed901c;
}


/* Tease & Cross Promotion Blocks
----------------------------------------------*/
.tease {
    color: #fff;
    /*padding: 2.66666666666667em;*/
    padding: 2em;
    margin-bottom: 1.33333333333333em;
    text-shadow: 0 0 0.33333333333333em rgba(0,0,0,.66);
    transition: box-shadow 525ms;
}
.tease:hover {
    /*box-shadow: inset 0 0 100px rgba(255, 255, 255, .3);*/
    box-shadow: inset 0 0 100px rgba(0,0,0, .9);
}

.tease-content {
    padding: 1.5em;
}
.tease-content > *:last-child { margin-bottom: 0; }

.flatpage-container .tease-heading {
    color: #fff;
    margin-top: 0;
}

.flatpage-container .tease .call-to-action { color: #f1994b; }
.flatpage-container .call-to-action:hover { color: #f4ae6f; }

.flatpage-container .tease:hover .tease-heading {
    color: #f1d04b;
    transition: color 225ms;
}

.flatpage-container .tease svg {
    fill: #f1d04b;
    position: relative;
    top: .25em;
}
.flatpage-container .tease:hover svg { animation: wobble 400ms 325ms; }

@keyframes wobble {
    0% { transform: rotate(0deg); }
    33% { transform: rotate(15deg); }
    66% { transform: rotate(-15deg); }
    100% { transform: rotate(0deg); }
}

@media (min-width: 1034px) {
    /* For teases displayed in the sidebar, reduce + use more flexible padding */
    .l-cross-promotional-col .tease {
        padding: 1.5em;
    }
    
    .l-cross-promotional-col .tease .tease-content {
        padding: 1.125em;
    }
}

.tease.haunted-houses { 
    background: url('http://media.mwcradio.com/flatterpages/screams-haunted-house-1300.jpg') left top / cover no-repeat;
}
.tease.haunted-houses .tease-content {
    background: rgba(14,11,16, .70);
}

.tease.haunted-places {
    background: url('http://media.mwcradio.com/flatterpages/screams-haunted-places-1300.jpg') left top / cover no-repeat;
}
.tease.haunted-places .tease-content {
    background: rgba(31, 38, 52, .65);
}

.tease.pumpkin-patches {
    background: url('http://media.mwcradio.com/flatterpages/screams-events-1300.jpg') left top / cover no-repeat;
}
.tease.pumpkin-patches .tease-content {
    background: rgba(77, 26, 6, .65);
}

.tease.recipes { 
    background: url('http://media.mwcradio.com/flatterpages/screams-recipes-1300.jpg') left top / cover no-repeat;
}
.tease.recipes .tease-content {
    background: rgba(66, 25, 20, .67);
}

.tease.safety-tips { 
    background: url('http://media.mwcradio.com/flatterpages/screams-safety-tips-tease-1300.jpg') left top / cover no-repeat;
}
.tease.safety-tips .tease-content {
    background: rgba(30, 30, 30, .65);
}

.tease.stencils { 
    background: url('http://media.mwcradio.com/flatterpages/screams-stencil-tease-1300.jpg') left top / cover no-repeat;
}
.tease.stencils .tease-content {
    background: rgba(44, 11, 11, .7);
}

.tease.trick-or-treat { 
    background: url('http://media.mwcradio.com/flatterpages/screams-trick-treat-1300.jpg') left top / cover no-repeat;
}
.tease.trick-or-treat .tease-content {
    background: rgba(35, 36, 38, .65);
}

@media (max-width: 750px) {
    .tease.haunted-places { background: url('http://media.mwcradio.com/flatterpages/screams-haunted-places-750.jpg') left top / cover no-repeat; }
    .tease.haunted-houses { background: url('http://media.mwcradio.com/flatterpages/screams-haunted-house-750.jpg') left top / cover no-repeat; }
    .tease.pumpkin-patches { background: url('http://media.mwcradio.com/flatterpages/screams-events-750.jpg') left top / cover no-repeat; }
    .tease.recipes { background: url('http://media.mwcradio.com/flatterpages/screams-recipes-750.jpg') left top / cover no-repeat; }
    .tease.stencils { background: url('http://media.mwcradio.com/flatterpages/screams-stencil-tease-750.jpg') left top / cover no-repeat; }
    .tease.safety-tips { background: url('http://media.mwcradio.com/flatterpages/screams-safety-tips-tease-750.jpg') left top / cover no-repeat; }
    .tease.trick-or-treat { background: url('http://media.mwcradio.com/flatterpages/screams-trick-treat-750.jpg') left top / cover no-repeat; }
}

/* Trick or Treat Times
----------------------------------------------*/
.trick-or-treat-times-list li {
    background: #fbfbfc;
    border: .5em solid #f4f5f6;
    border-radius: 4px;
    padding: 1em;
}

.trick-or-treat-times-list .city {
    margin: 0 0 0.20689655172414em;
}

.trick-or-treat-times-list .time { 
    display: block;
    font-size: 2.1rem;
    line-height: 1.42857142857;
}

.trick-or-treat-times-list .date {
    font-size: 1.4rem;
    line-height: 1.71428571429;
}

.trick-or-treat-times-list .details {
    margin: .5em 0 0;
}


/* Events / Pumpkin Patches 
----------------------------------------------*/
.events-list .h4 {
    margin: 0 0 .6666667em;
}

/* Recipes
----------------------------------------------*/
.recipes-nav li {
    display: inline-block;
    background: #fbfbfc;
    border: .5em solid #f4f5f6;
    border-radius: 4px;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.71428571429;
    padding: 0.33333333333333em 0.66666666666667em;
    margin: 0 0.33333333333333em 0.66666666666667em 0;
}
@media (max-width: 550px) {
    .recipes-nav li {
        width: 100%;
        margin: 0 0 0.66666666666667em;
    }
}

.recipe h3 {
    font-family: 'Whitney SSm A', 'Whitney SSm B', 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, sans-serif;
    margin: 1.14285714286em 0 1.14285714286em;
}


/* Haunted Places
----------------------------------------------*/
.haunted-places-list h3 {
    font-size: 2.1rem;
    line-height: 1.42857;
    margin-bottom: 0.28571428571429em;
}
.haunted-places-list li:first-of-type h3 { margin-top: 0; }

.haunted-places-list .location {
    display: block;
    font-size: 1.4rem;
    line-height: 1.71428571429;
    margin-bottom: 0.85714285714286em;
}

.haunted-places-list .phone {
    display:block;
    font-size: 1.4rem;
    line-height: 1.71428571429;
    margin-bottom: 0.85714285714286em;
}

/* Stencils
----------------------------------------------*/
.stencils-list {
    text-align: center;
}

.stencils-list .stencil-title {
    font-family: 'Whitney SSm A', 'Whitney SSm B', 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    margin: .5em 0 0;
    transition: color 275ms;
}

.stencils-list li {
    transition: opacity 175ms;
}
.stencils-list li:hover .stencil-title {
    color: #f18f26;
}


.flatpage-container .ad-300x250-mobile {
    margin-bottom: 2.66666666667em;
}

.highlight{ 
    color:#dc7910;}