/*
Theme Name: BlankSlate New Child
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Version: 2019.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate-new-child

BlankSlate WordPress Theme © 2011-2019 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

/* ========== TYPOGRAPHY ========== */

html {
    font-size:10px;
    background:#000;
    font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
}

p, .entry-content ul li, .postContent ol li, .postContent ul li {
    font-family: "Lucida Bright",Georgia,serif;
}

p {
    color: #111;
    line-height:3rem;
    margin:1em 0;
}

h1, h2 {
    color:#ff5640;
}

h1 {
    font-size:1.4em;
    font-style:italic;
    font-weight:bold;
}

h2 {
    font-size:2.4rem;
    font-style:italic;
}

h3 {
    font-size:2.6rem;
    font-weight:bold;
}

li {
    list-style-type: circle;
}

ol li {
	list-style-type:decimal;
}

b, strong {
    font-weight:bold;
}

i, em {
	font-style:italic;
}


.entry-title {
    text-shadow:0 0 12px #000;
}

.page-title {
    border-bottom:3px solid #6A174D;
    color:#6A174D;
    padding:.5em 0 .5em .5em;
}

/*.marginTitle:not(:first-child) {
    padding-top:1.5em;
}*/

.unbold {
    font-weight:normal;
}

.xclose {
    display:inline-block;
    transform:rotate(45deg);
    position: absolute;
    right: 16px;
    top: 4px;
    font-size: 3.4rem;
}

.tel {
    text-decoration-style: dotted;
    text-underline-offset:3px;
}

.cancelled {
    color:#E41138;
}

.postponed {
    color:#CC4B00;
}

.tinyText {
    font-size:1.6rem;
    line-height:2rem !important;
}

.noBreak {
    white-space: nowrap;
}

.extLink:after {
    content:"\2924";
    position:absolute;
}

/* ========== MAIN PAGE FORMAT ========== */

body {
    position:relative;
    font-size:2rem;
}

#wrapper {

}

#container {
    display:flex;
    flex-wrap: wrap;
    margin: 0 auto;
	padding-top:120px;
    max-width:1600px;
}

#content {
    flex:1;
    width:100%;
}

.flex, .searchForm {
    display:flex;
}

.blockLevel {
    display:block !important;
}

.hideElement {
    display:none !important;
}

.makeInvisible {
    visibility:hidden !important;
}

.makeVisible {
    visibility:visible !important;
}

.noMargin {
    margin:0 !important;
}

.rel {
    position:relative;
}

/* ========== HEADER ========== */

#header {
    height:91px;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    background: rgb(5,19,18,.75);
    box-shadow: 0 0 8px #5ec7b1;
    border-bottom:1px solid #80ebd4;
    overflow:hidden;
    z-index:2;
}

#site-title {
    background:url('img/logo.svg') no-repeat center;
    display:block;
    width:400px;
    height:91px;
    margin:0 0 0 .5em;
    position:relative;
}

#site-title span, .siteSmallTitle, #menuOverlay li {
    font-family: Anton, sans-serif;
}

#site-title span {
    font-size: 5rem;
    letter-spacing: -1px;
    text-shadow:2px 2px 4px #2f282d;
    position:absolute;
    color:#fff;
    bottom:0;
    left:30px;
}

#branding {

}

#header-links {
    position:absolute;
    right:1em;
    top:32px;
    visibility: visible;
}

#header-links a {
    padding:.5em;
    margin:0 .2em;
    text-decoration:none;
}

/* ========== POST FORMAT ========== */

#post-header {
    padding: 2em 0 0 1em;
    position:relative;
    height:100%;
}

.header {
    padding:0 1em 1em;
}

#post-header-bg, #page-bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(5px);
    opacity:.4;
}

#post-header-bg {
    height: 520px;
}

#page-bg {
    height:200px;
}

#post-image, #content-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 170px;
    width: 300px;
}

#post-image {
    position: absolute;
    top: 1.5em;
    right: 30px;
    box-shadow:0 0 10px #424242;
	z-index: 1;
}

#content-image {
    display:none;
    margin:0 auto;
	box-shadow: 0 0 16px #909090;
}

.content-area {
    background:#fbfbfb;
    padding: 0 0 1em;
}

.postContent {
    padding:1em 1em 0;
}

#post-header-text {
    padding:0 1em 1em;
    position:relative;
}

.dates, .location, .eventsTemp {
    color:#fff;
    font-size:2.1rem;
    font-style:italic;
    font-weight:bold;
    margin:1em 0 0 2.5em;
}

.dates {

}

.location {

}

.post-cats {
    margin:1em 0 0;
}

.post-cats a {
    color:#7fead3;
    margin:0 .3em;
    text-decoration:none;
    text-shadow: 0 0 5px #000;
}

.entry-content h2, .timeDay strong {
    color:#6A174D;
    font-style:italic;
}

.entry-content h2 {
    font-size:2.8rem;
}

.entry-content ul, .postContent ol, .postContent ul {
    margin:1em 0 1em 30px;
}

.entry-content li {
	margin: .5em 0;
    line-height: 2.6rem;
}

.breadcrumbs {
    font-size:.85em;
    font-style:italic;
    padding:0 0 1em;
    border-bottom:1px dashed #26c399;
}

.extraCrumbly {
    padding: .5em;
}

/* read more styles */

.readMore {
    position: relative;
    max-height: 5000px;
    overflow: hidden;
    margin-bottom: 20px;
    transition:max-height 0.15s ease-out;
}

.readMore.expand{
    max-height: 5000px !important;
    transition:max-height 0.25s ease-in-out;
}

.readmoreButton{
    display:none;
}

.readmoreButton:after {
    content:"Read more +";
}


/* ---- FLEX ELEMENTS ---- */

.contentBoxes {
    flex-wrap: wrap;
}

.contentBoxes > div {
    flex-basis:50%;
    flex-grow:2;
    margin:.5em 0;
    padding:0 .5em;
}

#hours, #admission {
    flex-basis:100%;
}

#directions {
    margin:1em 0 0;
}

#hours, #admission, #reference, #directions, #vendor {
    padding:.5em 1em 1em;
}

#reference ul, #admission ul {
	margin-top: 1.5em;
}

#vendor h2 {
    margin-bottom:1em;
}

#vendor ul li {
    list-style-type: circle;
}

.vendorInner, .addressBox {
    padding:0 0 0 30px;
}

#reference li, #footer li, .overlayItems li {
    list-style-type: none;
}

#reference li {
    margin: 1em 0;
}

#aboxPostContent {
    flex: 0 0 310px;
    border-bottom:none;
}

.hoursGrid {
    display:grid;
    grid-template-columns: 30% 70%;
    grid-gap: .5em 0;
    margin:1em 0 .5em 30px;
}

.hoursGrid > span {
    border-bottom:1px solid #d4d4d4;
}

.hoursGrid > span:nth-last-child(-n+2) {
    border-bottom:0px solid #d4d4d4;
}

.addressBox {
    margin:1.5em 0;
}

.addressBox::before {
    content: "➤";
    font-style: normal;
    padding-right: 4px;
    color: rgb(125, 34, 93);
}

.timeDay {
    padding:.3em .3em .3em 0;
}

.timeHour {
    padding:.3em;
}

.timeDay strong {
    margin-left:-.3em;
}

.timeDay, .timeHour {
    line-height: 2.6rem;
}

.venueName, .timeDay {
    color: #CC1800;
    font-family: "Arial Narrow",Arial,sans-serif;
}

.venueName {
    margin: .5em 0 5px;
    text-transform: uppercase;
    padding-right:.4em;
    border-right:1px solid #000;
}

.venueAddress {
    line-height:3.2rem;
    margin-left:0;
}

#tagBoxWrapper {
    padding:.5em;
}

.tagBox a, .catBox a {
    color:#3D3D3D;
    display:inline-block;
    margin:.2em;
    padding:.5em;
    border-radius: 0 14px 14px 0;
    text-decoration:none;
}

.tagBox a {
    background:#7fead3;
}

.tagBox a:hover {
    background:#92F7E2;
}

.catBox a {
    background:#ff5640;
    color:#292929;
}

.catBox a:hover {
    background:#FF6D5A;
}

.alertBox, .disclaimer {
    padding:.5em;
    line-height:3rem;
    font-size:2.2rem;
}

.alertBox {
    background: #f12642;
    color:#fff;
    margin:2em .5em 0;
}

.disclaimer {
    margin:1em .5em;
}

#contentDisclaimer {
	font-size:.9em;
	color:firebrick;
	font-style:italic;
	margin:1.2em 0 1em;
	line-height:1.2em;
}

/* ========== FOOTER ========== */

#footer {
    background: url("img/desktop/footer-bg.jpg") no-repeat center;
    background-size:cover;
    border-top:3px solid #ff5640;
    box-shadow: 0 0 50px 0 #1E1E1E;
    font-size:2.2rem;
    color:#fff;
    min-height:100px;
    position:relative;
}

#footerInner {
    background:rgba(0,0,0,.8);
    padding:0 1em 1em;
    flex-wrap: wrap;
}

#footer ul {
    padding:0 1em;
}

#footer li {
    line-height:4rem;
}

#footer ul:nth-child(2) {
    font-style:italic;
}

#footer div {
    margin:1em 0;
    flex:100%;
}

#footer div:first-child {
    flex-wrap:wrap;
}

#footer div:first-child > a {
    line-height: 4rem;
    margin:0 1em 0 0;
    flex:50%;
}

#footer a {
    color:#7fead3;
    transition:color .2s;
}

#footer a:hover {
    color:#fff;
}

.footerSearchBox {
    position:absolute;
    top:-22px;
    left:0;
    width:100%;
    height:100%;
    background:red;
    transform:scale(0);
    transition:transform .2s;
}

/* ========== SIDEBAR ========== */

#sidebar {
    width: 375px;
}

#sidebar-inner {
	height:100%;
}

.sidebar-card {
    margin: 0 .5em 2em;
    min-height:300px;
    box-shadow:0 0 20px #000;
	border-radius: 8px 8px 0 0;
}

.sidebar-card h2, .eventsSidebar h2 {
    font-size:1.2em;
    font-weight:bold;
    background: rgba(106,23,77,0.9);
    color: #fff;
    padding:.3em .5em;
    text-shadow:0 0 5px #52140c;
	border-radius: 8px 8px 0 0;
}

.sidebar-card t {
    font-style:italic;
    display:block;
}

.sidebar-card {
    overflow:hidden;
}

.searchSidebar {
    background: url('img/alldevice/sidebar-card1.jpg') no-repeat center;
    background-size:cover;
}

.submitSidebarOuter {
    background: url('img/alldevice/sidebar-card2.jpg') no-repeat center;
    background-size:cover;
}

.searchSidebarInner, .submitSidebarInner {
    background:rgba(0,0,0,.55);
}

.submitSidebarInner {
    color:#fff;
    text-align: center;
    text-shadow:0 0 5px #000;
}

.submitSidebarInner h2 {
    text-align: left;
}

.submitSidebarInner div:nth-child(2) {
    padding: 1em 0;
    font-size:3.5rem;
    font-weight:bold;
    font-style:italic;
}

.submitSidebarInner div:nth-child(3) {
    font-size:2.5rem;
    line-height:3.2rem;
}

.submitSidebarInner a {
    width:200px !important;
	text-decoration:none;
    padding:1em 0;
    font-size:1.8rem;
    margin:1.5em 0 1em;
    color:#fff;
    text-shadow:0 0 5px #752318;
	display:inline-block;

}

.sidebarSearchBox {
    padding:.5em;
}

.sidebarSearchForm, .wordSearch {
    margin:.5em 0;
}

.sidebarSearchForm select {
    flex:50%;
}

.sidebarSearchForm select:first-child {
    margin-right:.2em;
}

.sidebarSearchButton {
    font-size:2.2rem;
    margin:.4em 0 0 !important;
}

.searchFocus {
    background: rgba(106,23,77,0.9);;
    animation-name: focusH2;
    animation-duration: .5s;
    animation-iteration-count: 2;
}

@keyframes focusH2 {
    0% {
        background: rgba(106,23,77,0.9);
    }
    50% {
        background-color: rgba(217, 70, 165, 0.9)
    }
    100 {
        background: rgba(106,23,77,0.9);
    }
}

.eventsSidebar {
    margin: 1em .5em 2em;
    box-shadow: 0 0 20px #000;
    background:url("img/alldevice/bgevents.JPG") no-repeat center;
    background-size:cover;
	position:sticky;
	top:.5em;
}

.eventsSidebar span, .region-list h3, .errText a {
    color:#7fead3;
}

.eventsSidebarInner {
    background: rgba(0,0,0,.85);
}

.eventsSidebarInner ul {
    padding: 1em .5em;
    color:#fff;
    border-bottom:2px dashed #7fead3;
    border-radius:8px;
}

.eventsSidebarInner ul li {
    line-height:3rem;
    list-style-type: none;
}

.eventsSidebarInner ul li:nth-child(2), .eventsSidebarInner ul li:nth-child(3) {
    font-style:italic;
}

.eventsSidebarInner ul li:nth-child(2):before, .eventsSidebarInner ul li:nth-child(3):before {
    color:#ff5640;
    font-style:normal;
}

.eventsSidebarInner ul li:nth-child(2):before {
    content: "☀ ";
}

.eventsSidebarInner ul li:nth-child(3):before {
    content: "➤ ";
}

.eventsSidebarInner a {
    font-size:2.2rem;
    font-weight:bold;
    color:#7fead3;
}

.addMargin {
    margin:1.5em 0 0;
}

/* ========== SPECIAL PAGES ========== */

#pagePreContent  {
    padding:0 .5em 1em 1em;
    width:100%;
}

#pagePreContent p, t {
    color:#fff;
    line-height:3rem;
    text-shadow:0 0 10px #000;
    font-family: inherit;
}

#pagePreContent p {
    font-size: 2.2rem;
}

#pagePreContent t {
    line-height:5.5rem;
}

#searchMain {
    flex-grow: 1;
}

#searchMain h2 {
    margin-top:1em;
}

.mainContentBox {
    min-height:350px;
    flex-wrap: wrap;
    position:relative;
}

t {
    flex: 0 0 100%;
}

.topLevelCard {
    width:360px;
    height:250px;
    margin:2em 0 0;
    background:Red;
    padding:0 .5em;
    flex-grow: 1;
}

.no-results input:first-child {
    border-left:1px solid #ccc;
    border-bottom:2px solid #ccc;
}

.countyPageBg, .normalPageBg {
    opacity:.3 !important;
}

.searchPageBg {
    background-image:url("img/alldevice/searchBg.JPG");
    opacity:.7 !important;
}

.countyPageBg {
    background-image:url("img/alldevice/countyBg.JPG");
}

.mainPageBg {
    background-image:url("img/desktop/main_bg.JPG") !important;
    filter: blur(0) !important;
}

.normalPageBg {
    background-image:url("img/alldevice/normalBg.JPG");
}


.fireworksPageBg {
	opacity:.18 !important;
}

.july4 {
	flex-shrink:0;
}

.interSite {
	margin:1em 0;
	padding:1em .5em;
	font-size:1.1em;
	font-style:italic;
	line-height:1.5em;
	font-weight:bold;
	border-top:1px dashed #26c399;
	border-bottom:1px dashed #26c399;
}

.eventPageBg {
	 background-image:url("img/alldevice/fireworks3.jpg");
}

.errorPageBg {
	background-image:url("img/desktop/errBg.jpg");
	filter: blur(2px) !important;
	opacity:.7 !important;
}

.errorPage h1 {
	margin:0 0 1em;
}

.errorPage h3, .errorPage p{
	color:#fff;
}

.errText {
	padding:2em 0;
	text-align:center;
}

.errText a {

}

.errSearch {
	max-width: 980px;
    margin: 0 auto;
	padding:0 0 0 .5em;
}

.cancelledContainer, .postponedContainer, .eventExpired {
    padding:.5em 1em;
    font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
}

.cancelledContainer h3, .postponedContainer h3, .eventExpired h3 {
    letter-spacing: -1px;
	font-size:2.4rem;
}

.eventExpired a, .cancelledContainer a {
	color:#7fead3;
}

.cancelledContainer {
    background: #DF3226;
    background: linear-gradient(180deg, rgba(223,50,38,1) 91%, rgba(185,34,24,1) 100%);
    color:#fff;
}

.postponedContainer {
    background: rgb(235,159,67);
    background: linear-gradient(180deg, rgba(235,159,67,1) 90%, rgba(194,130,53,1) 100%);
    color:#000;
}

.eventExpired {
    background: rgb(190,20,63);
    background: linear-gradient(180deg, rgba(190,20,63,1) 75%, rgba(159,18,54,1) 100%);
    color:#fff;
}

.cancelledContainer p, .eventExpired p {
    color:#fff;
}

.statusOverlay {
    position: absolute;
    color: #fff;
    transform: rotate(-10deg);
    margin: 0 0 0 .5em;
    padding: .2em;
    background: #fe3333;
    line-height: 2.2rem;
}

.postpn {
    background: #E18732;
}

#region-counties {
    display:flex;
}

.region-list {
    display:flex;
    color:#fff;
    text-decoration:none;
    padding:.8em .5em;
    margin: 1em .2em;
    border:1px solid #7fead3;
    border-radius: 8px;
    background:rgba(0,0,0,.6);
}

.region-list:hover {
    background:rgba(30,30,30,.6);
}

.region-list h3 {
    text-decoration:underline;
}

.region-list h3:before {
    content:"» ";
}

.region-text {
    margin:.5em 0 0;
}

#nav-below {
	padding:1em .5em .5em 1em;
}

#nav-below a, .current {
    padding:.2em .3em;
    text-decoration:none;
    color:#fff;
}

#nav-below a {
    background:#6A174D;
}

.current {
    background:#fd5540;
}

.eventsTemp {
	color:#000;
	margin: .3em 0 0 65px;
}

.contentContained h2 {
	padding:.5em .5em .5em .8em;
}

.contentContained p, .contentContained ul {
	padding:0 1em;
}

.eventsListing {
	padding:.5em 1em .5em 1.5em !important;
}

/* modal */

#modal {
	display: none;
	opacity:0;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
	transition:opacity .2s, padding-top .2s;
}

.modal-content {
	background-color: #151515;
	margin: auto;
	padding: .5em;
	border: 1px solid #272727;
	border-radius:8px;
	width: 36%;
	box-shadow:0 0 8px #000;
}

.modalFlex a {
	font-size:1.8rem;
	margin:.3em .5em;
	padding:.5em;
	background-color:#6A174D;
	box-shadow:0 0 8px #000;
	border-radius:4px;
	flex-basis:50%;
	height:136px;
	width:50px;
	text-align:center;
	color:#fff;
	text-decoration:none;
    font-weight: bold;
    font-style: italic;
	background-repeat:no-repeat;
	background-position:center;
}

.modalFlex a:hover {
	background-color:#731f56;
}

.modalFlex a:first-child {
	background-image:url(./img/icons/short.svg);
}

.modalFlex a:last-child {
	background-image:url(./img/icons/long.svg);
}

.close {
	color: #fff;
	float: right;
	font-size: 28px;
	font-weight: bold;
	margin:0 .2em 0 .2em;
}

.close:hover, .close:focus {
	text-decoration: none;
	cursor: pointer;
}

.modalButton {
	text-decoration:underline;
	text-decoration-style:dotted;
	text-underline-offset:3px;
	color:#3333cc;
	cursor:pointer;
}


/* ========== SEARCH FORMS ========== */

.searchBox {
    margin:0 .2em 0 0;
}

#searchHeaderWrapper {
    position:relative;
    transition:margin .3s;
}

#searchHeaderWrapper.wrapperExtend {
    margin-bottom:165px;
}

#searchHeader {
    animation: togglePosRev .3s;
    line-height: 5rem;
    padding:.5em;
    position:absolute;
    top:-.5em;
    left:0;
    opacity:0;
    transition:top .2s;
}

    @keyframes togglePosRev {
        0% {
            opacity:1;
            left: -1em;
        }

        100% {
            opacity:0;
            left: -6em;
        }
    }

#searchHeader.searchExtend {
    animation: togglePos .3s;
    left: -1em;
    opacity:1;
}

    @keyframes togglePos {
        0% {
            opacity:0;
            left: -6em;
        }

        100% {
            opacity:1;
            left: -1em;
        }
    }

.searchButton {
    color:#ff5f4b;
    transition: color .2s ease 0s;
}

.searchButton.searchButtonExtend {
    color:rgb(212 43 74);
}

.searchFormInline form, .searchFormInlineMod form {
    display:flex;
}

.searchForm select {
    width:225px;
    margin:0 0 .5em 0;
}

.searchFormInline select, .searchFormInlineMod select {
    margin:0 .2em 0 0;
}

.searchFormInlineMod input {
    font-size: 2.2rem;
}

.searchForm input, .searchFormSidebar input {
    border:0;
    font-size: 2.2rem;
    padding:.2em;
}

.searchFormSidebar input:first-child {
    width:100%;
}

.searchFormSidebar input:nth-child(2) {
    padding:.1em;
}

.searchFormHeader input {
    border:0;
    font-size: 2.2rem;
    padding:.4em;
}

.filterBox_header, .filterBox {
    font-size:2.2rem;
}

.selectBox {
    font-size:1.8rem;
    padding:.4em;
    border-radius: 4px;
}

.selectBox {
    display:flex;
}

.searchBoxHeader {
    width:575px;
    height:80px;
    padding-top:1em;
    position:absolute;
    right: 0;
    top:0;
    visibility:hidden;
    opacity:0;
    transition: opacity .2s;
    transition-delay: visibility .3s;
}

.close-search {
    border:1px solid #ff244d;
    color:#ff244d;
    display:inline-block;
    position:absolute;
    right: 1.2em;
    top: 16px;
    padding: .6em 0 0 .5em;
    width: 104px;
    height: 46px;
}

.close-search:hover {
    border:1px solid #FF4265;
    color:#FF4265;
}

.searchFormLarge {
    flex-basis:50%;
    padding-bottom:1em;
}

.searchFormLarge > div:first-child {
    margin:0 1.5em 0 0;
}

.searchFormLarge p {
    font-style:italic;
}

.searchResults {
    padding:.5em 1em;
}

/* ========== LOOPS ========== */

.main-listing {
    border-bottom:3px dashed #7AB9AB;
    padding:1.5em 1em;
}

.darkBg {
	color: #fff;
	padding: .5em 0.5em !important;
	flex-basis: 100%;
}

.darkBg a, .darkBg a:visited {
	color: #7fead3;
}

.eventname {
    line-height:2.8rem;
}

.listDates:after {
    content:":";
}

.listing-info {
    font-weight:bold;
}

.tag-links {
    margin:1em 0 0;
}

.listCats a, .listTags a {
    margin:0 .2em;
    text-decoration:none;
}

.listCats a {
    color:#DB1A00;
}

.listTags a {
    color:#0F856B;
}

.loopPlaceholder {
    color:#555;
    font-weight:bold;
    font-size:1.8rem;
    margin:1em 0;
    text-align:center;
}

.search-text {
    padding:.5em 0 0 .5em;
    font-style:italic;
}

.separate {
    border-bottom:1px solid #ccc;
}

.separate ul {
    margin:1em .5em 1em 30px;
}

.separate li {
    list-style-type: none;
}

/* ========== BUTTONS ========== */

#goodBurger {
    display:none;
    position: absolute;
    top: 7px;
    right: 7px;
    fill: #fff;
    z-index:9;
    transition: transform .2s;
    transform:scale(.8);
}

#goodBurger.menuButtonExtend {
    transform: scale(0);
}

#close {
    transform: scale(0);
    position: absolute;
    display:none;
    top: 16px;
    right: 24px;
    z-index: 9;
    transition: transform .2s;
    color: rgb(212 43 74);
}

#close.showCloseButton {
    transform: scale(4.6)  rotate(45deg);
}

.topLevelButton a {
    padding:.8em .8em .8em 48px;
    background:#6A174D;
    box-shadow:0 0 6px #252525;
    color:#fff;
    margin:1em .3em;
    text-decoration:none;
    position:relative;
}

.topLevelButton a:hover {
    background:#762359;
}

.flexButtons {
    margin-right:1em;
    max-width:1050px;
}

.flexButtons a {
    flex-basis:25%;
}

.link-buttons {

}

.main-page-button-span {
    position:absolute;
    top:6px;
    left:2px;
}

.dates3 {
    top:8px;
}

#header-links a, .search-link, .close-search, button, .submitButton {
    cursor: pointer;
}

#header-links a, .search-link, .close-search {
    transition:border .2s, color .2s;
}

#header-links a {
    border:1px solid #ff5640;
    color:#ff7866;
}

#header-links a:hover {
    border:1px solid #FF8C7D;
    color:#FF8C7D;
}

#header-links a:last-child {
    border:1px solid #7fead3;
    color:#7fead3;
}

#header-links a:last-child:hover {
    border:1px solid #c4fff2;
    color:#c4fff2;
}

button, .submitButton, .topLevelButton a, .tagBox a, .catBox a, .region-list:hover {
    transition:background-color .2s;
}

button, .submitButton, .submitSidebarInner a {
    background:#fd5540;
    border:0;
    border-radius: 4px;
    width: 90px;
}

button:hover, .submitButton:hover {
    background:#FF604C;
}

button, .submitSidebarInner a {
    box-shadow: 0 0 10px #000;
}

.submitButton {
    margin:0 0 0 .2em;
}

.flexButton {
    margin-left:.2em !important;
}

.submitButton button {
    padding: .5em .8em;
    font-size: 2.2rem;
    width:80px;
}

.countyLinks {
    flex-wrap: wrap;
}

.countyLinks a {
    margin:.2em;
    width:136px;
    text-decoration:none;
    padding:.4em;
}

.bottomButton {
    text-align:center;
    margin:2em auto 1em;
}

.bottomButton a:before {
    content:"";
}

.top-button {
    padding:.4em .6em;
    display:inline-block;
    margin:.5em 1em;
}

.top-link {
	float: right;
    color: blue;
    font-family: monospace;
    font-style: normal;
    margin: 0 0.5em 0 0;
    font-size: .8em;
}

.listButton {
    text-align:center;
}

.listButton a {
    padding: .8em;
}

.listButton a:before {
    content:"\2191";
    padding:0 .5em 0 0;
}

/* ========== MENU ========== */

#menuOverlay {
    position:fixed;
    z-index:2;
    margin:0;
    display:none;
    padding:90px .5em .5em;
    color:#fff;
    animation: fadeOut 350ms;
    width:100vw;
    height:100vh;
    background:rgba(22,29,27,0.95);
    overflow:hidden;
}

#menuOverlay.menuExtend {
    animation: fadeIn .2s;
}

    @keyframes fadeOut {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

#menuOverlay ul {
    animation: pushFadeRev 350ms;
    padding-left:1em;
}

#menuOverlay ul.overlayUlExtend {
    animation: pushFade 200ms;
}

    @keyframes pushFadeRev {
        0% {
            padding-left:1em;
        }

        100% {
            padding-left:0;
        }
    }

    @keyframes pushFade {
        0% {
            padding-left:0;
        }

        100% {
            padding-left:1em;
        }
    }

#menuOverlay li {
    font-size:3.2rem;
    line-height:5.5rem;
}

#menuOverlay li:nth-child(4) {
    border-left:1px solid #446758;
    margin:0 0 0 .2em;
    padding:0 0 0 .5em;
}

#menuOverlay a {
    color:#7fead3;
    text-decoration:none;
}



/* ========== SPRITES & ICONS ========== */

.email, .website, .facebook, .twitter, .instagram, .phone, .admissionLabel, .referenceLabel, .directionsLabel, .vendorLabel {
    position:relative;
    padding:0 0 0 30px;
}

.hoursLabel {
    position:relative;
    padding:.5em 0 0 30px;
}

.phone {
    fill:#ff5640;
}

.email:before, .website:before, .facebook:before, .twitter:before, .instagram:before, .phone:before, .dates:before, .location:before, .hoursLabel:before, .admissionLabel:before, .referenceLabel:before, .directionsLabel:before, .vendorLabel:before  {
    position: absolute;
    width:40px;
    height:40px;
    background-repeat:no-repeat;
    content:"";
}

.email:before, .website:before, .facebook:before, .twitter:before, .instagram:before, .phone:before {
    transform:scale(.8);
}

.hoursLabel:before, .admissionLabel:before, .referenceLabel:before, .directionsLabel:before, .vendorLabel:before {
    left:2px;
}

.dates:before, .location:before, .eventsTemp:before {
    width:30px;
    height:30px;
    margin: -4px 0 0 -40px;
}

.dates:before {
    background-image:url(./img/icons/calendar.svg);
}

.eventsTemp:before {
    background-image:url(./img/icons/calendar2.svg);
}

.location:before {
    background-image:url(./img/icons/location.svg);
}


.email:before {
    background-image:url(./img/icons/email.svg);
    margin: -14px 0 0 -42px;
}

.website:before {
    background-image:url(./img/icons/link.svg);
    margin: -4px 0 0 -40px;
}

.facebook:before {
    background-image:url(./img/icons/facebook.svg);
    margin: -10px 0 0 -40px;
}

.twitter:before {
    background-image:url(./img/icons/twitter.svg);
    margin: -10px 0 0 -40px;
}

.instagram:before {
    background-image:url(./img/icons/insta.svg);
    margin: -12px 0 0 -40px;
}

.phone:before {
    background-image:url("./img/icons/phone.svg");
    margin: -8px 0 0 -40px;
}

.hoursLabel:before {
    background-image:url("./img/icons/clock.svg");
    margin: 0 0 0 -12px;
}

.admissionLabel:before {
    background-image:url("./img/icons/admission.svg");
    margin: 0 0 0 -10px;
}

.referenceLabel:before {
    background-image:url("./img/icons/reference.svg");
    margin: -2px 0 0 -12px;
}

.directionsLabel:before {
    background-image:url("./img/icons/location2.svg");
    margin: 0 0 0 -10px;
}

.vendorLabel:before {
    background-image:url("./img/icons/vendor.svg");
    margin: 0 0 0 -5px;
}

.dates1 svg, .dates2 svg, .dates3 svg, .byRegion svg {
    fill:#26c399;
}

.dates1 rect:nth-child(-n+4), .dates2 rect:nth-child(7),.dates2 rect:nth-child(6),.dates2 rect:nth-child(5), .dates3 rect:nth-child(3), .dates3 rect:nth-child(5), .dates3 rect:nth-child(7) {
    fill:#fd5540;
}

/* ========== ADDS FORMAT ========== */

.abxSidebar {
    min-height: 200px;
}

.abxSidebarMain {
    margin:0;
    width:355px;
}

.gpnAbxPost {
    margin:1em;
}

.gpnAbxPost h2 {
    margin:0 0 .5em;
}

.gpnAbxPost a {
    display:flex;
    padding:.5em 0;
    text-decoration:none;
}

.gpnAbxPost a:first-child {
    display:inline;
    padding:0;
}

.gpnAbxPost a:nth-child(2) {
    border-bottom:1px solid #ccc;
}

.gpnAbxPost h4 {
    font-weight:bold;
    font-size:2.4rem;
    font-style:italic;
    margin: 0 0 .5em;
    text-decoration:underline;
}

.gpnAbxPostText {
    line-height:2.6rem;
    color:#000;
}

.gpnAbxPostImage {
    background-repeat:no-repeat;
    background-size:cover;
    width:150px;
    height:90px;
    flex:0 0 150px;
    margin:0 .5em 0 0;
}

.gpnAbxPost h2:before {
    background:url('img/icons/money.svg') no-repeat center;
    content: "";
    width: 30px;
    height: 2.8rem;
    display: inline-block;
    vertical-align: -19%;
    margin: 0 .2em 0 0;
}

.gpnAbxMain {
    margin: 0 0 .5em!important;
    padding: 0 1em;
    border-bottom: 1px dashed #45a00d;
}

.gpnAbxMain a:nth-child(2) {
    border-bottom:none;
}

.gpnlogo:after {
    display: inline-block;
    background: url(img/icons/groupon.svg) no-repeat center;
    content: "";
    vertical-align: -21%;
    width: 140px;
    height: 2.8rem;
    margin-left: .25em;
}

.gpnlogosingle:after {
	margin: 0 8px 0 0;
    width: 120px;
    vertical-align: -29%;
}

.gpnLogoText {
	font-family: Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Arial,sans-serif;
}

#promoCode {
    padding:.4em;
    background:#388d2a;
    color:#fff;
    font-size:.9em;
}

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

@media only screen and (max-width: 1100px) {
    #post-image, #content-image {
        height:112px;
        width:200px;
    }

    #searchMain {
        max-width:100%;
    }

    #region-counties {
        display:block;
    }

    .searchForm input {
        max-width:200px;
        margin-left:.2em;
    }

    .topLevelCard {
        margin: 0 auto;
    }
}

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

    html {
        font-size:8px;
    }

    #header {
        position:fixed;
        background: rgb(5,19,18,.90);
        height:50px;
        transition:top .2s;
    }

    .collapseHeader {
        top: -70px !important;
    }

    #site-title {
        width: 260px;
        height: 50px;
        z-index: 9;
        background-size: 260px 50px;
        margin:0;
    }

    #site-title span {
        font-size:3.8rem;
    }

    #containerWrap {
        fliter:blur(0);
    }

    #container {
        padding-top:65px;
    }

    .main-listing {
        padding: 1.5em .5em;
    }

    .listDates {
        display:block;
    }

    .listDates:after {
        content:"";
    }

    .content-area {
        padding: 0 0 1em;
    }

    .postContent, #pagePreContent {
        padding:1em .5em;
    }

    .flex > div {
        width:100%;
    }

    .contentBoxes > div {
        flex-basis:100%;
    }

    .contentGradient {
        background-image: linear-gradient(to top, rgb(228,228,228) 0px, rgba(228,228,228,0) 24px);
    }

    #post-header-bg {
        filter: blur(1px);
        opacity: .25;
    }

    .postHeaderMod {
        height: 245px !important;

    }

    #post-image {
        display: none;
    }

    #content-image {
        display:block;
    }

    #hours, #aboxPostContent, #admission, #reference, #directions, #vendor {
        margin:1em auto;
        padding:0 .5em 1em;
    }

	#directions {
		margin:1.5em auto 1em;
	}

    #aboxPostContent {
        order:1;
    }

    #hours {
        order:2;
    }

    #admission {
        order:3;
    }

    #reference {
        order:4;
    }

    .hoursGrid {
        grid-template-columns: 60% 40%;
    }

    .venueName {
        padding-right:0;
        border-right:none;
    }

    .venueAddress {
        display:inline-block;
        margin-left:1em;
    }

    .searchFormLarge {
        display:block !important;
    }

    .searchFormInline form {
        display:block;
    }

    .searchFormInline select {
        margin:0 0 .5em .25em;
        width:200px;
    }

    .searchFormHeader input {
        flex: 2 auto;
    }

    .flexButtons {
        flex-wrap: wrap;
        margin:.5em 0 0;
    }

    .flexButtons a {
        flex-basis: 45%;
        margin: .2em;
		font-size:1.8rem;
    }

    .main-page-button-span {
        top: -2px;
    }

    .byRegion:before, .byCounty:before, .main-page-button-span svg {
        transform:scale(.8);
    }

    #header-links {
        display:none;
    }

    #goodBurger, #close {
        display:block;
    }

    .dates:before, .location:before {
        margin: -8px 0 0 -36px;
    }

    .admissionLabel:before {
        margin:0 0 0 -5px;
    }

    .hoursLabel:before, .admissionLabel:before, .referenceLabel:before,  .directionsLabel:before, .vendorLabel:before {
        margin-top:-4px;
    }

    .readMore {
        position: relative;
        max-height: 300px;
        overflow: hidden;
        margin-bottom: 20px;
        transition:max-height 0.15s ease-out;
    }

    .readMore.expand{
        max-height: 5000px !important;
        transition:max-height 0.25s ease-in-out;
    }

    .readmoreButton{
        position: absolute;
        bottom: 0;
        right: 0;
        display: block;
        width:100%;
        height: 60px;
        text-align: center;
        color: #ff5640;
        font-weight:bold;
        font-size:1.9rem;
        padding-top:40px;
        background-image: linear-gradient(to bottom, transparent, #fff);
        cursor: pointer;
    }

    .readmoreButton:after {
        content:"Read more +";
    }

    #sidebar {
        width:100%;
        padding:0;
    }

    #sidebar-inner {
        display:flex;
        flex-wrap:wrap;
    }

    .sidebar-card {
        min-height:0;
    }

    .eventsSidebar, .searchSidebarOuter, .submitSidebarOuter {
        width:100%;
    }

    .eventsSidebar {
        order:1;
		position:relative;
    }

    .abxSidebar {
        order:2;
    }

    .searchSidebarOuter {
        order:3;
    }

    .submitSidebarOuter {
        order:4;
    }

    .addMargin {
        margin:0;
    }

    #footer {
        font-size:1.9rem;
        background: url("img/mobile/footer-bg.jpg") no-repeat center;
        background-size: cover;
    }

    #footer div:first-child {
        display:flex;
    }

    #footer div:first-child a {
        margin:0;
    }

    .wordSearch {
        margin:0;
    }

    .mainPageBg {
        background-image:url("img/mobile/main.JPG") !important;
        height:600px !important;
    }

    .gpnAbxPost {
        margin:1em 0 2em;
        padding:0 .5em 2em;
    }

    .gpnAbxPost h2:before {
        vertical-align: -16%;
        margin:0;
    }

	.gpnAbxMain {
		padding:0 .5em;
	}

    .gpnlogo:after {
        width:114px;
    }

	.gpnlogosingle:after {
		margin: 0 6px 0 0;
		width: 90px;
	}

    .separate ul {
        margin:1em .5em;
    }

	.modal-content {
		width:95%;
	}

	.modalFlex a {
		background-size:50%;
		height:108px;
	}

	.july4 {
		flex-basis: 92% !important;
	}

	.interSite {
		padding:.5em .5em 2em;
		border-top:none;
		border-bottom:none;
	}
	
	.longList {
		position: sticky;
		top: 0;
		background: rgba(255,255,255,.95);
	}
	
	.hideMobile {
		display:none;
	}
}

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

    .countyLinks a {
        width: 30%;
        font-size: 1.7rem;
    }
    .searchFormInlineMod select {
        max-width: 115px;
    }
    .searchFormInlineMod input, .searchsubmit {
        max-width: 65px;
    }
    #headerSearchInput {
        width:200px;
    }
	.articleInsert {
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		padding:1em 0;
	}
	.mobileBlock {
		display:block;
	}
}