.edit-post-meta-boxes-area #poststuff #me_spr_redirect_url h2.hndle{border-bottom:none;font-size:13px;font-weight:600;color:#191e23}.edit-post-meta-boxes-area #poststuff #me_spr_redirect_url.closed h2.hndle,.interface-interface-skeleton__sidebar #me_spr_redirect_url .postbox-header,.interface-interface-skeleton__sidebar #me_spr_redirect_url.closed h2.hndle{border-bottom:none!important}.interface-interface-skeleton__sidebar #poststuff #me_spr_redirect_url h2.hndle{border-bottom:none;font-size:13px;color:#1e1e1e;font-weight:500;padding-left: 16px;}.edit-post-meta-boxes-area #poststuff #me_spr_redirect_url:hover h2.hndle,.interface-interface-skeleton__sidebar #poststuff #me_spr_redirect_url:hover .postbox-header{background-color:#f3f4f5!important}.edit-post-meta-boxes-area #poststuff #me_spr_redirect_url{margin-top:-2px;border-top:1px solid #e2e4e7;border-bottom:1px solid #e2e4e7;margin-bottom:-2px}.interface-interface-skeleton__sidebar .edit-post-meta-boxes-area #poststuff #me_spr_redirect_url{margin-top:-2px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-bottom:-2px}.edit-post-meta-boxes-area #poststuff #me_spr_redirect_url>button span{opacity:0}.edit-post-meta-boxes-area #poststuff #me_spr_redirect_url>button,.interface-interface-skeleton__sidebar #me_spr_redirect_url button.handlediv{background-position:center center!important;background-repeat:no-repeat!important;background-size:18px 18px!important;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E)!important;transform:rotateZ(180deg)!important;box-shadow:none!important;position:relative;z-index:10}.interface-interface-skeleton__sidebar #me_spr_redirect_url button.handlediv{width:57px}.edit-post-meta-boxes-area #poststuff #me_spr_redirect_url.closed>button,.interface-interface-skeleton__sidebar #me_spr_redirect_url.closed button.handlediv{transform:rotateZ(0)!important}.block-editor-editor-skeleton__sidebar #me_spr_redirect_url>button .toggle-indicator,.interface-interface-skeleton__sidebar #me_spr_redirect_url button.handlediv .toggle-indicator{display:none}.interface-interface-skeleton__sidebar #me_spr_redirect_url .handle-order-higher,.interface-interface-skeleton__sidebar #me_spr_redirect_url .handle-order-lower{display:none!important}.interface-interface-skeleton__sidebar #me_spr_redirect_url input[type="text"]{border-radius:2px;padding:7px;}.interface-interface-skeleton__sidebar #me_spr_redirect_url .inside{padding-left: 17px;padding-right: 17px;} /* These styles are used in the backend editor AND in the Theme (frontend) */ /* CSS is provided by the theme itself, and modified by any custom css you add to the theme. */ /* But that CSS is not active when using the backend-editor, so here is a good place to put */ /* any custom css which should be active in the frontend website and also applied to editor. */ /* The goal is to make the visual editor display as like the final frontend view as possible */ /* so do not forget to configure the TinyMCE styles dropdown with elements to match these. */ /* Suggested general non-tag-specific visual styles (for all websites) */ .list { margin: 0.35rem 0; } .stdtop { margin-top: 0.65rem !important; } .moretop { margin-top: 0.8rem !important; } .lotstop { margin-top: 1rem !important; } .hugetop { margin-top: 1.3rem !important; } .stdbottom { margin-bottom: 0.65rem !important; } .morebottom { margin-bottom: 0.8rem !important; } .lotsbottom { margin-bottom: 1rem !important; } .hugebottom { margin-bottom: 1.3rem !important; } .topless { margin-top: 0 !important; } .bottomless { margin-bottom: 0 !important; } .beforelist { margin-bottom: 0.3rem; } .lastitempx { padding-bottom: 12px !important; } .lastitemem { margin-bottom: 0; padding-bottom: 1.3rem; } strong, .strong, .fett, .bold, .smallBold, .smallerBold { font-weight: bold; } /* Revert to normal text within strong */ .notstrong { font-weight: normal; } .smaller, .smallerBold { font-size: 0.95rem; line-height: 1.25; } .small, .smallBold { font-size: 0.89rem; line-height: 1.2; } /* Append your site-specific styles here */ #cookie-notice,#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:400;font-size:13px;text-align:center}#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;letter-spacing:0;line-height:20px;left:0}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:.5s!important;animation-duration:.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}#cookie-notice .cookie-notice-container,#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container,#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin-top:-10px;width:15px;height:15px;opacity:.5;padding:10px;outline:0;cursor:pointer}.cn-close-icon:hover{opacity:1}.cn-close-icon:after,.cn-close-icon:before{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:grey}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){letter-spacing:.25px;margin:0 0 0 10px;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:0;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px}.cn-buttons-container,.cn-text-container{display:inline-block}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade,#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-buttons,.cookie-notice-container #cn-notice-text{display:block}#cookie-notice .cn-button{margin:0 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}} /* Theme Name: odyssey Author: Piknik Press Author URI: https://piknikpress.com/ Description: ... Version: 1.0 */ /*----------------------------------------------*\ RESET ===== @package odyssey \*----------------------------------------------*/ /* line 9, ../src/reset.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } /* line 27, ../src/reset.scss */ html { overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } /* line 32, ../src/reset.scss */ * { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */ /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */ box-sizing: border-box; } /* line 39, ../src/reset.scss */ body { background: #fff; } /* line 42, ../src/reset.scss */ article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } /* line 54, ../src/reset.scss */ figure { margin: 0; } /* line 57, ../src/reset.scss */ ol, ul { list-style: none; } /* line 60, ../src/reset.scss */ table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } /* line 64, ../src/reset.scss */ caption, th, td { font-weight: normal; text-align: left; } /* line 68, ../src/reset.scss */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } /* line 72, ../src/reset.scss */ blockquote, q { quotes: "" ""; } /* line 75, ../src/reset.scss */ a:focus { outline: 0; } /* line 78, ../src/reset.scss */ a:hover, a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ outline: 0; } /* line 82, ../src/reset.scss */ img { border: 0 none; height: auto; /* width: 100%; */ max-width: 100%; } /* line 88, ../src/reset.scss */ a img { border: 0; } /* line 91, ../src/reset.scss */ button { background: none; border: 0; border-radius: 0; cursor: pointer; } /* Text meant only for screen readers */ /* line 99, ../src/reset.scss */ .screen-reader-text { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } /* line 107, ../src/reset.scss */ .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Clearing */ /* line 129, ../src/reset.scss */ .clear:before, .clear:after { content: ''; display: table; } /* line 135, ../src/reset.scss */ .clear:after { clear: both; } /* Webkit specific */ /* line 140, ../src/reset.scss */ input, textarea { /*-webkit-appearance: none;*/ border-radius: 0; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /*----------------------------------------------*\ GLOBAL ====== @package odyssey \*----------------------------------------------*/ /*----------------------------------------------*\ COMPONENTS ========== @package odyssey \*----------------------------------------------*/ /* * * / Variables ------------------------------------------------*/ /* Colors */ /* Breakpoints */ /* 400px */ /* 500px */ /* 600px */ /* 672px */ /* 848px */ /* 900px */ /* 1100px */ /* 1400px */ /* Fonts */ /* Max widths */ /* * * / Mixins ------------------------------------------------*/ /* * * 1./ ------------------------------------------------*/ /* line 17, ../src/global.scss */ body { font-family: canada-type-gibson, sans-serif; } /* line 20, ../src/global.scss */ .typography { font-size: 1rem; } @media screen and (min-width: 42em) { /* line 20, ../src/global.scss */ .typography { font-size: 1.25rem; } } @media screen and (min-width: 53em) { /* line 20, ../src/global.scss */ .typography { font-size: 1.3rem; } } @media screen and (min-width: 68.75em) { /* line 20, ../src/global.scss */ .typography { font-size: 1.25rem; } } /* line 32, ../src/global.scss */ .typography p { margin-bottom: 1em; line-height: 1.4; } /* line 36, ../src/global.scss */ .typography p a { text-decoration: none; border-bottom: 2px solid #2B7EDC; color: #031F66; transition: border-color 0.3s ease, border-size 0.3s ease, background-color 0.3s ease; } /* line 42, ../src/global.scss */ .typography p a:hover, .typography p a:focus { border-bottom: 3px solid #2B7EDC; background-color: #E6EDF4; } /* line 49, ../src/global.scss */ .typography ul { margin-bottom: 1em; line-height: 1.4; list-style-type: disc; list-style-position: outside; margin-left: 1em; margin-top: 0.25em; } /* line 57, ../src/global.scss */ .typography ul li { margin-bottom: 0.5em; } /* line 61, ../src/global.scss */ .typography ul li:not(.toc__item) a { text-decoration: none; border-bottom: 2px solid #2B7EDC; color: #031F66; transition: border-color 0.3s ease, border-size 0.3s ease, background-color 0.3s ease; } /* line 67, ../src/global.scss */ .typography ul li:not(.toc__item) a:hover, .typography ul li:not(.toc__item) a:focus { border-bottom: 3px solid #2B7EDC; background-color: #E6EDF4; } /* line 75, ../src/global.scss */ .typography h1 { color: #031F66; font-weight: 600; margin-top: 1em; margin-bottom: 1rem; font-size: 1.5em; } @media screen and (min-width: 42em) { /* line 75, ../src/global.scss */ .typography h1 { font-size: 1.65em; } } @media screen and (min-width: 53em) { /* line 75, ../src/global.scss */ .typography h1 { font-size: 1.85em; } } @media screen and (min-width: 68.75em) { /* line 75, ../src/global.scss */ .typography h1 { font-size: 2.125em; } } /* line 92, ../src/global.scss */ .typography .heading, .typography h2 { color: #2B7EDC; font-weight: 600; margin-bottom: 1rem; font-size: 1.35em; } @media screen and (min-width: 42em) { /* line 92, ../src/global.scss */ .typography .heading, .typography h2 { font-size: 1.5em; } } @media screen and (min-width: 53em) { /* line 92, ../src/global.scss */ .typography .heading, .typography h2 { font-size: 1.75em; } } @media screen and (min-width: 68.75em) { /* line 92, ../src/global.scss */ .typography .heading, .typography h2 { font-size: 2em; } } /* line 109, ../src/global.scss */ .typography .heading a, .typography h2 a { text-decoration: none; color: #2B7EDC; transition: color 0.3s ease; } /* line 114, ../src/global.scss */ .typography .heading a:hover, .typography .heading a:focus, .typography h2 a:hover, .typography h2 a:focus { color: #031F66; } /* line 120, ../src/global.scss */ .typography .heading--blog { margin-top: 2rem; } /* line 123, ../src/global.scss */ .typography h3 { font-weight: 600; text-transform: uppercase; margin-bottom: 0.5em; } /* line 128, ../src/global.scss */ .typography h3 a { text-decoration: none; color: #2B7EDC; transition: color 0.3s ease; } /* line 133, ../src/global.scss */ .typography h3 a:hover, .typography h3 a:focus { color: #031F66; } /* * * Wrapper Widths ------------------------------------------------*/ /* line 145, ../src/global.scss */ .wrapper { margin: 0 auto; } /* line 148, ../src/global.scss */ .wrapper--full { width: 100%; /* temp */ } /* line 153, ../src/global.scss */ .wrapper--content { width: 100%; padding-left: 1rem; padding-right: 1rem; /* temp */ } @media screen and (min-width: 25em) { /* line 153, ../src/global.scss */ .wrapper--content { padding-left: 2rem; padding-right: 2rem; } } @media screen and (min-width: 87.5em) { /* line 153, ../src/global.scss */ .wrapper--content { padding-left: 3rem; padding-right: 3rem; max-width: 90rem; } } /* line 170, ../src/global.scss */ .wrapper--text { width: 100%; padding-left: 1rem; padding-right: 1rem; /* temp */ } @media screen and (min-width: 25em) { /* line 170, ../src/global.scss */ .wrapper--text { padding-left: 2rem; padding-right: 2rem; } } @media screen and (min-width: 53em) { /* line 170, ../src/global.scss */ .wrapper--text { max-width: 50rem; } } /* line 185, ../src/global.scss */ .wrapper--featured { width: 100%; padding-left: 1rem; padding-right: 1rem; /* temp */ } @media screen and (min-width: 25em) { /* line 185, ../src/global.scss */ .wrapper--featured { padding-left: 2rem; padding-right: 2rem; } } @media screen and (min-width: 42em) { /* line 185, ../src/global.scss */ .wrapper--featured { max-width: 61rem; } } /*----------------------------------------------*\ HEADER ====== @package odyssey \*----------------------------------------------*/ /*----------------------------------------------*\ COMPONENTS ========== @package odyssey \*----------------------------------------------*/ /* * * / Variables ------------------------------------------------*/ /* Colors */ /* Breakpoints */ /* 400px */ /* 500px */ /* 600px */ /* 672px */ /* 848px */ /* 900px */ /* 1100px */ /* 1400px */ /* Fonts */ /* Max widths */ /* * * / Mixins ------------------------------------------------*/ /* * * 1./ ------------------------------------------------*/ /* Site Header */ @media screen and (min-width: 68.75em) { /* line 18, ../src/header.scss */ .wrapper--header { max-width: 90rem; margin-left: auto; margin-right: auto; } } /* line 26, ../src/header.scss */ .header__wrapper { width: 100%; padding-left: 1rem; padding-right: 1rem; min-height: 4em; } @media screen and (min-width: 25em) { /* line 26, ../src/header.scss */ .header__wrapper { padding-left: 2rem; padding-right: 2rem; } } @media screen and (min-width: 42em) { /* line 26, ../src/header.scss */ .header__wrapper { min-height: 3em; } /* line 39, ../src/header.scss */ .home .header__wrapper { min-height: 1em; } } /* Logo */ /* line 46, ../src/header.scss */ .header { position: relative; padding-top: 1px; } /* line 50, ../src/header.scss */ .header__logo { width: 10em; position: absolute; top: 1em; left: 1em; transition: opacity 0.3s ease; } @media screen and (min-width: 25em) { /* line 50, ../src/header.scss */ .header__logo { top: 1em; left: 2em; } } @media screen and (min-width: 42em) { /* line 50, ../src/header.scss */ .header__logo { top: 1em; } } @media screen and (min-width: 53em) { /* line 50, ../src/header.scss */ .header__logo { width: 12em; top: 1em; } } @media screen and (min-width: 68.75em) { /* line 50, ../src/header.scss */ .header__logo { width: 14em; top: 1em; } } @media screen and (min-width: 87.5em) { /* line 50, ../src/header.scss */ .header__logo { left: 2.9em; } } /* line 77, ../src/header.scss */ .header__logo--white { opacity: 0; width: 10em; position: absolute; top: 1em; left: 1em; transition: opacity 0.3s ease; } @media screen and (min-width: 25em) { /* line 77, ../src/header.scss */ .header__logo--white { top: 1.5em; left: 2em; } } @media screen and (min-width: 42em) { /* line 77, ../src/header.scss */ .header__logo--white { display: none; } } /* line 94, ../src/header.scss */ .header__logo-link { display: inline-block; } /* Menu */ /* line 99, ../src/header.scss */ .menu-button { cursor: pointer; position: absolute; top: 2em; right: 1em; text-transform: uppercase; transition: opacity 0.3s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 600; color: #031F66; } @media screen and (min-width: 25em) { /* line 99, ../src/header.scss */ .menu-button { right: 2em; } } @media screen and (min-width: 42em) { /* line 99, ../src/header.scss */ .menu-button { display: none; } } @media print { /* line 99, ../src/header.scss */ .menu-button { display: none; } } /* line 120, ../src/header.scss */ .menu-close { opacity: 0; font-size: 2em; color: #ffffff; cursor: pointer; padding-left: 3em; position: absolute; top: 0.65em; right: 0.5em; transition: opacity 0.3s ease; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media screen and (min-width: 25em) { /* line 120, ../src/header.scss */ .menu-close { top: 0.75em; right: 1em; } } @media screen and (min-width: 42em) { /* line 120, ../src/header.scss */ .menu-close { display: none; } } /* line 141, ../src/header.scss */ .main-navigation { max-height: 0; opacity: 0; pointer-events: none; } @media screen and (min-width: 42em) { /* line 141, ../src/header.scss */ .main-navigation { max-height: 100%; opacity: 1; margin-left: 30%; margin-top: 2.5em; display: -ms-flexbox; display: flex; pointer-events: auto; } } @media screen and (min-width: 53em) { /* line 141, ../src/header.scss */ .main-navigation { margin-top: 3em; margin-left: 34%; } } @media screen and (min-width: 68.75em) { /* line 141, ../src/header.scss */ .main-navigation { margin-left: 50%; } } /* line 162, ../src/header.scss */ .main-navigation a { color: #031F66; text-decoration: none; text-transform: uppercase; font-weight: 600; } /* line 168, ../src/header.scss */ .main-navigation .menu-primary-container { margin-bottom: 2em; } @media screen and (min-width: 42em) { /* line 168, ../src/header.scss */ .main-navigation .menu-primary-container { width: 100%; margin-bottom: 0; } } @media screen and (min-width: 68.75em) { /* line 168, ../src/header.scss */ .main-navigation .menu-primary-container { width: 100%; } } /* line 182, ../src/header.scss */ .main-navigation .menu-primary-container .menu { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 42em) { /* line 182, ../src/header.scss */ .main-navigation .menu-primary-container .menu { font-size: 0.8em; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 53em) { /* line 182, ../src/header.scss */ .main-navigation .menu-primary-container .menu { font-size: 1em; } } @media screen and (min-width: 87.5em) { /* line 182, ../src/header.scss */ .main-navigation .menu-primary-container .menu { font-size: 1.125em; } } /* line 197, ../src/header.scss */ .main-navigation .menu-primary-container .menu-item { width: 50%; margin-bottom: 1.5em; } @media screen and (min-width: 42em) { /* line 197, ../src/header.scss */ .main-navigation .menu-primary-container .menu-item { width: auto; margin-bottom: 1.25em; } } @media screen and (min-width: 53em) { /* line 197, ../src/header.scss */ .main-navigation .menu-primary-container .menu-item { margin-right: 2%; } } @media screen and (min-width: 42em) { /* line 209, ../src/header.scss */ .main-navigation .menu-primary-container .menu-item a { width: 100%; padding-top: 0.25em; transition: border-bottom 0.3s ease; } /* line 216, ../src/header.scss */ .main-navigation .menu-primary-container .menu-item a:hover, .main-navigation .menu-primary-container .menu-item a:focus { border-bottom: 5px solid #031F66; } /* line 220, ../src/header.scss */ .home .main-navigation .menu-primary-container .menu-item a { opacity: 1; } } @media screen and (min-width: 42em) { /* line 229, ../src/header.scss */ .main-navigation .menu-primary-container .current-menu-item a, .main-navigation .menu-primary-container .current-page-ancestor a { border-bottom: 5px solid #031F66; } } @media screen and (max-width: 41.9375em) { /* line 240, ../src/header.scss */ .show--menu .header { background-color: #2B7EDC; } /* line 243, ../src/header.scss */ .show--menu .header__logo { opacity: 0; } /* line 246, ../src/header.scss */ .show--menu .header__logo--white { opacity: 1; } /* line 250, ../src/header.scss */ .show--menu .main-navigation { max-height: 100%; opacity: 1; pointer-events: auto; transition: max-height 0.3s ease, opacity 0.3s ease; margin-top: 6em; } } @media screen and (max-width: 41.9375em) and (max-width: 41.9375em) and (min-width: 25em) { /* line 250, ../src/header.scss */ .show--menu .main-navigation { /*margin-left: 2em;*/ margin-right: 2em; } } @media screen and (max-width: 41.9375em) { /* line 261, ../src/header.scss */ .show--menu .main-navigation a { color: #ffffff; transition: border-bottom 0.3s ease; } /* line 265, ../src/header.scss */ .show--menu .main-navigation a:hover, .show--menu .main-navigation a:focus { border-bottom: 5px solid #ffffff; } /* line 271, ../src/header.scss */ .show--menu .main-navigation .menu-primary-container { margin-bottom: 0; } /* line 277, ../src/header.scss */ .show--menu .main-navigation .current-menu-item a, .show--menu .main-navigation .current-page-ancestor a { border-bottom: 5px solid #ffffff; } /* line 282, ../src/header.scss */ .show--menu .menu-button { opacity: 0; pointer-events: none; } /* line 286, ../src/header.scss */ .show--menu .menu-close { opacity: 1; pointer-events: auto; } } /* * * Breadcrumb ------------------------------------------------*/ /* line 297, ../src/header.scss */ .breadcrumb { background-color: #031F66; width: 100%; padding-top: .65em; padding-bottom: .65em; font-weight: 600; } /* line 304, ../src/header.scss */ .breadcrumb__trail { line-height: 1; padding-left: 1em; } @media screen and (min-width: 25em) { /* line 304, ../src/header.scss */ .breadcrumb__trail { padding-left: 2em; } } @media screen and (min-width: 87.5em) { /* line 304, ../src/header.scss */ .breadcrumb__trail { padding-left: 3em; } } /* line 315, ../src/header.scss */ .breadcrumb__trail li { display: inline; font-size: .7em; letter-spacing: 0.25px; text-transform: uppercase; } @media screen and (min-width: 53em) { /* line 315, ../src/header.scss */ .breadcrumb__trail li { font-size: .8em; } } /* line 325, ../src/header.scss */ .breadcrumb__trail li a { color: rgba(255, 255, 255, 0.7); text-decoration: none; transition: color .3s; } /* line 330, ../src/header.scss */ .breadcrumb__trail li a:hover, .breadcrumb__trail li a:focus { color: #ffffff; } /* line 335, ../src/header.scss */ .breadcrumb__trail li:after { content: ">"; padding: 0 .125em 0 .625em; font-size: .9em; color: rgba(255, 255, 255, 0.7); } /* line 342, ../src/header.scss */ .breadcrumb__trail .current-item { color: #ffffff; } /* line 345, ../src/header.scss */ .breadcrumb__trail .current-item:after { content: ''; } /*----------------------------------------------*\ FOOTER ====== @package odyssey \*----------------------------------------------*/ /*----------------------------------------------*\ COMPONENTS ========== @package odyssey \*----------------------------------------------*/ /* * * / Variables ------------------------------------------------*/ /* Colors */ /* Breakpoints */ /* 400px */ /* 500px */ /* 600px */ /* 672px */ /* 848px */ /* 900px */ /* 1100px */ /* 1400px */ /* Fonts */ /* Max widths */ /* * * / Mixins ------------------------------------------------*/ /* * * 1./ ------------------------------------------------*/ /* line 16, ../src/footer.scss */ .footer { background-color: #0e55a4; color: #ffffff; position: relative; padding-top: 1rem; padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; margin-top: 2em; } /* line 26, ../src/footer.scss */ .footer p { margin-bottom: 1rem; line-height: 1.4; } /* line 30, ../src/footer.scss */ .footer a { color: #ffffff; text-decoration: none; } @media screen and (min-width: 37.5em) { /* line 16, ../src/footer.scss */ .footer { padding: 2rem; } } @media screen and (min-width: 53em) { /* line 16, ../src/footer.scss */ .footer { margin-top: 4em; } } @media screen and (min-width: 68.75em) { /* line 16, ../src/footer.scss */ .footer { margin-top: 6em; padding-top: 4rem; padding-bottom: 3rem; padding-left: 3rem; padding-right: 3rem; } } @media screen and (max-width: 37.4375em) and (min-width: 25em) { /* line 48, ../src/footer.scss */ .wrapper--footer { margin-left: 2em; margin-right: 2em; } } @media screen and (min-width: 37.5em) { /* line 48, ../src/footer.scss */ .wrapper--footer { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; font-size: 0.85em; } } @media screen and (min-width: 42em) { /* line 48, ../src/footer.scss */ .wrapper--footer { font-size: 1em; } } @media screen and (min-width: 68.75em) { /* line 48, ../src/footer.scss */ .wrapper--footer { max-width: 90em; margin-left: auto; margin-right: auto; } } /* Logo */ /* line 70, ../src/footer.scss */ .footer__branding { margin-bottom: 2em; } @media screen and (min-width: 37.5em) { /* line 70, ../src/footer.scss */ .footer__branding { width: 100%; } } @media screen and (min-width: 68.75em) { /* line 70, ../src/footer.scss */ .footer__branding { width: 20%; margin-right: 2%; } } /* line 81, ../src/footer.scss */ .footer__title { width: 12em; margin-bottom: 0.5em; } /* line 85, ../src/footer.scss */ .footer__copyright { font-size: 0.6em; text-transform: uppercase; } /* line 89, ../src/footer.scss */ .footer__credits { font-size: 0.8em; text-transform: uppercase; } /* line 93, ../src/footer.scss */ .footer__credits a { transition: border-bottom 0.3s ease; } /* line 96, ../src/footer.scss */ .footer__credits a:hover, .footer__credits a:focus { border-bottom: 3px solid #ffffff; } /* Navigation */ /* line 104, ../src/footer.scss */ .footer__navigation { text-transform: uppercase; font-weight: 600; margin-bottom: 3em; padding-bottom: 2em; border-bottom: 1px solid #ffffff; } @media screen and (min-width: 37.5em) { /* line 104, ../src/footer.scss */ .footer__navigation { width: 59%; margin-bottom: 0; padding-bottom: 0; border-bottom: none; } } @media screen and (min-width: 53em) { /* line 104, ../src/footer.scss */ .footer__navigation { width: 52%; } } @media screen and (min-width: 68.75em) { /* line 104, ../src/footer.scss */ .footer__navigation { width: 40%; } } /* line 124, ../src/footer.scss */ .footer__navigation .menu { column-count: 2; line-height: 1.4; break-inside: avoid; } /* line 130, ../src/footer.scss */ .footer__navigation .menu-item { margin-bottom: 1.25em; } @media screen and (min-width: 37.5em) { /* line 130, ../src/footer.scss */ .footer__navigation .menu-item { width: auto; } } /* line 137, ../src/footer.scss */ .footer__navigation .menu-item a { transition: border-bottom 0.3s ease; } /* line 140, ../src/footer.scss */ .footer__navigation .menu-item a:hover, .footer__navigation .menu-item a:focus { border-bottom: 5px solid #ffffff; } @media screen and (min-width: 42em) { /* line 148, ../src/footer.scss */ .footer__navigation .current-menu-item > a { border-bottom: 5px solid #ffffff; } } /* line 155, ../src/footer.scss */ .footer__navigation .offsite:after { content: ''; background-image: url(/wp-content/themes/odyssey/css/build/../../images/arrow.svg); height: 0.9em; width: 0.9em; font-size: 0.9em; display: inline-block; margin-left: 0.5em; } /* line 165, ../src/footer.scss */ .footer__navigation .sub-menu { font-weight: normal; margin-top: 0.35em; } /* line 169, ../src/footer.scss */ .footer__navigation .sub-menu .menu-item { margin-bottom: 0.35em; } /* line 174, ../src/footer.scss */ .footer__navigation .sub-menu .menu-item a:hover, .footer__navigation .sub-menu .menu-item a:focus { border-bottom: 2px solid #ffffff; } @media screen and (min-width: 42em) { /* line 182, ../src/footer.scss */ .footer__navigation .sub-menu .current-menu-item a { border-bottom: 2px solid #ffffff; } } /* line 190, ../src/footer.scss */ .footer__header { text-transform: uppercase; font-weight: 600; } @media screen and (min-width: 53em) { /* line 195, ../src/footer.scss */ .footer__contact-mailing-wrapper { display: -ms-flexbox; display: flex; width: 48%; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 68.75em) { /* line 195, ../src/footer.scss */ .footer__contact-mailing-wrapper { width: 38%; } } /* Contact */ /* line 208, ../src/footer.scss */ .footer__contact { margin-bottom: 3em; padding-bottom: 2em; border-bottom: 1px solid #ffffff; } @media screen and (min-width: 53em) { /* line 208, ../src/footer.scss */ .footer__contact { width: 60%; margin-bottom: 0; padding-bottom: 0; border-bottom: none; } } @media screen and (min-width: 68.75em) { /* line 208, ../src/footer.scss */ .footer__contact { width: 60%; margin-right: 2%; } } /* Mailing List */ @media screen and (min-width: 53em) { /* line 230, ../src/footer.scss */ .footer__mailing { width: 40%; } } @media screen and (min-width: 68.75em) { /* line 230, ../src/footer.scss */ .footer__mailing { width: 40%; } } /* line 238, ../src/footer.scss */ .footer__button-wrapper { margin-top: 1em; } /* line 241, ../src/footer.scss */ .footer__mailing-list-button { margin-bottom: 1em; margin-bottom: 2em; cursor: pointer; color: #031F66; display: inline-block; font-size: 0.9rem; text-decoration: none; padding: 0.6em 0.75em 0.5em; outline: 2px solid #ffffff; text-transform: uppercase; font-weight: 600; transition: outline 0.3s ease; } @media screen and (min-width: 53em) { /* line 241, ../src/footer.scss */ .footer__mailing-list-button { font-size: 1rem; } } /* line 259, ../src/footer.scss */ .footer__mailing-list-button:hover, .footer__mailing-list-button:focus { outline: 4px solid #ffffff; } /* Social */ /* line 266, ../src/footer.scss */ .footer__social { margin-bottom: 4em; } @media screen and (min-width: 42em) { /* line 266, ../src/footer.scss */ .footer__social { display: inline-block; vertical-align: top; } } @media print { /* line 266, ../src/footer.scss */ .footer__social { display: none; } } /* line 278, ../src/footer.scss */ .footer__social a { text-decoration: none; color: #ffffff; margin-right: 0.75em; } @media screen and (min-width: 53em) { /* line 278, ../src/footer.scss */ .footer__social a { opacity: 0.8; transition: opacity 0.3s ease; } } @media screen and (min-width: 53em) { /* line 287, ../src/footer.scss */ .footer__social a:hover, .footer__social a:focus { opacity: 1; } } /* line 295, ../src/footer.scss */ .footer__social .footer__header { margin-bottom: 0.5em; } /* line 299, ../src/footer.scss */ .footer__icon { width: 1.25em; } @charset "UTF-8"; /*----------------------------------------------*\ PAGES ===== @package odyssey \*----------------------------------------------*/ /*----------------------------------------------*\ COMPONENTS ========== @package odyssey \*----------------------------------------------*/ /* * * / Variables ------------------------------------------------*/ /* Colors */ /* Breakpoints */ /* 400px */ /* 500px */ /* 600px */ /* 672px */ /* 848px */ /* 900px */ /* 1100px */ /* 1400px */ /* Fonts */ /* Max widths */ /* * * / Mixins ------------------------------------------------*/ /* * * 1. Modules ------------------------------------------------*/ /* line 17, ../src/pages.scss */ .modules > .module:first-child { /* First module has larger top margin */ margin-top: 2.5rem; padding-top: 1px; } /* line 23, ../src/pages.scss */ .module { margin-top: 1rem; margin-bottom: 1rem; } @media screen and (min-width: 68.75em) { /* line 23, ../src/pages.scss */ .module { margin-top: 2rem; margin-bottom: 2rem; } } /* * * MODULE: Image Text ------------------------------------------------*/ /* line 39, ../src/pages.scss */ .image-text__wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 44, ../src/pages.scss */ .image-text__image-wrapper { margin-bottom: 1em; width: 100%; } @media screen and (min-width: 42em) { /* line 44, ../src/pages.scss */ .image-text__image-wrapper { width: 47.5%; margin-right: 2.5%; } } /* line 52, ../src/pages.scss */ .image-text__image-wrapper img { width: 100%; display: block; } /* line 57, ../src/pages.scss */ .image-text__text-wrapper { margin-bottom: 1em; width: 100%; } @media screen and (min-width: 42em) { /* line 57, ../src/pages.scss */ .image-text__text-wrapper { width: 47.5%; margin-left: 2.5%; } } /* line 66, ../src/pages.scss */ .image-text__text { color: #031F66; } @media screen and (min-width: 68.75em) { /* line 66, ../src/pages.scss */ .image-text__text { max-width: 32em; } } /* line 74, ../src/pages.scss */ .image-text--text-first .image-text__image-wrapper { -ms-flex-order: 2; order: 2; } @media screen and (min-width: 42em) { /* line 74, ../src/pages.scss */ .image-text--text-first .image-text__image-wrapper { margin-left: 2.5%; margin-right: 0; } } /* line 82, ../src/pages.scss */ .image-text--text-first .image-text__text-wrapper { -ms-flex-order: 1; order: 1; } @media screen and (min-width: 42em) { /* line 82, ../src/pages.scss */ .image-text--text-first .image-text__text-wrapper { margin-left: 0; margin-right: 2.5%; } } /* * * MODULE: Image Block ------------------------------------------------*/ /* line 97, ../src/pages.scss */ .modules > .module.image:first-child { margin-top: 0; padding-top: 0; } /* line 103, ../src/pages.scss */ .image img { display: block; } /* line 109, ../src/pages.scss */ .image.wrapper--span-screen img { width: 100%; } /* line 113, ../src/pages.scss */ .module.image--last { margin-bottom: 0; } /* line 119, ../src/pages.scss */ .image.wrapper--text figure:not(.image__image--vertical) img { width: 100%; } @media screen and (min-width: 42em) { /* line 124, ../src/pages.scss */ .image.wrapper--half { display: -ms-flexbox; display: flex; } } @media screen and (min-width: 68.75em) { /* line 124, ../src/pages.scss */ .image.wrapper--half { margin-left: auto; margin-right: auto; padding-left: 3rem; padding-right: 3rem; max-width: 90rem; } } /* line 137, ../src/pages.scss */ .image.wrapper--half img { width: 100%; } /* line 142, ../src/pages.scss */ .image.wrapper--half .image__image { margin-bottom: 1em; } @media screen and (min-width: 42em) { /* line 142, ../src/pages.scss */ .image.wrapper--half .image__image { width: 49%; margin-right: 1%; } } @media screen and (min-width: 68.75em) { /* line 142, ../src/pages.scss */ .image.wrapper--half .image__image { margin-bottom: 0; } } @media screen and (min-width: 42em) { /* line 153, ../src/pages.scss */ .image.wrapper--half .image__image--2 { width: 49%; margin-left: 1%; } } /* line 162, ../src/pages.scss */ .image.wrapper--half .image .image__image--vertical img { max-height: none; width: 100%; display: block; margin-left: auto; margin-right: auto; } /* line 172, ../src/pages.scss */ .image__caption { margin-top: 1em; font-size: 0.8em; color: rgba(3, 31, 102, 0.8); margin-left: 1rem; margin-right: 1rem; text-align: right; line-height: 1.25; } /* line 183, ../src/pages.scss */ .image__image--vertical img { max-height: 100vh !important; width: auto !important; display: block; margin-left: auto; margin-right: auto; } @media screen and (min-width: 42em) { /* line 183, ../src/pages.scss */ .image__image--vertical img { max-height: 60vh; height: 100%; } } @media screen and (min-width: 68.75em) { /* line 183, ../src/pages.scss */ .image__image--vertical img { max-height: 80vh; } } /* line 198, ../src/pages.scss */ .image__image--vertical .image__caption { text-align: center; } /* * * MODULE: Body Text ------------------------------------------------*/ /* line 206, ../src/pages.scss */ .body-text { color: #031F66; } /* * * MODULE: Featured Text ------------------------------------------------*/ /* line 214, ../src/pages.scss */ .featured-text { font-size: 1.25em; font-weight: 600; color: #031F66; } @media screen and (min-width: 42em) { /* line 214, ../src/pages.scss */ .featured-text { font-size: 1.35em; } } @media screen and (min-width: 68.75em) { /* line 214, ../src/pages.scss */ .featured-text { font-size: 1.5em; } } @media screen and (min-width: 87.5em) { /* line 214, ../src/pages.scss */ .featured-text { font-size: 2em; } } /* * * MODULE: Icon Text ------------------------------------------------*/ @media screen and (min-width: 68.75em) { /* line 233, ../src/pages.scss */ .info-icon { max-width: 50rem; } } /* line 239, ../src/pages.scss */ .info-icon__item { margin: 2em 0; } /* line 242, ../src/pages.scss */ .info-icon__item:first-child { margin-top: 0; /* first item needs no margin */ } /* line 246, ../src/pages.scss */ .info-icon__header, .info-icon h1, .info-icon h2, .info-icon h3 { font-size: 1.125em; margin-top: 1em; margin-bottom: 0.5em; text-transform: uppercase; font-weight: 600; } @media screen and (min-width: 53em) { /* line 246, ../src/pages.scss */ .info-icon__header, .info-icon h1, .info-icon h2, .info-icon h3 { font-size: 0.9em; } } @media screen and (min-width: 25em) { /* line 259, ../src/pages.scss */ .info-icon__item--has-icon .info-icon__icon-column { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 68.75em) { /* line 259, ../src/pages.scss */ .info-icon__item--has-icon .info-icon__icon-column { position: relative; } } /* line 269, ../src/pages.scss */ .info-icon__item--has-icon .info-icon__icon { width: 5em; } @media screen and (min-width: 25em) { /* line 269, ../src/pages.scss */ .info-icon__item--has-icon .info-icon__icon { width: 25%; margin-right: 5%; padding-top: 1em; padding-right: 1em; } } @media screen and (min-width: 42em) { /* line 269, ../src/pages.scss */ .info-icon__item--has-icon .info-icon__icon { width: 15%; } } @media screen and (min-width: 68.75em) { /* line 269, ../src/pages.scss */ .info-icon__item--has-icon .info-icon__icon { position: absolute; left: -8em; } } /* line 285, ../src/pages.scss */ .info-icon__item--has-icon .info-icon__icon > img { max-height: 5.5em; } @media screen and (min-width: 53em) { /* line 285, ../src/pages.scss */ .info-icon__item--has-icon .info-icon__icon > img { max-width: 5.5em; } } /* line 293, ../src/pages.scss */ .info-icon__text { max-width: 35em; line-height: 1.4; color: #031F66; } @media screen and (min-width: 68.75em) { /* line 293, ../src/pages.scss */ .info-icon__text { max-width: none; } } @media screen and (min-width: 25em) { /* line 302, ../src/pages.scss */ .info-icon__item--has-icon .info-icon__text { width: 70%; } } @media screen and (min-width: 42em) { /* line 302, ../src/pages.scss */ .info-icon__item--has-icon .info-icon__text { width: 83%; } } @media screen and (min-width: 68.75em) { /* line 302, ../src/pages.scss */ .info-icon__item--has-icon .info-icon__text { width: 100%; } } /* * * MODULE: Button ------------------------------------------------*/ /* line 319, ../src/pages.scss */ .button { /* Cookie button bar */ } /* line 321, ../src/pages.scss */ .button--center { text-align: center; } /* line 324, ../src/pages.scss */ .button__wrapper { display: inline-block; font-family: canada-type-gibson, sans-serif; } /* line 328, ../src/pages.scss */ .button--onsite { margin-bottom: 1.5em; margin-right: 0.5em; } /* line 332, ../src/pages.scss */ .button--onsite a { cursor: pointer; color: #031F66; display: inline-block; font-size: 0.9rem; text-decoration: none; padding: 0.55em 0.75em 0.5em; outline: 2px solid #031F66; text-transform: uppercase; font-weight: 600; transition: outline 0.3s ease; } @media screen and (min-width: 53em) { /* line 332, ../src/pages.scss */ .button--onsite a { font-size: 1rem; } } /* line 348, ../src/pages.scss */ .button--onsite a:hover, .button--onsite a:focus { outline: 4px solid #031F66; } /* line 354, ../src/pages.scss */ .button--offsite { margin-bottom: 1.5em; margin-right: 0.5em; } /* line 358, ../src/pages.scss */ .button--offsite a { cursor: pointer; color: #ffffff; display: inline-block; font-size: 0.9rem; text-decoration: none; padding: 0.6em 0.7em 0.5em; background-color: #2B7EDC; border: 1px solid #2B7EDC; text-transform: uppercase; font-weight: 600; transition: background-color 0.3s ease, border-color 0.3s ease; } @media screen and (min-width: 53em) { /* line 358, ../src/pages.scss */ .button--offsite a { font-size: 1rem; } } /* line 375, ../src/pages.scss */ .button--offsite a:hover, .button--offsite a:focus { background-color: #031F66; border: 1px solid #031F66; } /* line 381, ../src/pages.scss */ .button--offsite a[href^=http]:after { content: ''; background-image: url(/wp-content/themes/odyssey/css/build/../../images/arrow.svg); height: 0.9em; width: 0.9em; font-size: 0.8em; display: inline-block; margin-left: 0.4em; background-color: transparent; } /* line 394, ../src/pages.scss */ .button--cookie.cn-button { background-color: #2B7EDC !important; color: #ffffff !important; padding: 0.5em !important; text-decoration: none !important; border-radius: none !important; } /* line 401, ../src/pages.scss */ .button--cookie.cn-button:hover { background-color: #2271cc !important; } /* * * MODULE: Accordion ------------------------------------------------*/ /* line 411, ../src/pages.scss */ .accordion { color: #031F66; margin-top: 2em; margin-bottom: 2em; } /* line 422, ../src/pages.scss */ .accordion__section { margin-bottom: 0.5em; } /* line 425, ../src/pages.scss */ .accordion__title { background-color: #E6EDF4; font-weight: 600; padding-top: 1em; padding-bottom: 1em; padding-left: 1em; padding-right: 3em; position: relative; cursor: pointer; transition: background-color 0.3s ease; margin-bottom: 0 !important; } @media screen and (min-width: 53em) { /* line 425, ../src/pages.scss */ .accordion__title { padding-left: 2em; padding-right: 4em; } } /* line 441, ../src/pages.scss */ .accordion__title:hover, .accordion__title:focus { background-color: #d4e0ec; } /* line 447, ../src/pages.scss */ .accordion-open .accordion__title { background-color: #d4e0ec; } /* line 450, ../src/pages.scss */ .accordion__title p { margin-bottom: 0; } /* line 454, ../src/pages.scss */ .accordion__content { background-color: #E6EDF4; padding-top: 1em; padding-bottom: 1em; padding-right: 1em; padding-left: 1em; } @media screen and (min-width: 53em) { /* line 454, ../src/pages.scss */ .accordion__content { padding-left: 2em; padding-right: 2em; } } /* line 467, ../src/pages.scss */ .arrow-down { position: absolute; top: 1em; right: 1em; transition: transform 0.3s ease 0s, top 0.3s ease 0s; } @media screen and (min-width: 53em) { /* line 467, ../src/pages.scss */ .arrow-down { right: 2em; } } /* line 476, ../src/pages.scss */ .arrow-down svg { width: 1em; } /* line 479, ../src/pages.scss */ .accordion-closed .arrow-down { top: 1em; } /* line 482, ../src/pages.scss */ .accordion-open .arrow-down { transform: rotate(180deg); } /* * * MODULE: TOC ------------------------------------------------*/ /* line 491, ../src/pages.scss */ .toc { color: #031F66; } @media screen and (min-width: 42em) { /* line 494, ../src/pages.scss */ .toc__wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 42em) { /* line 501, ../src/pages.scss */ .toc__text { width: 49%; } } @media screen and (min-width: 53em) { /* line 501, ../src/pages.scss */ .toc__text { width: 60%; } } @media screen and (min-width: 53em) { /* line 510, ../src/pages.scss */ .toc__text--big p { font-size: 1.125em; } } @media screen and (min-width: 68.75em) { /* line 510, ../src/pages.scss */ .toc__text--big p { font-size: 1.25em; } } @media screen and (min-width: 42em) { /* line 521, ../src/pages.scss */ .toc__toc-wrapper { width: 49%; } } @media screen and (min-width: 53em) { /* line 521, ../src/pages.scss */ .toc__toc-wrapper { width: 36%; } } @media screen and (min-width: 68.75em) { /* line 521, ../src/pages.scss */ .toc__toc-wrapper { width: 30%; } } /* line 532, ../src/pages.scss */ .toc__item { font-size: 1.125em; position: relative; } @media screen and (min-width: 42em) { /* line 532, ../src/pages.scss */ .toc__item { font-size: 1em; } } /* line 540, ../src/pages.scss */ .toc__item a { background-color: #E6EDF4; padding: 0.75em; padding-right: 2.5em; margin-bottom: 0.5em; text-decoration: none; color: #031F66; font-weight: 600; display: block; transition: background-color 0.3s ease; line-height: 1.3; } /* line 552, ../src/pages.scss */ .toc__item a .arrow-down { position: absolute; transform: rotate(-90deg); top: 0.75em; right: 1em; transition: right 0.3s ease; } /* line 560, ../src/pages.scss */ .toc__item a:hover, .toc__item a:focus { background-color: #d4e0ec; } /* line 564, ../src/pages.scss */ .toc__item a:hover .arrow-down, .toc__item a:focus .arrow-down { right: 0.7em; } /* line 571, ../src/pages.scss */ .typography ul.toc__toc-wrapper { list-style-type: none !important; margin-left: 0; margin-top: 0; } /* * * MODULE: Spacer ------------------------------------------------*/ /* line 583, ../src/pages.scss */ .spacer--small { padding-top: .25em; } @media screen and (min-width: 25em) { /* line 583, ../src/pages.scss */ .spacer--small { padding-top: .5em; } } @media screen and (min-width: 42em) { /* line 583, ../src/pages.scss */ .spacer--small { padding-top: .75em; } } @media screen and (min-width: 53em) { /* line 583, ../src/pages.scss */ .spacer--small { padding-top: 1.25em; } } /* line 596, ../src/pages.scss */ .spacer--medium { padding-top: .5em; } @media screen and (min-width: 25em) { /* line 596, ../src/pages.scss */ .spacer--medium { padding-top: 1em; } } @media screen and (min-width: 42em) { /* line 596, ../src/pages.scss */ .spacer--medium { padding-top: 1.5em; } } @media screen and (min-width: 53em) { /* line 596, ../src/pages.scss */ .spacer--medium { padding-top: 3em; } } /* line 609, ../src/pages.scss */ .spacer--large { padding-top: 1em; } @media screen and (min-width: 25em) { /* line 609, ../src/pages.scss */ .spacer--large { padding-top: 1.5em; } } @media screen and (min-width: 42em) { /* line 609, ../src/pages.scss */ .spacer--large { padding-top: 2em; } } @media screen and (min-width: 53em) { /* line 609, ../src/pages.scss */ .spacer--large { padding-top: 4em; } } /* * * MODULE: Show Listing ------------------------------------------------*/ @media screen and (min-width: 56.25em) { /* line 628, ../src/pages.scss */ .show-listing__list { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } } /* line 636, ../src/pages.scss */ .show-listing__show { background-color: #E6EDF4; color: #031F66; margin-bottom: 1em; position: relative; } @media screen and (min-width: 31.25em) { /* line 636, ../src/pages.scss */ .show-listing__show { display: -ms-flexbox; display: flex; width: 100%; } } @media screen and (min-width: 56.25em) { /* line 636, ../src/pages.scss */ .show-listing__show { width: 49%; margin-bottom: 1.5em; } } /* line 653, ../src/pages.scss */ .show-listing__image img { display: block; width: 100%; } /* line 658, ../src/pages.scss */ .show-listing__link { width: 50%; background-color: #2B7EDC; } /* line 662, ../src/pages.scss */ .show-listing__info { padding: 1em; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; /*justify-content: space-between;*/ } @media screen and (min-width: 31.25em) { /* line 662, ../src/pages.scss */ .show-listing__info { width: 50%; } } @media screen and (min-width: 53em) { /* line 662, ../src/pages.scss */ .show-listing__info { padding: 1.25em; } } @media screen and (min-width: 31.25em) { /* line 674, ../src/pages.scss */ .show-listing__info--visiting { padding-top: 3em; } } /* line 681, ../src/pages.scss */ .show-listing__visiting-production { position: absolute; top: 0; background-color: #f8fafc; padding: 0.5em; color: #2B7EDC; text-transform: uppercase; font-size: 0.9em; } /* line 690, ../src/pages.scss */ .show-listing__title { text-transform: uppercase; font-weight: 600; margin-bottom: 1em; font-size: 1.25em; line-height: 1.15; } @media screen and (min-width: 31.25em) { /* line 690, ../src/pages.scss */ .show-listing__title { font-size: 1em; } } @media screen and (min-width: 37.5em) { /* line 690, ../src/pages.scss */ .show-listing__title { font-size: 1.125em; } } @media screen and (min-width: 53em) { /* line 690, ../src/pages.scss */ .show-listing__title { font-size: 1.5em; } } @media screen and (min-width: 56.25em) { /* line 690, ../src/pages.scss */ .show-listing__title { font-size: 1.125em; } } @media screen and (min-width: 87.5em) { /* line 690, ../src/pages.scss */ .show-listing__title { font-size: 1.35em; } } /* line 712, ../src/pages.scss */ .show-listing__title a { text-decoration: none; color: #031F66; } /* line 717, ../src/pages.scss */ .show-listing__date { margin-bottom: 0.5em; } /* line 720, ../src/pages.scss */ .show-listing__buttons { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 31.25em) { /* line 720, ../src/pages.scss */ .show-listing__buttons { display: block; } } @media screen and (min-width: 42em) { /* line 720, ../src/pages.scss */ .show-listing__buttons { display: -ms-flexbox; display: flex; } } @media screen and (min-width: 56.25em) { /* line 720, ../src/pages.scss */ .show-listing__buttons { display: block; } } @media screen and (min-width: 87.5em) { /* line 720, ../src/pages.scss */ .show-listing__buttons { display: -ms-flexbox; display: flex; } } /* line 737, ../src/pages.scss */ .show-listing__buttons .button--offsite, .show-listing__buttons .button--onsite { margin-bottom: 0; } @media screen and (min-width: 31.25em) { /* line 737, ../src/pages.scss */ .show-listing__buttons .button--offsite, .show-listing__buttons .button--onsite { margin-bottom: 0.75em; } } @media screen and (min-width: 42em) { /* line 737, ../src/pages.scss */ .show-listing__buttons .button--offsite, .show-listing__buttons .button--onsite { margin-bottom: 0; } } @media screen and (min-width: 56.25em) { /* line 737, ../src/pages.scss */ .show-listing__buttons .button--offsite, .show-listing__buttons .button--onsite { margin-bottom: 0.75em; } } @media screen and (min-width: 87.5em) { /* line 737, ../src/pages.scss */ .show-listing__buttons .button--offsite, .show-listing__buttons .button--onsite { margin-bottom: 0; } } /* line 754, ../src/pages.scss */ .show-listing__buttons .button--onsite { margin-bottom: 0; } @media screen and (min-width: 31.25em) { /* line 754, ../src/pages.scss */ .show-listing__buttons .button--onsite { margin-left: 2px; } } @media screen and (min-width: 56.25em) { /* line 754, ../src/pages.scss */ .show-listing__buttons .button--onsite { margin-left: 2px; } } /* * * MODULE: Home Feature ------------------------------------------------*/ /* line 770, ../src/pages.scss */ .home-feature { position: relative; margin-bottom: 1em; color: #ffffff; display: block; overflow: hidden; } @media screen and (min-width: 42em) { /* line 770, ../src/pages.scss */ .home-feature { margin-bottom: 0; } } @media screen and (min-width: 42em) { /* line 781, ../src/pages.scss */ .home-feature__wrapper { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-column-gap: 1em; grid-row-gap: 1em; } } @media screen and (min-width: 53em) { /* line 781, ../src/pages.scss */ .home-feature__wrapper { grid-auto-flow: dense; /*grid-template-rows: repeat(6, 1fr);*/ } } /* line 794, ../src/pages.scss */ .home-feature:not(.home-feature--image):before { content: ''; position: absolute; z-index: 1; left: 0; bottom: 0; right: 0; top: 0; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%); mix-blend-mode: multiply; } @supports not (mix-blend-mode: multiply) { /* line 794, ../src/pages.scss */ .home-feature:not(.home-feature--image):before { opacity: .4; } } /* line 810, ../src/pages.scss */ .home-feature img { object-fit: cover; height: 36vh; width: 100%; display: block; transition: transform 2s ease; } @media screen and (min-width: 53em) { /* line 810, ../src/pages.scss */ .home-feature img { height: 85vh; } } @media screen and (min-width: 87.5em) { /* line 810, ../src/pages.scss */ .home-feature img { height: 85vh; } } /* line 824, ../src/pages.scss */ .home-feature--image .home-feature__image img { height: auto; } /* line 828, ../src/pages.scss */ .home-feature:not(.home-feature--image):hover img { transform: scale(1.1); } /* line 832, ../src/pages.scss */ .home-feature:not(.home-feature--image) .home-feature__info { color: #ffffff; position: absolute; bottom: 0; left: 0; right: 0; padding: 1em; text-align: center; z-index: 100; } @media screen and (min-width: 68.75em) { /* line 832, ../src/pages.scss */ .home-feature:not(.home-feature--image) .home-feature__info { bottom: 2em; } } /* line 847, ../src/pages.scss */ .home-feature__date { margin-bottom: 1em; } /* line 850, ../src/pages.scss */ .home-feature:not(.home-feature--image) .home-feature__title { text-transform: uppercase; color: #ffffff !important; } /* line 854, ../src/pages.scss */ .home-feature--image .home-feature__title { margin-top: 0.5em; text-transform: uppercase; text-align: center; } @media screen and (min-width: 42em) { /* line 859, ../src/pages.scss */ .home-feature--span-screen { grid-column: 1 / -1; } } @media screen and (min-width: 53em) { /* line 859, ../src/pages.scss */ .home-feature--span-screen { grid-row: span 2; } } @media screen and (min-width: 42em) { /* line 867, ../src/pages.scss */ .home-feature--half { grid-column: 1 / -1; } } @media screen and (min-width: 53em) { /* line 867, ../src/pages.scss */ .home-feature--half { grid-column: span 1; grid-row: span 2; } } @media screen and (min-width: 53em) { /* line 876, ../src/pages.scss */ .home-feature--quarter { grid-row: span 1; } } @media screen and (min-width: 53em) { /* line 883, ../src/pages.scss */ .home-feature--quarter img { height: 41vh; } } /* * * 2. Shows ------------------------------------------------*/ @media screen and (min-width: 42em) { /* line 896, ../src/pages.scss */ .show-header__wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 42em) { /* line 902, ../src/pages.scss */ .poster-image__wrapper { width: 50%; } } @media screen and (min-width: 68.75em) { /* line 902, ../src/pages.scss */ .poster-image__wrapper { width: 40%; } } /* line 911, ../src/pages.scss */ .poster-image__wrapper img { display: block; width: 100%; } /* line 916, ../src/pages.scss */ .show-text__wrapper { color: #031F66; background-color: #E6EDF4; padding-top: 1em; padding-bottom: 1em; padding-left: 1em; padding-right: 1em; } @media screen and (min-width: 25em) { /* line 916, ../src/pages.scss */ .show-text__wrapper { padding-top: 2em; padding-bottom: 2em; padding-right: 2em; } } @media screen and (min-width: 42em) { /* line 916, ../src/pages.scss */ .show-text__wrapper { width: 50%; padding-left: 2em; } } @media screen and (min-width: 68.75em) { /* line 916, ../src/pages.scss */ .show-text__wrapper { width: 60%; padding: 3em; } } /* line 939, ../src/pages.scss */ .show-text__wrapper .button__wrapper { margin-bottom: 2em; } /* line 944, ../src/pages.scss */ .show-text__info { margin-bottom: 2em; } @media screen and (min-width: 56.25em) { /* line 944, ../src/pages.scss */ .show-text__info { column-count: 2; column-gap: 8%; break-inside: avoid; } /* line 954, ../src/pages.scss */ .show-text__info p { break-inside: avoid; } } /* line 962, ../src/pages.scss */ .show-detail__date { margin-bottom: 1em; } /* line 965, ../src/pages.scss */ .show-detail__date span { display: none; } /* line 969, ../src/pages.scss */ .show-detail__title { text-transform: uppercase; } /* line 973, ../src/pages.scss */ .show-press { margin-top: 2em; margin-bottom: 2em; } @media screen and (min-width: 53em) { /* line 973, ../src/pages.scss */ .show-press { margin-top: 2.5em; margin-bottom: 2.5em; } } /* line 982, ../src/pages.scss */ .show-press p { margin-bottom: 0.5rem; display: inline-block; } /* line 986, ../src/pages.scss */ .show-press blockquote > p { text-indent: -0.4em; } /* line 989, ../src/pages.scss */ .show-press footer { font-style: italic; font-weight: normal; } /* line 993, ../src/pages.scss */ .show-press footer p { font-size: 0.8em; /*&:before { content: '— '; }*/ } @media screen and (min-width: 42em) { /* line 993, ../src/pages.scss */ .show-press footer p { font-size: 1em; } } /* line 1005, ../src/pages.scss */ .show-credits-cast__wrapper-inner { color: #031F66; background-color: #E6EDF4; padding-top: 1em; padding-bottom: 1em; padding-left: 1em; padding-right: 1em; } @media screen and (min-width: 25em) { /* line 1005, ../src/pages.scss */ .show-credits-cast__wrapper-inner { padding-top: 2em; padding-bottom: 2em; padding-left: 2em; padding-right: 2em; } } @media screen and (min-width: 42em) { /* line 1005, ../src/pages.scss */ .show-credits-cast__wrapper-inner { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } /* line 1026, ../src/pages.scss */ .show__credits-crew p { line-height: 1.5; } @media screen and (min-width: 42em) { /* line 1024, ../src/pages.scss */ .show__credits-crew { width: 50%; margin-right: 4%; } } @media screen and (min-width: 42em) { /* line 1034, ../src/pages.scss */ .show__cast { width: 46%; } } /* line 1039, ../src/pages.scss */ .show__heading { width: 100%; } /* line 1042, ../src/pages.scss */ .typography h3.show__subheading { font-size: 1.25em; letter-spacing: 1px; } /* line 1046, ../src/pages.scss */ .show-additional-info__wrapper-inner { color: #031F66; background-color: #E6EDF4; padding-top: 1em; padding-bottom: 1em; padding-left: 1em; padding-right: 1em; } @media screen and (min-width: 25em) { /* line 1046, ../src/pages.scss */ .show-additional-info__wrapper-inner { padding-top: 2em; padding-bottom: 2em; padding-left: 2em; padding-right: 2em; } } @media screen and (min-width: 56.25em) { /* line 1061, ../src/pages.scss */ .show-additional-info { column-count: 2; column-gap: 8%; break-inside: avoid; } } /* * * 3. Blog ------------------------------------------------*/ @media screen and (min-width: 68.75em) { /* line 1078, ../src/pages.scss */ .blog .site-content, .single-post .site-content { margin-top: 4em; } } /* line 1084, ../src/pages.scss */ .blog__post { margin-bottom: 4em; } @media screen and (min-width: 53em) { /* line 1084, ../src/pages.scss */ .blog__post { margin-bottom: 6em; } } /* Blog Nav */ /* line 1093, ../src/pages.scss */ .blog__date { color: #2B7EDC; font-size: 0.8em; margin-top: -0.5em; } /* line 1098, ../src/pages.scss */ .paging-navigation, .post-navigation { margin-top: 1em; margin-bottom: 3em; } /* line 1103, ../src/pages.scss */ .nav-links { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding-left: 1em; padding-right: 1em; margin-bottom: 2em; font-size: 0.9em; } @media screen and (min-width: 42em) { /* line 1103, ../src/pages.scss */ .nav-links { font-size: 1em; } } /* line 1115, ../src/pages.scss */ .nav-links a { text-decoration: none; color: #2B7EDC; transition: color 0.3s ease; } /* line 1120, ../src/pages.scss */ .nav-links a:hover, .nav-links a:focus { color: #031F66; } /* * * 3. Cast & Crew ------------------------------------------------*/ /* line 1131, ../src/pages.scss */ .cast_crew { margin-top: 2.5em; color: #031F66; } /* line 1135, ../src/pages.scss */ .cast-crew__wrapper { margin-bottom: 4em; width: 100%; padding-left: 1rem; padding-right: 1rem; /* temp */ } @media screen and (min-width: 25em) { /* line 1135, ../src/pages.scss */ .cast-crew__wrapper { padding-left: 2rem; padding-right: 2rem; } } @media screen and (min-width: 42em) { /* line 1135, ../src/pages.scss */ .cast-crew__wrapper { display: -ms-flexbox; display: flex; } } @media screen and (min-width: 87.5em) { /* line 1135, ../src/pages.scss */ .cast-crew__wrapper { padding-left: 3rem; padding-right: 3rem; max-width: 90rem; } } /* line 1156, ../src/pages.scss */ .headshot__wrapper { margin-bottom: 2em; } /* line 1159, ../src/pages.scss */ .headshot__wrapper img { width: 100%; } @media screen and (min-width: 42em) { /* line 1156, ../src/pages.scss */ .headshot__wrapper { width: 26%; margin-right: 4%; } } @media screen and (min-width: 53em) { /* line 1156, ../src/pages.scss */ .headshot__wrapper { width: 30%; } } @media screen and (min-width: 68.75em) { /* line 1156, ../src/pages.scss */ .headshot__wrapper { margin-left: 16%; } } @media screen and (min-width: 42em) { /* line 1175, ../src/pages.scss */ .bio__wrapper { width: 60%; } } @media screen and (min-width: 68.75em) { /* line 1175, ../src/pages.scss */ .bio__wrapper { width: 45%; } } /* line 1185, ../src/pages.scss */ .name { color: #2B7EDC; text-transform: uppercase; margin-bottom: 0.5em; font-weight: 600; text-decoration: none; } /* line 1192, ../src/pages.scss */ .single-cast_crew .name { pointer-events: none; } /* On Show Page */ /* line 1201, ../src/pages.scss */ .mfp-content .cast-crew__wrapper { background-color: #ffffff; padding-top: 2em; padding-bottom: 1.125em; padding-left: 1.125em; padding-right: 1.125em; max-width: 100%; margin-left: auto; margin-right: auto; position: relative; } @media screen and (min-width: 25em) { /* line 1201, ../src/pages.scss */ .mfp-content .cast-crew__wrapper { padding-top: 2em; padding-bottom: 2em; padding-left: 2em; padding-right: 2em; } } @media screen and (min-width: 31.25em) { /* line 1201, ../src/pages.scss */ .mfp-content .cast-crew__wrapper { max-width: 90%; } } @media screen and (min-width: 53em) { /* line 1201, ../src/pages.scss */ .mfp-content .cast-crew__wrapper { max-width: 80%; } } /* line 1224, ../src/pages.scss */ .mfp-content .cast-crew__wrapper .headshot__wrapper { margin-left: 0; } @media screen and (min-width: 53em) { /* line 1227, ../src/pages.scss */ .mfp-content .cast-crew__wrapper .bio__wrapper { width: 60%; } } @media screen and (min-width: 53em) { /* line 1233, ../src/pages.scss */ .mfp-content .cast-crew__wrapper--bio { max-width: 60%; } } /* line 1238, ../src/pages.scss */ .mfp-content .cast-crew__wrapper--bio .bio__wrapper { width: 100%; } /* line 1244, ../src/pages.scss */ .mfp-close-btn-in .mfp-close, .mfp-arrow { color: #ffffff; } /* line 1248, ../src/pages.scss */ .mfp-close { position: absolute; top: 0em !important; /*-1.5em !important;*/ right: 0em !important; /*-1.5em !important;*/ transition: opacity 0.3s ease; color: #031F66 !important; } /* line 1255, ../src/pages.scss */ .mfp-preloader { width: 5em; margin-left: auto; margin-right: auto; } /* line 1260, ../src/pages.scss */ .mfp-arrow { transform: scale(0.4); } @media screen and (min-width: 37.5em) { /* line 1260, ../src/pages.scss */ .mfp-arrow { transform: scale(0.6); } } @media screen and (min-width: 53em) { /* line 1260, ../src/pages.scss */ .mfp-arrow { transform: scale(0.75); } } /* line 1270, ../src/pages.scss */ .mfp-arrow-left { left: -3px; } @media screen and (min-width: 53em) { /* line 1270, ../src/pages.scss */ .mfp-arrow-left { left: 0; } } /* line 1277, ../src/pages.scss */ .mfp-arrow-right { right: -3px; } @media screen and (min-width: 53em) { /* line 1277, ../src/pages.scss */ .mfp-arrow-right { right: 0; } } /* * * 3. 404 Error ------------------------------------------------*/ /* line 1290, ../src/pages.scss */ .error-404 { margin-bottom: 8em; } /* * * 3. Fade in ------------------------------------------------*/ /* line 1299, ../src/pages.scss */ .fade { opacity: 0; transition: opacity 0.3s 0.05s ease; /*img { filter: blur(20px); transition: filter 0.3s ease; }*/ } /* line 1308, ../src/pages.scss */ .fade.visible { opacity: 1; /*img { filter: blur(0); }*/ } /* cast & crew */ @keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } /* line 1326, ../src/pages.scss */ .fade-in img { opacity: 0; } /* line 1329, ../src/pages.scss */ .visible .fade-in img { opacity: 1; animation: show 0.3s 0.15s ease both; } /* line 1334, ../src/pages.scss */ .single-cast_crew .fade-in img { opacity: 1; animation: show 0.3s 0.15s ease both; } /* * * Cookie Bar ------------------------------------------------*/ /* line 1344, ../src/pages.scss */ .cn-close-icon::after, .cn-close-icon::before { background-color: #ffffff !important; }