/* 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"); } .nobreak { white-space: nowrap; display: inline !important; } /*** 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: 68px; margin: 0 0 0; line-height: 1; text-transform: none; } h2 { font-size: 34px; 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-ExtraBoldIt', 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.2; 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; line-height: 1.1; } .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; line-height: 1.1 !important; letter-spacing: 0px !important; } 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; line-height: 1.5; } 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; } ul:last-child + div, ul:last-of-type + div, div:last-child + ol, ol:last-of-type + div { margin-top: 30px; } .svg object { filter: invert(0%) sepia(5%) saturate(7482%) hue-rotate(261deg) brightness(106%) contrast(106%); } .svg.light object, .tint-white img { 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; } .size25 { font-size: 25px !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; } .size70 { font-size: 70px !important; } .size72 { font-size: 72px !important; } .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; } .show-overflow { overflow: unset !important; } .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; } .min-height-100 { min-height: 100px; } .min-height-200 { min-height: 200px; } .no-border { border: none !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; } .cols.col-border .col::before { position: absolute; top: 0; left: 50px; display: block; width: 0; height: 100%; content: ""; border-right: 1px solid #d1d6dc; } .cols.col-border .col:first-of-type::before { display: none; } .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.single { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; gap: 0 0; grid-template-areas: "col-1"; } .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: 100%; /*height: 625px;*/ width: auto; margin-left: calc(-1 * ((886 / 984) * 100px)); } .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: none; } .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; } .rows .row.content-sidebar .col.form-notice { width: 100% !important; font-size: 16px; font-style: italic; padding-top: 30px; } /*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.full { display: block; } .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; } .social-media.podcast-media { margin-top: 0 !important; float: none; } .social-media.podcast-media + p { margin-top: 25px !important; } .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: 330px; } .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; } .background .top-40-2021 h4 { font-family: 'MacklinSans-ExtraLight', sans-serif; } .background .top-40-2021 h4 .pt_splitter-1 { font-family: 'MacklinSans-Bold', sans-serif; } .background .top-40-2021 h4 .pt_splitter-2 { font-family: 'MacklinSans-ExtraLight', sans-serif; } .background .top-40-2021 h4 .pt_splitter-3 { font-family: 'MacklinSans-Bold', sans-serif; } .background .top-40-2021 h4 .pt_splitter-4 { font-family: 'MacklinSans-Regular', sans-serif; color: #f70f31; } .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; margin-top: 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.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); } .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; max-height: 750px; margin-left: auto; margin-right: auto; } img.square { width: 100%; height: auto; max-height: 750px; max-width: 750px; margin-left: auto; margin-right: auto; } img.horizontal.lazy { height: 750px; width: auto !important; } .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); } } /*form .field.floating.tooltip:hover label:before { bottom: 0; left: 0; position: absolute; display: block; content: attr(data-label); color: #000; font-family: 'MacklinSans-Light', sans-serif; font-weight: 400; border: 1px solid #d1d6dc; background: #eaeaea; padding: 5px 10px; z-index: 100; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opactiy 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; zoom: 1; filter: alpha(opacity=1); opacity: 1; white-space: normal; } form .field.floating.tooltip:hover label { z-index: 1900; overflow: visible; }*/ 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; } .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; float: left; } #header .fixed-row .logo { display: inline-block; width: 90px; margin: 0 25px; float: none; } #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 .cols.cols-logo .col-1 { display: flex; } #header .cols.cols-logo .col-1 .social-media { align-content: end; display: grid; margin-left: 20px; } #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: 21px 20px 15px; background: #fff; font-size: 15px; color: #b8c0c8; font-family: 'MacklinSans-Medium', sans-serif; } #header .menu-top .menu li.alt a { background: #fff; color: #000; font-family: 'MacklinSans-ExtraBold', sans-serif; } #header .menu-top .menu li a:hover { background: #fff; color: #000; } #header .menu-top .menu li.alt a:hover { background: #fff; color: #8c99a6; } #header .menu-top .menu li a.icon-menu { color: #000; } #header .menu-top .menu li a.icon-menu:hover { 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: 19px 20px 14px 10px; 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; } .top-right-links { position: relative; display: block; float: left; } .top-right-links li { position: relative; display: block; list-style-type: none; line-height: 1; float: left; padding-left: 0; } .top-right-links li a, .header-top-mobile li a { display: block; padding: 21px 10px 15px; font-size: 15px; color: #b8c0c8; font-family: 'MacklinSans-Medium', sans-serif; text-transform: uppercase; letter-spacing: 1.2px; } .top-right-links li.t40-red-over a, .top-top-mobile li.t40-red-over a { color: #e53235; } .top-right-links li.t40-red-over a span.name, .top-top-mobile li.t40-red-over a span.name { color: #b8c0c8; } .top-right-links li a:hover, .top-right-links li:hover a, .top-right-links li.t40-red-over a:hover span.name, .top-top-mobile li.t40-red-over a:hover span.name { color: #000; } .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; } /*.top-right-links a i.icon { position: relative; display: inline-block; width: 25px; height: 15px; margin-right: 7px; float: left; } .top-right-links a i.icon::before { position: absolute; top: 0; left: 0; display: block; width: 25px; height: 15px; opacity: 1; content: ''; filter: invert(90%) sepia(13%) saturate(161%) hue-rotate(169deg) brightness(84%) contrast(89%); transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; } .top-right-links a i.icon::after { position: absolute; top: 0; left: 0; display: block; width: 25px; height: 15px; opacity: 0; content: ''; filter: invert(0%) sepia(100%) saturate(7434%) hue-rotate(211deg) brightness(115%) contrast(115%); transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; } .top-right-links a:hover i.icon::after { opacity: 1; } .top-right-links a i.icon.icon-top40::before { background: url("images/T40.svg") center center no-repeat; filter: invert(17%) sepia(81%) saturate(7291%) hue-rotate(346deg) brightness(98%) contrast(97%); } .top-right-links a i.icon.icon-top40::after { background: url("images/T40.svg") center center no-repeat; }*/ .top-right-links a i.icon-img, .header-top-mobile li a i.icon-img { position: relative; display: inline-block; width: 25px; height: 13px; margin-right: 7px; float: left; background-position: right center; background-repeat: no-repeat; filter: invert(91%) sepia(9%) saturate(260%) hue-rotate(169deg) brightness(87%) contrast(82%); } .top-right-links a:hover i.icon-img { filter: none; } .top-right-links a .sicon { display: inline-block; } t40-red-over .header-top-mobile { position: relative; display: block; } .header-top-mobile ul { margin: 0; padding: 0; } .header-top-mobile li { position: relative; display: block; width: 50%; margin: 0; padding: 0; float: left; border-left: 1px solid #1f2025; box-sizing: border-box; -moz-box-sizing: border-box; } .header-top-mobile li:first-child { border-left: none; } .header-top-mobile li a { display: block; color: #8c99a6; padding: 10px 20px; text-align: center; background: #000; } .header-top-mobile li a i.icon-img { float: none; } .header-top-mobile li a:hover { background: #fff; color: #000; } .header-top-mobile li a:hover i.icon-img { filter: none; } .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.excerpt strong em { font-family: 'MacklinSans-MediumItalic', 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; } h3 + .sponsored { margin-top: 25px !important; } .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; } .rows .row.featured.featured-video + .row.content { padding-top: 30px; } .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; padding-top: 0; } .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 .title em, .article-box a .title em, .related-articles a .title i, .article-box a .title i { font-family: 'MacklinSans-MediumItalic', 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: .3; 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); } .background.banner-page .banner-image-excerpt { position: relative; display: block; padding-top: 25px; color: #fff; font-size: 30px; font-weight: 300; } .banner-title-spacing h4 { letter-spacing: 1.6px; word-spacing: 0.2rem; } .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, .menu-content-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, .menu-content-popup { 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, .menu-content-popup .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; } .flyout-page { display: block; } .flyout-mobile { display: none; } .menu-content-wrapper a.icon-cancel { position: absolute; top: 20px; right: 20px; display: block; color: #fff; } .menu-content-wrapper a.icon-cancel:hover { color: #b8c0c8; } .menu-content-popup { max-width: 1170px; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; } .menu-content-popup .content-main { background: #000; padding: 30px; } .menu-content-popup .content-main .row-1 { border-bottom: 1px solid #111218; } .menu-content-popup .highlight ul { position: relative; display: inline-block; margin: 0; } .menu-content-popup .highlight li { position: relative; display: block; list-style-type: none; line-height: 1; float: left; padding-left: 0; } .menu-content-popup .highlight li:first-child { margin-left: 0; } .menu-content-popup .highlight li a { display: block; padding: 0 10px 0; font-size: 16px; color: #b8c0c8; font-family: 'MacklinSans-Medium', sans-serif; text-transform: uppercase; letter-spacing: 1.2px; } .menu-content-popup .highlight li a:hover { color: #fff; } .menu-content-popup .highlight li a i.icon-img { position: relative; display: inline-block; width: 25px; height: 13px; margin-right: 7px; float: left; background-position: right center; background-repeat: no-repeat; filter: invert(91%) sepia(9%) saturate(260%) hue-rotate(169deg) brightness(87%) contrast(82%); } .menu-content-popup .highlight li a:hover i.icon-img { filter: invert(100%) sepia(9%) saturate(7426%) hue-rotate(260deg) brightness(155%) contrast(119%); } .menu-content-popup .row-2.content-width { padding: 0 20px; } .menu-content-popup .row-2 .cols.grid { grid-template-columns: 230px 230px 1fr; grid-template-rows: auto; gap: 0 55px; } .menu-content-popup .row-2 .cols.grid h3 { font-size: 17px; color: #8c99a6; text-transform: uppercase; } .menu-content-popup .row-2 .cols.grid ul { list-style-type: none; padding: 0; margin: 0; } .menu-content-popup .row-2 .cols.grid li { list-style-type: none; padding: 3px 0; margin: 0; } .menu-content-popup .row-2 .cols.grid li a { color: #fff; font-size: 20px; font-family: 'MacklinSans-ExtraLight', sans-serif; } .menu-content-popup .row-2 .cols.grid li a:hover { color: #b8c0c8; } .menu-content-popup .row-3 .cols.grid { grid-template-columns: 1fr 1fr 1fr 190px; grid-template-rows: auto; gap: 0 25px; grid-template-areas: "col-1 col-2 col-3 col-4"; } .menu-content-popup .row-3 .cols.grid a.btn { position: relative; display: block; border: 1px solid #fff; color: #fff; text-transform: uppercase; font-family: 'MacklinSans-Bold', sans-serif; text-align: center; padding: 17px 10px 14px; letter-spacing: 1.4px; } .menu-content-popup .row-3 .cols.grid a.btn.alt { background: #fff; color: #000; } .menu-content-popup .row-3 .cols.grid a.btn:hover { background: #fff; color: #000; } .menu-content-popup .row-3 .cols.grid a.btn.alt:hover { background: #000; color: #fff; } .menu-content-popup .row-3 .cols.grid .col-4.social { display: grid; align-content: center; } .menu-content-popup .row-3 .cols.grid .social-media { display: block !important; } .menu-content-popup .row-3 .cols.grid .social-media ul { margin: 0; padding: 0; float: right; } .menu-content-popup .row-3 .cols.grid .social-media li { margin: 0 0 0 20px; padding: 0; } .menu-content-popup .row-3 .cols.grid .social-media li:first-child { margin-left: 0; } .menu-content-popup .row-3 .cols.grid .social-media li a { margin: 0; padding: 0; font-size: 27px; color: #fff; } .menu-content-popup .row-3 .cols.grid .social-media li a:hover { color: #8c99a6; } .menu-flyout { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #000; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 999999; overflow: auto; } .menu-flyout .rows { position: relative; display: block; max-width: 800px; margin: 0 auto; } .menu-flyout .rows a.icon-cancel { position: relative; display: block; color: #fff; float: right; } .menu-flyout .rows a.icon-cancel:hover { color: #b8c0c8; } .menu-flyout .content-mag { position: relative; display: block; max-width: 300px; margin: 0 auto 10px; } .menu-flyout .cols.grid.content-buttons { grid-template-columns: 1fr; grid-template-rows: auto; gap: 20px 0; grid-template-areas: "col-1" "col-2" "col-3"; } .menu-flyout .cols.grid.content-buttons a.btn { position: relative; display: block; border: 1px solid #fff; color: #fff; text-transform: uppercase; font-family: 'MacklinSans-Bold', sans-serif; text-align: center; padding: 17px 10px 14px; letter-spacing: 1.4px; } .menu-flyout .cols.grid.content-buttons a.btn.alt { background: #fff; color: #000; } .menu-flyout .cols.grid.content-buttons a.btn:hover { background: #fff; color: #000; } .menu-flyout .cols.grid.content-buttons a.btn.alt:hover { background: #000; color: #fff; } .menu-flyout .highlight ul { position: relative; display: block; margin: 0; padding-top: 10px; margin-bottom: 10px !important; } .menu-flyout .highlight ul.child { padding-top: 0; } .menu-flyout .highlight li { position: relative; display: block; list-style-type: none; line-height: 1; padding: 5px 0; text-align: center; } .menu-flyout .highlight li:first-child { margin-left: 0; } .menu-flyout .highlight li a { display: inline-block; padding: 0 10px 0; font-size: 16px; color: #b8c0c8; font-family: 'MacklinSans-Medium', sans-serif; text-transform: uppercase; letter-spacing: 1.2px; } .menu-flyout .highlight li a:hover { color: #fff; } .menu-flyout .highlight li a i.icon-img { position: relative; display: inline-block; width: 25px; height: 16px; margin-right: 7px; float: left; background-position: right center; background-repeat: no-repeat; filter: invert(91%) sepia(9%) saturate(260%) hue-rotate(169deg) brightness(87%) contrast(82%); } .menu-flyout .highlight li a:hover i.icon-img { filter: invert(100%) sepia(9%) saturate(7426%) hue-rotate(260deg) brightness(115%) contrast(119%); } .menu-flyout .cols .topics { padding-top: 10px; } .menu-flyout .cols .topics h3 { font-size: 16px; color: #8c99a6; text-transform: uppercase; } .menu-flyout .cols .topics ul { list-style-type: none; padding: 0; margin: 0; } .menu-flyout .cols .topics li { list-style-type: none; padding: 3px 0; margin: 0 20px 5px 0; float: left; } .menu-flyout .cols .topics li a { color: #d1d6dc; font-size: 20px; font-family: 'MacklinSans-Light', sans-serif; } .menu-flyout .cols .topics li a:hover { color: #fff; } .menu-flyout .cols .edify { padding-top: 20px; } .menu-flyout .cols .edify h3 { font-size: 16px; color: #8c99a6; text-transform: uppercase; } .menu-flyout .cols .edify ul { list-style-type: none; padding: 0; margin: 0; } .menu-flyout .cols .edify li { list-style-type: none; width: 50%; padding: 3px 0 3px 20px; margin: 0 0 5px 0; float: left; box-sizing: border-box; -moz-box-sizing: border-box; } .menu-flyout .cols .edify li:nth-child(odd) { padding: 3px 20px 3px 0; } .menu-flyout .cols .edify li a { color: #d1d6dc; font-size: 20px; font-family: 'MacklinSans-Light', sans-serif; } .menu-flyout .cols .edify li a:hover { color: #fff; } .menu-flyout .social { display: grid; align-content: center; padding-top: 30px; } .menu-flyout .social-media { display: block !important; text-align: center; } .menu-flyout .social-media ul { margin: 0 auto; padding: 0; display: inline-block; } .menu-flyout .social-media li { margin: 0 0 0 20px; padding: 0; } .menu-flyout .social-media li:first-child { margin-left: 0; } .menu-flyout .social-media li a { margin: 0; padding: 0; font-size: 27px; color: #fff; } .menu-flyout .social-media li a:hover { color: #8c99a6; } .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 img { max-height: 110px; width: auto; } .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 { display: none; } .single-ticket .content-event-details .box-event-details { padding: 0; } .single-ticket .content-event-details .box-event-details h3 { padding: 15px 20px 10px; margin: 0; } .single-ticket .content-event-details .box-event-details .event-details-content { display: none; padding: 5px 20px 15px; } .single-ticket .box-sponsors {} .single-ticket .box-sponsors .sponsor-group { margin: 0 0 30px; } .single-ticket .box-sponsors .sponsor-group:last-of-type { margin-bottom: 0; } .single-ticket .box-sponsors .sponsor-group .sponsor-logos {} .single-ticket .box-sponsors .sponsor-group .sponsor-logos span { display: inline-block; margin: 0 auto 10px; padding: 0 5px; } .single-ticket .box-sponsors .sponsor-group .sponsor-logos span img { height: auto; width: auto; } .single-ticket .box-sponsors .sponsor-group .type-name { color: #8c99a6; } .single-podcast .page-top > .row { background-image: url('images/podcast_title.png'); background-size: cover; background-position: center top; } .single-podcast .page-top > .row .cols.grid { justify-content: space-around; grid-template-columns: 1fr; grid-template-rows: repeat(2, max-content); grid-template-areas: unset; gap: 0; max-width: 1270px; min-height: 109px; margin: auto; padding: 30px 25px 30px 25px; } .single-podcast .page-top > .row .cols.grid .page-title { margin: 0; padding: 0; } .single-podcast .row.content-sidebar .col-2.content-side { width: 399px; max-width: 399px; } .single-podcast .content-main .guests .guest-content > p { display: inline; line-height: 1; } .single-podcast .content-main .row-0 hr { border-top-color: #dcdfe3; margin-top: 20px; margin-bottom: 47px; } .single-podcast .content-main .podcast-content { margin-bottom: 34px; } .single-podcast .content-main .podcast-content > p, .single-podcast .content-main .credits p { line-height: 31px; } .single-podcast .content-main .credits { margin-bottom: 34px; } .single-podcast .content-main .credits p { color: #BAC0C7; } .single-podcast .content-main .iframe-wrapper { margin-bottom: 23px; } .banner .title-urban h4, .banner.background .title-urban h4 .pt_splitter { font-family: 'MacklinSans-Light', sans-serif !important; letter-spacing: 1.5px; } .banner .title-urban h4.size40 { font-size: 28px !important; } .banner.background .title-urban h4 .pt_splitter.pt_splitter-5 { font-family: 'MacklinSans-ExtraBold', sans-serif !important; } .side-box-trending {} .side-box-trending .side-box-content { position: relative; display: block; } .side-box-trending .side-box-content .grid { display: grid; grid-template-columns: 35px 1fr; gap: 0 0; padding-bottom: 20px; border-bottom: 1px solid #d2d6db; } .side-box-trending .side-box-content .grid .position { color: #000; } .side-box-trending .side-box-content .grid .name {} .side-box-trending .side-box-content .grid .name a { color: #2c333a; } .side-box-trending .side-box-content .grid .name a:hover { color: #000; } .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:first-of-type { border-top: none; padding-top: 0; } .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, .form-wrapper .form-page-1-content { margin-bottom: 25px; } .form-wrapper div + .form-content { margin-top: 15px; } .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 .form-content p.p1 { display: none; } .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, .event-form .loading::after, .related-events.loading::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.15); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15); } .col-1.content-box .side-box h4 { font-family: 'MacklinSans-Medium', sans-serif; letter-spacing: 1px; } .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; } .col-1.content-box .side-box.side-box-trending { display: none; } .col-1.content-box .side-box.side-box-trending .side-box-content .grid:last-of-type { border-bottom: none; padding-bottom: 5px; } /*.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; } .col.grid-advertise { display: grid; grid-template-rows: auto; gap: 30px 0; grid-auto-rows: minmax(min-content, max-content); grid-template-columns: auto; grid-template-areas: "row-content" "row-image"; } .col.grid-advertise.grid-advertise-alt { grid-template-areas: "row-image" "row-content"; } .col.grid-advertise .row-content { grid-area: row-content; } .col.grid-advertise .row-image { grid-area: row-image; } .page-template-page-advertise .advertise-social .social-media { position: absolute; top: 31px; left: 0; display: block; width: 100%; text-align: center; padding-left: 100px; box-sizing: border-box; -moz-box-sizing: border-box; } .page-template-page-advertise .advertise-social .social-media ul { display: inline-block; margin: 0 auto; } .page-template-page-advertise .advertise-social .social-media ul li { margin: 0 0 0 45px; padding: 0; } .page-template-page-advertise .advertise-social .social-media ul li:first-of-type { margin-left: 0; } .page-template-page-advertise .advertise-social .social-media ul li a { padding: 0; font-size: 42px; color: #8c99a6; } .page-template-page-advertise .advertise-social .social-media ul li a:hover { color: #000; } .content-with-current-issue { width: calc(100% - 320px); min-height: 160px; margin-bottom: 20px; } .subscription-options { position: relative; display: block; margin: 0 0 30px; } .subscription-options > .inner.grid { position: relative; display: grid; grid-template-rows: auto; grid-template-columns: 1fr; gap: 0 0; grid-auto-rows: minmax(min-content, max-content); border-top: 1px solid #000; border-right: 1px solid #000; } .subscription-options > .inner.grid .subscription-option.grid { position: relative; display: grid; grid-template-rows: auto auto 1fr auto auto; grid-template-columns: 1fr; gap: 15px 0; grid-auto-rows: minmax(min-content, max-content); border-left: 1px solid #000; border-bottom: 1px solid #000; } .subscription-options > .inner.grid .subscription-option.grid.urban { background: #ededf7; } .subscription-options > .inner.grid .subscription-option.grid.selected { background: #eaeaea; } .subscription-options > .inner.grid .subscription-option.grid .highlight { position: relative; display: block; background: #000; color: #fff; font-size: 16px; padding: 8px 30px; text-align: center; text-transform: uppercase; opacity: 0; } .subscription-options > .inner.grid .subscription-option.grid .highlight.show { opacity: 1; } .subscription-options > .inner.grid .subscription-option.grid .title { position: relative; display: block; padding: 5px 30px 0px; } .subscription-options > .inner.grid .subscription-option.grid .title h3 { font-size: 24px; margin: 0 0 10px;; padding: 0; } .subscription-options > .inner.grid .subscription-option.grid .excerpt { position: relative; display: block; font-size: 16px; padding: 0 30px 10px; line-height: 1.4; } .subscription-options > .inner.grid .subscription-option.grid .excerpt ul, .subscription-options > .inner.grid .subscription-option.grid .excerpt ol { position: relative; padding: 0; margin: 0 0 0 30px; } .subscription-options > .inner.grid .subscription-option.grid .excerpt ul li, .subscription-options > .inner.grid .subscription-option.grid .excerpt ol li { position: relative; padding: 0; margin: 10px 0 0; } .subscription-options > .inner.grid .subscription-option.grid .excerpt.has-image { display: grid; grid-template-rows: auto 1fr; grid-template-columns: 1fr; gap: 20px 0; grid-auto-rows: minmax(min-content, max-content); } .subscription-options > .inner.grid .subscription-option.grid .excerpt.has-image .image img { height: auto; width: 80%; border: 1px solid #eaeaea; } .subscription-options > .inner.grid .subscription-option.grid .price.grid { position: relative; display: grid; grid-template-rows: auto auto auto; grid-template-columns: 1fr; gap: 0 0; grid-auto-rows: minmax(min-content, max-content); padding: 0 30px; } .subscription-options > .inner.grid .subscription-option.grid .price.grid .prepend { position: relative; display: block; font-size: 14px; font-family: 'MacklinSans-Light', sans-serif; } /* .subscription-options > .inner.grid .subscription-option.grid .excerpt ol li > ul li { display: none; } .subscription-options > .inner.grid .subscription-option.grid .excerpt ol li > ul::before { position: absolute; left: -50px; top: -20px; display: inline-block; width: 15px; height: 15px; content: '+'; background: #000; color: #fff; font-size: 12px; font-weight: bold; line-height: 15px; border-radius: 15px; text-align: center; z-index: 20; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; } .subscription-options > .inner.grid .subscription-option.grid .excerpt ol li > ul:hover::before { background: #eaeaea; color: #000; } .subscription-options > .inner.grid .subscription-option.grid .excerpt ol li > ul.show::before { content: '-'; top: -30px; } .subscription-options > .inner.grid .subscription-option.grid .excerpt ol li > ul.show li { display: list-item; } */ .subscription-options > .inner.grid .subscription-option.grid .excerpt ul.show-hide li { display: none; } .subscription-options > .inner.grid .subscription-option.grid .excerpt ul.show-hide::before { position: relative; display: inline-block; width: 100%; height: 20px; content: '+'; background: #000; color: #fff; font-size: 16px; font-weight: bold; line-height: 1; text-align: center; z-index: 20; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; } .subscription-options > .inner.grid .subscription-option.grid .excerpt ul.show-hide:hover::before { background: #eaeaea; color: #000; } .subscription-options > .inner.grid .subscription-option.grid .excerpt ul.show-hide.show::before { content: '-'; } .subscription-options > .inner.grid .subscription-option.grid .excerpt ul.show-hide.show li { display: list-item; } .subscription-options > .inner.grid .subscription-option.grid .price.grid .amount.grid { position: relative; display: grid; grid-template-rows: auto; grid-template-columns: auto 1fr; gap: 0 10px; grid-auto-rows: minmax(min-content, max-content); font-size: 34px; font-family: 'MacklinSans-Bold', sans-serif; } .readers-trust-options .readers-trust-option .price.grid .amount.grid input, .readers-trust-options .readers-trust-option .price.grid .amount.grid select { font-size: 34px; font-family: 'MacklinSans-Bold', sans-serif; width: 100px; } .readers-trust-options .readers-trust-option .price.grid .amount.grid select { width: 130px; } .readers-trust-options .readers-trust-option .price.grid .amount.grid input[name='option-custom-amount'] { display: none; } .subscription-options > .inner.grid .subscription-option.grid .price.grid .amount.grid .original.grid, .subscription-options > .inner.grid .subscription-option.grid .price.grid .amount.grid .actual.grid { position: relative; display: grid; grid-template-rows: auto; grid-template-columns: auto 1fr; gap: 0 3px; grid-auto-rows: minmax(min-content, max-content); } .subscription-options > .inner.grid .subscription-option.grid .price.grid .amount span.format { position: relative; display: grid; font-size: 10px; font-family: 'MacklinSans-Medium', sans-serif; align-content: flex-start; padding-top: 6px; } .subscription-options > .inner.grid .subscription-option.grid .price.grid .amount span.value { position: relative; display: block; } .subscription-options > .inner.grid .subscription-option.grid .price.grid .amount span.value span.original { position: relative; display: inline-block; margin-right: 10px; } .subscription-options > .inner.grid .subscription-option.grid .price.grid .amount.grid.on-sale .actual { color: #cc0000; } .subscription-options > .inner.grid .subscription-option.grid .price.grid .amount span.value .asterix { position: absolute; top: 3px; display: inline-block; font-size:16px; } .subscription-options > .inner.grid .subscription-option.grid .price.grid .amount span.original::after { position: absolute; top: 50%; left: 0; display: block; height: 2px; width: 100%; content: ''; background: #000; transform: rotate(-10deg); } .subscription-options > .inner.grid .subscription-option.grid .price.grid .append { position: relative; display: block; font-size: 14px; font-family: 'MacklinSans-Light', sans-serif; } .subscription-options > .inner.grid .subscription-option.grid .button { position: relative; display: block; padding: 0 30px 20px; margin: 0; } .subscription-options > .inner.grid .subscription-option.grid .button a { min-width: 50px; } .subscription-options > .inner.grid .subscription-option.grid.urban { background-image: url('images/urban-affairs.png'); background-position: 30px 20px; background-size: 70% auto; background-repeat: no-repeat; } .subscription-options > .inner.grid .subscription-option.grid.urban .button a { background: #5364a7; color: #fff; } .subscription-options > .inner.grid .subscription-option.grid.urban .button a:hover, .subscription-options > .inner.grid .subscription-option.grid.urban .button a.disabled { background: #7b9ad7; color: #fff !important; } .subscription-options > .inner.grid .subscription-option.grid.urban .button a.disabled { cursor: default; } form { position: relative; display: block; } form ul { margin: 0; padding: 0; } form li { list-style-type: none; margin: 0; padding: 0; } 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 { 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 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: 10px; content: '* REQUIRED'; font-size: 12px; z-index: 999; } form .field.required.floating.tooltip::after { right: 4px;; content: '*'; color: #c00; font-weight: 900; } form .field.newsletter.required::after { top: -3px; } 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 { display: block; margin-top: -2px; margin-left: 0; padding: 2px 15px 5px; 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; background: #fff; border-left: 1px solid #d1d6dc; border-right: 1px solid #d1d6dc; z-index: 99; } form .field.floating.required label { padding-right: 80px; } form .field.floating.error label, form .field.checkbox.error span, form .field.radio.error span { color: #cc0000; } form .field.floating.select label { margin-left: 4px; background: none; border: none; } 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; } .page-template-page-events form .field.floating.select label { margin-left: 0; } .page-template-page-subscription form .field.floating label, .page-template-page-event form .field.floating label, .search-popup form .field.floating label { background: none; border: none; } form.light .field label { color: #2c333a; } form.light .field input, form.light .field select, form.light .field textarea { 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.light .field label .char-count, form .field label .char-count { position: absolute; top: 0; right: 10px; padding-left: 20px; background: #fff; } form.event-form .field label .char-count { background: #f5f5f5; } 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: 13px; } 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; } form .submit-spinner { display: none; text-align: center; } .section-wrapper .section .content .message { position: relative; display: none; font-family: 'MacklinSans-Medium', sans-serif; padding-top: 20px; } .section-wrapper .section .content .message.show { display: block; } .section-wrapper .section .content .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 1fr; grid-template-areas: "tkt-field-content counter"; } form .ticket-counter .field-content { grid-area: tkt-field-content; } form .counter-wrapper { grid-area: counter; } 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.grid-form { display: grid; grid-template-rows: auto; gap: 0 50px; grid-auto-rows: minmax(min-content, max-content); grid-template-columns: auto; } form.grid-form.form-cols-2 { grid-template-columns: 1fr 1fr; } form.grid-form .cols { display: grid; grid-template-rows: auto; gap: 20px 0; grid-auto-rows: minmax(min-content, max-content); grid-template-columns: auto; } form.grid-form .col { float: none; padding-left: 0 !important; } form.grid-form .field { height: 100%; } 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; } .single-issue iframe { display: none !important; } .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 li { line-height: 1.2; } 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.hide-item > a { opacity: 0; } 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: 560px; padding-left: 50px; padding-top: 30px; } footer .footer-grid .col-3 p { color: #d1d6dc; } footer .social-media li a { color: #fff; padding: 0 0 0 20px; } footer .social-media li a:hover { color: #708090; } 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; } .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; } .side-fixed-row { position: fixed; top: 70px; width: 100%; background: #fff; z-index: -1; } .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) { #header .header-static .menu { display: none; } #header .header-static .menu.menu-icon { display: block; } /*.header-static .top-right-links li a span { display: none; }*/ .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; } .content-sidebar.content-width > .cols > .col { float: left; } .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; } .page-template-page-advertise .advertise-social .social-media { top: 22px; } .page-template-page-advertise .advertise-social .social-media ul li { margin-left: 35px; } .page-template-page-advertise .advertise-social .social-media ul li a { font-size: 32px; } 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, .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.spacing-left-x4 { margin-left: -50px !important; } .cols.grid { gap: 50px 50px; } .cols.col-border .col::before { left: 25px; } #header .menu-top .menu, .social-media, #header .fixed-row .middle .menu, #header #menu-top-menu { display: none; } #header .menu-top.menu-top-responsive, #header .menu-top.menu-top-responsive .menu, #header .menu-top .menu.menu-icon-responsive, #header #menu-top-menu.menu-icon, #header #menu-top-menu .menu-icon-responsive { display: block !important; } #header .fixed-row #menu-top-menu.menu-page { display: none; } #header .menu-top .menu.menu-icon-responsive li a { padding-top: 15px; font-size: 20px; color: #000; } #header .menu-top .menu.menu-icon-responsive li a:hover { color: #8c99a6; } #header .menu-top .menu li a { font-size: 20px; font-family: 'MacklinSans-Bold', sans-serif; color: #111218; padding-top: 16px; } #header .search { margin-left: 0; } .top-right-links li a { font-size: 15px; padding-top: 17px; } .top-right-links a i.icon, .top-right-links a i.icon::before, .top-right-links a i.icon::after { width: 20px; height: 13px; } .header-static .top-right-links li a span { display: inline-block; } #header .search a { padding-top: 15px; } .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%; } .page-template-page-advertise .advertise-social .social-media { top: 21px; padding-left: 50px; } .page-template-page-advertise .advertise-social .social-media ul li a { font-size: 30px; } .flyout-page { display: none; } .flyout-mobile { display: block; } 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; } .single-issue .rows .row.content-sidebar .col.col-2.col-2-main { display: none; } .home .rows .row.content-sidebar .col.col-2.col-2-main, .archive .rows .row.content-sidebar .col.col-2.col-2-main.hasSideBox { display: block; width: 100%; max-width: none; } .home .rows .row.content-sidebar .col.col-2.col-2-main .side-box.side-box-newsletter, .archive .rows .row.content-sidebar .col.col-2.col-2-main.hasSideBox .side-box.side-box-newsletter { 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; } .archive .content-sidebar > .cols .col.col-2.content-side { width: 100%; max-width: none; float: none; padding-top: 40px; } .home .content-sidebar > .cols .col.col-2.content-side .ad-wrapper, .archive .content-sidebar > .cols .col.col-2.content-side .ad-wrapper { width: 50%; float: left; margin-top: -40px; } .home .content-sidebar > .cols .col.col-2.content-side .ad-wrapper { margin-top: 0; } .home .content-sidebar > .cols .col.col-2.content-side .side-box + .ad-wrapper, .archive .content-sidebar > .cols .col.col-2.content-side .side-box + .ad-wrapper { width: 100%; margin-top: 0; } .home .rows.content-main + .ad-wrapper, .archive .rows.content-main + .ad-wrapper { display: none; } .home .rows.content-main.content-big-box + .ad-wrapper { display: block; } .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; } .page-template-page-advertise .advertise-social .social-media ul li { margin-left: 32px; } .page-template-page-advertise .advertise-social .social-media ul li a { font-size: 28px; } .rows .row.content-sidebar.content-width > .cols > .col.col-1 { z-index: 80; } } @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; } .size36 { font-size: 32px !important; } .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; } .min-height-200 { min-height: 100px; } .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; } .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 { 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: 20px; font-family: 'MacklinSans-Bold', sans-serif; color: #111218; padding-top: 17px; } #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: #8c99a6; } #header .fixed-row .search a { padding-top: 15px; } #header .cols.cols-logo .col-1 .social-media ul { margin-bottom: 20px; } .header-top-mobile { display: block !important; } .top-right-links { display: none; } .banner-top::after { height: 260px; } .background.banner-page .banner-image-excerpt { font-size: 20px; } .home .rows .row.featured.featured-image { background-size: cover !important; } .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: 28px; line-height: 1.2; } .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%;} .page-template-page-advertise .advertise-social .social-media { top: 16px; } .page-template-page-advertise .advertise-social .social-media ul li { margin-left: 25px; } .page-template-page-advertise .advertise-social .social-media ul li a { font-size: 22px; } .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; } .form-wrapper .form-page-1-content { margin-bottom: 20px; } form.grid-form.form-cols-2 { grid-template-columns: 1fr; gap: 20px 0; } 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: 45%; } 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; } .page-template-page-newsletter .banner-top::after { height: 130px; } .single-podcast .page-top > .row .cols.grid .page-title { text-align: center; } /*.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; } .archive .content-sidebar > .cols .col.col-2.content-side { padding-top: 0; } .archive .content-sidebar > .cols .col.col-2.content-side .side-box { display: block; } .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; } .home .rows .row.content-sidebar .col.col-2 .ad-wrapper:first-of-type, .archive .rows .row.content-sidebar .col.col-2 .ad-wrapper:first-of-type, .archive .content-sidebar > .cols .col.col-2.content-side .ad-wrapper { margin-top: 0; } .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; } .cols-x2-3 .col, .col.col-x2-3, .col.col-x2-3 + .col.col-x3 { width: 100% !important; } .col.col-x2-3 { margin-bottom: 30px; } .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; padding-top: 30px; } .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; padding-top: 60px; } .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; } .col-1.content-box .side-box.side-box-trending { display: block; } .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: 20px; } .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 .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; } .page-template-page-advertise .advertise-social .social-media { top: 13px; } .page-template-page-advertise .advertise-social .social-media ul li { margin-left: 21px; } .page-template-page-advertise .advertise-social .social-media ul li a { font-size: 20px; } .content-with-current-issue { width: 100%; min-height: auto; } .subscription-options > .inner.grid { grid-template-columns: 1fr 1fr !important; gap: 20px 20px; border: none; } .subscription-options > .inner.grid .subscription-option.grid { border: 1px solid #000 !important; } } @media only screen and (max-width: 728px) { .ad-wrapper.adscript[data-type="Leaderboard"] .ad-inner { height: calc((90/728)*100vw) !important; } .subscription-options > .inner.grid .subscription-option.grid .title h3 { font-size: 20px; } .subscription-options > .inner.grid .subscription-option.grid .highlight, .subscription-options > .inner.grid .subscription-option.grid .title, .subscription-options > .inner.grid .subscription-option.grid .excerpt, .subscription-options > .inner.grid .subscription-option.grid .price.grid, .subscription-options > .inner.grid .subscription-option.grid .button { padding-left: 20px; padding-right: 20px; } .subscription-options > .inner.grid .subscription-option.grid.urban { background-position: 20px 20px; } } @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; } .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; } .background.banner-page .banner-image-excerpt { font-size: 18px; } .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; } .page-template-page-newsletter .banner-top::after { height: 110px; } .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; } .page-template-page-advertise .advertise-social .social-media { top: 10px; } .page-template-page-advertise .advertise-social .social-media ul li { margin-left: 18px; } .page-template-page-advertise .advertise-social .social-media ul li a { font-size: 16px; } .home .content-sidebar > .cols .col.col-2.content-side .ad-wrapper, .archive .content-sidebar > .cols .col.col-2.content-side .ad-wrapper { width: 100%; } .home .content-sidebar > .cols .col.col-2.content-side .ad-wrapper + .ad-wrapper, .archive .content-sidebar > .cols .col.col-2.content-side .ad-wrapper + .ad-wrapper { display: none; } .home .rows.content-main.content-big-box + .ad-wrapper { display: none; } } @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; } 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; } .fixed-row .top-right-links li a { padding-right: 10px; padding-left: 10px; } .fixed-row .top-right-links li a i.icon { margin-right: 0; } .fixed-row .top-right-links li a span { display: none; } .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 } form.grid-form .cols .col { grid-area: unset !important; } .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; } .cols.spacing-left-x4 { margin-left: 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: 5px 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%;} .related-articles.related-awards .related-thumbs.related-alt .details .inner .inner-content { -ms-flex-align: normal; -webkit-align-items: normal; -moz-align-items: normal; -ms-align-items: normal; -o-align-items: normal; align-items: normal; } .page-template-page-events .related-articles a .highlights { display: block; float: none; } .page-template-page-events .related-articles a .category .highlight-thumb-box-text { margin-left: 0; margin-top: 5px; display: block; text-align: center; } .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; } .banner-footer ul.slick-dots { 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; } .page-template-page-newsletter .banner-top::after { height: 90px; } .rows.rows-newsletters .row.row-mobile { padding-top: 40px; } .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; width: auto; } .sponsored.sponsored-top img { max-width: 150px; max-height: 60px; width: 100%; width: auto; } .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; } .col.grid-advertise.grid-advertise-alt { grid-template-areas: "row-content" "row-image"; } .col.grid-advertise { margin-bottom: 20px; } .col.grid-advertise:last-of-type { margin-bottom: 0; } .col.grid-advertise .row-image { width: 50%; margin: 0 auto; } .advertise-stats .col { margin-bottom: 40px; } .advertise-stats .col:last-of-type { margin-bottom: 0; } .advertise-stats .col img { width: 70%; margin: 0 auto; } .cols.col-border .col::before { top: -20px; left: 0; border-top: 1px solid #d1d6dc; border-right: none; height: 0; width: 100%; } .page-template-page-advertise .advertise-social .social-media { top: 27px; padding-left: 0; } .page-template-page-advertise .advertise-social .social-media ul li { margin-left: 40px; } .page-template-page-advertise .advertise-social .social-media ul li a { font-size: 32px; } .related-articles.related-events a .wrap.image { height: auto; } .home .content-side > .ad-wrapper { display: none; } .subscription-options > .inner.grid .subscription-option.grid .title h3 { font-size: 18px; } .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 > li + li.hide-item { margin-top: -50px; } 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 .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; } #header .cols.cols-logo .col-1 .social-media { display: none; } .size15 { font-size: 13px !important; } .size30, .home h3, .size40 { 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; } .page-template-page-newsletter .banner-top::after { height: 80px; } .subscription-options > .inner.grid { grid-template-columns: 1fr !important; } /*.subscription-options > .inner.grid .subscription-option.grid .highlight { display: none; } .subscription-options > .inner.grid .subscription-option.grid .highlight.show { display: block; }*/ .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: 20px; } .article-category-link .col-first { padding-right: 40px; } .page-template-page-advertise .advertise-social .social-media { top: 20px; } .page-template-page-advertise .advertise-social .social-media ul li { margin-left: 31px; } .page-template-page-advertise .advertise-social .social-media ul li a { font-size: 26px; } img.badge-sponsored { width: 75px; height: 75px; } .related-events img.badge-sponsored { width: 55px; height: 55px; } form .ticket-counter .col-1 { display: block; } form .counter { max-width: none; } .single-ticket .ticket-title img { max-height: 55px; } .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); } .menu-flyout .cols .topics h3, .menu-flyout .cols .edify h3 { font-size: 13px; } .menu-flyout .cols .topics li a, .menu-flyout .cols .edify li a { font-size: 16px; } } @media only screen and (max-width: 420px) { #header .fixed-row .middle { padding-top: 14px; } #header .fixed-row .logo { width: 60px; } .header-top-mobile { display: none !important; } .header-static .top-right-links li a { padding-right: 10px; padding-left: 10px; } .fixed-row .top-right-links li a { padding-left: 0; } .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; padding-top: 0 !important; } .cols.grid.grid-layout.grid-layout-form .col { padding-top: 30px !important; } .cols.grid.grid-layout.grid-layout-form .col.col-1 { padding-top: 10px !important; } .cols.grid.grid-layout.grid-layout-form .col.col-2 { border-top: 1px solid #d1d6dc; } .page-single .content-sidebar.mediakit-row > .cols { display: block; } .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; } .page-template-page-advertise .advertise-social .social-media { top: 18px; } .page-template-page-advertise .advertise-social .social-media ul li { margin-left: 27px; } .page-template-page-advertise .advertise-social .social-media ul li a { font-size: 23px; } } @media only screen and (max-width: 380px) { /*#header .menu-top .menu li a { padding-left: 6px; padding-right: 6px; }*/ .fixed-row .top-right-links li a { padding-right: 6px; } .header-static .top-right-links li a span.mobile-hide { display: none; } .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; } .col.grid-advertise .row-image, .advertise-stats .col img { width: 100%; } .page-template-page-advertise .advertise-social .social-media { top: 22px; } .page-template-page-advertise .advertise-social .social-media ul li { margin-left: 33px; } .page-template-page-advertise .advertise-social .social-media ul li a { font-size: 30px; } } @media only screen and (max-width: 330px) { .header-static .top-right-links li a { padding-left: 0; } .related-featured.related-featured .related-thumbs .wrap-inner .ad-wrapper, .cols .cols.related-articles .ad-wrapper { min-width: 300px; left: -10px; } .page-template-page-advertise .advertise-social .social-media { top: 19px; } .page-template-page-advertise .advertise-social .social-media ul li { margin-left: 29px; } .page-template-page-advertise .advertise-social .social-media ul li a { font-size: 25px; } }