/*   
Theme Name: EDify
Description: EDify site
Author: Odvod Media
Version: 1
*/

/* default
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}									

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

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {width: 100%; height:auto}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color:#666; text-decoration:none; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
a > span { transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
a:hover{ text-decoration:underline}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

h1,h2,h3,h4,h5,h6{ font-weight:400}

hr {display: block; height: 1px; border: 0; border-top: 2px solid #000; margin: 1em 0; padding: 0;}
hr.one { border-top-width: 1px; }
hr.light { border-color: #ebecef; }

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, b, th {font-weight: 400; font-family: 'MacklinSans-Medium', sans-serif;}
em, i { font-family: 'MacklinSans-LightItalic', sans-serif; }
strong > em, strong > i, b > em, b > i { font-family: 'MacklinSans-MediumItalic', sans-serif; }

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
/*.clearfix { zoom: 1; }  */

.clear { clear: both; }

.hide { display: none !important; }

img { display: block; /*transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s;*/ }

.show-right:before { position: relative; left: 100%; display: block; width: 100%; float: left; margin: 0 0 0 -100%; }

.left { float: left !important; }
.middle { float: none !important; }
.right { float: right !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.ab-right { position: absolute !important; right: 0; }
.ab-bottom { position: absolute !important; bottom: 0; }

.align-center { margin-left: auto; margin-right: auto; }

.normalcase { text-transform: none !important; }
.uppercase { text-transform: uppercase !important; }

.transition { text-decoration:none; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }

.book::after { position: relative; display: block; width: 20px; content: url("images/book.svg"); margin-left: 5px; }
.play::after { position: relative; display: block; width: 20px; content: url("images/play.svg"); margin-left: 5px; }
.winner::after { position: relative; display: inline-block; width: 16px; content: url("images/winner.svg"); }

/*** site defaults ***/

html, BODY { height: 100%; }
BODY { background: #fff; font-family: 'MacklinSans-Light', sans-serif; font-weight: 400; font-size: 18px; color: #2c333a; text-align: center; overflow-wrap: break-word; }
BODY.scroll { padding-top: 66px; }


h1, h2, h3, h4, h5 { position: relative; margin: 0 0 25px; padding: 30px 0 0; line-height: 1.2; font-family: 'MacklinSans-Bold', sans-serif; color: #000; font-weight: 400; font-style: normal; text-transform: uppercase; z-index: 10; }
div > h1:first-child, div > h2:first-child, div > h3:first-child, div > h4:first-child, div > h5:first-child, p + h1, p + h2, p + h3, p + h4, p + h5 { padding-top: 0; }
p:last-child + h1, p:last-of-type + h1, p:last-child + h2, p:last-of-type + h2, p:last-child + h3, p:last-of-type + h3, p:last-child + h4, p:last-of-type + h4, p:last-child + h5, p:last-of-type + h5 { padding-top: 35px; }
iframe { position: relative !important; }

h1 { font-size: 58px; margin: 0 0 0; line-height: 1.1; text-transform: none; }
h2 { font-size: 30px; line-height: 36px; letter-spacing: 2px; color: #2c333a; }
h3 { font-size: 40px; font-family: 'MacklinSans-ExtraBold', sans-serif; color: #000; }
h4 { font-size: 32px; font-family: 'MacklinSans-Light', sans-serif; color: #000; }

h3 > em, h3 > i { font-family: 'MacklinSans-ExtraBoldItalic', sans-serif; }

.content h1 { letter-spacing: 1.3px; }
.content h2 { font-size: 40px; font-family: 'MacklinSans-ExtraLight', sans-serif; letter-spacing: 1.3px; line-height: 1; color: #000; margin-bottom: 0; text-transform: none; }
.content h3 { font-size: 20px; font-family: 'MacklinSans-Medium', sans-serif; letter-spacing: 1.3px; color: #000; margin-bottom: 5px; text-transform: none; }
.content h2 + p, .content h2 + ul, .content h2 + ol { padding-top: 25px; }
.content h3 + p { padding-top: 10px; }
.content h3 + ul, .content h3 + ol { padding-top: 25px; }
.content p + iframe, .content h2 + iframe, .content p + div, .content h2 + div { margin-top: 25px !important; }
.content p + div.social-sharing { margin-top: 0 !important; }
.content h3 + iframe { margin-top: 10px; }
.social-sharing + h2 { padding-top: 0; }
.content-side h4, .box-poll h4 { font-size: 24px; font-family: 'MacklinSans-Medium', sans-serif; padding-top: 0; margin-bottom: 20px; color: #000; letter-spacing: 1px; }
.content-side h5, .box-poll h5 { font-size: 14px; font-family: 'MacklinSans-Black', sans-serif; padding-top: 0; margin-bottom: 0; color: #b8c0c8; letter-spacing: 1px; }

.home h1 { font-size: 64px; font-family: 'MacklinSans-ExtraBold', sans-serif; text-transform: uppercase; padding-top: 5px; padding-bottom: 10px; color: #fff;; }
.archive h1, .home h3, .has-banner h1, .has-banner h2.page-title, h2.title, h2.section-title, h3.section-title, .search h1 { position: relative; font-size: 40px; font-family: 'MacklinSans-ExtraBold', sans-serif; text-transform: uppercase; z-index: 30; letter-spacing: 1.3px; }
.archive h1.archive-title, h1.archive-title { font-family: 'MacklinSans-Bold', sans-serif; font-size: 68px; text-transform: none; }
h3.subtitle { position: relative; font-size: 14px; font-family: 'MacklinSans-ExtraBold', sans-serif; text-transform: uppercase; color: #b8c0c8; z-index: 30; }
h1.light, h2.light, h3.light { color: #fff; }
h2.title { padding-top: 0; }

.image-wrapper + h1, .image-wrapper + h2, .image-wrapper + h3, .image-wrapper + h4, .image-wrapper + h5 { padding-top: 10px; }

a { color: #b8c0c8; color: #8c99a6; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }

p { padding: 0 0 35px; margin: 0; line-height: 1.5; text-overflow: ellipsis; }
p:last-child, p:last-of-type { padding-bottom: 0; }
p > a, p > span > a, p > em > a { color: #000; text-decoration: underline; }
p > a:hover, p > span > a:hover, p > em > a:hover { color: #2c333a; text-decoration: underline; }
p:last-child + .image-wrapper, p:last-of-type + .image-wrapper, .wp-video + p { padding-top: 35px; }
iframe { margin: 0 0 35px !important; }
iframe:last-child, iframe:last-of-type { margin-bottom: 0 !important; }

ul, ol { margin: -20px 0 30px 15px; padding: 0; list-style-type: disc; }
ol { list-style-type: decimal; }
li { margin: 0 0 15px 15px; padding: 0 0 0 5px; }
ul:last-child, ul:last-of-type, ol:last-child, ol:last-of-type { margin-bottom: 0; }
li:last-child, li:last-of-type { margin-bottom: 0; }
li > ul, li > ol { margin-top: 0; margin-left: 0; padding-top: 10px; }
ul + p, ol + p, .image-wrapper + ul, .image-wrapper + ol, iframe + p { padding-top: 30px; }
p:last-child + ul, p:last-of-type + ul, p:last-child + ol, p:last-of-type + ol { margin: 0; padding: 20px 0 0; }

.svg object { filter: invert(0%) sepia(5%) saturate(7482%) hue-rotate(261deg) brightness(106%) contrast(106%); }
.svg.light object { filter: invert(100%) sepia(41%) saturate(2%) hue-rotate(345deg) brightness(109%) contrast(101%); }

.size13 { font-size: 13px !important; }
.size14 { font-size: 14px !important; }
.size15 { font-size: 15px !important; }
.size16 { font-size: 16px !important; }
.size18 { font-size: 18px !important; }
.size20 { font-size: 20px !important; }
.size22 { font-size: 22px !important; }
.size24 { font-size: 24px !important; }
.size26 { font-size: 26px !important; }
.size28 { font-size: 28px !important; }
.size30 { font-size: 30px !important; }
.size32 { font-size: 32px !important; }
.size36 { font-size: 36px !important; }
.size40 { font-size: 40px !important; }
.size68 { font-size: 68px !important; }
.size72 { font-size: 72px !important; }

.maxHeight-20 { max-height: 20px; }
.maxHeight-30 { max-height: 30px; }
.maxHeight-40 { max-height: 40px; }
.maxHeight-50 { max-height: 50px; }
.maxHeight-60 { max-height: 60px; }
.maxHeight-70 { max-height: 70px; }

.letter-spacing { letter-spacing: 1.3px !important; }

.weightExtraLight { font-family: 'MacklinSans-ExtraLight', sans-serif; }
.weightRegular { font-family: 'MacklinSans-Regular', sans-serif; }
.weightMedium { font-family: 'MacklinSans-Medium', sans-serif; }
.weightBold { font-family: 'MacklinSans-Bold', sans-serif; }
.weightExtraBold { font-family: 'MacklinSans-ExtraBold', sans-serif !important; }
.weightBlack { font-family: 'MacklinSans-Black', sans-serif; }

.weightExtraLight em, .weightExtraLight i { font-family: 'MacklinSans-ExtraLightIt', sans-serif; }
.weightMedium em, .weightMedium i { font-family: 'MacklinSans-MediumItalic', sans-serif; }
.weightBold em, .weightBold i { font-family: 'MacklinSlab-BoldItalic', sans-serif; }
.weightExtraBold em, .weightExtraBold i { font-family: 'MacklinSans-ExtraBoldIt', sans-serif !important; }
.weightBlack em, .weightBlack i { font-family: 'MacklinSans-BlackItalic', sans-serif; }

.error { color: #cc0000; }

.border-shadow { -webkit-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.2); overflow: hidden; }
.box-shadow { -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.4); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.4); overflow: hidden; }
.no-margin-top { margin-top: 0 !important; }
.no-margin-left { margin-left: 0 !important; }
.no-side-spacing { padding-left: 0 !important; padding-right: 0 !important; }
.margin-top { margin-top: 25px !important; }
.margin-top-x2 { margin-top: 50px !important; }
.spacing-bottom { margin-bottom: 25px !important; }
.spacing-bottom-x2 { margin-bottom: 50px !important; }
.spacing-bottom-x3 { margin-bottom: 75px !important; }
.no-spacing-top { padding-top: 0 !important; }
.no-padding-bottom { padding-bottom: 0 !important; }
.no-spacing-bottom { margin-bottom: 0 !important; }
.col-spacing { padding-left: 20px !important; padding-right: 20px !important; }
.col-spacing-x3 { padding-left: 60px !important; padding-right: 60px !important; }
.unlist ul, .unlist ol, .unlist li { margin: 0; padding: 0; list-style-type: none; }

.padding-top { padding-top: 25px !important; }
.padding-top-x2 { padding-top: 50px !important; }
.padding-top-x3 { padding-top: 75px !important; }
.padding-bottom { padding-bottom: 25px !important; }
.padding-bottom-x2 { padding-bottom: 50px !important; }
.padding-bottom-x3 { padding-bottom: 75px !important; }

.wrap { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; }
.max { min-width: 0 !important; max-width: none !important; width: 100% !important; }

.rows { position: relative; display: block; width: 100%; text-align: center; padding: 0 0; box-sizing: border-box; -moz-box-sizing: border-box; }
.rows .row { position: relative; display: block; margin: 0 auto 25px; box-sizing: border-box; -moz-box-sizing: border-box; }
.rows .row:last-of-type { margin-bottom: 0; }

.cols { position: relative; display: block; margin: 0 0 25px -25px; }
.cols.no-spacing-left { margin-left: 0 !important; }
.cols.spacing-left-x2 { margin-left: -50px !important; }
.cols.spacing-left-x3 { margin-left: -75px !important; }
.cols.spacing-left-x4 { margin-left: -100px !important; }
.cols.spacing-top-x2 { margin-top: -50px !important; }
.cols.spacing-top-x3 { margin-top: -75px !important; }
.cols.flex, .flex-box { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.cols:last-of-type { margin-bottom: 0; }
.cols.flex.middle, .flex-box.middle { -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.cols.flex.bottom { -ms-flex-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; -o-align-items: baseline; align-items: baseline; }
.col { position: relative; display: block; width: 100%; float: left; padding: 0 0 0 25px; box-sizing: border-box; -moz-box-sizing: border-box; }
.cols-auto .col { width: auto; }
.cols-x2-3 .col, .col.col-x2-3 { width: 66.666% !important; }
.cols-x2 .col { width: 50% !important; }
.cols-x3 .col, .col.col-x3 { width: 33.333% !important; }
.cols-x4 .col { width: 25% !important; }
.cols-x2 .col:nth-child(2n+1) { clear: both; }
.cols-x3 .col:nth-child(3n+1) { clear: both; }
.cols-x4 .col:nth-child(4n+1) { clear: both; }
.spacing-left .col { padding-left: 25px !important; }
.spacing-left-x2 .col, .col.spacing-left-x2 { padding-left: 50px !important; }
.spacing-left-x3 .col, .col.spacing-left-x3 { padding-left: 75px !important; }
.spacing-left-x4 .col, .col.spacing-left-x4 { padding-left: 100px !important; }
.spacing-right .col { padding-right: 25px !important; }
.spacing-right-x2 .col, .col.spacing-right-x2 { padding-right: 50px !important; }
.spacing-right-x3 .col, .col.spacing-right-x3 { padding-right: 75px !important; }
.spacing-right-x4 .col, .col.spacing-right-x4 { padding-right: 100px !important; }
.cols.flex .col { -webkit-flex: 0 1 50%; -moz-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; }
.cols.flex.flex-auto .col { width: auto; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; }
.col.col-auto { width: auto; }
.col.col-ad { display: none; }

.content-top p { font-size: 20px; line-height: 1.4; }


.cols.grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto auto; gap: 75px 75px; margin-left: 0; margin-bottom: 0; grid-auto-rows: minmax(min-content, max-content); grid-template-areas: "col-1 col-2 col-3" "col-4 col-5 col-6"; }
.cols.grid.grid-x2 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 75px 75px; grid-template-areas: "col-1 col-2" "col-3 col-4"; }
.cols.cols-2-3-3-3-3.grid { grid-template-areas: "col-1 col-1 col-2" "col-3 col-4 col-5"; }
.cols.cols-3-2-3-3-3.grid { grid-template-areas: "col-1 col-2 col-2" "col-3 col-4 col-5"; }

.cols.cols-3-3-3-3-2-3-3-3.grid { grid-template-areas: "col-1 col-2 col-3" "col-4 col-5 col-5" "col-6 col-7 col-8"; }
.cols.cols-3-3-3-2-3-3-3-3.grid { grid-template-areas: "col-1 col-2 col-3" "col-4 col-4 col-5" "col-6 col-7 col-8"; }

.cols.related-featured.grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-template-areas: "col-1 col-2"; }
.cols.related-featured.related-featured-alt.grid { grid-template-rows: 1fr auto; grid-template-areas: "col-1 col-2"; }

.cols.related-featured.related-awards.grid { grid-template-columns: 1fr; grid-template-rows: 1fr; grid-template-areas: "col-1"; }
.cols.related-featured.related-awards.related-featured-alt.grid { grid-template-rows: 1fr; grid-template-areas: "col-1"; }

.cols.cols-2-basic.grid { grid-template-areas: "col-1 col-2"; gap: 0 0; grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
.cols.cols-2-auto.grid { grid-template-areas: none; gap: 75px 75px; grid-template-columns: 1fr 1fr; grid-template-rows: auto; }


.cols.cols-3-2-3.grid { grid-template-areas: "col-1 col-2 col-3" "col-4 col-4 col-5" "col-6 col-7 col-8"; }
.cols.grid .col { padding-left: 0 !important; float: none; width: 100%; }
.cols.grid .col-1 { grid-area: col-1; }
.cols.grid .col-2 { grid-area: col-2; }
.cols.grid .col-3 { grid-area: col-3; }
.cols.grid .col-4 { grid-area: col-4; }
.cols.grid .col-5 { grid-area: col-5; }
.cols.grid .col-6 { grid-area: col-6; }
.cols.grid .col-7 { grid-area: col-7; }
.cols.grid .col-8 { grid-area: col-8; }
.cols.grid .col-9 { grid-area: col-9; }
.cols.grid .col-ad { grid-area: col-ad; }

.cols.grid.gap-x1 { gap: 25px 75px; }
.cols.grid.gap-x2 { gap: 50px 75px; }


.cols.grid .col { width: 100% !important; padding-left: 0 !important; }
.cols.grid .col .inner { padding-top: 0 !important; height: 100%; }
.cols.grid .col .inner a, .article-box a { position: relative; height: 100%; display: grid; grid-template-columns: 1fr; grid-template-rows: auto 1fr auto; gap: 0; grid-auto-rows: minmax(min-content, max-content); grid-template-areas: "image" "details" "more"; }
.cols.grid .col .inner a .wrap.image, .article-box a .wrap.image { grid-area: image; }
.cols.grid .col .inner a .wrap.image img, .article-box a .wrap.image img { border: 1px solid #e9ecef; box-sizing: border-box; -moz-box-sizing: border-box; }
.cols.grid .col .inner a .wrap.details, .article-box a .wrap.details { grid-area: details; }
.cols.grid .col .inner a .wrap.more, .article-box a .wrap.more { grid-area: more; }
.cols.grid .col .inner a .wrap.expand, .article-box a .wrap.expand { display: none; grid-area: expand; }

.home .cols.grid.related-featured .col.related-main .inner a .wrap.image img { height: 625px; width: auto; }
.home .cols.grid.related-featured .col.related-thumbs .inner a .wrap.image img { height: 240px; width: auto; }

.cols.grid .col.col-x2-3 .inner a { grid-template-columns: 65% 35%; grid-template-rows: 1fr auto; grid-template-areas: "image details" "image more"; }
.cols.grid .col.col-x2-3.wrap-right .inner a { grid-template-columns: 35% 65%; grid-template-areas: "details image" "more image"; }
.cols.grid .col.col-x2-3 a .wrap.image, .related-articles.grid .related-thumbs a .wrap.image { width: 100%; }
.cols.grid .col.col-x2-3 a .wrap.details, .cols.grid .col.col-x2-3 a .wrap.more, .related-articles.grid .related-thumbs a .wrap.details, .related-articles.grid .related-thumbs a .wrap.more { width: 100%; }
.cols.grid .col.col-x2-3 a .wrap.more .read-more { margin-bottom: 0; }
.related-articles.grid .related-thumbs a .wrap.more { padding-left: 0; }

.cols.related-featured.grid .related-thumbs .inner a { grid-template-columns: 41.25% 58.75%; grid-template-rows: 1fr auto; grid-template-areas: "image details" "more more"; }
.cols.related-featured.grid .related-thumbs .inner a.reverse { grid-template-columns: 58.75% 41.25%; grid-template-areas: "details image" "more more"; }
.cols.related-featured.grid .related-thumbs .inner a.reverse .text-right { text-align: left !important; }
.cols.related-featured.grid .related-thumbs .col-2.inner, .cols.related-featured.grid .related-thumbs .col-3.inner { padding-top: 50px !important; }
.cols.related-featured.grid .related-thumbs .inner.padding-top-x2 { padding-top: 50px !important; }

.cols.grid + .button { padding-top: 0; }



.cols.grid.grid-layout { grid-template-columns: 1fr; grid-template-rows: auto; gap: 40px 40px; grid-template-areas: ""; }
.cols.grid.grid-layout.cols-x2 { grid-template-columns: 1fr 1fr; }
.cols.grid.grid-layout.cols-x2.cols-split { grid-template-columns: 1fr auto 1fr; }
.cols.grid.grid-layout .col .inner a { display: block; }
.cols.grid.grid-layout .col .inner { position: relative; height: 100%; display: grid; grid-template-columns: 1fr; gap: 0; grid-auto-rows: minmax(min-content, max-content); }
.cols.grid.grid-layout .col .inner .wrap.title { grid-area: title; }
.cols.grid.grid-layout .col .inner .wrap.subtitle { grid-area: subtitle; }
.cols.grid.grid-layout .col .inner .wrap.content { grid-area: content; }
.cols.grid.grid-layout .col .inner .wrap.button { grid-area: button; }


.rows .row.content-sidebar .cols { margin-left: 0; }
.rows .row.content-sidebar .col.col-1 { width: 61.54%; padding-left: 0; }
.rows .row.content-sidebar .col.col-2 { width: 25.64%; min-width: 300px; max-width: 300px; padding-left: 0; float: right; }
.sidebar-empty .rows .row.content-sidebar .col.col-2 { min-width: 0; max-width: none; }
.rows .row.content-sidebar.content-width .col.col-1 { width: 73.12%; }
.rows .row.content-sidebar.universal-width .col.col-1 { width: 72.22%; }
.rows .row.content-sidebar .col.col-1 .col.col-1 { width: auto; }
.rows .row.content-sidebar .col.col-1 .col.col-2 { width: auto; min-width: auto; float: left; min-width: 0; max-width: none; }
/*.rows .row.content-sidebar .col.col-2 > div:last-child { margin-bottom: 0 !important; }*/
.rows .row.content-sidebar .content-side-image { position: absolute; top: -75px; }
.rows .row.content-sidebar.reverse .col.col-1 { float: right; }
.rows .row.content-sidebar.reverse .col.col-2 { float: left; }
/*1170  585   485
.rows .row.content-sidebar.related-featured .col.col-1 { width: 61.54%; padding-left: 0; }
.rows .row.content-sidebar.related-featured .col.col-2 { width: 25.64%; min-width: 300px; max-width: 300px; padding-left: 0; float: right; }*/

.buttons { position: relative; display: block; margin-top: -30px; }
.button { display: inline-block; margin-left: 15px; margin-right: 15px; padding-top: 30px; }
.button:first-of-type, .button.button-single { margin-left: 0; }
.button:last-of-type, .button.button-single { margin-right: 0; }
.button a { display: block; padding: 15px 30px; min-width: 260px; text-align: center; text-decoration: none; background: rgba(0, 0, 0, 0); color: #fff !important; border: 1px solid #fff; letter-spacing: 1.2px; text-transform: uppercase; box-sizing: border-box; -moz-box-sizing: border-box; font-family: 'MacklinSans-Bold', sans-serif; font-size: 15px; }
.button a:hover, .button.active a { background: #fff; color: #000 !important; border-color: #fff; text-decoration: none !important; font-family: 'MacklinSans-Bold', sans-serif; }
.button.dark a { color: #000 !important; border-color: #000; }
.button.dark a:hover, .button.dark.active a { color: #fff !important; border-color: #000; background: #000; }
.button.reverse a { color: #000 !important; border-color: #fff; background: #fff; font-family: 'MacklinSans-Bold', sans-serif; }
.button.reverse a:hover, .button.reverse.active a { color: #fff !important; border-color: #fff; background: rgba(255, 255, 255, 0); }
.button.dark.alt a { color: #fff !important; border-color: #000; background: #000; font-family: 'MacklinSans-Bold', sans-serif; }
.button.dark.alt a:hover, .button.dark.alt.active a { color: #000 !important; background: #fff; }
.button span.icon { padding-left: 10px; }
.button span.icon.icon-arrow { position: relative; top: -2px; display: inline-block; padding-left: 5px; font-size: 10px; }
.button span.icon.icon-arrow.invert { padding-left: 0; padding-right: 5px; -ms-transform: rotate(180deg); transform: rotate(180deg); }
.button.dark a:hover .button-icon, .button.dark.active a .button-icon { filter: invert(100%) sepia(0%) saturate(2974%) hue-rotate(135deg) brightness(116%) contrast(103%); }

.social-media { position: relative; display: block; float: left; }
.social-media li { display: block; float: left; }
.social-media li a { display: block; padding: 18px 10px 12px; color: #b8c0c8; letter-spacing: 1px; font-size: 15px; }
.social-media li a:hover { color: #000; }

.ads { display: none; }
.ad-wrapper { position: relative; display: block; background: #f5f5f5; text-align: center; overflow: hidden; }
.ad-wrapper::before, .ad-wrapper::after { position: relative; display: block; padding: 5px 0; content: "Advertisement"; text-transform: uppercase; font-size: 12px; color: #8c99a6; font-family: 'MacklinSans-ExtraLight', sans-serif; text-align: center; }
.ad-wrapper::after { padding-top: 2px; }
.ad-wrapper a, .ad-wrapper .ad-inner { display: inline-block; margin: 0 auto; }
.ad-wrapper img { margin: 0 auto; max-width: 100%; }
.ad-wrapper.adscript img { width: auto !important; }
.ad-wrapper.adscript a img { width: 100% !important; }
.ad-wrapper iframe { overflow: hidden; }
.ad-wrapper .ad-impression img { width: 1px !important; height: 1px !important; max-width: none !important; }

.image-wrapper { position: relative; display: block; }
.image-wrapper .image { position: relative; display: block; }
.image-wrapper .image .image-wrap { position: relative; display: block; background: #2c333a url("images/pattern.png"); border: 1px solid #e9ecef; max-height: 750px; overflow: hidden; }
.image-wrapper .image .image-description, .image-wrapper .image .image-caption, .gallery-caption .image-description, .gallery-caption .image-caption { position: relative; display: block; padding-top: 10px; color: #708090; }
.image-wrapper:last-child { margin-bottom: 0 !important; }

.social-sharing { position: relative; display: block; }
.social-sharing ul { display: inline-block; border: 1px solid #b8c0c8; }
.social-sharing li { float: left; border-right: 1px solid #b8c0c8; }
.social-sharing li:last-of-type { border-right: none; }
.social-sharing li a { display: block; width: 56px; height: 56px; color: #b8c0c8; background: #fff; line-height: 56px; text-align: center; }
.social-sharing li a:hover { color: #fff; background: #000; }

.tag-list { position: relative; display: block; }
.tag-list li { float: left; margin: 0 25px 0 0; padding-top: 25px; }
.tag-list li:last-of-type { margin-right: 0; }
.tag-list li a { display: block; color: #2c333a; background: #f5f5f5; padding: 8px 12px; }
.tag-list li a:hover { color: #fff; background: #000; }

.background .row { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; background-color: #000; }
.background.background-top .row { background-position: center top; }
.background.background-bottom .row { background-position: center bottom; }
.background .row::after, .background .banner-image::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; background: #000; opacity: .5; }
.background .cols { min-height: 280px; }
.background .col { z-index: 99; flex: 0 1 auto !important; }
.background .col.post-width { margin: 0 auto; text-align: left; max-width: 1290px; padding-left: 0; }
.background .col.post-width h1 { font-family: 'MacklinSans-ExtraLight', sans-serif !important; }
.background.background-top.sub-categories h4 { font-family: 'MacklinSans-ExtraLight', sans-serif; letter-spacing: 1.3px; }
.background h4 .pt_splitter { display: inline; font-family: 'MacklinDisplay-Regular', sans-serif; }

.sub-categories h4, .sub-categories a { color: #fff; }
.subcat-wrapper { position: relative; display: block; }
.subcat-wrapper a:hover, .subcat-wrapper a.current { color: #b8c0c8; }
.subcat-wrapper span.subcat-row { position: relative; display: block; }
.subcat-wrapper span.subcat-row-2 { padding-top: 15px; }
.subcat-wrapper span.subcat-row span::after { position: relative; content: '|'; padding-left: 10px; margin-right: 10px; color: #fff; }
.subcat-wrapper span.subcat-row span:last-of-type::after { display: none; }

.navigation { position: absolute; top: 0; display: block; width: 50px; height: 100%; text-align: center; z-index: 99; }
.navigation.large { width: 100px; }
.navigation.navigation-left { left: 0; }
.navigation.navigation-right { right: 0; }
.navigation a, .navigation > span { color: #fff; font-size: 28px; width: 100%; height: 100%; background: rgb(17,18,24); background: linear-gradient(90deg, rgba(17,18,24,.8) 0%, rgba(17,18,24,0) 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; cursor: pointer; }
.navigation.large a, .navigation.large > span { font-size: 50px; }
.navigation a span { display: block; width: 100%; }
.navigation.navigation-right a, .navigation.navigation-right > span { background: linear-gradient(90deg, rgba(17,18,24,0) 0%, rgba(17,18,24,.8) 100%); }
.navigation a:hover, .navigation > span:hover  { color: #d1d6dc; background: linear-gradient(90deg, rgba(17,18,24,0) 100%, rgba(17,18,24,.8) 0%); }
.navigation span span { width: 100%; }

ul.slick-dots { position: absolute; display: none !important; bottom: 15px; right: 10px; margin: 0; padding: 0; }
ul.slick-dots li { display: inline; list-style-type: none; margin: 0 5px; padding: 0; }
ul.slick-dots li button { overflow: hidden; height: 10px; width: 10px; background: rgba(255, 255, 255, .25); border: none; color: rgba(255, 255, 255, .25); font-size: 1px; padding: 0; margin: 0; border-radius: 10px; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
ul.slick-dots li button:hover, ul.slick-dots li.slick-active button { background: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); }

.view-all { position: relative; display: block; text-align: center; z-index: 120; }
.view-all a { display: block; width: 100%; padding: 10px 0; color: #fff; letter-spacing: 1px; text-transform: uppercase; }
.view-all a:hover { color: #d1d6dc; }
.view-all .icon-th::before { font-size: 30px; margin-bottom: 5px; }
.gallery-wrapper { opacity: 0; }
.gallery-wrapper-top .view-all { position: absolute; bottom: 0; left: 0; width: 100px; }
.gallery-wrapper-bottom .view-all { float: right; }
.gallery-wrapper-bottom .view-all .icon-th::before { font-size: 14px; margin-bottom: 0; margin-right: 5px; }
.gallery-wrapper-bottom .button.view-all a { min-width: 190px; padding-top: 20px; padding-bottom: 20px; }

.background.banner { z-index: 30; }
.background.banner .row { display: none; }
.background.banner .row.row-1 { display: block; }
.background.banner .title-image { position: relative; display: block; text-align: center; }
.background.banner .title-image img { margin: 0 auto; }

.side-box { position: relative; display: block; max-width: 300px; margin-left: auto; margin-right: auto; }
.side-box .side-box-content { position: relative; display: block; }
.side-box .side-box-content.temp { min-height: 300px; background: #ccc; }
.side-box .side-box-content p { line-height: 1.4; }
.side-box .side-box-content a { color: #d1d6dc; text-decoration: none; }
.side-box .side-box-content a:hover { color: #fff; text-decoration: none; }
.side-box .side-box-content p.disclaimer-text { line-height: 1.2; }

.thumbnail-wrapper { position: relative; display: block; overflow-y: scroll; }
.thumbnail-wrapper .inner { position: relative; display: block; margin: -25px 0 0 -25px; }
.thumbnail-wrapper .inner > div { position: relative; display: block; width: 33.333%; padding: 25px 0 0 25px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.thumbnail-wrapper .inner a { position: relative; display: block; }
.thumbnail-wrapper .inner a:after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0); z-index: 10; text-decoration:none; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.thumbnail-wrapper .inner a:hover:after, .thumbnail-wrapper .inner a.active:after { background: rgba(0, 0, 0, .25); }

img.vertical { width: auto; height: 750px; margin-left: auto; margin-right: auto; }
img.horizontal { width: auto; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; }
img.square { width: 100%; height: auto; max-height: 750px; max-width: 750px; margin-left: auto; margin-right: auto; }

.banner-width { margin-left: auto; margin-right: auto; }
.content-width { max-width: 1596px; width: 100%; }
.post-width { max-width: 1270px; }
.post-width-contracted { max-width: 1230px; }
.post-width-expanded { max-width: 1310px; }
.universal-width { max-width: 1620px; }

.style-light { color: #fff !important; background-color: #000 !important; }
.style-dark { color: #000 !important; background-color: #fff !important; }
.style-light h4 { color: #fff !important; }
.style-dark h4 { color: #000 !important; }

span.break { display: block !important; margin: 0 !important; padding: 0 !important; }

iframe.instagram-media { min-width: 280px !important; }

.form .cols { margin: 0 0 20px -20px !important; }
.form .cols.no-spacing-bottom { margin-bottom: 0 !important; }
.form .cols .col { padding-left: 20px !important; }
.form .cols.cols-1 .col { width: 100% !important; }
.form .cols.cols-2 .col { width: 50% !important; }
.form .cols.cols-3 .col { width: 33.33% !important; }
.form .cols.cols-2_3 .col.col-1 { width: 66.66% !important; }
.form .cols.cols-2_3 .col.col-2 { width: 33.33% !important; }

.checkmark { position: relative; display: block; border: 3px solid #000; height: 24px; width: 24px; font-size: 16px; line-height: 26px; }
.checkmark.circle { border-radius: 24px; }
.checkmark .icon { opacity: 0; color: #000; }
.checkmark.checked .icon { opacity: 1; }
.checkmark.light { border-color: #FFFFFF; }
.checkmark.light .icon { color: #FFFFFF; }

.plus { position: relative; display: block; height: 15px; width: 15px; }
.plus::before { position: absolute; top: 50%; left: 0; display: block; height: 3px; width: 16px; background: #000; content: ''; margin: -1px 0 0 0; }
.plus::after { position: absolute; top: 0; left: 50%; display: block; height: 16px; width: 3px; background: #000; content: ''; margin: 0 0 0 -1px; -webkit-animation: plus 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: plus 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }
.plus.minus::after { -webkit-animation: minus 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: minus 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }
.plus.light::before { background: #fff; }
.plus.light::after { background: #fff; }
@-webkit-keyframes plus {
  0% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes plus {
  0% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes minus {
  0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(0); transform: scale(0); }
}
@keyframes minus {
  0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(0); transform: scale(0); }
}

img.lazy.loading { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); z-index: 10; }

.banner-top::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 312px; content: ''; background: #000; z-index: 1; }

.section-wrapper.header-line { top: -20px; }
.section-wrapper.header-line > hr { margin-top: 0; margin-bottom: 40px; }

/*** site styles ***/

#flyout-menu, #side-menu { position: fixed; left: 0; top: 0; display: none; width: 100%; height: 100%; padding: 0; background: #000000; text-align: left; overflow: auto; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 9999999; }
#flyout-menu .menu, #side-menu .menu { position: relative; display: inline-block; padding: 0; margin: 0; float: left; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
#flyout-menu .menu li, #side-menu .menu li { margin: 0; padding: 0; list-style-type: none; }

#flyout-menu #flyout-menu-top, #side-menu #flyout-menu-top, #search-wrapper #search-menu-top { position: fixed; top: 0; display: block; width: 100%; background: #000; z-index: 999999; }
#flyout-menu #flyout-menu-top .middle { display: inline-block; padding-top: 6px; margin-bottom: -6px; overflow: hidden; float: left !important;
padding-left: 0; }

#flyout-menu #flyout-menu-top .menu-top, #side-menu #flyout-menu-top .menu-top { position: relative; display: block; float: left; }
#flyout-menu #flyout-menu-top .menu-top .menu li a, #side-menu #flyout-menu-top .menu-top .menu li a { display: inline-block; max-height: 51px; padding: 14px 20px 17px; font-size: 20px; box-sizing: border-box; -moz-box-sizing: border-box; font-family: 'MacklinSans-Bold', sans-serif; color: #fff; }
#flyout-menu #flyout-menu-top .menu-top .menu li a:hover, #side-menu #flyout-menu-top .menu-top .menu li a:hover { background: #fff; color: #8c99a6; }
#flyout-menu #flyout-menu-top .middle .logo { display: inline-block; width: 90px; margin: 0 15px; }

#flyout-menu #flyout-menu-top .search { position: relative; display: block; float: right; margin-left: 5px; }
#flyout-menu #flyout-menu-top .search a { display: block; padding: 17px 20px 16px 20px; color: #fff; letter-spacing: 1px; font-size: 15px; }
#flyout-menu #flyout-menu-top .search a:hover { background: #fff; color: #8c99a6; }

#flyout-menu #flyout-menu-main, #flyout-menu #flyout-menu-sub, #side-menu #flyout-menu-main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 60px 0 40px; background: #000; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 80; text-align: center; }

#flyout-menu #flyout-menu-main ul, #side-menu #flyout-menu-main ul { position: relative; display: block; float: none; list-style-type: none; }
#flyout-menu #flyout-menu-main ul ul, #side-menu #flyout-menu-main ul ul { display: none; }
#flyout-menu #flyout-menu-main li, #side-menu #flyout-menu-main li { display: block; text-align: center; border-bottom: 1px solid #21262c; padding-left: 0; }
#flyout-menu #flyout-menu-main li a, #side-menu #flyout-menu-main li a { display: block; padding: 20px 0; font-family: 'MacklinSans-Medium', sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 20px; color: #fff; line-height: 1; text-decoration: none; box-sizing: border-box; -moz-box-sizing: border-box; }
#flyout-menu #flyout-menu-main li a:hover, #side-menu #flyout-menu-main li a:hover { color: #000; background: #fff; text-decoration: none; }
#flyout-menu #flyout-menu-main li li a, #side-menu #flyout-menu-main li li a { font-size: 18px; text-transform: none; padding: 8px 20px; }

#flyout-menu #flyout-menu-main .page-menu { padding-top: 10px; }
#flyout-menu #flyout-menu-main .page-menu li, #side-menu #flyout-menu-main .page-menu li { border-bottom: none; }
#flyout-menu #flyout-menu-main .page-menu li a, #side-menu #flyout-menu-main .page-menu li a { color: #8B99A6; font-family: 'MacklinSans-Light', sans-serif; font-size: 15px; padding: 12px 0; letter-spacing: 1.3px; }
#flyout-menu #flyout-menu-main .page-menu li a:hover, #side-menu #flyout-menu-main .page-menu li a:hover { color: #FFF; background: none; }
#flyout-menu #flyout-menu-main .page-menu li.alt, #side-menu #flyout-menu-main .page-menu li.alt { padding-bottom: 20px; }
#flyout-menu #flyout-menu-main .page-menu li.alt a, #side-menu #flyout-menu-main .page-menu li.alt a { border: 1px solid #808080; font-family: 'MacklinSans-Bold', sans-serif; padding: 17px 20px 16px; color: #fff; letter-spacing: 1.3px; }
#flyout-menu #flyout-menu-main .page-menu li.alt a:hover, #side-menu #flyout-menu-main .page-menu li.alt a:hover { background: #fff; color: #000; }

#flyout-menu #flyout-menu-main .social { border-top: 1px solid #21262c; }
#flyout-menu #flyout-menu-main .social .col { text-align: center; }
#flyout-menu #flyout-menu-main .social-media { position: relative; display: inline-block; margin: 0 auto; padding: 0; float: none; }
#flyout-menu #flyout-menu-main .social-media ul { margin: 0; padding: 0; }
#flyout-menu #flyout-menu-main .social-media li { border: none; }
#flyout-menu #flyout-menu-main .social-media li:first-child { margin-left: 0; }
#flyout-menu #flyout-menu-main .social-media li a { font-size: 22px; color: #708090; padding: 0; }
#flyout-menu #flyout-menu-main .social-media li a:hover { color: #fff; background: #000; }

#flyout-menu #flyout-menu-sub { display: none; padding-top: 60px; z-index: 90; text-align: center; }

#side-menu, #side-menu #flyout-menu-top { max-width: 380px; }
#side-menu #flyout-menu-top .menu-top .menu li a:hover { background: none; }
#side-menu #flyout-menu-main { padding-left: 40px; padding-right: 40px; }
#side-menu #flyout-menu-main .page-menu li { text-align: left; }
#side-menu #flyout-menu-main .page-menu li.alt { border-bottom: 1px solid #21262c; margin-bottom: 10px; text-align: center; }

.top-right-links li ul.child, .header-top-mobile li ul.child { position: absolute; display: none; white-space: nowrap; z-index: 99; border: 1px solid #eeeeee; }
.top-right-links li:hover ul.child, .header-top-mobile li:hover ul.child { display: block; }
.top-right-links li ul.child li, .header-top-mobile li ul.child li { width: 100%; text-align: left; }
.top-right-links li ul.child a, .header-top-mobile li ul.child a { padding: 16px 15px 10px; color: #000; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; }
.header-top-mobile li ul.child a .icon-img { display: none; }
.header-top-mobile li ul.child a { color: #fff; }
.top-right-links li ul.child a:hover, .header-top-mobile li ul.child a:hover { color: #000; background: #eeeeee; }

.header-top-mobile { position: relative; z-index: 9999999999; }


.header-static .border-shadow { overflow: visible; }
.header-static .box-shadow { overflow: visible; }


.header-wrapper { position: relative; display: block; width: 100%; background: #fff; overflow: hidden; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; box-sizing: border-box; -moz-box-sizing: border-box; }
#header { position: relative; display: block; width: 100%; padding: 0; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.scroll #header { padding-top: 10px; }

#header .rows.main-row { padding-top: 55px; padding-bottom: 50px; }

#header .logo { position: relative; display: block; margin: 0 auto; padding: 0; width: 195px; z-index: 100; }
#header .fixed-row .logo { display: inline-block; width: 90px; margin: 0 25px; }
#header .logo a { text-decoration: none; color: #000000; line-height: 1; }
#header .logo img { position: relative; display: block; }
#header .logo h2 { text-indent: -9999px; overflow: hidden; font-size: 1px; display: none; }



#header .menu { position: relative; display: inline-block; padding: 0; float: left; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
#header .menu li { position: relative; display: block; list-style-type: none; line-height: 1; float: left; padding-left: 0; }
#header .menu li:last-of-type { padding-right: 0; }
#header .menu li a { position: relative; font-size: 15px; color: #000; font-family: 'MacklinSans-Medium', sans-serif; text-transform: uppercase; letter-spacing: 1.2px; }
#header .menu li > a:hover, #header .menu li:hover > a, #header .menu li.current-menu-item > a, #header .menu li.current-menu-parent > a, #header .menu li.current_page_parent > a, #header .menu li.current-page-ancestor > a, #header .menu li.current-category-ancestor > a { color: #8c99a6; }


#header .menu-top .menu li a { display: block; padding: 18px 15px; background: #fff; font-size: 15px; color: #8c99a6; font-family: 'MacklinSans-Light', sans-serif; }
#header .menu-top .menu li.alt a { background: #000; color: #fff; }
#header .menu-top .menu li a:hover { background: #000; color: #fff; }
#header .menu-top .menu li.alt a:hover { background: #fff; color: #8c99a6; }
#header .menu-top.menu-top-responsive { display: none; float: left; }
#header .menu-top .menu.menu-icon-responsive { display: none; }
#header .menu-top .menu.menu-icon-responsive li a { max-height: 51px; padding-left: 20px; padding-right: 20px; box-sizing: border-box; -moz-box-sizing: border-box; font-size: 13px; font-family: 'MacklinSans-Bold', sans-serif; color: #111218; }

#header .search { position: relative; display: block; float: right; margin-left: 5px; }
#header .search:before { position: absolute; left: 0; display: block; height: 15px; float: left; content: ''; margin: 10px 0; padding: 8px 0; border-left: 1px solid #b8c0c8; letter-spacing: 1px; font-size: 15px; letter-spacing: 1px; height: 15px; }
#header .search a { display: block; padding: 17px 20px 16px 15px; color: #000; letter-spacing: 1px; font-size: 15px; }
#header .search a:hover { color: #8c99a6; }

#header .search form { position: absolute; top: -1px; right: 0; width: 500px; }
.search form .field.inline.submit { margin-right: 0 !important; }
#header .search form .field input[type="submit"] { border-left: none !important; border-right: none !important; }


.flyout { position: relative; display: none; text-align: right; padding: 18px 0 0; z-index: 999999; }
.flyout a.icon-menu { color: #161618; font-size: 24px; line-height: 1; text-decoration: none; }
.flyout a.icon-menu:hover { color: #ee4542; }

#header .main-menu li, #header .fixed-row .menu li { padding-left: 30px; margin-left: 0; margin-bottom: 15px; }
#header .fixed-row .left .menu li, #header .fixed-row .right .menu li { margin-bottom: 0; }
#header .fixed-row .menu li:first-child { padding-left: 0; margin-left: 0; }

#header .fixed-row { position: fixed; top: 0; display: none; opacity: 0; width: 100%; background: #fff; z-index: 9999; }
.admin-bar #header .fixed-row { top: 32px; }
#header .fixed-row .middle { display: inline-block; padding-top: 6px; margin-bottom: -6px; overflow: hidden; }
#header .fixed-row .menu { display: block; float: none; margin: 0; }
#header .fixed-row .middle .menu { display: inline-block; }
#header .fixed-row .middle .menu li { margin-bottom: 10px; }
#header .fixed-row .middle .menu li a { font-family: 'MacklinSans-ExtraLight', sans-serif; }

.menu-flyout .highlight .child li:last-child { margin-bottom: 15px; }



.section-wrapper { position: relative; display: block; width: 100%; /*max-width: 2510px;*/ padding: 0; margin: 0 auto; background: #fff; overflow: hidden; webkit-backface-visibility: hidden; box-sizing: border-box; -moz-box-sizing: border-box; }

.rows .row.breadcrumbs { color: #b8c0c8; font-family: 'MacklinSans-Black', sans-serif; text-transform: uppercase; letter-spacing: 1px; }
.rows .row.breadcrumbs .icon { padding-left: 10px; padding-right: 10px; font-size: 10px; vertical-align: middle; padding-bottom: 2px; }
.rows .row.excerpt { font-family: 'MacklinSans-ExtraLight', sans-serif; color: #000; }
.rows .row.excerpt em { font-family: 'MacklinSans-ExtraLightIt', sans-serif; }
.rows .row.author-date { font-family: 'MacklinSans-ExtraLight', sans-serif; text-transform: uppercase; border-top: 1px solid #d2d6db; letter-spacing: 1.3px; }

.rows.page-top { background: #000; color: #fff; }
.rows.page-top .row.excerpt { color: #fff; }

.content .content-box h3 { letter-spacing: normal; }

.content .content-top + p { padding-top: 30px; }
.content .content-top h1 { font-size: 28px; letter-spacing: .7px; }
.content .content-top h2 { font-size: 28px; padding-top: 25px; letter-spacing: .7px; }
.content .content-top p + h2 { padding-top: 0; }
.content .content-top img { width: auto; max-width: 100%; height: auto; }
.content .content-top img.alignleft { margin-right: 20px; margin-bottom: 20px; float: left; }

.content p + div.content-bottom { margin-top: 0 !important; margin-bottom: 30px; }

.sponsored { text-transform: uppercase; border-top: 1px solid #d2d6db; }
.sponsored img { max-width: 200px; max-height: 100px; width: auto; height: auto; }
.sponsored p { text-transform: none; color: #8c99a6; font-family: 'MacklinSans-LightItalic', sans-serif; padding-top: 15px; }
.sponsored ul { margin: 0; padding: 0; }
.sponsored li { list-style-type: none; margin: 0 0 0 10px; padding: 0; }
.sponsored li:first-child { margin-left: 0; }
.sponsored.sponsored-top .cols { margin-left: 0; }
.sponsored.sponsored-top .col.col-primary { border-left: 1px solid #d2d6db; padding: 0 25px; }
.sponsored.sponsored-top .col.col-primary.col-1 { border-left: none; padding-left: 0; }
.sponsored.sponsored-top .col.col-primary .col-1 { padding-left: 25px; padding-right: 25px; }
.sponsored.sponsored-top .col.col-primary.col-1 .col-1 { padding-left: 0; }

.sponsored.sponsored-top .col.col-primary.sponsors-label-bottom { border-left: none; padding-left: 20px !important; padding-right: 20px !important; }
.sponsored.sponsored-top .sponsors-label-bottom .flex { display: block; }
.sponsored.sponsored-top .sponsors-label-bottom .col-1 { padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; text-align: center !important; }
.sponsored.sponsored-top .sponsors-label-bottom .col-2 { padding-top: 10px; width: 100% !important; text-align: center !important; }
.sponsored.sponsored-top .sponsors-label-bottom ul { display: inline-block; margin-left: auto; margin-right: auto; }

.sponsored.sponsored-bottom { border-top: none; }
.featured-video + .sponsored.sponsored-bottom { padding-top: 25px; }
.sponsored.sponsored-bottom .col.col-1 { width: 100% !important; }
.sponsored.sponsored-bottom ul { display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; justify-content: space-between; align-content: space-around; flex-wrap: wrap; margin-top: -20px; }
.sponsored.sponsored-bottom .flex-col-2 ul { justify-content: flex-start; }
.sponsored.sponsored-bottom li { float: left; -webkit-flex: 0 1 0; -moz-flex: 0 1 0; -ms-flex: 0 1 0; flex: 0 1 0; padding: 20px 0; margin-left: 20px; }
.sponsored.sponsored-bottom li:first-child { margin-left: 0; }
.sponsored.sponsored-bottom li img { max-width: 180px; max-height: 70px; width: auto; height: auto; }

.article-category-link { padding: 0 0 50px; border-bottom: 1px solid #b8c0c8; }
.article-category-link .col-first { width: 47% !important; padding-left: 0; padding-right: 60px; margin-left: 0; }
.article-category-link .col-last { width: 53% !important; padding-left: 0; }
.article-category-link .buttons { margin-top: 0; }
.article-category-link .button { padding-top: 0 !important; display: block; }

p.appears-in, p.disclaimer { color: #8c99a6; font-family: 'MacklinSans-LightItalic', sans-serif; }
p.appears-in a, p.disclaimer a { color: #708090; }
p.appears-in a:hover, p.disclaimer a:hover { color: #708090; }

.gallery-wrapper { position: relative; display: block; }
.gallery-images { position: relative; display: block; max-height: 750px; overflow: hidden; background: #2c333a url("images/pattern.png"); background: #2c333a; border: 1px solid #e9ecef; }
.gallery-images.gallery-images-bottom { border: none; }
.gallery-image { display: none; margin: 0 auto; width: auto; height: 750px; cursor: pointer; }
.gallery-captions { position: relative; display: block; }
.gallery-caption { position: relative; display: none; }
.gallery-image-0, .gallery-caption-0 { display: block; }
.gallery-wrapper-bottom .gallery-images { background: #fff; }
.gallery-wrapper-bottom img.gallery-image { max-height: 300px; width: auto; margin-right: 25px; }

.gallery-images.gallery-images-top .slick-slide img, .gallery-images.gallery-images-popup-full .slick-slide img { max-width: 100%; max-height: 750px; height: auto; width: auto; }
.gallery-wrapper img.vertical.lazy, .gallery-wrapper img.horizontal.lazy { height: 1500px !important; max-height: 750px; }

.gallery-images .slick-slide { position: relative; }

.rows.rows-popup a.icon-cancel { color: #fff; }
.rows.rows-popup a.icon-cancel:hover { color: #708090; }
.rows.rows-popup .row.content-sidebar .col.col-1 { width: 73.37% !important; }
.rows.rows-popup .row.content-sidebar .col.col-2 { min-width: auto; width: 26.63% !important; padding-left: 25px; }

.gallery-view-all-wrapper { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; padding: 30px 50px; background: rgba(17, 18, 24, .9); box-sizing: border-box; -moz-box-sizing: border-box; z-index: -1; }
.gallery-view-all { position: relative; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; opacity: 0; }
.gallery-view-all { color: #708090; }

.gallery-view-all .rows {  }
.gallery-view-all .rows .inner .image-wrap { background: #2c333a; }
.gallery-view-all .rows .content-box img { width: auto; margin: 0 auto; max-height: 750px; }
.gallery-view-all .rows .content-box img.vertical {  }
.gallery-view-all .rows .content-box img.horizontal { height: auto !important; }
.gallery-view-all .rows .content-box img.square { height: auto !important; }

.gallery-view-all .gallery-caption .image-description, .gallery-view-all .gallery-caption .image-caption { background: none; }


.digital-issues, .digital-issues-more { z-index: 99; opacity: 0; }
.digital-issues ul, .digital-issues-more ul { margin: 0; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; }
.digital-issues li, .digital-issues-more li { list-style-type: none; margin: 0; padding: 0; text-align: center; }
.digital-issues li a, .digital-issues-more li a { position: relative; display: block; max-width: 190px; text-align: center; color: #000; margin: 0 auto; }
.digital-issues li a .image { margin-bottom: 10px; }
.digital-issues li.current a .image::after, .digital-issues-more li.current a .image::after { position: absolute; top: 0; left: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; justify-content: center; content: 'Reading\aNow'; text-transform: uppercase; color: #fff; font-size: 14px; line-height: 1.2; padding: 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; white-space: pre-wrap; }
.digital-issues li.current a .image img, .digital-issues-more li.current a .image img { opacity: .35; }
.digital-issues li a .image img { margin: 0 auto; }
.digital-issues .navigation, .digital-issues-more .navigation { width: 30px; }
.digital-issues .navigation.navigation-left, .digital-issues-more .navigation.navigation-left { left: -30px; }
.digital-issues .navigation.navigation-right, .digital-issues-more .navigation.navigation-right { right: -30px; }
.digital-issues .navigation > span, .digital-issues-more .navigation > span { background: none; }
.digital-issues.view-all, .digital-issues-more.view-all { position: absolute; top: -30px; right: 0; margin: 0; padding: 0; }
.digital-issues-more.view-all { top: auto; bottom: 10px; }
.digital-issues.view-all .icon-th::before, .digital-issues-more.view-all .icon-th::before { vertical-align: middle; margin: 0 5px 0 0; font-size: 18px; }
.digital-issues.view-all a, .digital-issues-more.view-all a { border: none; padding: 0; min-width: 0 !important; }
.digital-issues.view-all a:hover, .digital-issues-more.view-all a:hover { background: none; color: #d1d6dc !important; }

.issues-view-all-wrapper.popup-wrapper { display: none; }
.issues-view-all-wrapper .popup { display: block; padding-bottom: 0; }
.digital-issues-all .inner { max-height: calc(100vh - 140px); overflow-y: scroll; }
.digital-issues-all ul { margin: 0; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.digital-issues-all li { list-style-type: none; margin: 0; padding: 0 0 50px; text-align: center; float: left; -webkit-flex: 0 1 25%; -moz-flex: 0 1 25%; -ms-flex: 0 1 25%; flex: 0 1 25%; }
.digital-issues-all li a { position: relative; display: block; max-width: 255px; text-align: center; color: #fff; margin: 0 auto; }
.digital-issues-all li a .image { margin-bottom: 10px; }


.related-articles span, .article-box span { position: relative; display: block; margin-bottom: 10px; }
.related-articles .inner { /*padding-bottom: 5px;*/ border-bottom: 1px solid #d2d6db; margin-bottom: 0; box-sizing: border-box; -moz-box-sizing: border-box; }
.article-box { margin-bottom: 0; box-sizing: border-box; -moz-box-sizing: border-box; }
.article-box a { border-bottom: 1px solid #d2d6db; }
.related-articles a, .article-box a { color: #2c333a; }
.related-articles a .wrap, .article-box { margin-bottom: 0; }
.related-articles a .wrap.image, .article-box a .wrap { overflow: hidden; max-height: 250px; }
.related-articles a img, .article-box a img { border: 1px solid #e9ecef; }
.related-articles a .wrap.image.square, .article-box a .wrap.image.square { max-height: 500px; }
.related-articles a .wrap.image.resize img, .article-box a .wrap.image.resize img { height: 250px; width: auto; /*margin-left: -25%;*/ }
.related-articles a .wrap.image.square.resize img, .article-box a .wrap.image.square.resize img { height: 500px; }
.related-articles a .category, .article-box a .category, .breadcrumbs a { color: #b8c0c8; font-family: 'MacklinSans-ExtraBold', sans-serif; text-transform: uppercase; letter-spacing: 1px; }
.breadcrumbs a:hover { color: #000; }
.related-articles a .title, .article-box a .title { font-family: 'MacklinSans-Medium', sans-serif; }
.related-articles a .description, .article-box a .description { line-height: 1.2; }
.article-box a .more { margin-bottom: 0; }
.related-articles a .read-more, .article-box a .read-more { font-family: 'MacklinSans-Medium', sans-serif; text-transform: uppercase; color: #000; letter-spacing: 1px; }
.related-articles a .read-more span, .article-box a .read-more span, span.button-icon { display: inline-block; margin-left: 5px; font-size: 10px; vertical-align: middle; margin-bottom: 0; padding-bottom: 2px; }
.related-articles a:hover .read-more, .article-box a:hover .read-more { color: #708090; }
.article-box .details { margin-bottom: 25px; }
img.badge-sponsored { width: 102px; height: 102px; margin-left: 20px; }
.related-articles a img.badge-sponsored { position: absolute; bottom: 10px; right: 10px; display: block; border: none !important; margin-left: 0; }

.related-articles a .highlights { position: relative; display: inline-block; float: right; }
.related-articles a .title .highlight-thumb-box-text, .content-event .highlight-thumb-box-text, .related-articles a .category .highlight-thumb-box-text { position: relative; display: inline-block; font-family: 'MacklinSans-Bold', sans-serif; text-transform: uppercase; color: #708090; font-size: 14px; line-height: 1; background: #d1d6dc; padding: 3px 6px; margin: 6px 0 0 0; vertical-align: text-top; letter-spacing: 1.3px; }
.related-articles a .category .highlight-thumb-box-text { margin-top: 0; font-size: 12px; }
.related-articles a .title .highlight-thumb-box-text, .content-event .highlight-thumb-box-text + .highlight-thumb-box-text, .related-articles a .category .highlight-thumb-box-text { margin-left: 15px; }


.related-articles .col-x2-3 .inner { padding-bottom: 0; border: none; }
.related-articles .col-x2-3 a .wrap.image { width: 65%; float: left; margin-bottom: 0 !important; max-height: none; }
.related-articles .col-x2-3 a .wrap.details, .related-articles .col-x2-3 a .wrap.more { width: 35%; float: right; padding-left: 25px; }
.related-articles .col-x2-3 a .read-more {  padding-bottom: 5px; border-bottom: 1px solid #d2d6db; padding-bottom: 12px; }
.related-articles .col-x2-3.wrap-right a .wrap.image { float: right; }
.related-articles .col-x2-3.wrap-right a .wrap.details, .related-articles .col-x2-3.wrap-right a .wrap.more { padding-left: 0; padding-right: 25px; float: left; }

.related-articles .related-main a .wrap.image { max-height: 625px; }
.related-articles .related-thumbs .inner { padding-bottom: 0; border: none; }
.related-articles .related-thumbs a .wrap.image { width: 41.25%; float: left; margin-bottom: 0 !important; max-height: none; }
.related-articles .related-thumbs a .wrap.details, .related-articles .related-thumbs a .wrap.more { width: 58.75%; float: right; padding-left: 25px; }
.related-articles .related-thumbs a.reverse .wrap.details, .related-articles .related-thumbs a.reverse .wrap.more { padding-left: 0; padding-right: 25px; }
.related-articles .related-thumbs a .read-more { border-bottom: 1px solid #d2d6db; padding-bottom: 12px; margin-bottom: 0; letter-spacing: 1px; }

.related-articles .related-main a .wrap.image.full { max-height: none; }
.related-articles .related-thumbs.related-alt a .wrap.image { max-height: 200px; }
.related-articles .related-thumbs.related-alt .details .inner { display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto 1fr auto; gap: 0; grid-auto-rows: minmax(min-content, max-content); grid-template-areas: "category" "title" "description" "more"; }
.related-articles .related-thumbs.related-alt .details .inner .category { grid-area: category; }
.related-articles .related-thumbs.related-alt .details .inner .title { grid-area: title; }
.related-articles .related-thumbs.related-alt .details .inner .description { grid-area: description; }
.related-articles .related-thumbs.related-alt .details .inner .more { grid-area: more; }

.related-articles.related-awards .related-thumbs.related-alt .details .inner { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr auto; gap: 0; grid-auto-rows: minmax(min-content, max-content); grid-template-areas: "innercontent" "more"; }
.related-articles.related-awards .related-thumbs.related-alt .details .inner .inner-content { grid-area: innercontent; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.related-articles.related-awards .related-thumbs.related-alt .details .inner .inner-content-inner { margin-bottom: 0; position: relative; display: block; width: 100%; }
.related-articles.related-awards .related-thumbs.related-alt a.reverse { text-align: right; }
.related-articles.related-awards .related-thumbs.related-alt a .wrap.image { max-height: 300px; }
.related-articles.related-awards .related-thumbs.related-alt .details .inner h2 { margin-bottom: 5px; }
.cols.related-featured.grid.related-awards .related-thumbs .inner a.reverse .text-right { text-align: right !important; }

.related-articles.related-events a .wrap.image { height: 300px; background: #d2d7dc; }
.related-articles.related-events a .wrap.image.horiz { display: grid; align-content: center; }
.related-articles.related-events a .wrap.image .event-image { height: 100%; width: auto; margin: 0 auto; }
.related-articles.related-events a .wrap.image .event-image.horiz { height: auto; width: 100%; }

.background.banner-home .row::after, .background .banner-image::after { background: #000; opacity: .5; z-index: 8; }
.background.banner-home .cols, .background.banner-home .col { height: 100%; }
.background.banner-home .row .outer-wrap { position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 10; }
.background.banner-home .row .wrap { margin: 0 auto; color: #fff; padding: 25px 0; }
.background.banner-home .article-content .inner { max-width: 640px; }
.background.banner-home .article-content .inner .category { text-transform: uppercase; letter-spacing: 1px; }
.background.banner-home .article-caption .image-description { font-family: 'MacklinSans-ExtraLight', sans-serif; text-transform: uppercase; padding-bottom: 5px; }
.background.banner-home .article-caption .image-caption { font-family: 'MacklinSans-ExtraLightIt', sans-serif; }
.background.banner-home .row .wrap.banner-image { padding: 0; z-index: 5; opacity: 0; }
.background.banner-home .row .wrap.banner-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; text-align: center; z-index: 5; }
.background.banner-home .row .wrap.banner-video .video-wrapper { width: auto; height: 100%; padding-top: 0; }
.background.banner-home .row .wrap.banner-video .video-wrapper video { width: 100%; height: 100%; }
.background.banner-home .row .wrap.banner-video.full-screen .video-wrapper video { width: calc(100vw - 40px); height: auto; }
.background.banner-home .row.featured { height: calc(100vh - 242px); min-height: 400px; }
.background.banner-home .featured-video { text-shadow: 1px 1px 1px rgba(0,0,0,0.4); }
.background.banner-home .featured-video .button.reverse a { text-shadow: 1px 1px 1px rgba(0,0,0,0.0); -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); }
.background.banner-home .featured-video .button.reverse a:hover { text-shadow: 1px 1px 1px rgba(0,0,0,0.3); }

.button.load-more { display: block; }
.button.load-more.active .icon:before, .icon.active:before { -webkit-animation:spin 1s linear infinite; -moz-animation:spin 1s linear infinite; animation:spin 1s linear infinite; }
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.search-spin.icon.active { margin-left: 30px; }

.load { position: fixed; top: 0; left: 0; display: grid; width: 100%; height: 100%; align-content: center; color: #fff; z-index: -1; }
.load.load-overlay { background: rgba(17, 18, 24, .9); z-index: 999; }
.load::before { margin: 0 auto !important; }

.single .add-content .load { position: absolute; color: #000; }
.single .add-content .load.load-overlay { background: rgba(255, 255, 255, .9); z-index: 999; }

.age-popup-wrapper, .popup-wrapper, .search-wrapper, .popup-site-wrapper { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; padding: 30px 50px; background: rgba(17, 18, 24, .9); box-sizing: border-box; -moz-box-sizing: border-box; z-index: 9999999; }
.popup-wrapper { display: none; z-index: 1; }
.age-popup, .popup, .search-popup, .popup-site { position: relative; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; color: #fff; }
.age-popup h2, .search-popup h2, .popup-site h2 { color: #fff; font-family: 'MacklinSans-Bold', sans-serif; }
.popup-window-box { display: none; }
.popup-window-box .rows-popup { max-height: calc(100% - 30px); margin-left: auto; margin-right: auto; }
.popup-window-box .rows-popup .row-2 { max-height: calc(100vh - 160px); overflow-y: auto; }
.popup-window-box iframe { width: 100%; height: calc(100vh - 150px); border: 0; }
.search-wrapper a.icon-cancel, .popup-site-wrapper a.icon-cancel { position: absolute; top: 20px; right: 20px; color: #fff; }
.search-wrapper a.icon-cancel:hover, .popup-site-wrapper a.icon-cancel:hover { color: #708090; }
.popup-site .rows-popup { max-height: calc(100vh - 120px); overflow-y: auto; }
.popup-site .buttons { margin-top: 10px; }

.popup-site-wrapper.dark { background: rgba(255, 255, 255, .9); }
.dark .popup-site h2, .dark .popup-site, .dark.popup-site-wrapper a.icon-cancel { color: #2c333a; }
.dark.popup-site-wrapper a.icon-cancel:hover { color: #708090; }

.cols.grid.newsletter-list { grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; gap: 0 50px; grid-template-areas: "col-1 col-2 col-3"; }
.cols.grid.newsletter-list .col { height: 377px; }
.cols.grid.newsletter-list .col .inner { position: relative; display: block; background-repeat: no-repeat; background-size: auto 100%; background-position: center top; z-index: 10; }
.cols.grid.newsletter-list .col .inner::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; background: #000; opacity: .5; z-index: 8; text-decoration:none; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.cols.grid.newsletter-list .col .inner:hover::after { opacity: .8; }
.cols.grid.newsletter-list .col .inner a { grid-template-rows: 155px 1fr 70px; z-index: 20; }
.cols.grid.newsletter-list .col .inner a .image { display: flex; align-items: center; }
.cols.grid.newsletter-list .col .inner a .image object { max-height: 80px; }
.cols.grid.newsletter-list .col.half .inner a .image object { max-height: 40px; }
.cols.grid.newsletter-list .col .inner a .details { max-width: 255px; margin-left: auto; margin-right: auto; color: #fff; }
.cols.grid.newsletter-list .col .inner a .more { display: flex; align-items: center; color: #fff; }

.cols.grid.pickup-locations { grid-template-columns: 39.787% 1fr; grid-template-rows: calc(100vh - 51px); gap: 0 50px; grid-template-areas: "col-1 col-2"; }
.cols.grid.pickup-locations .col.col-main { position: relative; height: 100%; display: grid; grid-template-columns: 1fr; gap: 0; grid-auto-rows: minmax(min-content, max-content); }
.cols.grid.pickup-locations .col .wrap.title { grid-area: title; margin-bottom: 15px; }
.cols.grid.pickup-locations .col .wrap.title h1 { margin-bottom: 10px; }
.cols.grid.pickup-locations .col .wrap.fields { grid-area: fields; }
.cols.grid.pickup-locations .col .wrap.list { grid-area: list; overflow-y: scroll; }
.cols.grid.pickup-locations .col .wrap.map { grid-area: map; }
.cols.grid.pickup-locations .col .ad-wrapper { grid-area: ad; }
.cols.grid.pickup-locations .col .ad-wrapper img { width: 100% !important; height: auto !important; }

.cols.grid.pickup-locations .col.col-1.col-main { grid-template-rows: auto auto 1fr; grid-template-areas: "title" "fields" "list"; }
.cols.grid.pickup-locations .col.col-2.col-main { grid-template-rows: 1fr auto; grid-template-areas: "map" "ad"; }


.locations ul { list-style-type: none; margin: 0; padding: 0; }
.locations li { list-style-type: none; margin: 0; padding: 0; }
.locations li.loc { border-bottom: 1px solid #d1d6dc; color: #8c99a6; display: grid; padding: 10px 15px; grid-template-columns: auto 1fr auto; grid-template-rows: auto; gap: 0 15px; grid-template-areas: "icon name distance"; grid-auto-rows: minmax(min-content, max-content); cursor: pointer; overflow: hidden; pointer-events: visible; }
.locations li.loc:hover { background: #f5f5f5; }
.locations li.loc .wrap.icon { grid-area: icon; pointer-events: none; }
.locations li.loc .wrap.name { grid-area: name; pointer-events: none; }
.locations li.loc .wrap.name .title { text-transform: capitalize; }
.locations li.loc .wrap.distance { grid-area: distance; white-space: nowrap; pointer-events: none; }
.locations li.loc .wrap.links { grid-area: links; display: none; font-family: 'MacklinSans-Medium', sans-serif; }
.locations li.loc .wrap.links a { color: #000; }
.locations li.loc .wrap.links a:hover { color: #708090; }
.locations li.loc .wrap.links a::after { position: relative; display: inline-block; content: '|'; color: #8c99a6; margin: 0 10px; }
.locations li.loc .wrap.links a:last-child::after { display: none; }
.locations li.loc .wrap.links a .icon { position: relative; top: -1px; display: inline-block; font-size: 10px; line-height: 1; }
.locations li.loc .wrap.address { display: none; font-size: 20px; }
.locations li.loc .wrap.hours { display: none; padding-top: 20px; }
.locations li.loc .wrap.hours .hours-current { display: grid; grid-template-columns: 110px 190px auto; grid-template-rows: auto; gap: 0 15px; grid-template-areas: "status time icon"; grid-auto-rows: minmax(min-content, max-content); }
.locations li.loc .wrap.hours ul { display: none; padding-top: 5px; }
.locations li.loc .wrap.hours ul li { padding-top: 2px; display: grid; grid-template-columns: 110px 190px; grid-template-rows: auto; gap: 0 15px; grid-template-areas: "status time"; grid-auto-rows: minmax(min-content, max-content); }
.locations li.loc .wrap.hours ul li.current { font-family: 'MacklinSans-Medium', sans-serif; }
.locations li.loc .wrap.hours .status { position: relative; display: inline-block; grid-area: status; }
.locations li.loc .wrap.hours .time { position: relative; display: inline-block; text-align: right; grid-area: time; }
.locations li.loc .wrap.hours .icon { grid-area: icon; color: #b8c0c8; font-size: 18px; transition: color .4s; -moz-transition: color .4s; -webkit-transition: color .4s; -o-transition: color .4s; -webkit-animation: flip-top 0.4s ease-in-out both; animation: flip-top 0.4s ease-in-out both; pointer-events: visible; }
.locations li.loc .wrap.hours .hours-current:hover .icon, .locations li.loc .wrap.hours.clicked .hours-current .icon { color: #000; cursor: pointer; }
.locations li.loc .wrap.hours.clicked .hours-current .icon { -webkit-animation: flip-bottom 0.4s ease-in-out both; animation: flip-bottom 0.4s ease-in-out both; }
@-webkit-keyframes flip-top {
  0% { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); }
  100% { -webkit-transform: rotateX(0); transform: rotateX(0); }
}
@keyframes flip-top {
  0% { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); }
  100% { -webkit-transform: rotateX(0); transform: rotateX(0); }
}
@-webkit-keyframes flip-bottom {
  0% { -webkit-transform: rotateX(0); transform: rotateX(0); }
  100% { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); }
}
@keyframes flip-bottom {
  0% { -webkit-transform: rotateX(0); transform: rotateX(0); }
  100% { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); }
}

.locations li.loc.highlight { color: #000; }
.locations li.loc.active { color: #000; grid-template-rows: auto auto; grid-template-areas: "icon name distance" "links links links"; }
.locations li.loc.active:hover { background: #fff; cursor: default; }
.locations li.loc.active .title, .locations li.loc.active .distance, .locations li.loc.active .icon { font-family: 'MacklinSans-Medium', sans-serif; font-size: 22px; }

.business-search { position: absolute; left: 0; width: 100%; display: none; font-size: 14px; color: #8c99a6; background: #fff; z-index: 99999; }
.business-search ul { margin: 0; padding: 0; border-left: 1px solid #d1d6dc; border-bottom: 1px solid #d1d6dc; border-right: 1px solid #d1d6dc; }
.business-search ul li { list-style-type: none; margin: 0; padding: 0; border-top: 1px solid #d1d6dc; }
.business-search ul li a { position: relative; display: block; width: 100%; padding: 10px 15px; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; }
.business-search ul li a:hover { color: #000; background: #f5f5f5; }

.single-event .content h1 { letter-spacing: .9px; line-height: 1; }
.content-event .content-box { width: 50%; }
.content-event .content-side { width: 41%; }
.content-event .hide-desktop { display: none; }
.content-event .hide-mobile { display: block; }

.article-gallery .cols { margin-left: 0; }
.article-gallery .col { padding-left: 0; }
.article-gallery ul { display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; flex-wrap: wrap; margin: 0; padding: 0; }
.article-gallery li { list-style-type: none; float: left; -webkit-flex: 0 1 20%; -moz-flex: 0 1 20%; -ms-flex: 0 1 20%; flex: 0 1 20%; padding: 0; margin: 0; }
.article-gallery li a { position: relative; display: flex; width: 100%; height: 300px; background: center top no-repeat; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; color: #fff; background-size: cover; }
.article-gallery li a::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, .3); transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.article-gallery li a span { position: relative; display: block; width: 100%; text-align: center; padding: 10px 20px; z-index: 10; -webkit-box-sizing: border-box; box-sizing: border-box; }
.article-gallery li a span.title { padding-top: 50px; }
.article-gallery li a:hover { color: #fff; }
.article-gallery li a:hover::after { background: rgba(0, 0, 0, .6); }

.article-gallery.universal-gallery li { -webkit-flex: 0 1 25%; -moz-flex: 0 1 25%; -ms-flex: 0 1 25%; flex: 0 1 25%; }
.article-gallery.universal-gallery { max-height: 300px; overflow: hidden; }

.article-gallery.article-gallery-awards li { -webkit-flex: 0 1 33.333%; -moz-flex: 0 1 33.333%; -ms-flex: 0 1 33.333%; flex: 0 1 33.333%; }
.article-gallery.article-gallery-awards li a { height: 340px; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr auto; gap: 0; grid-auto-rows: minmax(min-content, max-content); grid-template-areas: "innercontent" "more"; padding: 15px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.article-gallery.article-gallery-awards li a .inner-content { grid-area: innercontent; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.article-gallery.article-gallery-awards li a .read-more { grid-area: more; font-family: 'MacklinSans-Medium', sans-serif; text-transform: uppercase; color: #fff; border-bottom: 1px solid #d1d6dc; }
.article-gallery.article-gallery-awards li a .read-more .icon-fancy-arrow-left { display: inline; padding: 0 0 0 10px; }


.single-ticket .background .row::after, .single-ticket .background .banner-image::after { display: none; }
.single-ticket .rows .row.content-sidebar .col.col-1 { width: 57.09%; }
.single-ticket .rows .row.content-sidebar .col.col-2 { width: 29.53%; min-width: 0; max-width: none; }
.single-ticket .ticket-title { display: inline-block; text-align: center; }
.single-ticket .ticket-title.ticket-title-text { display: block; text-align: left; }
.single-ticket .ticket-title.ticket-title-text h1 { text-transform: uppercase; color: #8c99a6; font-family: 'MacklinSans-Light', sans-serif; }
.single-ticket .ticket-title span { position: relative; display: block; background-repeat: no-repeat; background-size: contain; }
.single-ticket .ticket-title img { max-height: 110px; width: auto; background-attachment: initial; }
.single-ticket .box-event-details { background: #000; color: #fff; padding: 25px 30px; }
.single-ticket .box-event-details h3 { color: #fff; }
.single-ticket .box-event-details p { padding-bottom: 25px; }
.single-ticket .box-event-details p:last-of-type { padding-bottom: 0; }
.single-ticket .content-event-details .box-event-details .event-details-content a { color: #d1d6dc; text-decoration: none; }
.single-ticket .content-event-details .box-event-details .event-details-content a:hover { color: #fff; text-decoration: none; }

.single-ticket .content-event-details { display: none; }
.single-ticket .content-event-details .box-event-details { padding: 0; }
.single-ticket .content-event-details .box-event-details h3 { padding: 15px 20px 12px; margin: 0; }
.single-ticket .content-event-details .box-event-details .event-details-content { display: none; padding: 5px 20px 15px; }

.single-ticket .box-sponsors, .page-template-page-menu .box-sponsors {}
.single-ticket .box-sponsors .sponsor-group, .page-template-page-menu .box-sponsors .sponsor-group { margin: 0 0 30px; }
.single-ticket .box-sponsors .sponsor-group:last-of-type, .page-template-page-menu .box-sponsors .sponsor-group:last-of-type { margin-bottom: 0; }
.single-ticket .box-sponsors .sponsor-group .sponsor-logos, .page-template-page-menu .box-sponsors .sponsor-group .sponsor-logos {}
.single-ticket .box-sponsors .sponsor-group .sponsor-logos span, .page-template-page-menu .box-sponsors .sponsor-group .sponsor-logos span { display: inline-block; margin: 0 auto 10px; padding: 0 8px; }
.single-ticket .box-sponsors .sponsor-group .sponsor-logos span + span { padding-top: 20px; }
.single-ticket .box-sponsors .sponsor-group .sponsor-logos span img, .page-template-page-menu .box-sponsors .sponsor-group .sponsor-logos span img { height: auto; width: auto; }
.single-ticket .box-sponsors .sponsor-group .type-name, .page-template-page-menu .box-sponsors .sponsor-group .type-name { color: #8c99a6; }

.single-ticket .background-top > .row-1 { background: rgb(219,221,226); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(219,221,226,1) 100%); }

.single-ticket .gst-service { display: block; font-style: italic; font-size: 14px; margin-top: 10px; }


.form-total { position: fixed; bottom: 0; left: 0; display: none; width: 100%; padding: 15px 10px; border-top: 2px solid #708090; background: #000; color: #fff; font-weight: bold; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 999; font-family: 'MacklinSans-Medium', sans-serif; }
.form-total p { padding-bottom: 0; font-size: 16px; display: inline-block; margin: 0 50px; }
.form-total p.msg, .form-total p.discounts { display: none; }
.form-total p label { display: inline-block; }
.form-total p span { display: inline-block; }


.rows.content-grid .row.content-sidebar .col.col-2 > div:last-child { margin-bottom: 50px !important; }

.cols.grid.grid-layout.grid-layout-form { gap: 40px 0; }
.cols.grid.grid-layout.grid-layout-form .col { border-top: 1px solid #d1d6dc; padding-top: 40px; }
.cols.grid.grid-layout.grid-layout-form .col.col-1, .cols.grid.grid-layout.grid-layout-form .col.col-2, .cols.grid.grid-layout.grid-layout-form .col.col-split-2 { border-top: none; padding-top: 0; }
.cols.grid.grid-layout.grid-layout-form .col .inner { grid-template-rows: auto auto 1fr auto; grid-template-areas: "subtitle" "title" "content" "button"; }
.cols.grid.grid-layout.grid-layout-form .col .inner .subtitle h5 { color: #b8c0c8; margin-bottom: 5px; letter-spacing: 1px; }
.cols.grid.grid-layout.grid-layout-form .col .inner .title h4 { margin-bottom: 15px; }

.cols.grid.grid-layout.grid-layout-form .col.col-split .inner { border-left: 1px solid #d1d6dc; padding-left: 40px; margin-left: 40px; }
.cols.grid.grid-layout.grid-layout-form .popup .col { padding-top: 0; border-top: none; }

.custom-box ul { list-style-type: none; margin: 0 0 0 -50px; padding: 0; }
.custom-box ul.custom-box-grid { display: flex; flex-wrap: wrap; }
.custom-box li { list-style-type: none; margin: 0; padding: 0 0 0 50px; }

.form-wrapper .message { margin-bottom: 10px; }
.popup-wrapper.form-popup { display: block; z-index: 1; }
.form-wrapper { background: #fff; }
.popup .form-wrapper { max-width: 800px; max-height: 800px; margin: 0 auto; }
.form-wrapper .form-wrapper-inner { color: #2c333a; margin-bottom: 25px; }
.popup .form-wrapper .form-wrapper-inner { max-height: calc(100vh - 80px); overflow-y: auto; padding: 50px; }
.form-wrapper .form-wrapper-inner.msg { text-align: center; padding-top: 150px; padding-bottom: 150px; }
.form-wrapper .message { display: none; }
.form-wrapper .field { height: 100%; }
.content .form-wrapper h2 + div { margin-top: 15px !important; }
.form-wrapper .form-content { margin-bottom: 20px; }
.form-wrapper .form-sections-wrapper { border-top: 1px solid #d1d6dc; padding-top: 0; margin-top: 0 !important; }
.form-wrapper .form-sections-wrapper h2, .form-wrapper .form-sections-wrapper h3, .form-wrapper .form-sections-wrapper h4, .form-wrapper .form-sections-wrapper h5 { padding-top: 0; }
.form-wrapper .form-sections-wrapper ul.form-sections { height: 100%; width: 100%; }
.form-wrapper .form-sections-wrapper ul.form-section { display: grid; grid-template-columns: 1fr; gap: 10px 0; grid-auto-rows: minmax(min-content, max-content); overflow: hidden; height: 100%; }
.form-wrapper .form-sections-wrapper ul.form-section .field.radio { padding-top: 20px; padding-bottom: 20px; }

.form-wrapper .btn-close { position: absolute !important; top: 15px; right: 15px; font-size: 28px; z-index: 99; }

.form-wrapper .form-buttons { display: grid; grid-template-rows: auto; gap: 0 20px; grid-auto-rows: minmax(min-content, max-content); overflow: hidden; margin-top: 0; grid-template-columns: 1fr; grid-template-areas: "next"; padding-top: 30px; margin-bottom: 40px; opacity: 0; }
.form-wrapper .form-buttons .button { padding: 0; margin: 0; }
.form-wrapper .form-buttons .button.field-previous { grid-area: previous; }
.form-wrapper .form-buttons .button.field-next { grid-area: next; }
.form-wrapper .form-buttons .field-submit { grid-area: submit; }
.form-wrapper .form-buttons .button a { padding-top: 16px; padding-bottom: 17px; }

.form-wrapper .slick-track { display: flex !important; }
.form-wrapper .slick-slide { height: inherit !important; }
.form-wrapper ul.slick-dots { display: block !important; position: absolute; top: auto; bottom: -120px; left: auto; right: auto; width: 100%; text-align: center; }
.form-wrapper ul.slick-dots li button { width: 15px; height: 15px; border: 1px solid #000; }
.form-wrapper ul.slick-dots li.slick-active button { background: #000; }

.form-wrapper .loading, .side-box-content.loading::after, .poll-selections-wrapper.loading::after, .box-poll-bracket.loading::after, .ticket-form.loading .form::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(255, 255, 255, .8) url(images/ajax-loader.gif) center center no-repeat; z-index: 20; content: ''; }
.gallery-view-all-wrapper.loading::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url(images/ajax-loader.gif) center center no-repeat; z-index: 20; content: ''; }

.video-wrapper { position: relative; display: block; overflow: hidden; width: 100%; padding-top: 56.25%; }
.video-wrapper iframe, .video-wrapper video { position: absolute !important; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }

.col-1.content-box .side-box { max-width: 100%; padding: 20px; border: 1px solid #d1d6dc; border-radius: 10px; -webkit-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.2); }
.box-poll h4 { margin-bottom: 5px; }
.poll-results { display: none; padding-top: 15px; }
.poll-results .field.result { margin-bottom: 10px; }
.poll-results .field.result .row-inner { display: table-row; }
.poll-results .field.result strong { position: relative; display: table-cell; width: 60px; padding: 3px 0 3px 10px; z-index: 1; }
.poll-results .field.result .name { position: relative; display: table-cell; padding: 3px 10px 3px 0; z-index: 1; }
.poll-results .field.result .percent { position: absolute; top: 0; left: 0; display: block; height: 100%; background: #d1d6dc; border-radius: 5px; }
.poll-results .field.result.active .percent { background: #8c99a6; }


.page-template-page-menu table { width: auto; }
.page-template-page-menu table tr th { text-transform: uppercase; padding-bottom: 10px; font-size: 20px; padding-left: 50px; }
.page-template-page-menu table tr th:first-child { padding-left: 0; }
.page-template-page-menu table tr td { padding-bottom: 8px; padding-left: 50px; padding-top: 8px; border-bottom: 1px solid #eaeaea; }
.page-template-page-menu table tr td:first-child { padding-left: 0; }
.page-template-page-menu .single-ticket .ticket-title img { max-height: 150px; }
.page-template-page-menu .box-sponsors { padding-top: 50px; }
.page-template-page-menu .box-sponsors .sponsor-group .sponsor-logos span, .page-template-page-menu .box-sponsors .sponsor-group .sponsor-logos p { margin-left: 30px; }
.page-template-page-menu .box-sponsors .sponsor-group .sponsor-logos p { display: inline-block !important; padding: 0 0 15px; }
.page-template-page-menu .box-sponsors .sponsor-group .sponsor-logos span + span, .page-template-page-menu .box-sponsors .sponsor-group .sponsor-logos p + p { padding-top: 0; }
@media only screen and (max-width: 800px) { .page-template-page-menu .single-ticket .ticket-title img { max-height: 110px; } }
@media only screen and (max-width: 480px) { .page-template-page-menu .single-ticket .ticket-title img { max-height: 70px; } }

.icon3-bestrestaurants::before { display: none !important; }


/*.box-poll .stage-wrapper { position: relative; display: grid; padding-top: 20px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; gap: 0 150px; grid-auto-flow: column; }
.box-poll .stage-wrapper form.poll-form { padding-top: 0; }
.box-poll .stage-wrapper form.poll-form .field.row { margin-bottom: 10px; }
.box-poll .stage-wrapper form.poll-form .field.row:last-child { margin-bottom: 0; }
.box-poll .stage-wrapper .stage { position: relative; display: block; padding: 10px; border: 1px solid #ccc; border-radius: 5px; background: #666; }
.box-poll .stage-wrapper .stage.active { background: #eaeaea; }
.box-poll .stage-wrapper .bracket { position: relative; display: block; padding: 10px; border: 1px solid #999; border-radius: 5px; background: #fff; }
.box-poll .stage-wrapper .bracket.selected { background: #C3E0EC; }
.box-poll .stage-wrapper .bracket + .bracket { margin-top: 10px; }
.box-poll .stage-wrapper .stage .bracket .field.click a { position: relative; display: block; padding: 5px 15px; border: 1px solid #666; background: #eaeaea; color: #666; border-radius: 10px; cursor: default; overflow: hidden; }
.box-poll .stage-wrapper .stage.active .bracket .field.click a { background: #fff; color: #000; cursor: pointer; }
.box-poll .stage-wrapper .stage .bracket .field.click a:hover { background: #eaeaea; color: #666; }
.box-poll .stage-wrapper .stage.active .bracket .field.click a:hover { background: #ccc; color: #000; }

.box-poll .stage-wrapper .stage .bracket.selected .field.click a, .box-poll .stage-wrapper .stage .bracket.selected .field.click a:hover { background: #eaeaea; color: #666; cursor: default; }
.box-poll .stage-wrapper .stage .bracket .field.click a.selected, .box-poll .stage-wrapper .stage .bracket .field.click a.selected:hover { border-color: #197BC5; border-width: 2px; background: #B8DBF4; cursor: default; }

.box-poll .stage-wrapper .stage .bracket .field.click a .value { position: relative; display: block; width: calc(100% - 65px); float: left; z-index: 10; }
.box-poll .stage-wrapper .stage .bracket .field.click a .results { position: relative; display: block; float: right; padding: 0; z-index: 11; }
.box-poll .stage-wrapper .stage .bracket .field.click a .results-bg { position: absolute; top: 0; left: 0; display: block; height: 100%; background: #C6E5C6; z-index: 1; }
.box-poll .stage-wrapper .stage .bracket .field.click a.active .results-bg { background: #2FE5DC; }*/

.poll-bracket-stage-wrapper {}
.poll-bracket-stage-wrapper::after, .poll-brackets-wrapper::after { position: absolute; bottom: 0; display: block; width: 100%; height: 8px; background: url("images/bracket-border.png") center center repeat-x; content: ''; }
.poll-bracket-stage-wrapper .box-poll-bracket-stage-brackets {}
.poll-bracket-stage-wrapper .box-poll-bracket-stage-brackets .box-poll-bracket { border: 1px solid #d1d6dc; padding: 25px 35px; }
.box-poll-bracket .bracket-row { position: relative; display: grid; grid-template-rows: auto; grid-template-columns: 50px 1fr; gap: 0 10px; z-index: 10; }
.box-poll-bracket .bracket-row + .bracket-row { margin-top: 15px; }
.box-poll-bracket .bracket-row .result { box-sizing: border-box; -moz-box-sizing: border-box; }
.box-poll-bracket .bracket-row .result .results-bg { position: absolute; top: 0; left: 0; display: block; height: 100%; background: #e8eaed; z-index: -1; border-radius: 5px; }
.box-poll-bracket .bracket-row.active .result .results-bg { background: #d1d6dc; }
.box-poll-bracket .bracket-row .title { box-sizing: border-box; -moz-box-sizing: border-box; }

.box-poll-bracket-stage-brackets.expired .box-poll-bracket .bracket-row, .box-poll-bracket-stage-brackets .box-poll-bracket .bracket-row.results { grid-template-columns: 60px 1fr; }
.box-poll-bracket-stage-brackets.expired .box-poll-bracket .bracket-row .result, .box-poll-bracket-stage-brackets .box-poll-bracket .bracket-row.results .result { padding: 8px 0 8px 10px; }
.box-poll-bracket-stage-brackets.expired .box-poll-bracket .bracket-row .title, .box-poll-bracket-stage-brackets .box-poll-bracket .bracket-row.results .title { padding: 8px 10px 8px 0; }

.box-poll-bracket.active .bracket-row { grid-template-columns: 30px 1fr; }
.box-poll-bracket-stage-brackets .box-poll-bracket .submit .btn { position: relative; display: block; font-family: 'MacklinSans-Bold', sans-serif; padding-top: 17px; padding-bottom: 16px; font-size: 15px; color: #8f99a5; background: #f5f5f5; border: 1px solid #f5f5f5; text-transform: uppercase; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; letter-spacing: 1.3px; }
.box-poll-bracket-stage-brackets .box-poll-bracket input[type="radio"] { vertical-align: initial; width: 15px; height: 15px; }


.poll-brackets-wrapper { width: 100%; }
.poll-brackets-wrapper .poll-brackets { position: relative; display: grid; grid-template-rows: auto; gap: 0; margin: 0 -10px; z-index: 99; }
.poll-brackets-wrapper .poll-brackets .poll-bracket-col { position: relative; display: grid; grid-template-rows: auto; gap: 20px 0; align-content: center; padding: 0 10px; }
.poll-brackets-wrapper .poll-brackets-img-top { position: absolute; top: 0; left: 0; width: 100%; z-index: 10; }
.poll-brackets-wrapper .poll-brackets-img-top .img-inner { max-width: 320px; margin: 0 auto; }
.poll-brackets-wrapper .poll-brackets-img-bottom { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10; }
.poll-brackets-wrapper .poll-brackets-img-bottom .img-inner { max-width: 220px; margin: 0 auto; }



.poll-brackets-wrapper .poll-brackets .bracket { border: 2px solid #ebecef; color: #000; padding: 20px; width: 100%; height: 160px; overflow: hidden; }
.poll-brackets-wrapper .poll-brackets .bracket.bracket-past {  }
.poll-brackets-wrapper .poll-brackets .bracket.bracket-active { border-color: #000; }
.poll-brackets-wrapper .poll-brackets .bracket.bracket-future { background: #fafafa; }
.poll-brackets-wrapper .poll-brackets .bracket .bracket-inner { min-height: 120px; display: grid; align-content: center; }
.poll-brackets-wrapper .poll-brackets .bracket .bracket-inner .name { position: relative; display: block; max-height: 120px; text-overflow: ellipsis; overflow: hidden; }
.poll-brackets-wrapper .poll-brackets .bracket .bracket-inner .icon.winner { margin-right: 5px; }








.box-poll.box-poll-selection { border: 1px solid #d1d6dc; }
.box-poll.box-poll-selection .col-inner { padding: 20px 25px 15px; }
.box-poll.box-poll-selection h3 { padding: 0; letter-spacing: 1.3px; }
.box-poll.box-poll-selection .col-2 { border-left: 1px solid #d1d6dc; }
.box-poll.box-poll-selection form.form-grid .field { border: none; }

.box-poll.box-poll-selection .group-results { height: 100%; max-height: 480px; overflow-y: auto; }
.box-poll.box-poll-selection .group-results ul, .box-poll.box-poll-selection .group-results ul li { list-style-type: none; margin: 0; padding: 0; }
.box-poll.box-poll-selection .group-results ul ul { display: none; }
.box-poll.box-poll-selection .group-results ul li { border-top: 1px solid #f5f5f5; }
.box-poll.box-poll-selection .group-results ul li a { position: relative; display: block; padding: 20px 25px; background: #fff; color: #2c333a; }
.box-poll.box-poll-selection .group-results ul li li a { padding-left: 70px; }
.box-poll.box-poll-selection .group-results ul li a:hover, .box-poll.box-poll-selection .group-results ul li.selected a, .box-poll.box-poll-selection .group-results ul li.opened > a, .box-poll.box-poll-selection .group-results ul li li a.clicked { background: #000000; color: #fff; }
.box-poll.box-poll-selection .group-results ul li li.selected a { background: #fff; color: #2c333a; }
.box-poll.box-poll-selection .group-results ul li li.selected a:hover { background: #000000; color: #fff; }

.box-poll.box-poll-selection .group-selected { padding-top: 15px; }
.box-poll.box-poll-selection .group-selected ul, .box-poll.box-poll-selection .group-selected ul li { list-style-type: none; margin: 0; padding: 0; }
.box-poll.box-poll-selection .group-selected ul li { position: relative; display: block; padding: 10px 15px; background: #f5f5f5; color: #2c333a; margin-bottom: 10px; }
.box-poll.box-poll-selection .group-selected ul li .wrap { padding-right: 30px; }
.box-poll.box-poll-selection .group-selected ul li a.icon { position: absolute; top: 0; right: 0; display: grid; height: 100%; align-content: center; color: #b8c0c8; }
.box-poll.box-poll-selection .group-selected ul li a.icon:hover { color: #000; }
.box-poll.box-poll-selection .error { color: #cc0000; }

.box-poll.box-poll-selection .group-results.single-results ul li a.group-btn { display: none; }
.box-poll.box-poll-selection .group-results.single-results ul li li a { padding-left: 25px; }
.box-poll.box-poll-selection .group-results.single-results ul ul { display: block; }


.notice-wrapper { position: relative; display: block; overflow: hidden; }
.notice-wrapper .notice { position: relative; display: block; }
.notice-wrapper .notice a.icon-cancel { position: absolute; top: 20px; right: 20px; color: #fff; }
.notice-wrapper .notice a.icon-cancel:hover { color: rgb(140, 153, 166); }

.single .newsletter-addon { position: relative; display: block; padding: 20px 0 25px; border-top: 1px solid #d1d6dc; border-bottom: 1px solid #d1d6dc; text-align: center; }
.single .newsletter-addon p { margin-bottom: 18px; }
.single .newsletter-addon + p { padding-top: 30px; }


.bio-wrapper { position: relative; display: block; margin-bottom: 40px; }
.bio-wrapper .bio { display: grid; grid-template-columns: 250px 1fr; grid-template-auto: auto; gap: 0 30px; }
.bio-wrapper .bio .bio-image { position: relative; display: block; }
.bio-wrapper .bio .bio-content { display: grid; grid-template-columns: 1fr; grid-template-rows: auto 1fr; gap: 25px 0; }
.bio-wrapper .bio .bio-content .bio-title { font-size: 24px; }


form { position: relative; display: block; }
form ul { margin: 0; padding: 0; }
form li { list-style-type: none; margin: 0; padding: 0; }
form .field, .form-field.stripe-form-field { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 1px; }
form .field.align-center { margin-right: auto; }
form .field label { position: absolute; top: 0; display: none; width: 100%; opacity: 0; font-family: 'MacklinSans-Light', sans-serif; font-size: 14px; color: #708090; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; z-index: 1 }
form .field input, form .field select, form .field textarea, .form-field.stripe-form-field { position: relative; width: 100%; background: #f5f5f5; font-family: 'MacklinSans-Light', sans-serif; font-size: 18px; letter-spacing: normal; color: #2c333a; padding: 15px 15px; border: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.form-field.stripe-form-field { padding: 24px 15px 6px; }
form .field textarea { height: 100%; min-height: 150px; }
form .field.center input { text-align: center; }
form .field.select { background: #f5f5f5; }
form .field.select.light { background: #fff; }
form .field .select-wrap { position: relative; display: block; z-index: 20; }
form .field select { -webkit-appearance: none; -moz-appearance: none; text-overflow: ''; background: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /*max-width: calc(100% - 50px);*/ padding-right: 60px; cursor: pointer; }
form .field select::-ms-expand { display: none; }
form .field .select-dir { position: absolute; top: 15px; right: 0px; display: block; height: 43%; border-left: 1px solid #708090; padding: 0 15px; color: #708090; line-height: 1.1; z-index: 10; }
form .field input[type="checkbox"], form .field input[type="radio"] { border: 1px solid #000; padding: 3px; margin: 0 10px 0 0; height: 20px; width: 20px; display: table-cell; float: left; }
/*form .field.checkbox + .field.checkbox { padding-left: 20px; }*/
form .field.checkbox { padding-right: 20px; }
form .field.checkbox.spacing { padding-top: 15px; }
form .field.checkbox span, form .field.radio span { position: relative; top: -2px; }
form .field.checkbox span span.desc, form .field.radio span span.desc { position: relative; top: auto; }
form .field.checkbox.terms input, form .field.checkbox.align input { position: absolute; }
form .field.checkbox.terms span, form .field.checkbox.align span { position: relative; top: 0; left: 30px; display: inline-block; width: 100%; padding-right: 30px; text-align: left !important; color: #b8c0c8; -webkit-box-sizing: border-box; box-sizing: border-box; }
form .field.checkbox.terms.dark span, form .field.checkbox.align.dark span { color: #000; }
form .field.radio, form .field.radio .field-item { display: table-row; }
form .field input[type="radio"] { float: none; }
form .field.radio span { display: table-cell; top: 2px; padding-bottom: 10px; }
form .field input[type="submit"] { font-family: 'MacklinSans-Bold', sans-serif; padding-top: 17px; padding-bottom: 16px; font-size: 15px; color: #ffffff; background: #000000; border: 1px solid #000; text-transform: uppercase; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; letter-spacing: 1.3px; }
form .field input[type="submit"]:hover { color: #000; background: #fff; border: 1px solid #000; }
form .field .field-item { position: relative; display: block; margin-bottom: 10px; }
form .field .field-item:last-child { margin-bottom: 0; }
form .field.required::after { position: absolute; top: 2px; right: 5px; content: '* REQUIRED'; font-size: 12px; z-index: 999; }
form .field.radio.required::after { display: none; }

form .col.col-left { display: grid; grid-template-columns: auto 1fr; grid-template-areas: "show field"; gap: 0 20px; }
form .col.col-right { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "field show"; gap: 0 20px; }
form .day-recurring  .col.col-right { grid-template-columns: 1fr auto auto; grid-template-areas: "field active show"; }
form .col.col-left .field, form .col.col-right .field { grid-area: field; }
form .col.col-left .field.show, form .col.col-right .field.show { grid-area: show; }
form .col.col-right .field.active { grid-area: active; }
form .col .field.show label, form .col .field.active label { position: relative; display: block; opacity: 1; white-space: nowrap; padding-top: 3px; }
form .col .field.show input[type="checkbox"] { margin-right: 0; }


form .field.floating label, form .stripe label { display: block; margin-top: 2px; margin-left: 0; padding: 0 15px; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translateY(3px); transform: translateY(3px); pointer-events: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 1; }
form .field.floating.required label { padding-right: 80px; }
form .field.floating.error label, form .field.checkbox.error span, form .field.radio.error span, form .stripe .field.error label { color: #cc0000; }
form .field.floating.select label { margin-left: 4px; }
form .field.floating input, form .field.floating select, form .field.floating textarea { padding-top: 24px; padding-bottom: 6px; }
form .field.floating select { padding-bottom: 4px; }

form.light .field label { color: #2c333a; z-index: 30; }
form.light .field input, form.light .field select, form.light .field textarea, .form-field.stripe-form-field { border: 1px solid #d1d6dc; color: #2c333a; background: none; z-index: 10; }
form.light .field input[type="checkbox"], form.light .field input[type="radio"] { border: 1px solid #000; }
form.light.background .field:after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); content: ''; z-index: 1; }
form.light .field input[type="submit"] { color: #000; background: none; border: 1px solid #000; }
form.light .field input[type="submit"]:hover { color: #fff; background: #000; }
form.light.alt .field input[type="submit"] { color: #fff; background: #000; border: 1px solid #000; }
form.light.alt .field input[type="submit"]:hover { color: #000; background: #fff; }

form .file-upload-wrapper { padding: 10px; background: #f5f5f5; }
form .file-upload-inner { min-height: 200px; height: 100%; border: 2px dashed #d1d6dc; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
form .file-upload-wrapper.error .file-upload-inner { border-color: #cc0000; }
form .file-upload-wrapper.drag .file-upload-inner { border-color: #000; }
form .file-upload-content { padding: 20px; width: 100%; }
form .file-upload-inner .file { position: relative; display: block; height: 50px; background: url("images/file.svg") center center no-repeat; background-size: auto 100%; }
form .file-upload-inner input[name="form_file_upload_file"] { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; }


form.banner .field label { color: #d1d6dc; }
form.banner .field input, form.banner .field select { border: 1px solid #d1d6dc; color: #d1d6dc; background: none; z-index: 10; }
form .field input.light { border: 1px solid #d1d6dc; color: #708090; background: #fff; }
form.banner .field.background:after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); content: ''; z-index: 1; }
form.banner .field input[type="submit"] { color: #000; background: #fff; border: 1px solid #000; }
form.banner .field input[type="submit"]:hover { color: #fff; background: rgba(255, 255, 255, 0); border: 1px solid #fff; }
form.banner .field.submit:hover:after { background: rgba(0, 0, 0, 0); }

form.banner.light .field input[type="submit"] { color: #fff; background: rgba(255, 255, 255, 0); border: 1px solid #fff; }
form.banner.light .field input[type="submit"]:hover { color: #000; background: rgba(255, 255, 255, 1); border: 1px solid #fff; }

form .field.inline { display: inline-block; width: 100%; max-width: 415px; }
form .field.inline + .field.inline { padding-left: 25px; }
form .field.inline.submit { max-width: 250px; }

form.newsletter-list-form, form.poll-form { padding-top: 15px; }
form .field.row { margin-bottom: 15px; }
form .field.row.space { margin-bottom: 0; padding-bottom: 5px; }
form .field.row:last-of-type { margin-bottom: 0; }
form .field.checkbox, form .field.radio { margin-bottom: 10px; padding-top: 10px; }
form .field.checkbox.terms { display: inline-block; }
form .field.checkbox.row { padding-left: 0 !important; }
form .field.row.field_0 { margin-top: 15px; }

form input[type="button"].btn { position: absolute; padding: 0 10px; height: 100%; border: none; background: #000; color: #fff; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
form input[type="button"].btn:hover { background: #f5f5f5; color: #000; }

form .field-content { position: relative; display: block; padding-top: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

form.banner.newsletter-individual-form, form.newsletter, .search form { max-width: 690px; margin: 0 auto; }
form.banner.newsletter-individual-form .field.inline, form.newsletter .field.inline, .search form .field.inline { width: 59.14%; max-width: none; }
form.banner.newsletter-individual-form .field.inline.submit, form.newsletter .field.inline.submit, .search form .field.inline.submit { width: 38.86%; }

form.banner.age-restriction-form  { max-width: 670px; margin: 0 auto; padding-top: 10px; }
form.banner.age-restriction-form .field.age, form.banner.age-restriction-form .field.submit { width: 100%; max-width: 260px; }
form.banner.age-restriction-form .field.error input { border-color: #cc0000; }

.ticket-form .message { position: relative; display: none; font-family: 'MacklinSans-Bold', sans-serif; padding-top: 20px; margin-bottom: 20px; font-size: 20px; }
.ticket-form .message.show { display: block; }
.ticket-form .message.error { color: #cc0000; }

form.newsletter { max-width: 900px; }
form.newsletter .field.inline { width: 67.14%; }
form.newsletter .field.inline.submit { width: 31.86%; }


.cols.grid form.form-grid .col { padding-left: 25px !important; }
form.form-grid .cols { margin-bottom: 15px; }
form.form-grid .cols:last-child { margin-bottom: 0; }
form.form-grid .field { display: grid; grid-template-rows: auto; gap: 0; grid-auto-rows: minmax(min-content, max-content); border: 1px solid #d1d6dc; }
form.form-grid .field.field-x2 { grid-template-columns: 50px 1fr; grid-template-areas: "icon-left input-wrap"; }
form.form-grid .field.field-x3 { grid-template-columns: 50px 1fr 50px; grid-template-areas: "icon-left input-wrap icon-right"; }
form.form-grid .field .icon { text-align: center; color: #d1d6dc; line-height: 51px; }
form.form-grid .field .icon-left { grid-area: icon-left; }
form.form-grid .field .input-wrap { grid-area: input-wrap; margin-left: -15px; }
form.form-grid .field .icon-right { grid-area: icon-right; }
form.form-grid .field input { background: #fff; }
form.form-grid .field .icon.submit { color: #fff; background: #000; font-size: 14px; cursor: pointer; }
form.form-grid .field .icon.submit:hover { color: #000; background: #fff; }


.field.prepend span.icon { position: relative; display: block; }
.field.prepend span.icon::before { position: absolute; top: 0; left: 0; display: grid; height: 100%; padding: 0 0 0 10px; color: #2c333a; font-family: 'MacklinSans-Medium', sans-serif; align-content: center; z-index: 9; box-sizing: border-box; -moz-box-sizing: border-box; }
.field.prepend span.icon.dollar-sign::before { content: '$'; }
.field.prepend span.icon input { padding-left: 25px; }
form .field.floating.prepend span.icon::before { align-content: flex-end; padding-bottom: 5px; }

input[type="text"].req { display: none; width: 1px !important; height: 1px !important; }
.clockpicker-popover .popover-content { font-size: 14px; }


form .ticket-counter .col-1 { display: grid; grid-template-rows: auto; gap: 0 20px; grid-auto-rows: minmax(min-content, max-content); grid-template-columns: auto auto 1fr; grid-template-areas: "tkt-field-content counter promo-code"; }
form .ticket-counter .field-content { grid-area: tkt-field-content; }
form .counter-wrapper { grid-area: counter; }
form .promo-code { grid-area: promo-code; }
form .counter { display: grid; grid-template-rows: auto; gap: 0; grid-auto-rows: minmax(min-content, max-content); grid-template-columns: 54px 1fr 54px; grid-template-areas: "btn-minus field btn-plus"; max-width: 185px; }
form .counter .btn-minus { grid-area: btn-minus; width: 100%; height: 100%; text-align: center; border: 1px solid #d1d6dc; border-right: none; overflow: hidden; }
form .counter .btn-minus a, form .counter .btn-plus a { display: grid; width: 100%; height: 100%; align-content: center; text-align: center; }
form .counter .btn-minus a { background: #f5f5f5; color: #708090; }
form .counter .btn-minus a:hover { background: #000000; color: #fff; }
form .counter .field { grid-area: field; height: 100%; margin-right: 0; }
form .counter .field input { text-align: center; }
form .counter .btn-plus { grid-area: btn-plus; width: 100%; height: 100%; border: 1px solid #d1d6dc; border-left: none; overflow: hidden; }
form .counter .btn-plus a { background: #000000; color: #fff; width: 100%; }
form .counter .btn-plus a:hover { background: #f5f5f5; color: #708090; }


form .ticket-select .col-1, form .ticket-donation .col-1 { display: grid; grid-template-rows: auto; gap: 0 20px; grid-auto-rows: minmax(min-content, max-content); grid-template-columns: auto 1fr; grid-template-areas: "tkt-field-content select"; }
form .ticket-select .field-content, form .ticket-donation .field-content { grid-area: tkt-field-content; }
form .ticket-select .ticket-select-wrapper, form .ticket-donation .donation-select-wrapper { grid-area: select; }
form .ticket-donation .col-1 {
  grid-template-columns: auto 200px 1fr; grid-template-areas: "tkt-field-content select"
}

textarea:focus, input:focus { outline: none; }
input.placeholder, textarea.placeholder { color: #2c333a; font-family: 'MacklinSans-Light', sans-serif; font-weight: 400; }
::-webkit-input-placeholder { /* WebKit browsers */
	color:    #2c333a;
	font-family: 'MacklinSans-Light', sans-serif; font-weight: 400;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #2c333a;
	font-family: 'MacklinSans-Light', sans-serif; font-weight: 400;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #2c333a;
	font-family: 'MacklinSans-Light', sans-serif; font-weight: 400;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:    #2c333a;
	font-family: 'MacklinSans-Light', sans-serif; font-weight: 400;
}


.banner input.placeholder, .banner textarea.placeholder { color: #d1d6dc; }
.banner ::-webkit-input-placeholder { color: #d1d6dc; }
.banner :-moz-placeholder { color: #d1d6dc; }
.banner ::-moz-placeholder { color: #d1d6dc; }
.banner :-ms-input-placeholder { color: #d1d6dc; }






.rows.footer { background: #111218; letter-spacing: normal; }
.rows.footer .row-1 { border-bottom: 1px solid #2c333a; }

footer .logo { position: relative; display: block; padding: 0; margin-bottom: 20px; width: 105px; z-index: 100; }
footer .logo a { text-decoration: none; line-height: 1; }
footer .logo img { position: relative; display: block; }

footer p { padding-bottom: 20px; color: #fff; }
footer .button a { min-width: 350px; }

footer .row-1 .col-2 { max-width: 900px; width: 100%; }
footer .footer-menu { float: right; padding-right: 25px; }
footer .footer-menu ul.menu { margin-left: -25px; }
footer .footer-menu ul.menu > li { width: 33.333%; min-width: 190px; padding: 0 0 0 25px; float: left; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; }
footer .footer-menu ul.menu > li > a, footer .footer-menu ul.menu > li > a:hover { color: #8c99a6; text-transform: uppercase; font-size: 15px; cursor: default; font-family: 'MacklinSans-Bold', sans-serif; }
footer .footer-menu ul.menu ul li { padding-top: 10px; text-align: left; }
footer .footer-menu ul.menu ul li a { color: #d1d6dc; }
footer .footer-menu ul.menu ul li a:hover { color: #fff; }

footer .row-2 .col-1 { color: #708090; text-transform: uppercase; }
footer .row-2 .col-1 a { color: #708090; text-decoration: underline; }
footer .row-2 .col-1 a:hover { color: #fff; text-decoration: underline; }
footer .row-2 .padding-top { padding-top: 5px !important; }



footer .footer-grid .cols { display: grid; grid-template-rows: auto; gap: 0; grid-auto-rows: minmax(min-content, max-content); grid-template-columns: auto 1fr; grid-template-areas: "footer-col-1 footer-col-2 footer-col-3"; } 
footer .footer-grid .col-1 { grid-area: footer-col-1; }
footer .footer-grid .col-2 { grid-area: footer-col-2; }
footer .footer-grid .col-3 { grid-area: footer-col-3; border-left: 1px solid #2c333a; max-width: 525px; padding-left: 50px; }
footer .footer-grid .col-3 p { color: #708090; }


footer .social-media li a { color: #708090; padding: 0 0 0 20px; }
footer .social-media li a:hover { color: #fff; }

footer .footer-col-menu .social-media, footer .footer-grid .social-media { position: absolute; bottom: -60px; right: 0; display: none; }
.footer-credits .cols .cols .col-2 .break { display: none !important; }
.footer-credits { padding-bottom: 56px; }

.letter-spacing-expanded { letter-spacing: 1.3px !important; }


.wickedpicker { z-index: 99; }

.wrapper { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 999999999; }
.no-scroll { margin: 0 !important; height: 100% !important; overflow: hidden !important; }



.content-display .loading .image img { opacity: 0; }
.content-display .loading .image::after, .content-display .loading .category::after, .content-display .loading .title::after, .content-display .loading .description::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #f5f5f5; content: ''; z-index: 10; -webkit-animation: expand 1.5s infinite linear; animation: expand 1.5s infinite linear; transform-origin: 0% 0%; }
@-webkit-keyframes expand {
  0% { -webkit-transform: scaleX(0); transform: scaleX(0); opacity: 1; }
  100% { -webkit-transform: scaleX(100%); transform: scaleX(100%); opacity: 0; }
}
@keyframes expand {
  0% { -webkit-transform: scaleX(0); transform: scaleX(0); opacity: 1; }
  100% { -webkit-transform: scaleX(100%); transform: scaleX(100%); opacity: 0; }
}


/*.loader { background: #fff url(images/loader.gif) center center no-repeat; }
.loader-2 { background: #363636 url(images/loader2.gif) center center no-repeat; }
.loader-3 { background: url(images/loader4.gif) center 30px no-repeat; }
.loading-inner { position: fixed; top: -70px; display: none; width: 100%; height: 100%; background: url(images/logo.png) center center no-repeat; background-size: 170px; }*/



@viewport { width: auto; }


@media only screen and (min-width: 1201px) and (max-height: 800px) {
  
  .home h1 { font-size: 54px; }

}

@media only screen and (max-width: 1620px) {
  
  .article-gallery li a { height: calc(((100vw - 40px)/5) * (300/324)); }
  .digital-issues .navigation.navigation-left, .digital-issues-more .navigation.navigation-left { left: 0; }
  .digital-issues .navigation.navigation-right, .digital-issues-more .navigation.navigation-right { right: 0; }
  .digital-issues li a, .digital-issues-more li a { max-width: 90%; }
  
  .poll-brackets-wrapper { overflow-x: auto; }
  .poll-brackets-wrapper .poll-brackets { min-width: 1600px; }
/*  .poll-brackets-wrapper .poll-brackets-img-top .img-inner { max-width: 335px; }
  .poll-brackets-wrapper .poll-brackets-img-bottom .img-inner { max-width: 230px; }*/
  
}

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

  .ad-wrapper img { max-width: 100%; width: 100% !important; height: auto !important; }
	.ad-wrapper.adscript img { width: auto !important; }
	.ad-wrapper.adscript a img { width: 100% !important; }
  
  .content-sidebar > .cols { display: grid; grid-template-columns: auto 300px; grid-template-rows: 1fr; gap: 0 75px; margin-left: 0; grid-auto-rows: minmax(min-content, max-content); grid-template-areas: "col-1 col-2"; }
  .content-sidebar.post-width > .cols { gap: 0 100px; }
  .content-sidebar.excerpt > .cols { display: block; }
  .sidebar-empty .content-sidebar > .cols { grid-template-columns: auto auto; }
  .sidebar-empty .content-sidebar.post-width > .cols { gap: 0; }
  .content-sidebar > .cols > .col { padding-left: 0; float: none; }
  .has-sidebar-image .content-sidebar > .cols > .col { padding-left: 0; float: left; }
  .content-sidebar > .cols .col-1.content-box { grid-area: col-1; }
  .content-sidebar > .cols .col-2.content-side { grid-area: col-2; }
  .rows .row.content-sidebar.content-width > .cols > .col.col-1 { width: 100%; }
  .rows .row.content-sidebar.post-width .cols > .col.col-1 { width: 100%; max-width: 720px; }
  .rows.has-sidebar-image .row.content-sidebar.post-width .cols > .col.col-1 { width: 70%; max-width: 720px; }
  .rows .row.content-sidebar.post-width .form .cols .col.col-1 { max-width: none; }
  .rows .row.content-sidebar.excerpt .col.col-2 { min-width: 0; max-width: none; }
  .rows .row.content-sidebar.universal-width .col.col-1 { width: 100%; }
  
  .home .cols.grid.related-featured .col.related-main .inner a .wrap.image img, .home .cols.grid.related-featured .col.related-thumbs .inner a .wrap.image img { height: auto; width: 100%; }
  
  .cols.grid.pickup-locations { grid-template-columns: 500px 1fr; }
	
	.single-ticket .rows .row.content-sidebar .col.col-2 { width: 25.64%; min-width: 300px; max-width: 300px; }
  
  .gallery-view-all .content-sidebar > .cols { display: block; }
  .rows.rows-popup .row.content-sidebar .col.col-1 { float: left; }
  
  .single-form .post-width.content-sidebar .cols { display: block; }
  .single-form .post-width.content-sidebar > .cols > .col.col-1 { float: left; width: 61.54% !important; }
  
  footer .button { width: 100%; }
  footer .button a { max-width: 350px; min-width: 0; width: 100%; }
  footer .footer-grid .cols { grid-template-columns: auto; }
  footer .footer-grid .col-1 { padding-right: 25px; }
  footer .footer-grid .col-3 { padding-left: 25px; }
  
}

@media only screen and (max-height: 700px) {

  .age-popup, .popup { align-items: baseline; overflow-y: auto; }
  .issues-view-all.popup { overflow-y: visible; }
  
}

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

  .background .col.post-width { padding-left: 25px; }
  
  .sponsored-top .flex .flex { display: block; }
  .rows .row.content-sidebar .sponsored.sponsored-top .col.col-primary.col-2 { padding-left: 25px; padding-top: 0 !important; }
  .sponsored.sponsored-top .col.col-primary .col-1 { padding-left: 0; padding-right: 0; }
  .sponsored.sponsored-top .col.col-primary .col-2 { padding-top: 10px !important; width: 100% !important; }
  .sponsored.sponsored-top li { height: 70px; align-content: center; display: grid; }
  .sponsored img { max-width: 150px; max-height: 70px; }
  .sponsored.sponsored-top .col.col-primary.sponsors-label-bottom { font-size: 12px; }
  
}

@media only screen and (max-width: 1200px) {
  
  .home h1 { font-size: 54px; }
  
  .padding-top-x2 { padding-top: 40px !important; }
  .padding-top-x3 { padding-top: 50px !important; }
  .cols.spacing-top-x2 { margin-top: -40px !important; }
  .cols.spacing-left-x2 { margin-left: -40px !important; }
  .cols.spacing-top-x3 { margin-top: -50px !important; }
  .cols.spacing-left-x3 { margin-left: -50px !important; }
  .spacing-left-x2 .col, .col.spacing-left-x2 { padding-left: 40px !important; }
  .spacing-left-x3 .col, .col.spacing-left-x3, .spacing-left-x4 .col, .col.spacing-left-x4 { padding-left: 50px !important; }
  .spacing-right-x4 .col, .col.spacing-right-x4 { padding-right: 50px !important; }
  
  .cols.grid { gap: 50px 50px; }
  
  #header .menu-top .menu, .social-media, #header .fixed-row .middle .menu { display: none; }
  #header .menu-top.menu-top-responsive, #header .menu-top.menu-top-responsive .menu, #header .menu-top .menu.menu-icon-responsive { display: block; }
	#header .menu-top .menu.menu-icon-responsive li a { padding-top: 15px; font-size: 20px; }
	#header .menu-top .menu.menu-icon-responsive li a:hover { color: #fff; }
	#header .menu-top .menu li a { font-size: 13px; font-family: 'MacklinSans-Bold', sans-serif; color: #111218; padding-top: 19px; }
	#header .search { margin-left: 0; }
  
  .background.banner-home .row.featured { height: auto; min-height: 300px; }
  .background.banner-home .row.featured.featured-video { height: 700px; }
  .background.banner-home .row .wrap.banner-image { opacity: 0; height: 700px; overflow: hidden; }
  .background.banner-home .row.featured.featured-video video { --vheight: 700px; height: 100% !important; width: auto !important; margin-left: calc((((var(--vheight) / 1080) * 1920) - (100vw - 40px)) / -2); }

  .content-sidebar.content-width > .cols { gap: 0 50px; }
	
	.cols.grid.related-events { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto; grid-template-areas: "col-1 col-2" "col-3 col-4" "col-5 col-6"; }
  
  .cols.grid.newsletter-list { gap: 0 25px; }
  .cols.grid.newsletter-list.spacing-bottom-x3 { margin-bottom: 50px !important; }
  
  .banner-top::after { height: 280px; }
  
  .article-gallery li { -webkit-flex: 0 1 25%; -moz-flex: 0 1 25%; -ms-flex: 0 1 25%; flex: 0 1 25%; }
  .article-gallery li a { height: calc(((100vw - 40px)/4) * (300/324)); }
  .article-gallery.universal-gallery li a { height: calc((100vw/4) * (300/324)); }
  
  .related-awards h2.title { font-size: 34px; }
  .related-awards .description.size28 { font-size: 24px !important; }
  .article-gallery.article-gallery-awards li a { height: calc(((100vw - 40px)/3) * (300/324)); }
  
  .digital-issues-all .inner { max-height: calc(100vh - 130px); }
  .digital-issues-all li a { max-width: 90%; }
  
  footer .footer-menu ul.menu > li { min-width: 0; width: 50%; }
  
}

@media only screen and (max-width: 1100px) {
  
  .background.banner-home .row.featured.featured-video { height: 600px; }
  .background.banner-home .row.featured.featured-video video { --vheight: 600px; }
  
  .home .content-sidebar > .cols, .archive .content-sidebar > .cols, .single-issue .content-sidebar > .cols { display: block; }
  .home .rows .row.content-sidebar .col.col-2.col-2-main, .archive .rows .row.content-sidebar .col.col-2.col-2-main, .single-issue .rows .row.content-sidebar .col.col-2.col-2-main { display: none; }
  .archive .rows .row.content-sidebar .col.col-2.col-2-main.hasSideBox { display: block; width: 100%; max-width: none; }
  .archive .rows .row.content-sidebar .col.col-2.col-2-main.hasSideBox .side-box, .archive .rows .row.content-sidebar .col.col-2.col-2-main.hasSideBox .ad-wrapper { display: none; }
  .archive .rows .row.content-sidebar .col.col-2.col-2-main.hasSideBox .side-box.box-poll { display: block; max-width: 90%; }
  .side-box.box-poll { padding: 20px; border: 1px solid #d1d6dc; border-radius: 10px; -webkit-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.2); background: rgba(0,0,0,.02); }
  .side-box.box-poll form.light .field input[type="submit"] { background: #fff; }
  .side-box.box-poll form.light .field input[type="submit"]:hover { background: #000; }
  .rows .row.content-sidebar.universal-width .col.col-2 { width: 100%; max-width: none; min-width: 0; float: none; padding-top: 25px; }
  .rows .row.content-sidebar.universal-width .col.col-2 .side-box { max-width: none; }
  
  .home .content-sidebar > .cols.display-poll, .archive .content-sidebar > .cols.display-poll, .single-issue .content-sidebar > .cols.display-poll, .event-cal .content-sidebar > .cols.display-poll { display: grid; grid-template-columns: auto; grid-template-rows: auto 1fr; grid-template-areas: "col-2" "col-1"; gap: 0; }
  .home .rows .row.content-sidebar .display-poll .col.col-2.col-2-main, .archive .rows .row.content-sidebar .display-poll .col.col-2.col-2-main, .single-issue .rows .row.content-sidebar .display-poll .col.col-2.col-2-main { display: block; }
  .rows .row.content-sidebar .display-poll .col.col-2 { max-width: none; width: 100%; float: none; }
  .rows .row.content-sidebar .display-poll .col.col-2 .side-box, .rows .row.content-sidebar .display-poll .col.col-2 .ad-wrapper { display: none; }
  .rows .row.content-sidebar .display-poll .col.col-2 .side-box.box-poll { display: block; max-width: none; }
  
  .content-sidebar .col.content-side.mobile-sidebar-hide { display: none; }
  
  .cols.grid.pickup-locations { grid-template-columns: 460px 1fr; }
  .locations li.loc.active .title, .locations li.loc.active .distance, .locations li.loc.active .icon { font-size: 20px; }
  .locations li.loc .hours { font-size: 16px; }
  .locations li.loc .wrap.hours .hours-current { grid-template-columns: 95px 170px auto; }
  .locations li.loc .wrap.hours ul li { grid-template-columns: 95px 170px; }
  
  .article-gallery.universal-gallery li a { height: calc((100vw/3) * (300/324)); }
  
  .related-awards h2.title { font-size: 30px; }
  .related-awards .description.size28 { font-size: 22px !important; }
  .awards .content-side .ad-wrapper:nth-child(3n) { display: none; }
  
  .digital-issues .navigation { height: 70%; }
  
  .cols.cols-2-auto.grid { gap: 50px 50px; }
	
	.single-ticket .ticket-title img { max-height: 90px; }
  
  form .ticket-counter .col-1 { grid-template-rows: auto; gap: 20px 20px; grid-template-columns: auto 1fr; grid-template-areas: "tkt-field-content counter" "promo-code promo-code"; }
  form .ticket-counter .col-1 .promo-code { max-width: 300px; }
  
}

@media only screen and (max-width: 900px) {
  
  BODY { font-size: 16px; }
  
  h1, .archive h1.archive-title, h1.archive-title { font-size: 54px; }
  h4 { font-size: 30px; }
  p { padding: 0 0 20px; }
  ul, ol { margin-top: -5px; }
  ul + p, ol + p, .image-wrapper + ul, .image-wrapper + ol, iframe + p { padding-top: 20px; }
  iframe { margin: 0 0 20px !important; }
  .size68 { font-size: 54px !important; }
  
  img.vertical { height: 500px; }
  img.square { max-height: 500px; max-width: 500px; }
  .gallery-images { max-height: 500px; }
  .gallery-image { height: 500px; }
  .gallery-images.gallery-images-top .slick-slide img, .gallery-images.gallery-images-popup-full .slick-slide img { max-height: 500px; }
  
  .size18 { font-size: 16px !important; }
  .size22 { font-size: 20px !important; }
  .size32 { font-size: 30px !important; }
	
	.maxHeight-20 { max-height: 15px; }
	.maxHeight-30 { max-height: 20px; }
	.maxHeight-40 { max-height: 30px; }
	.maxHeight-50 { max-height: 40px; }
	.maxHeight-60 { max-height: 50px; }
	.maxHeight-70 { max-height: 60px; }
  
  .content h2 { font-size: 36px; line-height: 1.2; }
  .content h2 + p, .content h2 + ul, .content h2 + ol { padding-top: 15px; }
  .content h2 + iframe { margin-top: 15px !important; }
  h2.section-title { font-size: 40px !important; }
  
  .padding-top { padding-top: 20px !important; }
  .spacing-bottom { margin-bottom: 20px !important }
  .spacing-bottom-x2 { margin-bottom: 30px !important }
	.margin-top { margin-top: 20px !important }
	.margin-top-x2 { margin-top: 30px !important }
  
  .button a { min-width: 220px; }
  
  .rows .row { margin-bottom: 20px; }
  
  .background .cols { min-height: 300px; }
  
  #header .rows.main-row { padding-top: 35px; padding-bottom: 30px; }
  #header .rows.main-row .cols .col-1 { float: none !important; }
  #header .rows.main-row .cols .col-2 { position: relative !important; bottom: auto; right: auto; width: 100%; float: none !important; }
  #header .bottom .logo { margin: 0 0 20px; }
  
  #header .search { margin-left: 0; }
  #header .main-menu li { margin-bottom: 0; }
  #header .fixed-row .middle { float: left !important; padding-left: 0; }
  #header .fixed-row .logo { margin: 0 5px; }
  #header .fixed-row .menu-top .menu li a, #header .menu-top .menu li a { font-size: 13px; font-family: 'MacklinSans-Bold', sans-serif; color: #111218; padding-top: 19px; }
  #header .fixed-row .menu-top .menu li a.icon-menu, #header .menu-top .menu.menu-icon-responsive li a { padding-top: 15px; font-size: 20px; }
  #header .fixed-row .menu-top .menu li a:hover, #header .menu-top .menu.menu-icon-responsive li a:hover { color: #fff; }
  #header .fixed-row .search a { padding-top: 15px; }
  
  .banner-top::after { height: 260px; }
  
  .content-sidebar.post-width > .cols { gap: 0 50px; }
  
  .image-wrapper .image .image-description, .image-wrapper .image .image-caption, .gallery-caption .image-description, .gallery-caption .image-caption { font-size: 14px; }
  .rows .row.featured { padding-top: 10px !important; }
  .rows .row.featured.featured-image, .rows .row.featured.featured-video { padding-top: 0 !important; }
  .background .row, .background.background-top .row, .background.background-bottom .row { background-size: 1300px auto !important; }
  
  .gallery-view-all-wrapper { padding: 20px 30px; }
  .thumbnail-wrapper .inner > div { width: 50%; }
  .gallery-view-all .rows .content-box img { max-width: 100%; width: auto; height: auto; }
  .navigation.large { width: 70px; }
  .navigation.large a, .navigation.large > span { font-size: 35px; }
  
  
  .cols.grid.pickup-locations { grid-template-columns: auto; grid-template-rows: 480px 480px; grid-template-areas: "col-2" "col-1"; gap: 20px 0; }
  .cols.grid.pickup-locations .col .wrap.title.padding-top-x2 { padding-top: 0 !important; }
  .cols.grid.pickup-locations .col.col-2.col-main { grid-template-rows: auto 1fr; grid-template-areas: "ad" "map"; }
  .location-form { margin-left: -20px; }
  .location-form .cols { width: 50%; float: left; margin-left: 0; }
  .location-form .cols .col { padding-left: 0 !important; }
  .locations li.loc.active .title, .locations li.loc.active .distance, .locations li.loc.active .icon { font-size: 22px; }
  .locations li.loc .hours { font-size: 18px; }
  .locations li.loc .wrap.hours .hours-current { grid-template-columns: 110px 190px auto; }
  .locations li.loc .wrap.hours ul li { grid-template-columns: 110px 190px; }
  
  .background.banner-page .banner-image { max-width: calc(100vw / 3) !important; }
  
  .digital-issues-all .inner { max-height: calc(100vh - 120px); }
  
  .related-awards h2.title { font-size: 26px; }
  
  .content-event .content-box { width: 55%; }
  .cols.grid.gap-x1 { gap: 25px 50px; }
  .cols.cols-2-basic.grid { grid-template-areas: "col-1" "col-2"; grid-template-columns: 1fr; grid-template-rows: auto auto; }
	
	.related-articles.related-events a .wrap.image .event-image { height: auto; width: 100%;}
  
  .form .cols.cols-3 { margin-bottom: 0 !important; }
  .form .cols.cols-3 .col { width: 50% !important; margin-bottom: 20px; }
  
  .single-form .post-width.content-sidebar > .cols > .col.col-1 { float: none; width: 100% !important; }
  .single-form .post-width.content-sidebar > .cols > .col.col-2 { display: none !important; }
  
  footer .button a { min-width: 0; }
  footer .footer-menu ul.menu > li { min-width: 0; }
  footer .size20 { font-size: 16px !important; }
  .footer-credits .cols .cols { display: grid; grid-template-columns: 120px auto; grid-template-rows: 1fr; gap: 0 50px; margin-left: 0; grid-auto-rows: minmax(min-content, max-content); grid-template-areas: "col-1 col-2"; }
  .footer-credits > .cols > .col-1 { float: none !important; }
  .footer-credits .cols .cols .col { padding-left: 0; float: none; }
  .footer-credits .cols .cols .col-1 { grid-area: col-1; }
  .footer-credits .cols .cols .col-2 { grid-area: col-2; width: 100%; text-align: center; }
  .footer-credits .cols .cols .col-2 .split { position: relative; display: block; content: ''; margin: 0; padding: 0; opacity: 0; height: 1px; overflow: hidden; }
  footer .social-media { display: none; }
  footer .footer-col-menu { margin-bottom: 50px !important; }
  footer .footer-col-menu .social-media, footer .footer-grid .col-3 .social-media { display: block; position: relative; display: block; bottom: 0; right: 0; padding-top: 30px; text-align: center; width: 100%; }
  footer .footer-grid .col-3 .social-media li { display: inline-block; float: none; }
  footer .footer-grid .col-3 .social-media li a { padding: 0 10px; font-size: 24px; }
  footer .logo.logo-publishing { width: 100%; }
  footer .footer-grid .cols { grid-template-columns: auto auto; grid-template-rows: auto auto; }
  footer .footer-grid .col-3 { border: none; max-width: none; }
  footer .footer-grid .col-1 { grid-area: 1 / 1 / 3 / 3; width: 50%; }
  footer .footer-grid .col-2 { grid-area: 1 / 2 / 2 / 3; }
  footer .footer-grid .col-3 { grid-area: 2 / 1 / 3 / 3; }
  
}

@media only screen and (max-width: 800px) {
  
  .size20 { font-size: 18px !important; }
  .size28 { font-size: 26px !important; }
  
  .banner-top::after { height: 200px; }
  .single-issue .banner-top::after { height: 250px; }
  
  /*.background.banner-home .row.featured.featured-video video { margin-left: -10%; }
  .background.banner-home .row .wrap.banner-video.full-screen .video-wrapper video { width: 100%; height: 100%; }*/
  
  .content-sidebar > .cols { grid-template-columns: 1fr; grid-template-rows: auto auto; grid-template-areas: "col-1" "col-2"; }
  .rows .row.content-sidebar.post-width .cols > .col.col-1 { max-width: none; }
  .rows .row.content-sidebar .col.col-2 { width: 100%; max-width: none; min-width: 0; }
  .single .rows .row.content-sidebar .col.col-2 { display: none; }
  .single.single-issue .rows .row.content-sidebar .col.col-2, .single .rows .row.content-sidebar .col.col-2.hasSideBox, .single .rows .row.content-sidebar form .col.col-2 { display: block; }
  .rows .row.content-sidebar .col.col-2 .side-box { display: none; }
  .rows .row.content-sidebar .col.col-2 .side-box.box-poll, .rows .row.content-sidebar .col.col-2 .side-box.box-form { display: block; max-width: 80%; }
  .rows .row.content-sidebar .col.col-2 .side-box.box-form, .rows .row.content-sidebar .col.col-2 .side-box.box-form .form-wrapper .form-wrapper-inner { margin-bottom: 0 !important; }
  .rows .row.content-sidebar .col.col-2 .side-box:first-of-type, .rows .row.content-sidebar .col.col-2 .ad-wrapper:first-of-type, .rows .row.content-sidebar .col.col-2 .side-box + .ad-wrapper { margin-top: 30px; }
  .rows.has-sidebar-image .row.content-sidebar.post-width .cols > .col.col-1 { width: 100%; max-width: none; }
  .rows .row.content-sidebar .content-side-image { position: relative; top: 0; padding-top: 25px; width: 100%; max-width: 300px; margin: 0 auto; }
  .rows.page-top.has-sidebar-image { background-color: rgba(0, 0, 0, 0); }
  .rows.page-top.has-sidebar-image::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 75%; content: ''; background: #000; z-index: 1; }
  .rows.page-top.has-sidebar-image .row { z-index: 10; }
  .rows .row.content-sidebar.universal-width .col.col-2 { padding-top: 0; }
  .rows .row.content-sidebar.universal-width .col.col-2 .side-box { display: block; }
  
  .rows .row.content-sidebar .display-poll .col.col-2 .side-box:first-of-type { margin-top: 0; }
  
  .cols.cols-2-basic.grid { grid-template-areas: "col-1 col-2"; grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .cols.cols-2-auto.grid { gap: 40px 40px; grid-template-columns: 1fr; }
  
  .rows.rows-popup .row.content-sidebar .col.col-2 { display: block; }
  .rows.rows-popup .row.content-sidebar .col.col-1 { width: 100% !important; }
  .rows.rows-popup .row.content-sidebar .col.col-2 { display: none; }
  
  .related-articles .col-x2-3 a .wrap.image { width: 55%; }
  .related-articles .col-x2-3 a .wrap.details { width: 45%; }
	.related-articles.related-events a .wrap.image .event-image { height: 100%; width: auto;}
  
  .related-articles a .wrap.image.square.resize img { height: 350px; }
  
  .background.banner-page .banner-image { max-width: calc(100vw / 2.5) !important; }
  
  .page-single .content-sidebar > .cols { grid-template-areas: "col-2" "col-1"; }
  .page-single .content-sidebar.content-sidebar-below > .cols { grid-template-areas: "col-1" "col-2"; }
  .page-single .rows .row.content-sidebar .content-side { margin-bottom: 30px; }
  .page-single .rows .row.content-sidebar.content-sidebar-below .content-side { margin-bottom: 0; }
  .page-single .rows .row.content-sidebar .col.col-2 .side-box { display: block; max-width: none; }
  .page-single .rows .row.content-sidebar .col.col-2 .side-box:first-of-type { margin-top: 0; }
  .page-single .rows .row.content-sidebar .col.col-2 .side-box .desktop { display: none !important; }
  .page-single .rows .row.content-sidebar .col.col-2 .side-box .mobile { display: block !important; }
  
  .cols.grid.newsletter-list { gap: 25px 0; }
  .cols.grid.newsletter-list.spacing-bottom-x3 { margin-bottom: 0 !important; }
  .cols.grid.newsletter-list .col { height: auto; }
  
  .rows.rows-newsletters .row.row-form { margin-top: -25px !important; }
  .rows.rows-newsletters h1 { text-align: center; }
  .rows.rows-newsletters .row.row-desktop { display: none !important; }
  .rows.rows-newsletters .row.row-mobile { display: block !important; z-index: 10; color: #fff; }
  .cols.grid.newsletter-list .col .inner { background-size: 200% auto; }
  .cols.grid.newsletter-list .col .inner a { grid-template-columns: auto 1fr auto; grid-template-rows: auto; grid-template-areas: "more image expand"; gap: 10px 10px; min-height: 100px; max-height: 100px; overflow: hidden; }
  .cols.grid.newsletter-list .col .inner a.expanded { grid-template-rows: 100px auto; grid-template-areas: "more image expand" "details details details"; height: auto; }
  .cols.grid.newsletter-list .col .inner a .image { padding: 10px 20px; }
  .cols.grid.newsletter-list .col .inner a .expand { display: flex; align-items: center; }
  .cols.grid.newsletter-list .col .inner a .details { display: none; max-width: 80%; padding-bottom: 20px; opacity: 0; }
  .cols.grid.newsletter-list .col .inner a.expanded .details { display: block; }
  
  .poll-bracket-stage-wrapper .box-poll-bracket-stage-brackets .box-poll-bracket { padding: 25px; }
  
  .article-gallery li { -webkit-flex: 0 1 33.333%; -moz-flex: 0 1 33.333%; -ms-flex: 0 1 33.333%; flex: 0 1 33.333%; }
  .article-gallery li a { height: calc(((100vw - 40px)/3) * (300/324)); }
  
  .digital-issues-all li a { max-width: 85%; }
  .digital-issues-all li { -webkit-flex: 0 1 33.333%; -moz-flex: 0 1 33.333%; -ms-flex: 0 1 33.333%; flex: 0 1 33.333%; }
  
  .single-issue .content-side .ad-wrapper + .ad-wrapper { display: none; }
  
  .related-awards h2.title { font-size: 34px; }
  .related-awards .description.size28 { font-size: 24px !important; }
  .awards .content-side { display: none; }
  
  .content-side h4, .box-poll h4 { font-size: 22px; }
  
  .content-event .content-box, .content-event .content-side { width: 100%; }
  .content-event .hide-desktop { display: block; }
  .content-event .hide-mobile { display: none; }
  .content-event .hide-desktop .social-sharing { margin-bottom: 0 !important; }
  img.badge-sponsored { width: 90px; height: 90px; }
  .related-events img.badge-sponsored { width: 75px; height: 75px; }
  
  .form .cols.cols-3 .col { width: 33.3333% !important; }
  form input[type="button"].btn { right: 0; }
  
  .box-poll.box-poll-selection .col-2 { display: block !important; }
  .box-poll.box-poll-selection .col-inner { padding-left: 15px; padding-right: 15px; }
  .box-poll.box-poll-selection .group-results ul li a { padding: 15px 20px; }
  .box-poll.box-poll-selection .group-results ul li li a { padding-left: 40px; }
	
	.single-ticket .rows .row.content-sidebar .col.col-2 { width: 100%; min-width: 0; max-width: none; }
	.single-ticket.single .rows .row.content-sidebar .col.col-2, .rows .row.content-sidebar .col.col-2 .side-box.box-sponsors { display: block; }
	.rows .row.content-sidebar .col.col-2 .side-box.box-sponsors { margin-top: 30px; max-width: none; }
	.single-ticket .content-event-details { display: block; margin-bottom: 30px; }
	.single-ticket .ticket-title img { max-height: 80px; }
	.single-ticket .box-sponsors .side-box-content { display: flex; flex-wrap: wrap; justify-content: center; }
  .single-ticket .content-event-details .box-event-details h3 { cursor: pointer; }
  /*.single-ticket .content-event-details .box-event-details:hover .event-details-content { display: block; }*/
  .single-ticket .content-event-details .box-event-details .event-details-content { display: block !important; }
	.single-ticket .box-sponsors .sponsor-group { margin-bottom: 20px; }
	.single-ticket .box-sponsors .sponsor-group .sponsor-logos span { padding: 0 15px; }
	.single-ticket .box-sponsors .sponsor-group .maxHeight-30, .single-ticket .box-sponsors .sponsor-group .maxHeight-40, .single-ticket .box-sponsors .sponsor-group .maxHeight-50, .single-ticket .box-sponsors .sponsor-group .maxHeight-60, .single-ticket .box-sponsors .sponsor-group .maxHeight-70 { max-height: 40px; }
  
  .bio-wrapper { margin-bottom: 30px; }
  .bio-wrapper .bio { grid-template-columns: 200px 1fr; }
  .bio-wrapper .bio .bio-content .bio-title { font-size: 22px; }
  
}

@media only screen and (max-width: 728px) {
	.ad-wrapper.adscript[data-type="Leaderboard"] .ad-inner { height: calc((90/728)*100vw) !important; }
}

@media only screen and (max-width: 667px) {
  
  #flyout-menu #flyout-menu-main li a { font-size: 18px; }
  #flyout-menu #flyout-menu-main .social-media li a { font-size: 18px; }
  
  .size15 { font-size: 14px !important; }
  .size20 { font-size: 16px !important; }
  .size22 { font-size: 18px !important; }
  .size26 { font-size: 22px !important; }
  .size28 { font-size: 24px !important; }
  .size72 { font-size: 58px !important; }
  
  h3 { font-size: 30px; }
  .home h1 { font-size: 46px; }
  .archive h1, .home h3, .has-banner h1, .has-banner h2.page-title, h2.title, h3.section-title, .search h1 { font-size: 30px; }
  .content h3 { font-size: 18px; }
  
  h2.section-title .pt_splitter { display: inline; }
  .content-top p { font-size: 18px; }
  
  .padding-bottom-x2 { padding-bottom: 25px !important; }
	.padding-bottom-x3 { padding-bottom: 50px !important; }
  .spacing-bottom-x3 { margin-bottom: 50px !important; }
  .padding-top-x2, .padding-top-x3 { padding-top: 25px !important; }
  .cols.spacing-top-x2, .cols.spacing-top-x3 { margin-top: -25px !important; }
  .cols.spacing-left-x2, .cols.spacing-left-x3 { margin-left: -25px !important; }
  .spacing-left-x2 .col, .col.spacing-left-x2, .spacing-left-x3 .col, .col.spacing-left-x3 { padding-left: 25px !important; }
  .spacing-right-x4 .col, .col.spacing-right-x4 { padding-right: 25px !important; }
  .cols.related-featured.grid .related-thumbs .col-2.inner, .cols.related-featured.grid .related-thumbs .col-3.inner { padding-top: 25px !important; }
  .cols.related-featured.grid .related-thumbs .inner.padding-top-x2 { padding-top: 25px !important; }
  
  .cols.grid { gap: 25px 25px; }
  .cols.grid.gap-x1 { gap: 25px 25px; }
  
  .sponsored img { max-width: 140px; max-height: 60px; }
  
  .thumbnail-wrapper .inner { margin: -20px 0 0 -20px; }
  .thumbnail-wrapper .inner > div { padding: 20px 0 0 20px; }
  .navigation.large { width: 50px; }
  .navigation.large a, .navigation.large > span { font-size: 25px; }
  
  .background.banner-home .row .wrap.banner-image { height: 600px; }
  .background.banner-home .article-caption { padding-top: 20px; }
  .background.banner-home .row.featured.featured-video { height: 550px; }
  .background.banner-home .row.featured.featured-video video { --vheight: 550px; }
  
  .sponsored.sponsored-bottom li img { max-width: 130px; max-height: 60px; }
  .sponsored.sponsored-top { margin-bottom: 10px; }
  /*.sponsored.sponsored-top .flex { display: block; }*/
  .sponsored.sponsored-top .col.col-primary { border-left: none; /*padding-top: 20px !important;*/ padding-right: 0; }
  .sponsored.sponsored-top .col.col-primary.col-1 { padding-top: 0 !important; }
  .sponsored.sponsored-top .col.col-primary .col-1 { padding-left: 0; }
  /*.sponsored.sponsored-top .col.col-primary .flex { display: flex; }*/
  .sponsored.sponsored-top img { max-width: 180px; max-height: 80px; width: auto; }
  .sponsored.sponsored-top li { height: 80px; }
  .sponsored.sponsored-top .col.col-primary .col-2 { margin-bottom: 20px; }
  
  .issues-view-all-wrapper.popup-wrapper { padding-top: 0; padding-bottom: 0; }
  .digital-issues-all .inner { max-height: calc(100vh - 80px); }
  .digital-issues-all li { padding-bottom: 30px; }
  .digital-issues.view-all { top: 0; }
  .single-issue .banner-top::after { height: 230px; }
  
  .custom-box ul { margin-left: -25px; }
  .custom-box li { padding-left: 25px; }
  
  .related-awards h2.title { font-size: 30px; }
  .related-awards .description.size28 { font-size: 22px !important; }
  .article-gallery.article-gallery-awards li { -webkit-flex: 0 1 50%; -moz-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; }
  .article-gallery.article-gallery-awards li a { height: calc(((100vw - 40px)/2) * (300/324)); }
  
  /*.cols.grid.related-events { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; grid-template-areas: "col-1 col-2" "col-3 col-4"; }*/
  .related-events .size28 { font-size: 20px !important; }
  .form .cols.cols-2_3 .col.col-1 { width: 100% !important; margin-bottom: 10px; margin-top: -15px; }
  .form .cols.cols-2_3 .col.col-2 { width: 100% !important; }
  
  .popup .form-wrapper .form-wrapper-inner { padding: 30px 20px; }
  .form-wrapper .form-wrapper-inner.msg { padding-top: 100px; padding-bottom: 100px; }
  .form-wrapper .btn-close { position: absolute; top: 10px; right: 10px; font-size: 20px; }
  .form-wrapper form .field input[type="submit"] { font-size: 14px; }
  
  .notice-wrapper .notice a.icon-cancel { top: 10px; right: 10px; }

}

@media only screen and (max-width: 600px) {
  
  h1, .archive h1.archive-title, h1.archive-title { font-size: 40px; }
  h4 { font-size: 24px; }
  
  .size24 { font-size: 20px !important; }
  .size26 { font-size: 18px !important; }
  .size28 { font-size: 24px !important; }
  .size36 { font-size: 24px !important; }
  .size40 { font-size: 30px !important; }
  .size68 { font-size: 40px !important; }
  .size72 { font-size: 50px !important; }
  
  .home h1 { font-size: 42px; }
  .content-side h4 { font-size: 20px; margin-bottom: 15px; }
  
  h2.section-title { font-size: 30px !important; }
  
  img.vertical { height: 335px; }
  img.square { max-height: 335px; max-width: 335px; }
  .gallery-images { max-height: 335px; }
  .gallery-image { height: 335px; }
  .gallery-images.gallery-images-top .slick-slide img, .gallery-images.gallery-images-popup-full .slick-slide img { max-height: 335px; }
  .gallery-wrapper-top .view-all { position: absolute; bottom: 9px; left: 15px; width: auto; }
  .gallery-wrapper-top .view-all .icon-th::before { position: relative; top: -2px; display: block; float: left; margin-bottom: 0; margin-right: 10px; font-size: 20px; }
  .gallery-wrapper-top .view-all a { padding: 0; }
  .gallery-wrapper-top .view-all br { display: block; float: left; }
  .gallery-wrapper-top .view-all span { display: none; }
  
  .buttons { margin-top: -20px; }
  .buttons .button { width: 100%; margin-left: 0; margin-right: 0; padding-top: 20px; }
  .button a { min-width: 0; }
  
  .checkmark { height: 18px; width: 18px; font-size: 11px; line-height: 20px; }
  
  #header .logo { width: 155px; }
  #header .main-menu #menu-main-menu-left { margin-left: 15px; }
  #header .main-menu ul { margin-left: 15px; }
  #header .main-menu ul#menu-main-menu-right-1 { margin-left: 0; }
  #header .main-menu li { padding-left: 10px; }
  
  .cols-x3 .col, .col.col-x3 { width: 100% !important; }
  .cols-x3.related-articles-post .col { width: 50% !important; }
  .cols-x3 .col:nth-child(3n+1) { clear: none !important; }
  .cols-x3 .col:nth-child(2n+1) { clear: both !important; }
  
  .cols.cols-2-basic.grid { grid-template-areas: "col-1" "col-2"; grid-template-columns: 1fr; grid-template-rows: auto auto; }
  
  .breadcrumbs.size15 { font-size: 13px !important; }
  
  .background .cols { min-height: 0; height: auto; padding-top: 60px; padding-bottom: 60px; }
  .background .cols .post-width { padding-top: 0 !important; padding-bottom: 0 !important; }
  .background .row, .background.background-top .row, .background.background-bottom .row { /*background-size: 2000px auto !important;*/ background-size: cover !important; }
  .background.banner-home .cols { padding-top: 20px; padding-bottom: 20px; }
  .background.banner-home .featured-video .cols { padding-top: 0; padding-bottom: 0; }
  .background.banner-home .row { background-size: auto 800px; }
  .background.banner-home .row .wrap { padding-bottom: 0; }
  .background.banner-home .row.featured.featured-video { height: 480px; }
  .background.banner-home .row.featured.featured-video video { --vheight: 480px; }
  .background.banner-home .row.featured.featured-video .outer-wrap { padding-bottom: 20px; }
  
  .sub-categories h4 { letter-spacing: 1.3px; }
  .sub-categories .size32 { font-size: 24px !important; }
  .subcat-wrapper.size22 { font-size: 16px !important; }
  .subcat-wrapper .subcat-row .subcat { display: block; margin-bottom: 5px; }
  .subcat-wrapper .subcat-row .subcat:last-child { margin-bottom: 0; }
  .subcat-wrapper span.subcat-row span::after { display: none; }
  .subcat-wrapper span.subcat-row-2 { padding-top: 7px; }
  
  .thumbnail-wrapper .inner > div { width: 100%; }
  .gallery-wrapper-bottom .view-all { float: none; margin-left: 0; }
  
  .cols.spacing-top-x2, .cols.spacing-top-x3 { margin-top: -20px !important; }
  .cols-x2-3 .col, .col.col-x2-3 { width: 100% !important; }
  .col.col-ad { display: block; padding-top: 0; grid-area: col-ad }
  
  .col-1 { display: block; grid-area: col-1 }
  .col-2 { display: block; grid-area: col-2 }
  .col-3 { display: block; grid-area: col-3 }
  .col.col-4 { display: block; grid-area: col-4 }
  .col.col-5 { display: block; grid-area: col-5 }
  .col.col-6 { display: block; grid-area: col-6 }
  .col.col-7 { display: block; grid-area: col-7 }
  .col.col-8 { display: block; grid-area: col-8 }
  .col.col-9 { display: block; grid-area: col-9 }
  .col.col-10 { display: block; grid-area: col-10 }
  
  .related-featured .related-main { width: 100% !important; margin-bottom: 30px !important; }
  .related-featured .related-thumbs { width: 100% !important; margin-left: 0 !important; }
  .related-featured.related-featured .related-thumbs .wrap-inner { position: relative; display: block; width: 100% !important; margin-top: -25px !important; }
  .related-featured.related-featured-alt .related-thumbs { float: right !important; margin-bottom: 30px !important; padding-top: 20px !important; }
  .related-featured.related-featured-alt .related-main { float: left !important; margin-bottom: 0 !important; }
  .related-featured.related-featured-alt .related-main .inner { width: 100%; padding-top: 0 !important; }
  
  .related-featured .related-thumbs .inner { width: 100% !important; float: left !important; padding: 0; }
  .related-featured .related-thumbs .inner:nth-child(2n+1) { clear: both; }
  .related-featured .related-thumbs .col { width: 100% !important; float: left !important; padding: 25px 0 0 !important; }
  .related-featured .related-thumbs .col .ad-wrapper { margin-top: 0 !important; }
  .spacing-left-x4 .col, .col.spacing-left-x4 { padding-left: 0 !important; }
  .spacing-right-x4 .col, .col.spacing-right-x4 { padding-right: 0 !important; }
  .related-articles .related-thumbs a .wrap.image { width: 100%; }
  .related-articles .related-thumbs a .wrap.details, .related-articles .related-thumbs a .wrap.more { width: 100%; float: left; padding-left: 0; padding-top: 20px; }
  
  .related-featured.related-featured .related-thumbs .wrap-inner { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 25px 25px; grid-auto-rows: minmax(min-content, max-content); grid-template-areas: "col-1 col-2" "col-3 col-4" "col-ad col-ad"; }
	
	.related-articles.related-events a .wrap.image .event-image { height: auto; width: 100%;}
  
  .cols.grid.related-search, .cols.grid.related-6 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto; gap: 25px 25px; grid-auto-rows: minmax(min-content, max-content); grid-template-areas: "col-1 col-2" "col-3 col-4" "col-5 col-6"; }
  .search-results .content-side .ad-wrapper:nth-child(2), .ads-3:nth-child(2), .ads-3:nth-child(3) { display: none; }
  
  .cols.related-featured.grid { display: block; }
  .cols.related-featured.grid .related-thumbs .inner a, .cols.related-featured.grid .related-thumbs .inner a.reverse, .cols.grid .col.col-x2-3 .inner a, .cols.grid .col.col-x2-3.wrap-right .inner a { grid-template-columns: 1fr; grid-template-rows: auto 1fr auto; grid-template-areas: "image" "details" "more"; }
  .cols.related-featured.grid .related-thumbs .inner { padding-top: 25px !important; }
  .cols.related-featured.grid .related-thumbs .inner a.reverse .text-right { text-align: right !important; }
  .related-articles .col-x2-3 a .wrap.image { margin-bottom: 20px !important; }
  .related-articles .col-x2-3.wrap-right a .wrap.details, .related-articles .col-x2-3 a .wrap.details, .related-articles .col-x2-3.wrap-right a .wrap.more, .related-articles .col-x2-3 a .wrap.more { padding-left: 0; padding-right: 0; }
  
  .cols.grid.newsletter-list { gap: 15px 0; }
  .rows.rows-newsletters .row.row-form { margin-top: -15px !important; }
  .cols.grid.newsletter-list .col .inner { background-size: 400% auto; }
  .cols.grid.newsletter-list .col .inner a .image object { max-height: 40px; }
  .cols.grid.newsletter-list .col.half .inner a .image object { max-height: 20px; }
  .cols.grid.newsletter-list .col .inner a { min-height: 60px; max-height: 60px; }
  .cols.grid.newsletter-list .col .inner a.expanded { grid-template-rows: 60px auto; }
  
  .rows .row.content-sidebar .content-side-image { max-width: 220px; }
  .side-box .side-box-content .button { display: block; }
  
  
  form.banner.newsletter-individual-form .field.inline, form.newsletter .field.inline { width: 100%; margin-bottom: 20px; }
  form.banner.newsletter-individual-form .field.inline.submit, form.newsletter .field.inline.submit { width: 100%; padding-left: 0; }
  
  ul.slick-dots { display: block !important; }
  .slick-slide .col-spacing-x3 { padding-left: 20px !important; padding-right: 20px !important; }
  .navigation.navigation-left, .navigation.navigation-right { display: none !important; }
  
  .locations li.loc.active .title, .locations li.loc.active .distance, .locations li.loc.active .icon { font-size: 20px; }
  .locations li.loc .hours { font-size: 16px; }
  .locations li.loc .wrap.hours .hours-current { grid-template-columns: 95px 170px auto; }
  .locations li.loc .wrap.hours ul li { grid-template-columns: 95px 170px; }
  
  .background.banner-page .banner-image { max-width: calc(100vw / 2) !important; }
  
  .article-gallery li { -webkit-flex: 0 1 50%; -moz-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; }
  .article-gallery li a { height: calc(((100vw - 40px)/2) * (300/324)); }
  .article-gallery.universal-gallery li a { height: calc((100vw/2) * (300/324)); }
  .article-gallery.universal-gallery .navigation.navigation-left, .article-gallery.universal-gallery .navigation.navigation-right { display: block !important; }
  
  .cols.related-featured.grid.related-awards .related-thumbs .inner { padding-top: 0 !important; }
  .related-articles.related-awards .related-thumbs.related-alt a.reverse { text-align: left; }
  .related-articles.related-awards .related-thumbs a.reverse .wrap.details { padding-right: 0; }
  .related-awards h2.title { font-size: 24px; }
  .related-awards .description.size28 { font-size: 20px !important; }
  .article-gallery-awards .row-2 h3.section-title { margin-bottom: 0; }
  .article-gallery li a span.title { padding-top: 20px; font-size: 21px !important; }
  
  .digital-issues li a, .digital-issues-more li a { max-width: 120px; padding-right: 20px; }
  .single-issue .banner-top::after { height: 200px; }
  .single.single-issue .rows .row.content-sidebar .col.col-2-main { display: none; }
  
  .content-big-box + .ad-wrapper { display: none; }
  
  .sponsored .cols.flex { display: block; }
  .sponsored .cols.flex.flex-auto .col { width: 100% !important; text-align: center !important; }
  .sponsored img { margin: 0 auto 20px; }
  .sponsored.sponsored-top img { max-width: 150px; max-height: 60px; width: 100%; }
  .sponsored.sponsored-top li { height: 60px; }
  
  .single .newsletter-addon { padding-bottom: 5px; }
  
  .search form .field.inline { width: 100%; margin-bottom: 30px; }
  .field.inline.submit { width: 40%; padding-left: 0; }
  
  .box-poll.box-poll-selection .group-results { max-height: 300px; }
	
	.single-ticket .ticket-title img { max-height: 70px; }
  
  .page-template-page-menu table tr th, .page-template-page-menu table tr td { padding-left: 20px; }
  
  .rows.footer { margin-top: -1px; }
  footer .logo { margin-left: auto; margin-right: auto; }
  footer .content { text-align: center; }
  footer .button a { max-width: none; }
  footer .row-1 .col-1 { width: 100%; text-align: center; }
  footer .row-1 .col-2 { width: 100%; padding-top: 20px; }
  footer .footer-menu { float: none; }
  footer .footer-menu ul.menu > li { width: 100%; min-width: none; margin-bottom: 40px; }
  footer .footer-menu ul.menu ul li { float: left; }
  footer .footer-menu ul.menu ul li:after { position: relative; display: block; float: right; content: '|'; margin-right: 10px; padding-left: 10px; color: #d1d6dc; }
  footer .footer-menu ul.menu ul li:last-child:after { display: none; }
  footer .footer-col-menu { margin-bottom: 0 !important; }
  footer .footer-col-menu .social-media { position: relative; bottom: auto; right: auto; float: none; text-align: center; }
  footer .footer-col-menu .social-media ul { display: inline-block; }
  footer .footer-col-menu .social-media li { margin-left: 10px; margin-right: 10px; }
  footer .footer-col-menu .social-media li a { padding-left: 0; }
  footer .footer-grid .cols { display: block; }

  .footer-credits .cols .cols { grid-template-columns: 1fr; grid-template-rows: auto auto; grid-template-areas: "col-1" "col-2"; }
  footer .logo.logo-publishing { max-width: 120px; margin: 0 auto 20px; padding: 20px 0 0; }
  footer .row-2 .col-1 { float: none !important; }
  .footer-credits { padding-bottom: 100px; }
  .footer-credits .cols .cols .col-2 .split { display: inline; opacity: 1; }
  .footer-credits .cols .cols .col-2 .break { display: block !important; }
  
}

@media only screen and (max-width: 480px) {
  
  #header .logo { width: 100px; }
  #header .bottom .logo { margin-bottom: 0; }
  #header .rows.main-row .cols .col-2 { display: none; }
  
  .size15 { font-size: 13px !important; }
  .size30, .home h3, .size40, h2.section-title { font-size: 24px !important; }
  .home h1 { font-size: 28px; }
  .archive h1, .home h3, .has-banner h1, .has-banner h2.page-title, h2.title, h3.section-title, .search h1 { font-size: 26px; }
  .content h3 { font-size: 17px; }
  
  img.vertical { height: 250px; }
  img.square { max-height: 250px; max-width: 250px; }
  .gallery-images { max-height: 250px; }
  .gallery-image { height: 250px; }
  .gallery-images.gallery-images-top .slick-slide img, .gallery-images.gallery-images-popup-full .slick-slide img { max-height: 250px; }
  
  .social-sharing ul { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; }
  .social-sharing li { width: 16.66%; box-sizing: border-box; -moz-box-sizing: border-box; }
  .social-sharing li a { width: 100%; height: 50px; }
  
  h1, .archive h1.archive-title, h1.archive-title { font-size: 32px; }
  .size68 { font-size: 32px !important; }
  .content h2 { font-size: 30px; }
  
  .cols.spacing-left-x3 { margin-left: -20px !important; }
  .spacing-left-x3 .col, .col.spacing-left-x3 { padding-left: 20px !important; }
  
  .background.banner-home .row.featured.featured-video { height: 370px; }
  .background.banner-home .row.featured.featured-video video { --vheight: 370px; }
  
  .cols.related-articles { gap: 20px 20px !important; }
  
	.padding-bottom-x3 { padding-bottom: 25px !important; }
  .spacing-bottom-x3 { margin-bottom: 25px !important; }
  
  .rows.rows-popup .row.content-sidebar .col.col-1 { width: 100% !important; }
  .rows.rows-popup .row.content-sidebar .col.col-2 { display: none; }
  
  .related-articles .col-x2-3 a .wrap.image { width: 100%; }
  .related-articles .col-x2-3 a .wrap.details { width: 100%; padding-left: 0; padding-top: 0; }
  .cols.grid .col.col-x2-3 .inner a { display: block; }
  .related-articles .col-x2-3 a .wrap.details, .related-articles .col-x2-3 a .wrap.more { padding-left: 0; }
  .related-articles .col-x2-3.wrap-right a .wrap.details, .related-articles .col-x2-3.wrap-right a .wrap.more { padding-right: 0; }
  .rows.page-top.has-sidebar-image::after { height: 80%; }
  .rows .row.content-sidebar .col.col-2 .side-box.box-poll, .rows .row.content-sidebar .col.col-2 .side-box.box-form, .archive .rows .row.content-sidebar .col.col-2.col-2-main.hasSideBox .side-box.box-poll { max-width: none; }
  
  .background.banner-home .row { background-size: auto 700px; }
  .background.banner-home .row .wrap.banner-image { height: 500px; }
  
  .cols.grid.pickup-locations { grid-template-rows: 380px 500px; }
  .location-form .cols { width: 100%; float: none; }
  .locations li.loc.active .title, .locations li.loc.active .distance, .locations li.loc.active .icon { font-size: 18px; }
  .locations li.loc .wrap.address { font-size: 16px; }
  .locations li.loc .wrap.hours .hours-current { grid-template-columns: auto auto auto; }
  .locations li.loc .wrap.hours ul li { grid-template-columns: auto auto; }
  
  .popup-wrapper { padding-left: 0; padding-right: 0; }
  
  .issues-view-all-wrapper.popup-wrapper, .popup-window-box.popup-wrapper { padding-left: 20px; padding-right: 20px; }
  .digital-issues-all .inner { max-height: calc(100vh - 70px); }
  .digital-issues-all li { -webkit-flex: 0 1 50%; -moz-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; }
  .digital-issues.view-all, .digital-issues-more.view-all { bottom: auto; position: relative; padding-top: 10px; text-align: left; }
  .digital-issues.view-all a, .digital-issues-more.view-all a { display: inline; }
  
  .related-featured.related-awards .related-thumbs .wrap-inner { display: block; }
  .cols.related-featured.grid.related-awards .related-thumbs .inner { padding-top: 25px !important; }
  .cols.related-featured.grid.related-awards .related-thumbs .inner .inner { padding-top: 0 !important; }
  .related-awards h2.title { font-size: 26px; }
  .related-awards .description.size28 { font-size: 20px !important; }
  
  .article-gallery li a span { padding-left: 10px; padding-right: 10px; }
  .article-gallery li a span.title { padding-top: 10px; font-size: 19px !important; }
  
  .form .cols { margin-bottom: 0 !important; }
  .form .cols.cols-1 .col, .form .cols.cols-2 .col, .form .cols.cols-3 .col { width: 100% !important; margin-bottom: 10px; }
  
  .article-category-link .col-first { padding-right: 40px; }
  
  img.badge-sponsored { width: 75px; height: 75px; }
  .related-events img.badge-sponsored { width: 55px; height: 55px; }
  
  .bio-wrapper { margin-bottom: 25px; }
  .bio-wrapper .bio { grid-template-columns: 150px 1fr; gap: 0 20px; }
  .bio-wrapper .bio .bio-content .bio-title { font-size: 20px; }
	
	form .ticket-counter .col-1 { display: block; }
	form .counter { max-width: none; }
  form .ticket-counter .col-1 .promo-code { padding-top: 20px; max-width: none; }
	.single-ticket .ticket-title img { max-height: 55px; }
  .content .ticket-form h3 { margin-bottom: -5px; }
  form .ticket-counter .field-content { padding-top: 0; }
  form .ticket-counter .field-content h3 { margin-bottom: 8px; }
  .rows .row.content-sidebar .col.col-2 .side-box.box-sponsors { margin-bottom: 0 !important; }
  
  .form-wrapper .form-wrapper-inner { padding-bottom: 20px; }
  .popup .form-wrapper .form-wrapper-inner { padding-bottom: 30px; }
  .popup .form-wrapper .form-wrapper-inner.msg { padding-top: 50px; padding-bottom: 50px; }
  .form-wrapper .form-buttons { display: block; margin-bottom: 0; }
  .form-wrapper .form-buttons .button { margin-bottom: 20px; }
  .form-wrapper .form-buttons .button:last-of-type { margin-bottom: 0; }
  .form-wrapper ul.slick-dots { display: none !important; }
  form input[type="button"].btn { height: calc(100% - 20px); }
  
  .footer-credits { padding-bottom: 120px; }
  
}

@media only screen and (max-width: 420px) {
  
  #header .fixed-row .middle { padding-top: 14px; }
  #header .fixed-row .logo { width: 60px; }
  
  .background.banner-home .row.featured.featured-video { height: 450px; }
  .background.banner-home .row.featured.featured-video video { --vheight: 450px; }
  
  .locations li.loc { grid-template-areas: "name distance"; grid-template-columns: 1fr auto; }
  .locations li.loc.active { grid-template-areas: "name distance" "links links"; }
  .locations li.loc .hours { font-size: 14px; }
  .locations li.loc .wrap.icon, .locations li.loc.active .icon { display: none; }
  .locations li.loc .wrap.hours .hours-current { grid-template-columns: 1fr; grid-template-areas: "status" "time"; }
  
  .content-sidebar > .cols { display: block; }
  
  .background.banner-page .banner-image { max-width: calc(100vw / 1.75) !important; }
  
  .page-single .content-sidebar > .cols { display: grid; }
  .cols.grid.grid-layout.cols-x2.cols-split { grid-template-columns: 1fr; }
  .cols.grid.grid-layout .col-split { display: none; }
  .cols.grid.grid-layout.grid-layout-form { gap: 30px 0; }
  .cols.grid.grid-layout.grid-layout-form .col { padding-top: 30px !important; }
  .cols.grid.grid-layout.grid-layout-form .col.col-2 { border-top: 1px solid #d1d6dc; }
  
  .article-gallery li a span.title { font-size: 18px !important; }
  .article-gallery li a span.size14 { font-size: 12px !important; }
  
  .article-category-link { display: block !important; padding-top: 0 !important; }
  .article-category-link .col-first { width: 50% !important; margin: 0 auto 25px; padding-right: 0; float: none; }
  .article-category-link .col-last { width: 100% !important; }
  
  .related-events .size28 { font-size: 20px !important; }
  
  .notice-wrapper .notice a.icon-cancel { top: 5px; right: 5px; }
  
}

@media only screen and (max-width: 380px) {
  
  .article-gallery.article-gallery-awards li { -webkit-flex: 0 1 100%; -moz-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; }
  .article-gallery.article-gallery-awards li a { height: calc(((100vw - 40px)/1) * (300/324)); }
  .article-gallery li a span.title { font-size: 26px !important; }
  .article-gallery li a span.size14 { font-size: 14px !important; }
  
  .ad-wrapper[data-type="Leaderboard"] { padding-left: 0 !important; padding-right: 0 !important; }
  /*.ad-wrapper[data-type="Leaderboard"] iframe { height: 50px; }*/
	
	.single-ticket .ticket-title img { max-height: 45px; }
  
  .bio-wrapper .bio { grid-template-columns: 130px 1fr; }
  
}

@media only screen and (max-width: 330px) {
  
  .related-featured.related-featured .related-thumbs .wrap-inner .ad-wrapper, .cols .cols.related-articles .ad-wrapper { min-width: 300px; left: -10px; }
  
}