/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document */
html { box-sizing: border-box; /* Below */ font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ }

/* https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*, *::before, *::after { box-sizing: inherit; }

/* Sections ========================================================================== */
body { color: #000000; font: normal 100%/1.4 "Montserrat", sans-serif; margin: 0; }

article, aside, footer, header, nav, section, figcaption, figure, main { display: block; }

h1 { font-size: 2em; margin: 0; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace, monospace; font-size: 1em; }

/* Text-level semantics ========================================================================== */
a { background-color: transparent; -webkit-text-decoration-skip: objects; color: #3185c9; text-decoration: none; }

a:hover, a:active, a:focus { color: #000000; text-decoration: underline; }

a:active, a:hover { outline-width: 0; }

/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Add the correct display in IE 9-. */
audio, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Remove the default vertical scrollbar in IE. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. */
details, menu { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Scripting ========================================================================== */
/** Add the correct display in IE 9-. */
canvas { display: inline-block; }

/** Add the correct display in IE. */
template { display: none; }

/* Hidden ========================================================================== */
/** Add the correct display in IE 10-. */
[hidden] { display: none; }

p { margin: 0 0 20px 0; }

.h2, .h4, .archiveList--tm_event .event-title, .h5 { font-weight: 400; }

.h5 { font-size: 1rem; }

h1 > a, h2 > a, h3 > a { color: inherit; }

.h4, .archiveList--tm_event .event-title { font-size: 1.4em; font-weight: 700; }

.h6 { font-size: .9em; font-weight: 700; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Montserrat";
}


/* Text */
.txt-left { text-align: left; }

.txt-right { text-align: right; }

.txt-center { text-align: center; }

.txt-upper { text-transform: uppercase; }

.txt-light { text-weight: 300; }

.txt-normal { text-weight: 400; }

.txt-bold { text-weight: 700; }

.home-title { margin: 0; font-size: 42px; text-align: center; font-weight: 700; text-transform: uppercase; }

@media (min-width: 769px) { .home-title { margin-bottom: 2rem; } }

.page-title { text-align: center; color: #3185c9; }

.article-header { color: #3185c9; margin: 1.5rem 0 0.5rem 0; }

.event-header { color: #000000; margin: 1.5rem 0 0.5rem 0; }

.event-title { color: #000000; margin: 0 0 0.25rem 0; }

.btn, .event-btn { display:inline-block; padding: 0.5em 3em; text-align: center; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 0.9em; line-height: 2.6; border: 2px solid transparent; border-radius: 0; background: #ffffff; color: #000000; }

.btn:hover, .event-btn:hover, .btn:active, .event-btn:active, .btn:focus, .event-btn:focus { background: transparent; color: #ffffff; text-decoration: none; border-color: #ffffff; }

.btn--outline { background: #ffffff; color: #000000; border-color: #3185c9; }

.btn--outline:hover, .btn--outline:active, .btn--outline:focus { background: #3185c9; color: #ffffff; text-decoration: none; border-color: #ffffff; }

.btn-white { background: #ffffff; color: #000000; }

.btn-white:hover, .btn-white:active, .btn-white:focus { color: #ffffff; background: #000000; }

.btn-newsletter { font-weight: 400; text-transform: none; }

.btn--blue { background: #405c72; color: #ffffff; }

.btn--blue:hover, .btn--blue:active, .btn--blue:focus { background: #ffffff; color: #405c72; border-color: #405c72; text-decoration: none; }

.btn--dark { background: #405c72; color: #ffffff; }

.btn--dark:hover, .btn--dark:active, .btn--dark:focus { background: #ffffff; color: #405c72; border-color: #405c72; text-decoration: none; }

.btn--grey { background: #cccccc; color: #ffffff; }

.btn--grey:hover, .btn--grey:active, .btn--grey:focus { background: #ffffff; color: #cccccc; border-color: #cccccc; text-decoration: none; }

.btn--red, .single-tm_event .event-btn { background: #DE0514; color: #ffffff; }

.btn--red:hover, .single-tm_event .event-btn:hover, .btn--red:active, .single-tm_event .event-btn:active, .btn--red:focus, .single-tm_event .event-btn:focus { background: #ffffff; color: #DE0514; border-color: #DE0514; text-decoration: none; }

.social_menu { list-style: none; margin: 0; padding: 0; }

.social_menu a::before { content: '\f085'; display: inline-block; padding: 0 0.5em; font-family: 'FontAwesome'; vertical-align: top; -webkit-font-smoothing: antialiased; }

.social_menu a[href^="mailto:"]::before { content: '\f0e0'; }

.social_menu a[href*="wordpress.org"]::before, .social_menu a[href*="wordpress.com"]::before { content: '\f19a'; }

.social_menu a[href*="facebook.com"]::before { content: '\f09a'; }

.social_menu a[href*="twitter.com"]::before { content: '\f099'; }

.social_menu a[href*="dribbble.com"]::before { content: '\f17d'; }

.social_menu a[href*="plus.google.com"]::before { content: '\f0d5'; }

.social_menu a[href*="pinterest.com"]::before { content: '\f0d2'; }

.social_menu a[href*="github.com"]::before { content: '\f09b'; }

.social_menu a[href*="tumblr.com"]::before { content: '\f173'; }

.social_menu a[href*="youtube.com"]::before { content: '\f16a'; }

.social_menu a[href*="flickr.com"]::before { content: '\f16e'; }

.social_menu a[href*="vimeo.com"]::before { content: '\f194'; }

.social_menu a[href*="instagram.com"]::before { content: '\f16d'; }

.social_menu a[href*="codepen.io"]::before { content: '\f1cb'; }

.social_menu a[href*="linkedin.com"]::before { content: '\f0e1'; }

.social_menu a[href*="yelp.com"]::before { content: '\f1e9'; }

.use-social-colors a[href*="wordpress.org"]::before, .use-social-colors a[href*="wordpress.com"]::before { color: #21759b; }

.use-social-colors a[href*="facebook.com"]::before { color: #3b5998; }

.use-social-colors a[href*="twitter.com"]::before { color: #33ccff; }

.use-social-colors a[href*="dribbble.com"]::before { color: #ea4c89; }

.use-social-colors a[href*="plus.google.com"]::before { color: #dd4b39; }

.use-social-colors a[href*="pinterest.com"]::before { color: #c8232c; }

.use-social-colors a[href*="github.com"]::before { color: #171515; }

.use-social-colors a[href*="tumblr.com"]::before { color: #34526f; }

.use-social-colors a[href*="youtube.com"]::before { color: #c4302b; }

.use-social-colors a[href*="flickr.com"]::before { color: #ff0084; }

.use-social-colors a[href*="vimeo.com"]::before { color: #1AB7EA; }

.use-social-colors a[href*="instagram.com"]::before { color: #3f729b; }

.use-social-colors a[href*="codepen.io"]::before { color: #000; }

.use-social-colors a[href*="linkedin.com"]::before { color: #0e76a8; }

.use-social-colors a[href*="yelp.com"]::before { color: #db292f; }

.c-white { color: #ffffff; }

.c-black { color: #000000; }

.c-yellow { color: #f6a71d; }

.c-lightBlue { color: #9dc9dc; }

.c-blue { color: #3185c9; }

.c-darkBlue { color: #405c72; }

.c-red { color: #DE0514; }

.block-center { display: block; margin-left: auto; margin-right: auto; }

.block-left { display: block; margin-left: 0; margin-right: auto; }

.block-right { display: block; margin-left: auto; margin-right: 0; }

.menu { list-style: none; margin: 0; padding: 0; }

.size-full { width: 100%; }

/* Embed */
iframe, object, embed, img { max-width: 100%; }

/* Spacing */
.padded { padding: 4em; }

@media (max-width: 768px) { .padded { padding: 2em; } }

/* Images */
img, .size-auto, .size-full, .size-large, .size-medium, .attachment img { max-width: 100%; height: auto; }

.img-responsive { width: 100%; height: auto; }

.alignleft, .alignleft { display: inline; float: left; margin-right: 20px; }

.alignright, .alignright { display: inline; float: right; margin-left: 20px; }

.aligncenter, .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

.alignleft, .alignright, .aligncenter { margin-bottom: 10px; }

.screen-reader-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.flex-container { position: relative; margin: 0 auto; max-width: 1200px; }

.pos-relative { position: relative; }

.abs-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/* Jquery appear */
.hiding { opacity: 0; }

.visible { opacity: 1; }

/* Back to top */
.back-to-top { border-radius: 5px; text-align: center; background: #000; color: #fff; display: none; width: 40px; height: 40px; line-height: 40px; font-size: 12px; position: fixed; right: 20px; bottom: 20px; opacity: 0.4; filter: alpha(opacity=40); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; z-index: 9999; }

.back-to-top:hover { opacity: 1; filter: alpha(opacity=100); }

/* Preloader */
#mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #97684E; z-index: 10000; height: 100%; }

#loader { width: 308px; height: 75px; position: absolute; left: 50%; top: 50%; margin-left: -154px; margin-top: -32px; background-image: url("assets/img/loading.jpg"); background-repeat: no-repeat; background-position: center; }

.clear-right { clear: right; }

.clear-left { clear: left; }

.text-right { text-align: right; }

@media (max-width: 768px) { .desktop-only { display: none !important; } }

@media (min-width: 769px) { .mobile-only { display: none !important; } }

.WrapperLink { display: block; }

/** Clear inner floats */
.clearfix::after, .site-header::after { clear: both; content: ''; display: table; }

/** Main content containers 1. Make the container full-width with a maximum width 2. Center it in the viewport 3. Leave some space on the edges, especially valuable on small screens */
.container { max-width: 1280px; /* 1 */ margin-left: auto; /* 2 */ margin-right: auto; /* 2 */ padding-left: 20px; /* 3 */ padding-right: 20px; /* 3 */ width: 100%; /* 1 */ }

/** Hide text while making it readable for screen readers 1. Needed in WebKit-based browsers because of an implementation bug; See: https://code.google.com/p/chromium/issues/detail?id=457146 */
.hide-text { overflow: hidden; padding: 0; /* 1 */ text-indent: 101%; white-space: nowrap; }

/** Hide element while making it readable for screen readers Shamelessly borrowed from HTML5Boilerplate: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133 */
.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.site-header { position: relative; width: 100%; z-index: 50; /* transition: all 0.5s ease-in-out; */ font-size: 0.825rem; }

@media (max-width: 768px) { .site-header { background: #000000; background-image: url(../img/count-basie-concert-event.jpg); background-size: 350%; background-repeat: no-repeat; }
                            .site-header .menu-link:hover, .site-header .menu-link:active, .site-header .menu-link:focus { color: #ffffff; } }

@media (min-width: 769px) { .site-header { background: #ffffff; } }

.logo { display: block; position: relative; margin: 0; padding: 0.5em 0; }

.logo__image { display: block; width: auto; height: 4em; }

.menu-link { display: block; }

.mobile-nav {  }

.nav-menu { list-style: none; margin: 0; padding: 0; }

.nav-menu--primary { margin-top: 3rem; }

.nav-menu--primary .menu-link { color: #3185c9; font-weight: 700; font-size: 1.1em; letter-spacing: 0.025em; }

.nav-menu--secondary { text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.5px; }

.nav-menu--secondary .menu-link { color: #ffffff; }

.nav-menu--secondary .social_menu a { color: #9dc9dc; }

.nav-menu--secondary .social_menu a:hover, .nav-menu--secondary .social_menu a:active, .nav-menu--secondary .social_menu a:focus { color: #ffffff; }

.menu-item { position: relative; display: inline-block; text-align: center; }

.submenu { display: none; background: #3185c9; background: rgba(49, 133, 201, 0.85); color: #ffffff; padding: 0; min-width: 100%; }

.submenu .menu-item { display: block; border-bottom: 1px solid #ffffff; border-bottom: 1px solid rgba(255, 255, 255, 0.25); text-align: left; }

.submenu .menu-link { display: block; width: 100%; color: #ffffff; }

.submenu .menu-link { padding: 0.5em 1em; }

.open > .submenu { display: block; }

.social_menu .menu-item { display: inline-block !important; }

@media (min-width: 769px) { #menu-close { display: none; }
                            .mobile-nav { display: none !important; }
                            .site-header { display: block !important; }
                            .site-header {
                                background: #ffffff;
                                /* background-image: url(/wp-content/themes/countbasie/assets/img/count-basie-ceiling.jpg); */
                                background-size: cover;
                                background-position: top left;
                                background-position: top right 45vw;
                                background-repeat: no-repeat;
                                padding-top: 2rem;
                            }
                            .logo { float: left; }
                            .nav-menu--primary { float: right; } }

@media (min-width: 769px) and (min-width: 769px) { .nav-menu--primary { text-align: right; max-width: 75%; } }

@media (min-width: 769px) { .nav-menu--primary > .menu-item { margin-right: 1rem; }
                            .nav-menu--primary > .menu-item::after { position: absolute; top: 0; right: -0.675rem; color: #f6a71d; font-weight: 700; content: " | "; }
                            .nav-menu--primary > .menu-item:last-child { margin-right: 0; }
                            .nav-menu--primary > .menu-item:last-child::after { content: none; }
                            .nav-menu--secondary { position: absolute; top: 0; left: 0; width: 100%; text-align: right; padding: 0.5em; padding: 0.5em calc((100% - 1260px)/2); background: #000000; }
                            .nav-menu--secondary .menu-link { padding: 0 0.5em; }
                            .submenu { position: absolute; top: 100%; left: 0; }
                            .dropdown:hover > .submenu { display: block; } }

@media (min-width: 1400px) { .logo__image { height: 5em; }
                             .nav-menu--primary { margin-top: 3.5rem; }
                             .nav-menu--secondary .menu-link { padding: 0.25em 0.75em; } }

@media (max-width: 768px) {
    .mobile-nav { display: block; }
    .mobil-logo { float: left; }
    .site-nav { clear: both; }
    .site-header { display: none; position: fixed; top: 0; left: 0; height: 100%; bottom: 0; overflow-y: auto; }
    #menu-close { display: block; position: absolute; top: 2.5em; left: 2.5em; width: 2em; z-index: 100; }
    #nav-toggle { float: right; font-size: 3em; padding: 10px; color: #000000; z-index: 49; }
    .logo__image { margin: .5em .5em; }
    .nav-menu { display: block; width: 100%; }
    .nav-menu--primary { margin-top: 0; margin-bottom: 0.5em; }
    .nav-menu--secondary::before { content: ""; display: block; margin: auto; width: 65%; max-width: 16em; height: 1px; background: rgba(49, 133, 201, 0.5); margin-bottom: 1rem; }
    .nav-menu .menu-item { display: block; }
    .nav-menu .menu-link { padding: 0.5em 1em; }
    .social_menu { text-align: center; margin: 1rem auto; }
    .submenu { display: block; background: none; }
    .submenu .menu-item { border: none; text-align: center; }
    .submenu .menu-link { font-size: 14px !important; font-weight: 400;}
    .submenu .menu-link:hover,
    .submenu .menu-link:active,
    .submenu .menu-link:focus { color: #9dc9dc; }
}

.site-footer { background: #000000; background-image: url("../img/count-basie-concert-event.jpg"); background-size: cover; clear: both; padding: 1rem; color: #ffffff; font-size: .825em; }

.site-footer .flex-container > .widget { flex: 1; min-width: 220px; padding: 1em; }

.site-footer .menu-item a { color: #ffffff; padding: 0.5em 0; display: block; }

.site-footer .widget-title { font-size: 1rem; margin: 0.5em 0; }

.site-footer .menu-item { display: block; text-align: left; }

.site-footer .menu-footer { float: right; margin: 50px 0 30px 0; padding: 0; list-style: none; }

.site-footer .social_menu { margin-bottom: 1em; }

.site-footer .social_menu a { padding: 0; font-size: 1.25em; }

@media (max-width: 768px) { .site-footer .menu-item { text-align: center; } }

@media (max-width: 768px) { .site-footer .flex-container .widget { width: 100%; flex: 1 1 100%; text-align: center; } }

.site-main { font-family: 'Muli', sans-serif; padding-top: 2em; padding-bottom: 2em; overflow-x: hidden;}

.home .site-main { padding-top: 0; }

.site-body { overflow-x: hidden; }

@media screen and (min-width: 35.5em) { .widget_sidebar { margin-top: 6em; padding: 0 1em; } }

.flex-container { display: flex; flex-flow: row wrap; }

@media (min-width: 768px) { .flex-md-5 { flex: 1 1 20%; }
                            .flex-md-4 { flex: 1 1 25%; }
                            .flex-md-3 { flex: 1 1 33.33333%; }
                            .flex-md-2 { flex: 1 1 50%; }
                            .flex-md-1 { flex: 1 1 100%; } }

@media (min-width: 320px) { .flex-sm-5 { flex: 1 1 20%; }
                            .flex-sm-4 { flex: 1 1 25%; }
                            .flex-sm-3 { flex: 1 1 33.33333%; }
                            .flex-sm-2 { flex: 1 1 50%; }
                            .flex-sm-1 { flex: 1 1 100%; } }

@media (max-width: 319px) { .flex-xs-3 { flex: 1 1 33.33333%; }
                            .flex-xs-2 { flex: 1 1 50%; }
                            .flex-xs-1 { flex: 1 1 100%; } }

.col-1, .col-1-1, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4, .col-1-6, .col-5-6, .col-1-12, .col-2-12, .col-3-12, .col-4-12, .col-5-12, .col-6-12, .col-7-12, .col-8-12, .col-9-12, .col-10-12, .col-11-12, .col-12-12 { display: block; float: left; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }

.col-1-12 { width: 8.3333%; }

.col-1-6, .col-2-12 { width: 16.6667%; }

.col-1-4, .col-3-12 { width: 25%; }

.col-1-3, .col-4-12 { width: 33.3333%; }

.col-5-12 { width: 41.6667%; }

.col-1-2, .col-6-12 { width: 50%; }

.col-7-12 { width: 58.3333%; }

.col-2-3, .col-8-12 { width: 66.6667%; }

.col-3-4, .col-9-12 { width: 75%; }

.col-5-6, .col-10-12 { width: 83.3333%; }

.col-11-12 { width: 91.6667%; }

.col-1, .col-1-1, .col-12-12 { width: 100%; }

@media (min-width: 768px) { .col-sm-1, .col-sm-1-1, .col-sm-1-2, .col-sm-1-3, .col-sm-2-3, .col-sm-1-4, .col-sm-3-4, .col-sm-1-6, .col-sm-5-6, .col-sm-1-12, .col-sm-2-12, .col-sm-3-12, .col-sm-4-12, .col-sm-5-12, .col-sm-6-12, .col-sm-7-12, .col-sm-8-12, .col-sm-9-12, .col-sm-10-12, .col-sm-11-12, .col-sm-12-12 { display: block; float: left; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
                            .col-sm-1-12 { width: 8.3333%; }
                            .col-sm-1-6, .col-sm-2-12 { width: 16.6667%; }
                            .col-sm-1-4, .col-sm-3-12 { width: 25%; }
                            .col-sm-1-3, .col-sm-4-12 { width: 33.3333%; }
                            .col-sm-5-12 { width: 41.6667%; }
                            .col-sm-1-2, .col-sm-6-12 { width: 50%; }
                            .col-sm-7-12 { width: 58.3333%; }
                            .col-sm-2-3, .col-sm-8-12 { width: 66.6667%; }
                            .col-sm-3-4, .col-sm-9-12 { width: 75%; }
                            .col-sm-5-6, .col-sm-10-12 { width: 83.3333%; }
                            .col-sm-11-12 { width: 91.6667%; }
                            .col-sm-1, .col-sm-1-1, .col-sm-12-12 { width: 100%; } }

@media screen and (min-width: 48em) { .col-md-1, .col-md-1-1, .col-md-1-2, .col-md-1-3, .col-md-2-3, .col-md-1-4, .col-md-3-4, .col-md-1-6, .col-md-5-6, .col-md-1-12, .col-md-2-12, .col-md-3-12, .col-md-4-12, .col-md-5-12, .col-md-6-12, .col-md-7-12, .col-md-8-12, .col-md-9-12, .col-md-10-12, .col-md-11-12, .col-md-12-12 { display: block; float: left; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
                                      .col-md-1-12 { width: 8.3333%; }
                                      .col-md-1-6, .col-md-2-12 { width: 16.6667%; }
                                      .col-md-1-4, .col-md-3-12 { width: 25%; }
                                      .col-md-1-3, .col-md-4-12 { width: 33.3333%; }
                                      .col-md-5-12 { width: 41.6667%; }
                                      .col-md-1-2, .col-md-6-12 { width: 50%; }
                                      .col-md-7-12 { width: 58.3333%; }
                                      .col-md-2-3, .col-md-8-12 { width: 66.6667%; }
                                      .col-md-3-4, .col-md-9-12 { width: 75%; }
                                      .col-md-5-6, .col-md-10-12 { width: 83.3333%; }
                                      .col-md-11-12 { width: 91.6667%; }
                                      .col-md-1, .col-md-1-1, .col-md-12-12 { width: 100%; } }

@media screen and (min-width: 64em) { .col-lg-1, .col-lg-1-1, .col-lg-1-2, .col-lg-1-3, .col-lg-2-3, .col-lg-1-4, .col-lg-3-4, .col-lg-1-6, .col-lg-5-6, .col-lg-1-12, .col-lg-2-12, .col-lg-3-12, .col-lg-4-12, .col-lg-5-12, .col-lg-6-12, .col-lg-7-12, .col-lg-8-12, .col-lg-9-12, .col-lg-10-12, .col-lg-11-12, .col-lg-12-12 { display: block; float: left; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
                                      .col-lg-1-12 { width: 8.3333%; }
                                      .col-lg-1-6, .col-lg-2-12 { width: 16.6667%; }
                                      .col-lg-1-4, .col-lg-3-12 { width: 25%; }
                                      .col-lg-1-3, .col-lg-4-12 { width: 33.3333%; }
                                      .col-lg-5-12 { width: 41.6667%; }
                                      .col-lg-1-2, .col-lg-6-12 { width: 50%; }
                                      .col-lg-7-12 { width: 58.3333%; }
                                      .col-lg-2-3, .col-lg-8-12 { width: 66.6667%; }
                                      .col-lg-3-4, .col-lg-9-12 { width: 75%; }
                                      .col-lg-5-6, .col-lg-10-12 { width: 83.3333%; }
                                      .col-lg-11-12 { width: 91.6667%; }
                                      .col-lg-1, .col-lg-1-1, .col-lg-12-12 { width: 100%; } }

@media screen and (min-width: 80em) { .col-xl-1, .col-xl-1-1, .col-xl-1-2, .col-xl-1-3, .col-xl-2-3, .col-xl-1-4, .col-xl-3-4, .col-xl-1-6, .col-xl-5-6, .col-xl-1-12, .col-xl-2-12, .col-xl-3-12, .col-xl-4-12, .col-xl-5-12, .col-xl-6-12, .col-xl-7-12, .col-xl-8-12, .col-xl-9-12, .col-xl-10-12, .col-xl-11-12, .col-xl-12-12 { display: block; float: left; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
                                      .col-xl-1-12 { width: 8.3333%; }
                                      .col-xl-1-6, .col-xl-2-12 { width: 16.6667%; }
                                      .col-xl-1-4, .col-xl-3-12 { width: 25%; }
                                      .col-xl-1-3, .col-xl-4-12 { width: 33.3333%; }
                                      .col-xl-5-12 { width: 41.6667%; }
                                      .col-xl-1-2, .col-xl-6-12 { width: 50%; }
                                      .col-xl-7-12 { width: 58.3333%; }
                                      .col-xl-2-3, .col-xl-8-12 { width: 66.6667%; }
                                      .col-xl-3-4, .col-xl-9-12 { width: 75%; }
                                      .col-xl-5-6, .col-xl-10-12 { width: 83.3333%; }
                                      .col-xl-11-12 { width: 91.6667%; }
                                      .col-xl-1, .col-xl-1-1, .col-xl-12-12 { width: 100%; } }

.slick-slide { position: relative; }
.slick-slide { visibility: hidden; }
.slick-slide.slick-active { visibility: visible; }

.featured-carousel .slick-slide img { width: 100%; }

.slideCaption { position: absolute; top: auto; bottom: 15%; left: 50%; max-width: 36em; height: auto; z-index: 10; padding: 1em 2em; text-align: left; }

.slideCaption .h3 { color: #ffffff; }

.slideCaption .link { color: #ffffff; }

.slideCaption .link:hover, .slideCaption .link:foucs { text-decoration: underline; }

.slideCaption .event-header, .slideCaption .meta { display: block; }

@media (min-width: 768px) { .slideCaption .event-header { margin-bottom: 1em; }
                            .slideCaption .meta { width: 50%; float: left; } }

@media (min-width: 1024px) { .slideCaption .event-header, .slideCaption .meta, .slideCaption .event-header { width: 55%; }
                             .slideCaption .meta { width: 15%; } }

.feature-caption { position: relative; margin-top: 35px; }

.feature-caption:before { content: ""; position: absolute; top: -10px; width: 58%; height: 1px; background: #fff; }

.slick-dots { text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; cursor: default; user-select: none; }

.slick-dots li { position: relative; display: inline-block; width: 15px; height: 15px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; border-radius: 50%; background-color: #fff; background-color: rgba(255, 255, 255, 0.3); transition: transform 0.3s ease, background-color 0.3s ease; }

.slick-dots .slick-active button { transform: scale(1.25); background: transparent; border: 2px solid #ffffff; }

.slick-next { right: 25px; }

.slick-prev { left: 25px; }

.slick-prev, .slick-next { font-size: 0; line-height: 0; width: 0; height: 0; position: absolute; top: 50%; display: block; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; outline: none; border: none; border-radius: 20%; background: transparent; z-index: 11; }

.slick-arrow:focus { outline: none; }

.slick-next { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 9px solid #ffffff; }

.slick-prev { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 9px solid #ffffff; }

.search-form { display: table; }

.search-form > label, .search-form .search-submit { display: table-cell; width: 100%; }

.search-form .search-field { display: block; width: 100%; border: 0px solid transparent; }

/* WordPress Gallery
------------------------------------------ */
.gallery { margin-left: -0.5em; margin-right: -0.5em; }

.gallery:after { display: table; content: ""; clear: both; }

.gallery-item { margin: 0; float: left; padding: 0.5em; }

.gallery-item img { width: 100%; }

.gallery-columns-1 .gallery-item { width: 100%; float: none; }

.gallery-columns-2 .gallery-item { width: 50%; }

.gallery-columns-3 .gallery-item { width: 33.3333%; }

.gallery-columns-4 .gallery-item { width: 25%; }

.gallery-columns-5 .gallery-item { width: 20%; }

.gallery-columns-6 .gallery-item { width: 16.6667%; }

.gallery-columns-7 .gallery-item { width: 14.2857%; }

.gallery-columns-8 .gallery-item { width: 12.5%; }

.gallery-columns-9 .gallery-item { width: 11.1111%; }

.gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(7n+1), .gallery-columns-8 .gallery-item:nth-child(8n+1), .gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: left; }

.event-header .h1, .event-header .h2 { line-height: 1.15; margin-bottom: 0; }

.event-showDate, .event-presentedby, .event-supportingacts { margin: 0; }

.upcoming-events-list { list-style: none; margin: 0; padding: 0; }

.upcoming-events-list .event { margin-bottom: 0.5em; padding-bottom: 0.5em; }

.upcoming-events-list .btn, .upcoming-events-list .event-btn { float: right; font-size: 1em; margin-left: 0.5em; }

.event-preview { position: relative; background: #ffffff; padding: 1em 0; }

.event-preview .event-thumb { display: block; }

@media (min-width: 320px) { .event-preview .event-thumb { width: 64%; margin-bottom: 1em; } }

@media (min-width: 320px) { .event-preview { overflow: hidden; }
                            .event-preview .event-thumb { float: left; width: 45%; margin-right: 1em; }
                            .event-preview .event-details { overflow: hidden; } }

@media (min-width: 768px) { .event-preview .event-thumb { width: 32%; } }

.single-tm_event .share-this { margin-bottom: 1em; }

.single-tm_event .event-showdate, .single-tm_event .event-doortime, .single-tm_event .event-showtime, .single-tm_event .event-price { margin: 0; }

.single-tm_event .event-showDate { margin-bottom: 0.5em; }

.single-tm_event .event-info { margin-bottom: 1em; }

.single-tm_event .event-btn { padding-left: 2em; padding-right: 2em; }

.event-details p { margin: 0; }

@media (max-width: 767px) { .event-showDate, .event-presentedby { font-weight: 700; }
                            .event-header, .event-info { text-align: center; }
                            .event .size-full { margin: 0; width: auto; max-width: 100%; } }

@media (max-width: 768px) { .event-info, .mks_ads_widget, .social-share { text-align: center; } }

@media (max-width: 768px) { .back-to-archive { text-align: center; margin-top: 1em; } }

@media (min-width: 769px) { .back-to-archive { float: right; }
                            .social-share { float: left; margin-top: .75em; } }

.social-share__option { color: black; padding: .5em; }

/* Email */
.widget_tm_newsletter { background: #24558d; padding: 20px 10px; }

.widget_tm_newsletter h2 { font-size: 30px; color: #fff; margin: 0; margin-bottom: 15px; }

.widget_tm_newsletter button { background: #fced61; font-size: 24px; font-weight: 700; padding: 3px 0; width: 100%; }

.widget_tm_newsletter input { font-size: 14px; height: auto; border: 0; border-radius: 0; padding: 10px 10px; }

.widget_tm_newsletter .form-group { margin: 0; }

.widget_tm_newsletter .col-lg-8 { padding: 0; }


.featuredPages { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 4rem 0 6rem; }

.featuredPages__item { width: 33.333%; width: calc(100% / 3); padding: 1rem; }

@media (max-width: 768px) { .featuredPages__item { width: auto; margin: auto; } }

.featuredPage__image { display: block; width: 100%; }

@media (min-width: 769px) { .featuredPage__image { padding-bottom: 30px; } }

.featuredPage__text { display: block; width: 100%; height: auto; padding: 0.25rem; background: #f6a71d; text-align: center; font-weight: 700; text-transform: uppercase; color: #ffffff; font-size: 24px; letter-spacing: 2px; }

@media (min-width: 769px) { .featuredPage__text { position: absolute; bottom: 0; left: 0; } }

.post-type-archive .site-main { padding-top: 2em; }

.archiveList--tiled { display: flex; }

.archiveList--tiled .event, .archiveList--tiled .item { flex: 0 0 50%; background: #9dc9dc; }

.archiveList--tm_event { display: flex; flex-wrap: wrap; }

.archiveList--tm_event .event { padding: 1em; margin: auto; }

.event__thumb { overflow: hidden; }
.event__thumb .preview_thumb { margin: 0; }
.size-listing-image { display: block; width: 100%; }
.size-class-thumb { display: block; min-width: 100%; }
@media (max-width: 768px) { .archiveList--tm_event .event__thumb { display: block; }
                            .archiveList--tm_event .preview_thumb { display: block; width: 100%; } }

@media (min-width: 992px) { .archiveList--tm_event .event__thumb .size-listing-image { position: absolute; min-width: 100%; min-height: 100%; width: auto; } }
@media (min-width: 992px) { .size-class-thumb { position: absolute; min-width: 100%; min-height: 100%; width: auto; top: 0; left: 0; } }

@media (min-width: 769px) { .archiveList--tm_event .event { float: left; width: 50%; display: table; }
                            .archiveList--tm_event .event__thumb, .archiveList--tm_event .event__body { display: table-cell; vertical-align: top; }
                            .archiveList--tm_event .event__thumb { position: relative; width: 33%; }
                            .archiveList--tm_event .preview_thumb { display: block; position: absolute; min-height: 100%; } }

.archiveList--tm_event .event__body { padding: 1em; background: #9dc9dc; color: #ffffff; text-align: center; }

.archiveList--tm_event .event-showDate { font-size: 1rem; border-bottom: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding-bottom: 0.5em; margin-bottom: 0.5em; }

.archiveList--tm_event .event-title { color: #ffffff; line-height: 1.2; margin-bottom: 0.5em; }

.archiveList--tm_event .event-presentedby { border-bottom: 1px solid #ffffff; padding-bottom: 0.5em; margin-bottom: 0.5em; }

.day_of_week .h1 { display: block; text-align: center; margin: 90px 0 10px; text-transform: uppercase; font-size: 40px; }

.class_selection { display: none; margin: 0.5em auto 1rem; background: #405c72; color: #ffffff; font-size: 1.25em; font-weight: 700; text-transform: uppercase; border: none; padding: 0.25em; }

@media (max-width: 767px) { .day_of_week .h1 { display: none; }
                            .class_selection { display: block; }
                            .day_of_week { text-align: center; display: none; } }
.day_of_week.active { display: block; }

@media (min-width: 769px) { .day_of_week { margin-top: 3rem; } }

.archiveList--classes { display: flex; flex-wrap: wrap; justify-content: center; }

.archiveList--classes .class { flex: 1 1 50%; }

.archiveList--classes .class-dateRange, .archiveList--classes .class-timeSlot { font-weight: 100; }

.archiveList--classes .class-dateRange, .archiveList--classes .class-timeSlot, .archiveList--classes .class-title { margin: 0; }

.class-timeSlot, .class-ages, .class-instructor { margin-bottom: 0; font-weight: bold; }

.archiveList--classes .class__figure { position: relative; overflow: hidden; }

.archiveList--classes .class__thumb { display: block; }

.archiveList--classes .class__body { position: relative; padding: 1em; background: #9dc9dc; color: #ffffff; }

.archiveList--classes .class-signup { position: absolute; top: 50%; right: -25px; z-index: 10; transform: translateY(-50%); }

.archiveList--classes .signup-icon { display: block; background-image: url("../img/signup-icon.png"); background-repeat: no-repeat; height: 50px; width: 50px; border: 2px solid #9dc9dc; border-radius: 50%; background-position: center; background-size: 50px; }

@media (min-width: 768px) { .archiveList--classes .class { display: table; width: 50%; padding: 1em; min-height: 11rem; min-width: 580px; }
                            .archiveList--classes .class__figure, .archiveList--classes .class__body { vertical-align: middle; display: table-cell; }
                            .archiveList--classes .class__thumb { width: auto; height: auto; position: absolute; top: 0; left: 0; min-height: 100%; min-width: 100%; }
                            .archiveList--classes .class__figure { width: 40%; }
                            .post-type-archive-class .page-title { position: absolute; bottom: 20px; left: 0; width: 100%; color: #ffffff; font-size: 5em; text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); }
                            .post-type-archive-class .slick-slider { margin-top: 6rem; margin-bottom: 6rem;} }

@media (max-width: 767px) { .archiveList--classes .class { display: block; min-width: 60%; max-width: 480px; margin: 0 auto 2em; }
                            .archiveList--classes .class__figure, .archiveList--classes .class__body { vertical-align: middle; display: block; }
                            .archiveList--classes .class__thumb { width: 100%; }
                            .archiveList--classes .archiveList--classes .class__figure, .archiveList--classes .archiveList--classes .class__thumb { width: 100%; }
                            .archiveList--classes .class-signup { position: absolute; top: auto; right: 50%; bottom: -40px; left: auto; z-index: 10; transform: translateY(-50%); }
                            .post-type-archive-class .slick-slider { margin-top: 3rem; margin-bottom: 3rem;} }

.widget_sidebar { margin-top: 2rem; }
.post-type-archive-class .page-header { position: relative; }
.post-type-archive-class .site-main { padding-top: 0; }
.single-class .class-dateRange, .single-class .class-pretitle, .single-class .class-posttitle { margin: 0; }

.class-info { margin-bottom: 1rem; }

.class-info .btn { margin-top: 1em; }

@media (max-width: 767px) { .single-class .class { text-align: center; }
                            .classes-carousel { display: none; }
                            .single-class .class-info { padding-bottom: 1em; } }

.archiveList--homepage { display: flex; flex-wrap: wrap; }

.archiveList--homepage .event { text-align: center; color: #ffffff; background: #9dc9dc; font-size: .85em; min-width: 16em; margin: 1em; flex: 1 1 calc(100% / 3 - 6em); }

.archiveList--homepage .event-title { color: #ffffff; font-size: 1.9rem; }

.archiveList--homepage .event__body { padding: 1em; }

.archiveList--homepage .preview_thumb { width: 100%; }

.archiveList--homepage .event-showDate { margin-bottom: 15px; font-size: 1.4em; font-weight: 100; }

/* Single page */
.single-page { margin: 15px 0; position: relative; }

.mks_ads_widget .h3 { display: none; }

.mks_adswidget_ul { display: block; list-style: none; margin: 0; padding: 0; }

/* Dynamically Generated & Inserted // 7. Themes @import 'themes/default'; */

/*ADJUSTMENTS*/

.nav-menu--primary .menu-link {
    font-size: 16px;
}
.event-info__title { display: none; }
.nav-menu--secondary .menu-item {
    vertical-align: middle;
}

.nav-menu--secondary .menu-link {
    font-size: 12px;
}

.social_menu {
    font-size: 20px;
    margin-bottom: 3px;
    margin-right:15px;
}

.logo {
    padding: 1em 0;
}

.site-main {
    padding-bottom: 5em;
}

.btn, .event-btn {
    padding: 0.4em 3em;
}

.archiveList--homepage .event {
    margin:1rem;
}

.archiveList--classes h3.class-title {
    font-size:28px;
}

.archiveList--classes .class__body {
    padding: 3em 1em;
    font-size: 18px;
}

.site-footer {
    padding: 2rem 1rem;
    font-size: 12px;
}

.site-footer .widget {
    font-size: 16px;
    font-weight: 600;
}

.site-footer .container {
    padding:60px 0;
    text-align: center;
}

.site-footer .container p {
    line-height: 1.5;
    display: inline-block;
    text-align: -webkit-left;
    vertical-align: middle;
}

.site-footer .container .alignleft {
    display: inline-block;
    float: none;
    vertical-align: middle;
}

.site-footer .widget_nav_menu h3 {
    margin-bottom:0;
}

.site-footer .social_menu a::before {
    padding:0 1em 0 0;
}

.site-footer .btn-newsletter {
    padding: 0 10px;
}

.sponsor-carousel .slick-slide {
    transform: scale(0.5, 0.5);
    transition: all .5s ease-in-out;
    margin-top: 1em;
}
.sponsor-carousel .slick-center {
    transform: scale(1, 1);
}


.sponsor-carousel .slick-arrow {
    border-color: #405c72;
}
.sponsor-carousel .slick-prev {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.sponsor-carousel .slick-next {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.slick-dots li button {
    width: 20px;
    height: 20px;
    background: #ffffff;
}
.slick-dots li.slick-active button {
    width: 16px;
    height: 16px;
}
.featured-carousel .slick-arrow { border: none; }
.featured-carousel .slick-arrow {
    display: block;
    font-size: 64px;
    transform: scale(1,1.5);
    color: #ffffff;
    height: 84px;
    width: .5em;
    line-height: 1;
}

.featured-carousel .slick-prev {text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.45);}
.featured-carousel .slick-next {text-shadow: -2px 1px 1px rgba(0, 0, 0, 0.45);}
.featured-carousel .slick-arrow:hover, .featured-carousel .slick-arrow:active, .featured-carousel .slick-arrow:focus, { color: #efefef; }



.pagination {
    width: 100%;
    text-align: center;
}

.preview { overflow: hidden;
           margin-bottom: 1.5em;
           border-bottom: 1px solid #ccc;
           padding-bottom: 1em; }
.preview_thumb {
    display: block;
    float: left;
    margin-right: 1em;
}
.preview_body {

}
.listing-image { width: 100%; }

.accordion {
    padding-left: 1em;
}
.accordion .fa {
    transform: rotate(0deg);
    transition: transform .15s linear;
    margin-left: -.5em;
    margin-right: .25em;
}
[data-a11y-toggle] { cursor: pointer; }
[data-a11y-toggle]:not([aria-controls]), [aria-expanded='false'] + [aria-hidden='true'] { display: none; }
[aria-expanded='true'] .fa { transform: rotate(90deg); }

#info-bar {
    width: 100%;
    color: #ffffff;
    background: #c50000;
    padding: 10px 0;
    z-index: 1030;
    min-height: 38px;
    text-align: left;
    top: 38px;
}
.info-bar__status {
    border-right: 1px solid #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 1em;
    margin-right: 1em;
}
.info-bar__message {
}
#info-bar p { margin: 0; }
#info-bar a { color: #000; }
#info-bar a:hover,
#info-bar a:focus { color: #fff; }

@media(min-width: 1024px) {
    #info-bar {
        position: fixed;
        top: 0;
    }
    .has-info-bar #header {  }
    .has-info-bar .site-header {  }
    .admin-bar #info-bar { top: 32px; }

    .info-bar__status {
        padding-left: 2em;
    }
}
@media (max-width: 768px) {
    .info-bar__close-btn {
        position: absolute;
        top: 4em;
        right: 1em;
    }
}





.single-tm_event .event-btn { margin-bottom: 1em; }

@media(max-width: 560px) {
    .alignright, .alignleft {
        margin: auto;
        display: block;
        float: none;
        padding: 1em 0;
        text-align: center;
    }
}

.blog .h1 { margin-bottom: 1em; }

.u-display--none { display: none; }


.home section .h5 { font-size:26px; font-weight: 700; letter-spacing: 2px; margin: 60px 0 0px; }
.post-type-archive-tm_event .archiveList--tm_event .event-title { font-size: 1.4rem; }
.post-type-archive-tm_event .page-header h1 { margin: 30px auto; text-transform: uppercase; text-align: center; }

.archiveList--post .preview_thumb {
    max-width: 240px;
}
@media (max-width: 768px) { .preview_thumb { float: none; margin-right: auto; margin-left: auto; } }
.site-header.expanded { display: block !important; }


.newsletter-modal {
    position: relative;
    background: #000;
    padding: 30px;
    width: auto;
    max-width: 1060px;
    margin: 20px auto;
}

.newsletter-modal .mfp-close {
    color: #fff;
    opacity: 1;
}

.newsletter-modal iframe {
    display: block;
    width: 100%;
}


.site-header #menu-close {
    z-index: 9999;
}

.site-header .logos-bar {
    max-width: 75%;
    float: right;
}

.site-header .logos-bar > img {
    margin: 12px auto;
    width: 810px;
    max-width: 100%;
    display: block;
}

.site-header .logos-bar > .logos {
    margin: 0 -5px;
}

.site-header .logos-bar > .logos > div {
    float: left;
    width: 33.333333%;
    padding: 0 5px;
    min-height: 1px;
}

.site-header .logos-bar > .logos > div >img {
    display: block;
    max-width: 80%;
    margin-bottom: 14px;
}

#header .logo img:nth-child(2) {
    display: none;
}

.logos-bar-mobile {
    display: none;
}

@media (min-width: 992px) {
    .site-header .nav-menu--primary {
        margin-top: 30px;
    }

    .site-header .logo {
        position: absolute;
    }

    .site-header .logo__image {
        height: 175px;
    }
}

@media (max-width: 767px) {
    #header .logo {
        margin-left: -20px;
        margin-right: -20px;
        background: #fff;
        margin-bottom: 30px;
        padding: 0 50px;
    }

    #header .logo img:nth-child(1) {
        display: none;
    }

    #header .logo img:nth-child(2) {
        display: block;
    }

    #header .WrapperLink:not(.mobil-logo) .logo__image {
        margin: 0 auto;
        width: auto;
    }

    .site-header .logos-bar {
        display: none;
    }
    /*.site-header .logos-bar {
        max-width: 100%;
        float: none;
        padding-bottom: 15px;
    }

    .site-header .logos-bar > img {
        margin: 10px 0;
    }

    .site-header .logos-bar > .logos {
        background: #fff;
    }*/

    .logos-bar-mobile {
        display: block;
        padding-bottom: .5em;
    }

    .logos-bar-mobile > .logos {
        margin: 0 -5px;
    }

    .logos-bar-mobile > .logos > div {
        float: left;
        width: 33.333333%;
        padding: 0 5px;
        min-height: 1px;
    }

    .logos-bar-mobile > .logos > div >img {
        display: block;
        max-width: 80%;
        margin: 0 auto;
    }
}