/* Slider */ .slick-slider * {outline: none;} .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /* <button> css reset */ .pswp__button { width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: 0.75; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-box-shadow: none; box-shadow: none; } .pswp__button:focus, .pswp__button:hover { opacity: 1; } .pswp__button:active { outline: none; opacity: 0.9; } .pswp__button::-moz-focus-inner { padding: 0; border: 0; } /* pswp__ui--over-close class it added when mouse is over element that should close gallery */ .pswp__ui--over-close .pswp__button--close { opacity: 1; } .pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { /*background: url(css/default-skin/default-skin.png) 0 0 no-repeat; background-size: 264px 88px;*/ width: 44px; height: 44px; } @media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */ .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { /*background-image: url(css/default-skin/default-skin.svg);*/ } .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: none; } } .pswp__button--close { background-position: 0 -44px; } .pswp__button--share { background-position: -44px -44px; } .pswp__button--fs { display: none; } .pswp--supports-fs .pswp__button--fs { display: block; } .pswp--fs .pswp__button--fs { background-position: -44px 0; } .pswp__button--zoom { display: none; background-position: -88px 0; } .pswp--zoom-allowed .pswp__button--zoom { display: block; } .pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0; } /* no arrows on touch screens */ .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; } /* Arrow buttons hit area (icon is added to :before pseudo-element) */ .pswp__button--arrow--left, .pswp__button--arrow--right { background: none; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; } .pswp__button--arrow--left { left: 0; } .pswp__button--arrow--right { right: 0; } .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ''; top: 35px; background-color: rgba(0, 0, 0, 0.3); height: 30px; width: 32px; position: absolute; } .pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px; } .pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px; } /* 2. Share modal/popup and links */ .pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pswp__share-modal { display: block; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__share-modal--hidden { display: none; } .pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; -webkit-backface-visibility: hidden; will-change: transform; } .pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px; } .pswp__share-tooltip a:hover { text-decoration: none; color: #000; } .pswp__share-tooltip a:first-child { /* round corners on the first/last list item */ border-radius: 2px 2px 0 0; } .pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px; } .pswp__share-modal--fade-in { opacity: 1; } .pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* increase size of share links on touch devices */ .pswp--touch .pswp__share-tooltip a { padding: 16px 12px; } a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; } a.pswp__share--facebook:hover { background: #3E5C9A; color: #FFF; } a.pswp__share--facebook:hover:before { border-bottom-color: #3E5C9A; } a.pswp__share--twitter:hover { background: #55ACEE; color: #FFF; } a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D; } a.pswp__share--download:hover { background: #DDD; } /* 3. Index indicator ("1 of X" counter) */ .pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 13px; line-height: 44px; color: #FFF; /*opacity: 0.75;*/ padding: 0 10px; } /* 4. Caption */ .pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; } .pswp__caption small { font-size: 11px; color: #BBB; } .pswp__caption__center { text-align: left; max-width: 420px; margin: 0 auto; font-size: 1.4rem; padding: 10px; line-height: 20px; color: #FFF; } .pswp__caption--empty { display: none; } /* Fake caption element, used to calculate height of next/prev image */ .pswp__caption--fake { visibility: hidden; } /* 5. Loading indicator (preloader) You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR */ .pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; will-change: opacity; direction: ltr; } .pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; } .pswp__preloader--active { opacity: 1; } .pswp__preloader--active .pswp__preloader__icn { /* We use .gif in browsers that don't support CSS animation */ background: url(preloader.gif) 0 0 no-repeat; } .pswp--css_animation .pswp__preloader--active { opacity: 1; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; } .pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; } .pswp--css_animation .pswp__preloader__cut { /* The idea of animating inner circle is based on Polymer ("material") loading indicator by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html */ position: relative; width: 7px; height: 14px; overflow: hidden; } .pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: none; margin: 0; } @media screen and (max-width: 1024px) { .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; } } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } /* 6. Additional styles */ /* root element of UI */ .pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; } /* top black bar with buttons and "1 of X" indicator */ .pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; } .pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } /* pswp--has_mouse class is added only when two subsequent mousemove events occur */ .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; } .pswp__top-bar, .pswp__caption { background-color: rgba(0, 0, 0, 0.25); } /* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */ .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); } /* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */ .pswp__ui--idle .pswp__top-bar { opacity: 0; } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0; } /* pswp__ui--hidden class is added when controls are hidden e.g. when user taps to toggle visibility of controls */ .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { /* Force paint & create composition layer for controls. */ opacity: 0.001; } /* pswp__ui--one-slide class is added when there is just one item in gallery */ .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; } .pswp__element--disabled { display: none !important; } .pswp--minimal--dark .pswp__top-bar { background: none; } /* RESET */ /* ----------------------------------------- */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, object, button { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li {list-style:none;} caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } html{ box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } q:before, q:after { content:''} /*sup {vertical-align: super;} sub {vertical-align: sub;}*/ sup, sub { vertical-align:baseline; position: relative; top:-1em; font-size:0.5em;/**/ } sub { top: 1em; } .clear { clear:both; } .clearfix:after, .module:after { content: " "; display: table; clear: both; } #skiptocontent, .screen-reader-text {display:none;} /* Global reset-RESET */ /* The below restores some sensible defaults */ em { font-style:italic !important; font-weight:inherit !important; } a img { border:none } /* Gets rid of IE's blue borders */ a { text-decoration:none; } a:active, a:focus, button {outline: none; border:none; -moz-outline-style: none;} @font-face { font-family: 'icons'; src: /*url('../fonts/icomoon.woff2') format('woff2'),*/ url('fonts/icomoon.woff') format('woff'); font-weight: normal; font-style: normal; } ::selection { background:#de1834; color:#FFF; /* WebKit/Blink Browsers */ } ::-moz-selection { background: #de1834; color:#FFF; /* Gecko Browsers */ } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; } /* @font-face {font-family: 'Avenir'; font-style:normal; font-weight: 400; src: url('fonts/350D81_2_0.eot');src: url('fonts/350D81_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/350D81_2_0.woff2') format('woff2'),url('fonts/350D81_2_0.ttf') format('truetype');} @font-face {font-family: 'Avenir'; font-style: italic; font-weight: 400; src: url('fonts/350D81_1_0.eot');src: url('fonts/350D81_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/350D81_1_0.woff2') format('woff2'),url('fonts/350D81_1_0.ttf') format('truetype'); } @font-face {font-family: 'Avenir'; font-style: normal; font-weight: 600; src: url('fonts/350D81_0_0.eot');src: url('fonts/350D81_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/350D81_0_0.woff2') format('woff2'),url('fonts/350D81_0_0.ttf') format('truetype'); } @font-face {font-family: 'Avenir'; font-style: italic; font-weight: 600; src: url('fonts/350D81_3_0.eot');src: url('fonts/350D81_3_0.eot?#iefix') format('embedded-opentype'),url('fonts/350D81_3_0.woff2') format('woff2'),url('fonts/350D81_3_0.ttf') format('truetype'); } @font-face {font-family: 'Avenir'; font-style: normal; font-weight: 700; src: url('fonts/350D81_4_0.eot');src: url('fonts/350D81_4_0.eot?#iefix') format('embedded-opentype'),url('fonts/350D81_4_0.woff2') format('woff2'),url('fonts/350D81_4_0.ttf') format('truetype'); } */ /* */ /* */ /*@font-face { font-family:"Avenir"; src:url("https://use.typekit.net/af/997114/0000000000000000775aa872/31/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/997114/0000000000000000775aa872/31/d?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/997114/0000000000000000775aa872/31/a?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=i3&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:400;font-stretch:normal; } @font-face { font-family:"Avenir"; src:url("https://use.typekit.net/af/0f11da/0000000000000000775aa879/31/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/0f11da/0000000000000000775aa879/31/d?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/0f11da/0000000000000000775aa879/31/a?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n3&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:400;font-stretch:normal; } @font-face { font-family:"Avenir"; src:url("https://use.typekit.net/af/434a93/0000000000000000775aa877/31/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/434a93/0000000000000000775aa877/31/d?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/434a93/0000000000000000775aa877/31/a?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n7&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:600;font-stretch:normal; } @font-face { font-family:"Avenir"; src:url("https://use.typekit.net/af/94655f/0000000000000000775aa870/31/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/94655f/0000000000000000775aa870/31/d?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/94655f/0000000000000000775aa870/31/a?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=i7&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:600;font-stretch:normal; } @font-face { font-family:"Avenir"; src:url("https://use.typekit.net/af/428c3e/0000000000000000775aa86e/31/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/428c3e/0000000000000000775aa86e/31/d?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/428c3e/0000000000000000775aa86e/31/a?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n8&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:700;font-stretch:normal; }*/ /* @font-face { font-family:"Avenir"; src:url("https://use.typekit.net/af/512880/0000000000000000775aa875/31/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=i8&v=3") format("woff2"),url("https://use.typekit.net/af/512880/0000000000000000775aa875/31/d?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=i8&v=3") format("woff"),url("https://use.typekit.net/af/512880/0000000000000000775aa875/31/a?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=i8&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:800;font-stretch:normal; } */ /* */ /*@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 300; src: url(fonts/OswaldLight.woff2) format('woff2'); } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 500; src: url(fonts/OswaldMedium.woff2) format('woff2'); }*//* TYPE */ html { font-size:62.5%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } @media all and (max-width: 767px) { /*html { font-size:87.5%; } */ } body {font-family: 'avenir-lt-pro',sans-serif; font-style: normal; font-weight:300; line-height:1.4; color:#000; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; background:#FFF; overflow-x:hidden; overflow-y: scroll; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; } .textcontent ul, #footer ul { margin-bottom:1.8rem; } .textcontent li { margin:0 0 0.5em 0; list-style:none; } #skiptocontent { } .textcontent blockquote p, h1, h2, h3 {font-size: 3.2rem; margin: 0 0 1em 0; line-height:1.2; font-weight:700; color:#de1834; } @media all and (max-width: 599px) { .textcontent blockquote p, h1, h2, h3 {font-size: 2.4rem; } } .textcontent blockquote p { margin-top: calc(1em - 1.8rem); } h3 {font-size: 1.8rem; line-height:1.2; } #maintitle h1 { margin: 0;} h1.heading, h2.heading { font-weight:700; font-size: 1.8rem; color: #de1834; margin: 0 0 1em; } .textcontent p:not(.cta) a, .textcontent li a { color:#de1834; text-decoration: underline; } .textcontent p:not(.cta) a:hover, .textcontent li a:hover { color:#000; } .textcontent p, .textcontent li { font-size:1.8rem; font-weight:300; margin-bottom:1em;} #home_content #hometext p:first-child, #page_content #toptext header+p { font-size:2.2rem; } @media all and (max-width: 767px) { .textcontent p, .textcontent li, .textcontent h3, h1.heading, h2.heading { font-size:1.6rem; } #home_content p:first-child, #page_content #toptext header+p { font-size:1.8rem; } } .textcontent li strong, .textcontent p strong { font-weight:700; } .textcontent ol li, .textcontent ul li { margin-left: 1.2em; list-style: disc; margin-bottom:0.5em;} .textcontent img { display: block; max-width: 100%; height: auto;} figcaption { font-size:1.5rem; color:#666; } .container a { transition: all 0.2s ease; } .container p:not(.cta) { padding-right:1em; } p.cta { line-height: 1.2 !important; } p.cta a, p.cta span { border: 1px solid white; background:rgba(242,250,250,0.1); line-height: 1; padding:0.5em 1em 0.5em 0.75em; display:inline-block; color:white; } p.cta a:hover, p.cta span:hover { color: black; background: white; /*mix-blend-mode: screen;*/} .light p.cta a { border-color: black; color:black; } .light p.cta a:hover { color: white; background: black; mix-blend-mode:normal ;} p.cta a.wide { width: 100%; text-align: center; padding:0.5em 1em; } ul.social::after { content: ""; display: table; clear: both; } ul.social li { display: inline-block; margin:0 10px 0 0 !important; position:relative; font-size:3.4rem; line-height: 1; width: 1em; height: 1em; } #topsocial { text-align: right; } #topsocial ul.social li { margin:0 0 0 10px !important; font-size:2.8rem; } ul.social li a { display:block; color: white; border-radius: 100%; text-decoration:none; width:100%; height:100%; overflow:hidden; } ul.social li a { background:#808285; color: white; } ul.social li a:hover { color: white; } ul.social li a span { height: 0; width: 0; position: absolute; overflow: hidden; } ul.social::after { content:""; display:table; height:0; clear:left;} ul.social li a::after { font-family: 'icons'; font-weight:normal; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } ul.social li a[href*="facebook"]::after { content:"\e901"; } ul.social li a[href*="twitter"]::after { content:"\e906"; } ul.social li a[href*="instagram"]::after { content:"\e904"; } ul.social li a[href*="linkedin"]::after { content:"\e903"; } ul.social li a[href*="linkedin"]:hover {background-color: #0077B5 !important; } ul.social li a[href*="facebook"]:hover {background-color: #3b5998 !important; } ul.social li a[href*="twitter"]:hover {background-color: #1da1f2 !important; } ul.social li a[href*="instagram"]:hover { background: linear-gradient(45deg, rgba(255,211,116,1) 0%, rgba(255,211,116,1) 12%, rgba(240,103,59,1) 34%, rgba(236,73,76,1) 55%, rgba(196,49,137,1) 75%, rgba(128,67,197,1) 91%, rgba(128,67,197,1) 100%) !important; } ul.social li a[href*="tripadvisor"]:hover {background-color:#00af87 !important; } ul.social li a[href*="youtube"]:hover {background-color:#ff0000 !important; } .more { color:#7A7D74; font-size: 1.6rem; } .expand::after { font-family: 'icons'; font-weight:normal; content:"\e909"; font-size:0.875em; padding-left: 0.5em; } .textcontent:first-of-type { }html, body { height: 100%; } body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #all { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #footer { -ms-flex-negative: 0; flex-shrink: 0; } .fullwidth { width: 100% !important; grid-column: 1/-1 !important; } #page_content { min-height: 300px;} @media (max-width: 599px) { body:not(.home) #page_content { border-top:80px solid transparent; } } @media (min-width: 600px) { body:not(.home) #page_content { border-top: 100px solid transparent; } } @media (min-width: 900px) { body:not(.home) #page_content { border-top: 120px solid transparent; } } @media (min-width: 1200px) { body:not(.home) #page_content { border-top: 140px solid transparent; } } @media (min-width: 1800px) { } .container { border:40px solid transparent; border-top:none !important; border-bottom:none !important; max-width: 1680px; max-width: 1600px; margin-right: auto; margin-left: auto; } @media (max-width: 599px) { .container { border:20px solid transparent; } article.news_top {border:20px solid transparent !important;} #refine {padding: 0 20px;} } @media (min-width: 600px) { .container { border:20px solid transparent; } article.news_top { border:20px solid transparent !important;} #refine {padding: 0 20px;} } @media (min-width: 900px) { .container { border:30px solid transparent; } article.news_top { border:30px solid transparent !important;} #refine {padding: 0 30px;} } @media (min-width: 1200px) { .container { border:40px solid transparent; } article.news_top { border:40px solid transparent !important;} #refine {padding: 0 40px;} } @media (min-width: 1800px) { } #banner {width:100%; margin-bottom:3rem; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: repeat(12,1fr); grid-column-gap:20px; } @media (max-width: 599px) { #banner { margin-bottom:2rem; } } /*@media (min-width: 1200px) { */ .vidholder { width:100%; height:0; padding-bottom:56.25%; position: relative;} .vidholder iframe { width:100%; height: 100%; position: absolute; } #banner .video{ -ms-grid-column: 1; -ms-grid-column-span: 12; grid-column: 1 / span 12; } #banner .video{ -ms-grid-column: 2; -ms-grid-column-span: 10; grid-column: 2 / span 10 ; } @media screen and (min-width:1024px) and (max-width: 1399px) { #banner .video{ -ms-grid-column: 2; -ms-grid-column-span: 10; grid-column: 2 / span 10 ; } } @media screen and (max-width: 1023px) { #banner .video{ -ms-grid-column: 1; -ms-grid-column-span: 12; grid-column: 1 / span 12; } } /*}*/ #topimage img { display: block; width:100%; height: auto; } #topimage { } #toptext { border-top:30px solid transparent; } body.single-women #toptext header h1 { margin: 0 0 3.5rem; position: relative; } body.single-women #toptext header h1::after {font-family:'icons'; content:"\e902"; display: block; margin:0; font-weight: normal; font-size:7rem; height: 0; line-height: 0.2; position: absolute; top:calc(100% + 1rem); } .image img { display: block; width: 100%; height: auto; } #restofpage .image { margin: 2rem 0 3rem; } @media (min-width: 600px) { .fullwidth figure{ display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: repeat(12,1fr); grid-column-gap:20px; } .fullwidth figure picture { grid-column: 1/-1 !important;} .fullwidth figure picture.banner_portrait { -ms-grid-column: 2; -ms-grid-column-span: 10; grid-column: 2 / span 10 !important; } } @media (min-width: 900px) { .fullwidth figure picture.banner_portrait { -ms-grid-column: 2; -ms-grid-column-span: 7; grid-column: 2 / span 7 !important; } } @media (min-width: 1200px) { .fullwidth figure picture.banner_portrait { -ms-grid-column: 4; -ms-grid-column-span: 6; grid-column: 4 / span 6 !important; } } @media (min-width: 1500px) { .fullwidth figure picture.banner_portrait { -ms-grid-column: 4; -ms-grid-column-span: 5; grid-column: 4 / span 5 !important; } } p.date, figcaption { color: rgba(143,143,140,1); padding: 1em 1em 0 0; font-size: 1.6rem; line-height: 1.4; } p.date::after, figcaption::after{ width: 4em; margin: 1em 0 0; border-bottom: 1px solid rgba(143,143,140,0.66) !important; content:""; display: block; } p.date { padding: 0 1em 0 0;} h1+p.date { position: relative; top: -0.5em;} @media (max-width: 599px) { h1+p.date, figcaption{ font-size: 1.4rem; } } @media (max-width: 599px) { #topimage { width: 100%; height: auto;} } @media (min-width: 600px) { #toparea { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: repeat(12,1fr); grid-column-gap:20px; } /* #topimage { grid-column: 7 / span 6; } #toptext { grid-column: 1 / span 5; grid-row: 1 / span 1; }*/ #topimage { -ms-grid-column: 1; -ms-grid-column-span: 12; grid-column: 1 / span 12; } #toptext { -ms-grid-column: 2; -ms-grid-column-span: 10; grid-column: 2 / span 10; } #restofpage { display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: repeat(12,1fr); grid-column-gap:20px; } #restofpage .textcontent { -ms-grid-column: 2; -ms-grid-column-span: 10; grid-column: 2 / span 10; max-width: 900px; } } @media (max-width: 899px) { #topimage.podimage { display: none;} } @media (min-width: 900px) { #topimage { -ms-grid-column: 8; -ms-grid-column-span: 5; grid-column: 8 / span 5; } #topimage.podimage { -ms-grid-column: 8; -ms-grid-column-span: 3; grid-column: 8 / span 3; } #toptext { -ms-grid-column: 2; -ms-grid-column-span: 5; grid-column: 2 / span 5; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / span 1; } #restofpage .textcontent { -ms-grid-column: 3; -ms-grid-column-span: 8; grid-column: 3 / span 8; grid-column: 2 / span 7; } } @media (min-width: 1200px) { #topimage { -ms-grid-column: 8; -ms-grid-column-span: 4; grid-column: 8 / span 4; } #topimage.podimage { -ms-grid-column: 8; -ms-grid-column-span: 2; grid-column: 8 / span 2; } #toptext { -ms-grid-column: 2; -ms-grid-column-span: 5; grid-column: 2 / span 5; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / span 1; } #restofpage .textcontent { -ms-grid-column: 2; -ms-grid-column-span: 5; grid-column: 2 / span 5; grid-column: 4 / span 5; } } @media (min-width: 1800px) { } .nextlink { background:#EFEDED; border: 1px solid #707070; display:block; padding:25px 30px; margin:2rem 0; } .nextlink h3 { margin-bottom: 0; } .nextlink p { border-top:1px solid rgba(112,112,112,0.25); border-bottom:1px solid rgba(112,112,112,0.25); color:black; padding:1em 0; line-height: 1.2; height:4.8em; margin:0; position: relative; } .nextlink p::after { position:absolute; top: 50%; right:0; display:block; height: 3rem; width: 2rem; line-height: 3rem; font-family:'icons'; content:"\e905"; font-weight: normal; font-size: 3rem; color: rgba(222,24,52,1); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .nextlink:hover, .nextlink:active { border: 1px solid #de1834; background: #de1834; } .nextlink:hover *, .nextlink:active *, .nextlink:hover *::after, .nextlink:active *::after{ border-color: #de1834; color: #FFF; }#page_footer { border-top:40px solid transparent; } .partner_heading { color: rgba(143,143,140,1); border-bottom: 1px solid rgba(143,143,140,0.2); font-weight: 700; margin: 0 0 0.5em; padding-bottom: 0.5em; } p#designer { color: rgba(143,143,140,1); border-top: 1px solid rgba(143,143,140,0.2); padding:1em 0; margin: 0; font-size: 1.4rem; } p#designer a {color: rgba(143,143,140,1); text-decoration: none;} p#designer a:hover {color:#de1834; } .footer-main .footer-links-wrap { background-color: rgba(143,143,140,0.1); padding: 32px 0; color: #000; } .footer-main .footer-links-wrap p:not(.cta) a { color:#707070; text-decoration: none; font-weight: 300; } .footer-main .footer-links-wrap p:not(.cta) a:hover { color:#de1834; text-decoration: underline; } .footer-main .footer-links-wrap p.cta { margin: 0; } .footer-main .footer-links-wrap p.cta a { color:#000; background: white; } .footer-main .footer-links-wrap p.cta a:hover { background:#de1834; color: white; } #partner_logos {display: block;} ul.partner_logos { margin-bottom: 20px;} ul.partner_logos::after { content:""; display: table; clear: both; } ul.partner_logos li { display: inline-block; margin: 0; list-style: none; float: left; margin-right: 15px; } ul.partner_logos li:last-child { margin-right: 0; } ul.partner_logos li a { display: inline-block; width: 9rem; height: 8rem; position: relative; } ul.partner_logos li a img { display: block; position: absolute; left: 50%; bottom:0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -o-object-fit: contain; object-fit: contain; width: 100%; height: auto; max-width: 10rem; } ul.partner_logos li:nth-child(1) a img { width: 90%; bottom:25%; } /*ul.partner_logos li:nth-child(1) a img { width: 90%; bottom:25%; } ul.partner_logos li:nth-child(2) a img { height: 75%; width: auto; bottom:10%;} ul.partner_logos li:nth-child(3) a img { height: 75%; width: auto; } ul.partner_logos li:nth-child(4) a img { bottom:25%; } */ ul.partner_logos li:nth-child(1) a img { height: 75%; width: auto; bottom:10%;} ul.partner_logos li:nth-child(2) { margin-right: 25px; } ul.partner_logos li:nth-child(2) a { width: 10rem; } ul.partner_logos li:nth-child(2) a img { width: 85%; bottom:25%; } ul.partner_logos li:nth-child(3) a img { height: 75%; width: auto; } @media screen and (max-width: 499px){ ul.partner_logos{ width:100%; } ul.partner_logos li { width: calc(50% - 5px); margin-right:0; } ul.partner_logos li:nth-child(2) { margin-right:0; } ul.partner_logos li a, ul.partner_logos li:nth-child(2) a { width: 100%;} } .footer-main .footer-rcsi-wrap { background-color: #de1834; padding: 32px 0; color: #FFF; } .footer-main .footer-rcsi-wrap .footer-logo { float: right; } .footer-main .footer-rcsi-wrap::after { content: " "; display: table; clear: both; } .footer-main .footer-partners-wrap { background-color: #222; padding: 44px 0 ; text-align: center; } @media screen and (min-width: 640px){ .footer-main .footer-partners-wrap .footer-logo { display: block; height: inherit; margin: 0 auto; } } .footer-partners-wrap .rowoflogos{ display: -ms-grid; display: grid; -ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; grid-gap:30px; } .footer-partners-wrap .rowoflogos>div { -ms-grid-column-span:1; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .footer-partners-wrap .rowoflogos>div { margin: 20px; } .footer-partners-wrap .rowoflogos>div:nth-child(1) { -ms-grid-column: 1; -ms-grid-row: 1; } .footer-partners-wrap .rowoflogos>div:nth-child(2) { -ms-grid-column: 2; -ms-grid-row: 1; } .footer-partners-wrap .rowoflogos>div:nth-child(3) { -ms-grid-column: 3; -ms-grid-row: 1; } .footer-partners-wrap .rowoflogos>div:nth-child(4) { -ms-grid-column: 4; -ms-grid-row: 1; } .footer-partners-wrap .rowoflogos>div:nth-child(5) { -ms-grid-column: 5; -ms-grid-row: 1; } .footer-partners-wrap .rowoflogos>div:nth-child(6) { -ms-grid-column: 6; -ms-grid-row: 1; } } .footer-partners-wrap .rowoflogos>div a { text-align:center; display:block;} .footer-partners-wrap .rowoflogos>div a img.footer-logo { display: inline-block; height:52px; -webkit-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .footer-partners-wrap .rowoflogos>div a:hover img.footer-logo { opacity: 0.75; -webkit-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .footer-partners-wrap .rowoflogos>div a img.logo-eu-flag, .footer-partners-wrap .rowoflogos>div a img.logo-nui{ height:72px; } @media screen and (max-width: 899px){ .footer-partners-wrap .rowoflogos{ -ms-grid-columns:1fr 1fr 1fr; grid-template-columns:1fr 1fr 1fr ; grid-gap:10px; } .footer-partners-wrap .rowoflogos>div a img.footer-logo { height:40px; } .footer-partners-wrap .rowoflogos>div a img.logo-nui{ height:55px; } } @media screen and (max-width: 499px){ .footer-partners-wrap .rowoflogos{ -ms-grid-columns:1fr 1fr; grid-template-columns:1fr 1fr ; grid-gap:20px; } .footer-partners-wrap .rowoflogos>div a img.footer-logo { height:52px; } .footer-partners-wrap .rowoflogos>div a img.logo-nui{ height:72px; } } @media screen and (max-width: 899px) and (-ms-high-contrast: none){ .footer-partners-wrap .rowoflogos>div { } .footer-partners-wrap .rowoflogos>div:nth-child(1) { -ms-grid-column: 1; -ms-grid-row: 1; } .footer-partners-wrap .rowoflogos>div:nth-child(2) { -ms-grid-column: 2; -ms-grid-row: 1; } .footer-partners-wrap .rowoflogos>div:nth-child(3) { -ms-grid-column: 3; -ms-grid-row: 1; } .footer-partners-wrap .rowoflogos>div:nth-child(4) { -ms-grid-column: 1; -ms-grid-row: 2; } .footer-partners-wrap .rowoflogos>div:nth-child(5) { -ms-grid-column: 2; -ms-grid-row: 2; } .footer-partners-wrap .rowoflogos>div:nth-child(6) { -ms-grid-column: 3; -ms-grid-row: 2; } } @media screen and (max-width: 499px) and (-ms-high-contrast: none){ .footer-partners-wrap .rowoflogos>div { } .footer-partners-wrap .rowoflogos>div:nth-child(1) { -ms-grid-column: 1; -ms-grid-row: 1; } .footer-partners-wrap .rowoflogos>div:nth-child(2) { -ms-grid-column: 2; -ms-grid-row: 1; } .footer-partners-wrap .rowoflogos>div:nth-child(3) { -ms-grid-column: 1; -ms-grid-row: 2; } .footer-partners-wrap .rowoflogos>div:nth-child(4) { -ms-grid-column: 2; -ms-grid-row: 2; } .footer-partners-wrap .rowoflogos>div:nth-child(5) { -ms-grid-column: 1; -ms-grid-row: 3; } .footer-partners-wrap .rowoflogos>div:nth-child(6) { -ms-grid-column: 2; -ms-grid-row: 3; } }#masthead { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; height: 120px; /*transition: all 0.3s ease-in-out*/; background: rgba(255,255,255,0.95); border-top:10px solid transparent; border-bottom:1px solid rgba(112,122,122,0.3); box-sizing: content-box; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #logo strong { display: block;} #logo a::before { content:""; display: block !important; width: 100% !important; -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:1; } } /* #masthead>div{ position:relative; height: 100%;} */ #masthead>div.container { box-sizing: border-box;/**/ display:-ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap:20px; } #logo, #mainnav { display: flex; align-items:flex-end; height: 60px; padding-bottom: 60px !important; box-sizing: content-box; } #logo { margin: 0; position: relative; font-size: 1.8rem; line-height: 1; display:-ms-grid; display: grid; /*grid-template-columns: 1fr 1fr 1fr 1fr*/; grid-gap:20px; } #logo a { display: block; letter-spacing: -0.01em;} #logo img { position: absolute; top: 0; left: 0; height: 81px; height: 57px; width: auto; } #logo strong { position: relative; font-size:2.2rem; font-weight: 800; color: #de1834; white-space: nowrap; } #logo strong span { display: block; position: absolute; top: 1.1em; left: 0; font-weight: 300; color: #000;} #logo { height: 40px; padding-bottom: 20px !important; } #logo a { grid-column: 1 / -1; width: 100%; display:-ms-grid; display:grid; grid-template-columns: 1fr 1fr 1fr ; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap:20px; } #logo a strong { grid-column: 2 / span 2; -ms-grid-row:1; -ms-grid-column:4; -ms-grid-column-span:4; grid-column: 4 / span 4; font-size: 1.8rem; } #logo a::before { content:""; display: block; height:1px; -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:1; } @media (max-width:599px) { body.home:not(.scrolled) #masthead::before { display: block; content:""; opacity:0.85; pointer-events: none; transition:all 0.2s ease-in-out; width:100%; height: 160px; position: fixed; top: 0; left: 0; background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent 100%); } body.home:not(.scrolled):not(.mobilemenu) #masthead #logo a strong, body.home.unscrolled #masthead #logo a strong, body.home:not(.scrolled):not(.mobilemenu) #masthead #logo a strong span, body.home.unscrolled #masthead #logo a strong span { color: white; } body.home.mobilemenu #masthead::before { opacity: 0;} body.home.mobilemenu #masthead #logo strong { color: #de1834 !important; } body.home.mobilemenu #masthead #logo strong span { color: #000 !important;} body.home:not(.scrolled):not(.mobilemenu) #masthead #logo a#logo_white { display:block; } body.home:not(.scrolled):not(.mobilemenu) #masthead #logo a img#logo_black { display:none; } body.home.scrolled #masthead #logo a img#logo_black { display:block; } body.home.scrolled #masthead #logo a img#logo_white { display:none; } body.home.mobilemenu #masthead #logo a img#logo_white { display:none; } body.home.mobilemenu #masthead #logo a img#logo_black { display:block; } body.home:not(.scrolled) #masthead, body.home.unscrolled #masthead { background: none; border-bottom: none; } body.mobilemenu #masthead { background: white !important; border-bottom:1px solid rgba(112,122,122,0.3) !important; } /*body.mobilemenu #masthead { background: rgba(255,255,255,0.85); } */ } @media (min-width:600px) { #masthead #logo a img#logo_black, body.home.scrolled #masthead #logo a img#logo_black { display:block; } #masthead #logo a img#logo_white, body.home.scrolled #masthead #logo a img#logo_white { display:none; } } #mainnav { display:-ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px; } #mainnav>ul { -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:5; grid-column:span 5; flex:1 0 0; /*display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap:20px; */ display:flex; justify-content: space-between; position: relative; z-index: 10;} #mainnav>ul>li { grid-column: span 1; display:block; position: relative; margin: 0 0 1px; margin: 0; font-size:1.6rem; line-height: 1; font-weight:700; } #mainnav>ul>li>a{ white-space: nowrap; position: relative; bottom:0; left: 0; color: #000; transition: all 0.2s ease-in-out; } #mainnav>ul>li>a::after { content:""; display:inline-block; width: 2em; width: 0; height: 0.3rem; background: #de1834; position: absolute; top: calc(100% + 0.4em); left: 0; opacity: 0; transition: all 0.2s ease-in-out; } #mainnav>ul>li>a:hover, #mainnav>ul>li>a:active{ color: #de1834; } #mainnav>ul>li>a:hover::after , #mainnav>ul>li>a:active::after{ opacity:1; width: 2em; } body.page-id-12 #mainnav>ul>li>a.the-room::after, body.women #mainnav>ul>li>a.the-women::after, body.artists #mainnav>ul>li>a.the-artists::after, body.podcasts #mainnav>ul>li>a.podcasts::after, body.page-id-95 #mainnav>ul>li#menu-item-67>a::after, body.single-post #mainnav>ul>li#menu-item-67>a::after, body.category #mainnav>ul>li#menu-item-67>a::after, #mainnav>ul>li.current-menu-ancestor>a::after, #mainnav>ul>li.current-menu-item>a::after { opacity:1; width: 2em; } #mainnav li ul { position: absolute; display: none;} #mainnav>#topsocial { position:relative; top:0.5rem; } @media (max-width: 1199px) { #topsocial ul.social li { font-size:2.4rem; } } @media (max-width: 899px) { #mainnav { display: none; } #masthead { height: 70px; } #logo a { width: 100%; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr ; grid-template-columns: repeat(12,1fr); } #logo a::before { -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:4; } #logo a strong { -ms-grid-row:1; -ms-grid-column:4; -ms-grid-column-span:7; grid-column: 4 / span 7; } } /**/ @media (max-width: 599px) { #masthead { } #logo { -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:6; grid-column: span 6; } #logo a { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: repeat(6,1fr);} #logo a strong { -ms-grid-row:1; -ms-grid-column:3; -ms-grid-column-span:6; grid-column: 3 / span 3; } } @media (max-width: 399px) { #masthead { } #logo { -ms-grid-column-span:6; grid-column: span 6; } #logo a strong { -ms-grid-row:1; -ms-grid-column:4; -ms-grid-column-span:3; grid-column: 4 / span 3; } } @media (max-width: 359px) { /* #logo { grid-column: span 9; }*/ } @media (min-width: 600px) { #masthead { height: 80px; border-top:20px solid transparent; } #logo { -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:6; grid-column: span 6; } #logo a { grid-column: 1 / -1; width: 100%; display:-ms-grid; display:grid;grid-gap:20px; /*grid-template-columns: 1fr 1fr 1fr ; grid-template-columns: 1fr 1fr 1fr 1fr ; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;*/ } #logo a strong {/* grid-column: 3 / span 3;*/ font-size: 1.8rem; } #logo a::before { content:""; display: block; height:1px; } #mainnav { -ms-grid-row:1; -ms-grid-column:5; -ms-grid-column-span:8; grid-column: span 8; position:relative;} #mainnav>ul { grid-column: span 6; grid-column: span 7; -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:8; grid-column: span 8; } #topsocial { -ms-grid-row:1; -ms-grid-column:9; -ms-grid-column-span:2; grid-column: span 2; } #mainnav>ul>li { font-size:1.4rem; } #logo img { height: 76px; height: 57px; } } @media (min-width: 750px) { /* #logo { grid-column: span 4; } #logo a strong { grid-column: 2 / span 3; }*/ } @media (min-width: 900px) { #masthead { height: 100px; } #logo { -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:4; grid-column: span 3 ; grid-column: span 4 ; display: flex;} #logo a { width: 100%; display:-ms-grid; display:grid; /*grid-template-columns: 1fr 1fr 1fr 1fr;*/ grid-gap:20px; } #logo a strong { grid-column: 2 / span 2; -ms-grid-row:1; -ms-grid-column:3; -ms-grid-column-span:3; grid-column: 3 / span 3; font-size: 1.8rem; } #logo a::before { content:""; display: block; height:1px; } #mainnav { -ms-grid-row:1; -ms-grid-column:5; -ms-grid-column-span:8; grid-column: span 8; position:relative;} #mainnav>ul { grid-column: span 6; grid-column: span 7; grid-column: span 8; } #topsocial { grid-column: span 2; } #mainnav>ul>li { font-size:1.4rem; } #logo img { height: 76px; } #logo, #mainnav { height: 60px; padding-bottom: 40px !important;} #mainnav>#topsocial { top:0.6rem; position:absolute; right: 0; top: 0; } } @media (min-width: 1200px) { #masthead { height: 120px; } #logo { -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:4; grid-column: span 4; grid-template-columns: 1fr 1fr 1fr 1fr; } #logo a { -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:4; grid-column: span 4; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; } #logo a strong { -ms-grid-row:1; -ms-grid-column:2; -ms-grid-column-span:3; grid-column: 2 / span 3; font-size: 2.2rem; } #mainnav { -ms-grid-row:1; -ms-grid-column:5; -ms-grid-column-span:8; grid-column: span 8; } #mainnav>ul { -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:6; grid-column: span 6; } #topsocial { -ms-grid-row:1; -ms-grid-column:7; -ms-grid-column-span:2; grid-column: span 2; } #mainnav>ul>li { font-size:1.4rem; } #logo img { height: 82px; } #logo, #mainnav { height: 60px; padding-bottom: 60px !important;} #mainnav>#topsocial { top:0.7rem; position:relative; } } @media (min-width: 1400px) { #mainnav>ul>li { font-size:1.6rem; } #logo img { height: 81px; } #mainnav>#topsocial { top:0.8rem; } } @media (min-width: 1800px) { } #mobilemenu { opacity: 0; pointer-events: none; position: fixed; top: 0; left: 0; background:#FFF; width: 100%; height: 100vh; z-index: 998; transform: translateX(100%); /*display: flex; flex-direction: column; */ overflow: auto; } body.pageloaded #mobilemenu {transition: all 0.3s ease; } #mobilemenu nav { overflow: hidden; width:100%; height: 100%; bottom: 0; left: 0; overflow: auto; padding: 0; } #mobilemenu nav>ul { } #mobilemenu>div { } #mobilemenu ul.social { text-align:center; border:10px solid transparent; } html.mobilemenu, body.mobilemenu { height: 100%; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; overflow: hidden } html.mobilemenu, body.mobilemenu { position: fixed; } body.mobilemenu #mobilemenu { opacity: 1; transform: translateX(0); } body.mobilemenu #mobilemenu * { pointer-events: auto !important } body.mobilemenu #masthead::before { opacity: 0;} body.mobilemenu #mainnav p, body.mobilemenu #mainnav p * { color: black !important; } body.visitoverlay #hamburger, body.mobilemenu #showvisit { opacity: 0; pointer-events: none; } p#hamburger {width:32px; height:36px; position: absolute; bottom:12px; right:20px; margin: 0; } p#hamburger i { color:white; width:32px; height:36px; display: block;} p#hamburger i::after { transition: all 0.2s ease; } p#hamburger span{ position: absolute; width:0; height:0; overflow: hidden; pointer-events: none; } p#hamburger i b, p#hamburger i::before, p#hamburger i::after { display: block; content:""; width: 100%; height: 0; border-top: 4px solid #de1834; position: absolute; transition: all 0.2s ease; } @media all and (max-width:599px) { body.home:not(.mobilemenu) #masthead p#hamburger i b, body.home:not(.mobilemenu) #masthead p#hamburger i::before, body.home:not(.mobilemenu) #masthead p#hamburger i::after {border-color: white; } body.home.scrolled:not(.mobilemenu) #masthead p#hamburger i b, body.home.scrolled:not(.mobilemenu) #masthead p#hamburger i::before, body.home.scrolled:not(.mobilemenu) #masthead p#hamburger i::after {border-color: #de1834; } } body.mobilemenu p#hamburger i { color:black;} body.mobilemenu p#hamburger i b, body.mobilemenu p#hamburger i::before, body.mobilemenu p#hamburger i::after { } p#hamburger i b { top: calc(50% - 1px); } p#hamburger i::before { top: calc(15% - 1px); } p#hamburger i:after { top: calc(85% - 1px); } body.mobilemenu p#hamburger i b { opacity:0; transform: scale(0.5,0.5);} body.mobilemenu p#hamburger i::before { top: calc(50% - 2px); transform: rotate(45deg);} body.mobilemenu p#hamburger i:after { top: calc(50% - 2px); transform: rotate(-45deg);} /*p#hamburger {width:36px; height:36px; line-height:1; position: absolute; bottom:12px; right:20px; margin: 0; border-radius: 100%; background-color: #830065; font-size: 10px; color:white; padding: 0; text-align: center; cursor: pointer;} p#hamburger b { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 32px; height: 32px; display: block; } p#hamburger span { opacity:1;transition: all 0.3s ease-in-out; line-height: 1 !important; display: block; width: 100%; height:auto; position: absolute; top: calc(50% - 1px); top: 50%; left: 50%; transform: translate(-50%,-50%); } body.mobilemenu p#hamburger span { opacity:0; } p#hamburger b::before, p#hamburger b::after { display: block; content:""; width: 66.66%; height: 0; border-top: 1px solid #FFF; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.3s ease-in-out; opacity: 0; pointer-events: none; } body.mobilemenu p#hamburger b::before { opacity: 1; transform:translate(-50%,-50%) rotate(45deg);} body.mobilemenu p#hamburger b::after { opacity: 1; transform:translate(-50%,-50%) rotate(-45deg);} body.mobilemenu p#hamburger a { color:black;}*/ /* body.mobilemenu #mainnav p#hamburger a::after { content:"\e909"; font-size: 3.8rem; transform: translate(-0.2em,-0.033em) rotate(225deg);} */ @media all and (max-width:899px) { p#hamburger { bottom:21px;} } @media all and (max-width:599px) { p#hamburger { bottom:12px;} } @media all and (min-width:900px) { #hamburger { display:none !important; } #mobilemenu { display:none !important; } } #mobilemenu nav>ul:not(.social) { border-top:79px solid transparent; } #mobilemenu nav ul li:first-child { border-top: 1px solid rgba(102,102,102,0.4) !important; } #mobilemenu nav ul li { border-bottom: 1px solid rgba(102,102,102,0.4) !important; font-weight:300; font-size: 1.6rem; /*text-transform:uppercase;*/ } #mobilemenu nav ul li a { /*text-align: center;*/ display: block; width: 100%; padding: 0.5em 0 0.5em; padding:1em; padding:1em 0 1em 0; color: black; } #mobilemenu nav ul li a:active { background: rgba(222,24,53,0.25); } #mobilemenu nav ul li a span{ text-align: left; display: inline-block; margin: 0; padding-right: 1em; } #mobilemenu nav ul li a{ display: grid; grid-template-columns: repeat(12,1fr); grid-column-gap:20px; border-left:20px solid transparent; border-right:20px solid transparent; } #mobilemenu nav ul li a span{ grid-column: 2 / span 6; } @media all and (max-width:1023px) { #mobilemenu nav>ul:not(.social) { border-top:99px solid transparent;} } @media all and (max-width:599px) { #mobilemenu nav>ul:not(.social) { border-top:79px solid transparent;} } /*@media (max-width: 749px) {*/ @media (max-width: 899px) { #mobilemenu nav ul li a{grid-template-columns: repeat(24,1fr); } #mobilemenu nav ul li a span{ grid-column: 4 / span 18; } } @media all and (max-width:599px) { #mobilemenu nav ul li a{grid-template-columns: repeat(12,1fr); } #mobilemenu nav ul li { font-size: 1.6rem; } #mobilemenu nav ul li a span{ grid-column: 3 / span 7; } } @media all and (max-width:399px) { #mobilemenu nav ul li { font-size: 1.6rem; } #mobilemenu nav ul li ul li{ font-size: 1.4rem; } /*#mobilemenu nav ul li a{grid-template-columns: repeat(9,1fr); }*/ #mobilemenu nav ul li a span{ grid-column: 4 / span 7; } } @media all and (max-width:339px) { } /* #mobilemenu nav ul li a span, #logo a strong { background: green; } */ #mobilemenu nav ul:not(.social) li { position: relative; } #mobilemenu nav ul:not(.social) li>b {display: block; cursor:pointer; position: absolute; top:0; right:2.6rem; height: 2.2em; height: 3.2em; width: 2.2rem; transition: all 0.2s ease; right:0; width:7.4rem; } #mobilemenu nav ul:not(.social) li>b::after {display: block; font-family:'icons'; content:'\e90a'; margin:0; font-weight: normal; position: relative; top:0.1em; font-size:1.6rem; line-height: 1.3; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 1; } #mobilemenu nav ul:not(.social) li.opensub { background: rgba(44,44,42,0.05); } #mobilemenu nav ul:not(.social) li.opensub>a { font-weight: 700;} #mobilemenu nav ul:not(.social) li.hassub li.opensub, #mobilemenu nav ul:not(.social) li.hassub li.hassub { background: none !important; } #mobilemenu nav ul:not(.social) li.hassub li:last-child { border-bottom:none !important;} /*#mobilemenu li.opensub>b { transform: rotate(225deg); }*/ #mobilemenu nav ul:not(.social) li.opensub>b::after { opacity: 0; } #mobilemenu nav ul:not(.social) li.opensub>b::before { display: block; content:""; position: absolute; width: 1.4rem; height: 0; left: 50%; transform: translate(-50%,-50%); top: 50%; border-top:1px solid rgba(0,0,0,1); border-bottom:1px solid rgba(0,0,0,0.5); }.women { } section.women>ul { display: grid; grid-gap:20px; } section.women>ul li { margin: 0; list-style: none !important; margin: 0 !important ; transition: all 0.4s ease-out; opacity: 0; } section.women>ul li.visible { opacity: 1;} section.women>ul li a { display: block; color: white; position: relative; } section.women>ul li a div { padding: 20px 30px 20px 20px; position: absolute; bottom: 0; left: 0; /*width: 50%; min-width: 20rem;*/ } section.women>ul li a div h3 { line-height: 1.4; font-weight: 300; width:11em; color: white; } section.women>ul li a div h3 strong { font-weight: 800; } section.women>ul li a div h3 span { white-space: nowrap;} section.women>ul li a div p:last-child { margin: 0; } section.women>ul li a img { display: block; width: calc(100% - 40px); height: auto; margin-left: 40px; } section.women>ul li a:hover p.cta span { color: black; background: white; } @media (max-width: 599px) { section.women>ul li a { display: block; } section.women>ul li a div h3, section.women>ul li a div p { font-size: 1.6rem; } section.women>ul li a div { bottom: 0; min-width: 50%; } section.women>ul li:nth-child(2n+2) div { right:0; left: auto; } section.women>ul li a img { width: calc(50% + 40px); margin: 0; } section.women>ul li a img { float:right; } section.women>ul li a::after { display: table; content:""; clear: both;} section.women>ul li:nth-child(2n+2) a img { float:left;} } @media (max-width:399px) { section.women>ul li a div h3, section.women>ul li a div p { font-size: 1.4rem; } } @media (min-width: 600px) { section.women>ul { display: -ms-grid; } section.women>ul {-ms-grid-columns: 1fr 1fr ; grid-template-columns: 1fr 1fr ; } section.women>ul li a div h3 { font-size: 1.6rem; } section.women>ul li a div p { font-size: 1.4rem; } } @media (min-width: 900px) { } @media (min-width: 1200px) { section.women>ul { -ms-grid-columns:1fr 1fr 1fr 1fr; grid-template-columns:1fr 1fr 1fr 1fr; } } @media (min-width: 1500px) { section.women>ul li a div h3 { font-size: 1.8rem; } section.women>ul li a div p { font-size: 1.6rem; } } @media (min-width: 1800px) { } @media screen and (-ms-high-contrast: none){ section.women>ul li { margin:20px 0 !important; } } @media screen and (min-width: 600px) and (-ms-high-contrast: none){ section.women>ul li { margin:20px !important; } section.women>ul li:nth-child(1) { -ms-grid-column: 1; -ms-grid-row: 1; } section.women>ul li:nth-child(2) { -ms-grid-column: 2; -ms-grid-row: 1; } section.women>ul li:nth-child(3) { -ms-grid-column: 1; -ms-grid-row: 2; } section.women>ul li:nth-child(4) { -ms-grid-column: 2; -ms-grid-row: 2; } section.women>ul li:nth-child(5) { -ms-grid-column: 1; -ms-grid-row: 3; } section.women>ul li:nth-child(6) { -ms-grid-column: 2; -ms-grid-row: 3; } section.women>ul li:nth-child(7) { -ms-grid-column: 1; -ms-grid-row: 4; } section.women>ul li:nth-child(8) { -ms-grid-column: 2; -ms-grid-row: 4; } } @media screen and (min-width: 1200px) and (-ms-high-contrast: none){ section.women>ul li { } section.women>ul li:nth-child(1) { -ms-grid-column: 1; -ms-grid-row: 1; } section.women>ul li:nth-child(2) { -ms-grid-column: 2; -ms-grid-row: 1; } section.women>ul li:nth-child(3) { -ms-grid-column: 3; -ms-grid-row: 1; } section.women>ul li:nth-child(4) { -ms-grid-column: 4; -ms-grid-row: 1; } section.women>ul li:nth-child(5) { -ms-grid-column: 1; -ms-grid-row: 2; } section.women>ul li:nth-child(6) { -ms-grid-column: 2; -ms-grid-row: 2; } section.women>ul li:nth-child(7) { -ms-grid-column: 3; -ms-grid-row: 2; } section.women>ul li:nth-child(8) { -ms-grid-column: 4; -ms-grid-row: 2; } } section.artists { border-top:30px solid transparent !important; } section.artists>ul { display: grid; grid-gap:20px; } section.artists>ul li { margin: 0 0 2rem;} section.artists>ul li a { display: block; color: white; position: relative; } section.artists>ul li a div { width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden; margin-bottom: 1rem;} section.artists>ul li a div img{ width: 100%; height:100%; object-fit: cover; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); } section.artists>ul li a h3 { line-height: 1.4; font-weight: 800; color: black; margin: 0;} section.artists>ul li a p { margin: 0; color:#de1834; font-size: 1.6rem; padding: 0 !important; display: inline-block; border-bottom: 1px solid white; } section.artists>ul li a:hover p { border-bottom: 1px solid black; color:black; } @media (max-width: 599px) { section.artists>ul li a h3 { font-size: 1.8rem; } section.artists>ul li a p { font-size: 1.6rem; } section.artists>ul {grid-template-columns: 1fr 1fr ; } } @media (max-width:499px) { section.artists>ul li { margin: 0 0 1rem;} section.artists>ul li a h3{ font-size: 1.6rem; } section.artists>ul li a p { font-size: 1.4rem; } } @media (max-width:399px) { section.artists>ul li a h3 { font-size: 1.4rem; } section.artists>ul li a p { font-size: 1.4rem; } } @media (min-width: 600px) { section.artists>ul { display: -ms-grid; } section.artists>ul { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr ; } } @media (min-width: 900px) { section.artists>ul { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns:1fr 1fr 1fr; } } @media (min-width: 1200px) { section.artists>ul { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns:1fr 1fr 1fr; } body.home section.artists>ul { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; } } @media (min-width: 1800px) { } @media screen and (-ms-high-contrast: none){ section.artists>ul li { margin:20px 0 !important; } } @media screen and (min-width: 900px) and (-ms-high-contrast: none){ section.artists>ul li { margin:20px !important; } section.artists>ul li:nth-child(1) { -ms-grid-column: 1; -ms-grid-row: 1; } section.artists>ul li:nth-child(2) { -ms-grid-column: 2; -ms-grid-row: 1; } section.artists>ul li:nth-child(3) { -ms-grid-column: 1; -ms-grid-row: 2; } section.artists>ul li:nth-child(4) { -ms-grid-column: 2; -ms-grid-row: 2; } section.artists>ul li:nth-child(5) { -ms-grid-column: 1; -ms-grid-row: 3; } section.artists>ul li:nth-child(6) { -ms-grid-column: 2; -ms-grid-row: 3; } } @media screen and (min-width: 1200px) and (-ms-high-contrast: none){ section.artists>ul li { } section.artists>ul li:nth-child(1) { -ms-grid-column: 1; -ms-grid-row: 1; } section.artists>ul li:nth-child(2) { -ms-grid-column: 2; -ms-grid-row: 1; } section.artists>ul li:nth-child(3) { -ms-grid-column: 3; -ms-grid-row: 1; } section.artists>ul li:nth-child(4) { -ms-grid-column: 1; -ms-grid-row: 2; } section.artists>ul li:nth-child(5) { -ms-grid-column: 2; -ms-grid-row: 2; } section.artists>ul li:nth-child(6) { -ms-grid-column: 3; -ms-grid-row: 2; } body.home section.artists>ul li:nth-child(1) { -ms-grid-column: 1; -ms-grid-row: 1; } body.home section.artists>ul li:nth-child(2) { -ms-grid-column: 2; -ms-grid-row: 1; } body.home section.artists>ul li:nth-child(3) { -ms-grid-column: 3; -ms-grid-row: 1; } body.home section.artists>ul li:nth-child(4) { -ms-grid-column: 4; -ms-grid-row: 1; } body.home section.artists>ul li:nth-child(5) { -ms-grid-column: 5; -ms-grid-row: 1; } body.home section.artists>ul li:nth-child(6) { -ms-grid-column: 6; -ms-grid-row: 1; } } #home_content { max-width: 1680px; max-width: 1600px; margin: 0 auto; } #home_content p:last-child { margin: 0; } #homewelcome { } #homeslides { transition: all 0.2s ease-in-out; } /*#homeslides { display: none; }*/ /*#homeslides { display: none; } #homeslides.slick-initialized { display: block; }*/ #homeslides div:not(:first-child) { display: none; } #homeslides.slick-initialized div{ display: block; } #captionslider { display: none; width: 100%; } #captionslider p:first-child, #captionslider p { font-size: 1.6rem; color: #6091AD; font-weight: 300; } #captionslider p strong { color: black; font-weight: 700 } #captionslider p em { display: block; color: black; font-style:normal !important; font-weight: 300 } #homeslides { position: relative; width: 100%; } #homeslides .slick-slide { position: relative; } #homeslides p { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.66); padding: 20px; color: white; font-size: 1.6rem; pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } #homeslides p span { position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); display: block; text-align: center; z-index: 20; } #homeslides p.showcap { opacity: 1; color: white !important; } #homeslides p.showcap em{ display: block; font-style:normal !important; font-weight: 300; } #homeslides b { display: block; width: 30px; height: 30px; position: absolute; bottom:10px; right: 20px; text-align: right;z-index: 99; } #homeslides b::after { display:inline-block; font-family: 'icons'; content:'\e90b'; margin:0; font-weight: normal; font-size: 2.6rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: white; } a.zoomer { display: block; width: 30px; height: 30px; position: absolute; bottom:10px; left: 20px; text-align: left; z-index: 99; } a.zoomer::after { display:inline-block; font-family: 'icons'; content:'\e909'; margin:0; font-weight: normal; font-size:4.6rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: white; pointer-events: none;} @media (max-width: 599px) { #home_content { } #homeslides { width:100%; height: auto; } #homeslides, #homeslides .slick-slide { min-height: 120vw; } #homewelcome { background:#020202; color: white; margin: -100px 20px 30px; position: relative; padding: 20px;} } @media (min-width: 600px) { #home_content { border-top:100px solid transparent; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: repeat(12,1fr); grid-gap:20px; border-left:20px solid transparent; border-right:20px solid transparent; } #homeslides { border-bottom:30px solid transparent; } #captionslider, #homewelcome { border-top:30px solid transparent; border-bottom:30px solid transparent; } #homeslides { grid-column: 3 / span 8; } #homewelcome { grid-column: 4 / span 6; } } @media (min-width: 600px) { #homeslides { -ms-grid-row:1; -ms-grid-column:7; -ms-grid-column-span:6; grid-column: 7 / span 6; } #homewelcome { -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:5; grid-column: 1 / span 5; grid-row: 1 / span 1; } } @media screen and (min-width: 600px) and (-ms-high-contrast: none){ #homeslides,#homewelcome, #captionslider { margin-right: 20px; margin-bottom: 20px; } #captionslider { margin-left: 20px; } } @media (min-width: 900px) { #home_content { border-top:120px solid transparent; border-left:30px solid transparent; border-right:30px solid transparent; } #homeslides { -ms-grid-row:1; -ms-grid-column:7; -ms-grid-column-span:6; grid-column: 7 / span 5; } #homewelcome { -ms-grid-row:1; -ms-grid-column:7; -ms-grid-column-span:6; grid-column: 1 / span 5; } #homeslides { -ms-grid-row:1; -ms-grid-column:5; -ms-grid-column-span:5; grid-column: 5 / span 5; } #homewelcome { -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:4; grid-column: 1 / span 4; } #homeslides b, #homeslides p { display: none; } #captionslider { display: block; -ms-grid-row:1; -ms-grid-column:10; -ms-grid-column-span:3; grid-column: 10 / span 3; } } @media (min-width: 1200px) { #home_content { border-top:140px solid transparent; border-left:40px solid transparent; border-right:40px solid transparent; } #homeslides { -ms-grid-row:1; -ms-grid-column:5; -ms-grid-column-span:5; grid-column: 5 / span 5; position: relative;} #homewelcome { -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:4; grid-column: 1 / span 4; } #captionslider { -ms-grid-row:1; -ms-grid-column:10; -ms-grid-column-span:2; grid-column: 10 / span 2; } #captionslider p:first-child, #captionslider p { font-size: 1.8rem; } } @media (min-width: 1400px) { #homewelcome { -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:3; grid-column: 1 / span 3; } } @media (min-width: 1800px) { } #homeslides .slick-slide { } #homeslides img { display: block; width: 100%; height: auto; } #homeslides .slick-dots { display:flex; position: absolute; bottom:20px; width: 100%; justify-content: center; width:calc(100% - 120px); left: 50%; transform: translateX(-50%); } #homeslides .slick-dots li { width:12px; height:12px; position:relative;margin:0 5px !important;} #homeslides .slick-dots li button { overflow:hidden; text-indent:-1000px; width:12px; height:12px; display:inline-block; color:rgba(255,255,255,0); border-radius: 100%; background:none; border:2px solid white; cursor: pointer; } #homeslides .slick-dots li.slick-active button{ background:#FFF; } #homeslides .slick-arrow { display:block; position:absolute; top:0; top:50%; transform: translateY(-50%); height:100%; height:60px; width:40px; pointer-events:auto; cursor:pointer; transition:all 0.2s ease; background:none; z-index:20; overflow:hidden; text-indent:-200px; color:rgba(255,255,255,0); z-index: 50; } #homeslides .slick-arrow:hover {opacity:1; } #homeslides .slick-next::after { content:""; display:block; top:50%; width:14px; height:14px; position:absolute; transform: translateY(-50%) rotate(45deg); border:2px solid white; transition:all 0.2s ease; z-index: 51; } #homeslides .slick-arrow.slick-next { right:-20px; } #homeslides .slick-arrow.slick-prev { left:-20px; } #homeslides .slick-arrow.slick-prev::after { left:15px; border-top:none; border-right:none; } #homeslides .slick-arrow.slick-next::after { right:15px;border-bottom:none; border-left:none; } #homeslides .slick-arrow.slick-next::before { content:""; display:block; height:40px; top:50%; width:40px; position:absolute; transform: translateY(-50%); border-radius: 100%; background: #6893AE; z-index: 51; transition: all 0.2s ease; } #homeslides .slick-arrow.slick-next:hover::before { background: #de1834 !important; } @media all and (max-width:899px) { #homeslides .slick-dots li { width:10px; height:10px; margin:0 3px !important;} #homeslides .slick-dots li button { width:10px; height:10px; border:1px solid white; } } @media all and (max-width:599px) { #homeslides { width: 100vw; overflow: hidden; } #homeslides .slick-arrow::after { border:1px solid white; } #homeslides .slick-arrow.slick-next::after,#homeslides .slick-arrow.slick-next::before{ display: none !important;} #homeslides .slick-arrow { display: none;} #homeslides .slick-dots {bottom:115px;} #homeslides b {bottom:105px;} #homeslides a.zoomer {bottom:105px;} #homeslides .slick-dots li { width:10px; height:10px; margin:0 3px !important;} #homeslides .slick-dots li button { width:10px; height:10px; border:1px solid white; } } i#closecap{ display:none; z-index:999; position:absolute; top:50%; left:50%; height:80px; width:calc(100% - 80px); transform:translate(-50%,-50%); pointer-events:none; } i#closecap.live{display:block; pointer-events:auto; cursor:pointer; }article.news { margin: 10px 0 20px;} article.news a figure { width: 100%; height: auto; padding-bottom: 100%; position: relative;} article.news a figure img { width: 100%; height: 100%; display: block; position: absolute; object-fit: cover; } article.news a>figure { } article.news a>div { -ms-grid-row:1; -ms-grid-column:1; grid-column-start: 1; grid-row-start: 1;} article.news a h2, article.news a h3 { margin: 0 0 0.5em; font-size: 2.4rem; font-size: 2rem; } article.news a div p { font-size: 1.4rem; color: black;} article.news_top { } article.news_top { max-width: 1600px; margin: 0 auto !important; background: none !important; border-top:none !important; border-bottom:none !important; box-shadow:none; background: #f0f; } article.news p.cta { margin-top: 1em;} article.news p.cta span { background: #de1834; color: white; font-weight: 700; padding: 1em 2em 1em 1em; transition: all 0.2s ease; } article.news a:hover p.cta span { background: #000; } article.news a div p:first-child { font-weight: 700; margin-bottom: 0.5em; } article.news p.date { padding: 0.5em 1em 0 0; margin-bottom: 0.25em; position:relative; top: -0.5em; } article.news p.date::after { width: 4em; margin: 0.5em 0 0.5em; } #refine { font-size: 1.4rem; max-width: 1600px; margin: 0 auto; } #refine strong, #refine a { display: inline-block; line-height: 1; margin:1em 10px 1em 0; font-weight: 300; padding: 0.5em 0.75em 0.5em; } #refine strong { padding-left: 0; padding-right: 0;} #refine a {border: 1px solid rgba(112,112,112,0.2); color: rgba(128,130,133,1); transition: all 0.2s ease; } #refine a.currentcat, #refine a:hover, #refine a:active { background: #de1834; color: white; } h1#cat_title {position: fixed; top:-200px;} @media (max-width: 399px) { article.news a h2, article.news a h3 { font-size: 1.8rem; } } @media (max-width: 599px) { article.news a h2, article.news a h3 { font-size: 1.8rem; } } @media (max-width: 899px) { article.news a figure { padding-bottom: 50% !important; margin-bottom: 10px;} article.news { margin-bottom: 40px !important; } /*#refine strong, #refine a { margin-bottom: 0 !important; }*/ } @media (min-width: 600px) { } @media (min-width: 900px) { div.nib { display:-ms-grid; -ms-grid-columns: 1fr 1fr; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; } article.news a { } article.news a {display:-ms-grid; -ms-grid-columns: 1fr 1fr; display: grid; grid-template-columns: 1fr 1fr;grid-gap: 20px;} article.news { border: 1px solid rgba(112,112,112,0.2); padding: 20px; background: white; box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.25); } article.news_top { box-shadow:none; padding: 0; } article.news_top { padding: 30px 0 !important; margin: 0; } div.topnews { background: rgba(128,130,133,0.05); border-top: 1px solid rgba(112,112,112,0.1); border-bottom: 1px solid rgba(112,112,112,0.1); /*border-right:none; border-left:none*/; margin-bottom: 20px; } article.news_top a {-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } article.news_top a>div { -ms-grid-row:1; -ms-grid-column:2; -ms-grid-column-span:3; grid-column:2 / span 3; } article.news_top a>figure { -ms-grid-row:1; -ms-grid-column:5; -ms-grid-column-span:7; grid-column:5 / span 7; max-height: 500px; padding: 0; height: auto; overflow:hidden;} article.news_top a>figure img { width: 100%; height: auto; object-fit: cover; position: relative;} article.news_top a h2, article.news a h3 { font-size: 2.4rem; } article.news_top a div p { font-size: 1.6rem; } #refine {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px; } #refine span{ grid-column: 5 / span 8; } } @media (min-width: 1200px) { article.news a { } article.news_top { padding:40px 0; } article.news_top a figure { height: auto; padding: 0;} } @media (min-width: 1500px) { article.news a h2, article.news a h3 { margin: 0 0 0.5em; font-size: 2.4rem; font-size: 2rem; } article.news_top a h2, article.news_top a h3 { margin: 0 0 0.5em; font-size: 3rem; } div.nib { grid-template-columns: 1fr 1fr 1fr; } } /*.pswp__button--close { display: block; width: 30px; height: 30px; position: absolute; bottom:10px; left: 20px; text-align: left; z-index: 99; pointer-events: auto; }*/ .pswp__button--close::after { display:inline-block; font-family: 'icons'; content:'\e907'; margin:0; font-weight: normal; font-size:4.6rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: white; } .pswp__button--arrow--right::after, .pswp__button--arrow--left::after{ content:""; display: inline-block; position: absolute; top: 50%; left:50%; transform:translate(-50%,-50%) rotate(45deg) ; width: 30px; height: 30px; border: 2px solid white; } .pswp__button--arrow--right::before, .pswp__button--arrow--left::before{ background: none; } .pswp__button--arrow--left::after{border-right: none; border-top: none; } .pswp__button--arrow--right::after{border-left: none; border-bottom: none; } @media (max-width: 599px) { .pswp__button--arrow--right::after, .pswp__button--arrow--left::after{ width: 20px; height: 20px; } }.pod {border-top: 30px solid transparent; } .podcastcontainer { width: 100%; background:#070606; color:white; padding: 20px; } .mejs__offscreen{ border:0; clip:rect(1px,1px,1px,1px); -webkit-clip-path:inset(50%); clip-path:inset(50%); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; word-wrap:normal } .mejs__container{ position:relative; text-align:left; text-indent:0; vertical-align:top } .mejs__container,.mejs__container *{ box-sizing:border-box } .mejs__container video::-webkit-media-controls,.mejs__container video::-webkit-media-controls-panel,.mejs__container video::-webkit-media-controls-panel-container,.mejs__container video::-webkit-media-controls-start-playback-button{ -webkit-appearance:none; display:none!important } .mejs__fill-container,.mejs__fill-container .mejs__container{ height:100%; width:100% } .mejs__fill-container{ background:transparent; margin:0 auto; overflow:hidden; position:relative } .mejs__container:focus{ outline:none } .mejs__iframe-overlay{ height:100%; position:absolute; width:100% } .mejs__embed,.mejs__embed body{ background:#000; height:100%; margin:0; overflow:hidden; padding:0; width:100% } .mejs__fullscreen{ overflow:hidden!important } .mejs__container-fullscreen{ bottom:0; left:0; overflow:hidden; position:fixed; right:0; top:0; z-index:1000 } .mejs__container-fullscreen .mejs__mediaelement,.mejs__container-fullscreen video{ height:100%!important; width:100%!important } .mejs__background,.mejs__mediaelement{ left:0; position:absolute; top:0 } .mejs__mediaelement{ height:100%; width:100%; z-index:0 } .mejs__poster{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; left:0; position:absolute; top:0; z-index:1 } :root .mejs__poster-img{ display:none } .mejs__poster-img{ border:0; padding:0 } .mejs__overlay{ -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; left:0; position:absolute; top:0 } .mejs__layer{ z-index:1 } .mejs__overlay-play{ cursor:pointer } .mejs__overlay-button{ background:url("images/mejs-controls.svg") no-repeat; background-position:0 -39px; height:80px; width:80px } .mejs__overlay:hover>.mejs__overlay-button{ background-position:-80px -39px } .mejs__overlay-loading{ height:80px; width:80px } .mejs__overlay-loading-bg-img{ -webkit-animation:a 1s linear infinite; animation:a 1s linear infinite; background:transparent url(images/mejs-controls.svg) -160px -40px no-repeat; display:block; height:80px; width:80px; z-index:1 } @-webkit-keyframes a{ to{ -webkit-transform:rotate(1turn); transform:rotate(1turn) } } @keyframes a{ to{ -webkit-transform:rotate(1turn); transform:rotate(1turn) } } .mejs__controls{ bottom:0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; height:40px; left:0; list-style-type:none; margin:0; padding:0 ; position:absolute; width:100%; z-index:3 } .mejs__controls:not([style*="display: none"]){ /*background:rgba(255,0,0,.7); background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35)); background:linear-gradient(transparent,rgba(0,0,0,.35))*/ } .mejs__button,.mejs__time,.mejs__time-rail{ font-size:10px; height:40px; line-height:10px; margin:0; width:32px; width:28px } .mejs__button>button{ background:transparent url(images/mejs-controls.svg); border:0; cursor:pointer; display:block; font-size:0; height:20px; line-height:0; margin:10px 6px; margin:10px 0 10px 0; overflow:hidden; padding:0; position:absolute; text-decoration:none; width:20px } .mejs__button>button:focus{ outline:1px dotted #999 } .mejs__container-keyboard-inactive [role=slider],.mejs__container-keyboard-inactive [role=slider]:focus,.mejs__container-keyboard-inactive a,.mejs__container-keyboard-inactive a:focus,.mejs__container-keyboard-inactive button,.mejs__container-keyboard-inactive button:focus{ outline:0 } .mejs__time{ box-sizing:content-box; color:#fff; font-size:11px; font-weight:800; height:24px; overflow:hidden; padding:16px 6px 0; text-align:center; width:auto; display: none; } .mejs__play>button{ background-position:0 0 } .mejs__pause>button{ background-position:-20px 0 } .mejs__replay>button{ background-position:-160px 0 } .mejs__time-rail{ direction:ltr; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; height:40px; margin:0 10px; padding-top:10px; position:relative } .mejs__time-buffering,.mejs__time-current,.mejs__time-float,.mejs__time-float-corner,.mejs__time-float-current,.mejs__time-hovered,.mejs__time-loaded,.mejs__time-marker,.mejs__time-total{ border-radius:2px; cursor:pointer; display:block; height:10px; position:absolute } .mejs__time-total{ background:hsla(0,0%,100%,.3); margin:5px 0 0; width:100% } .mejs__time-buffering{ -webkit-animation:b 2s linear infinite; animation:b 2s linear infinite; background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent); background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent); background-size:15px 15px; width:100% } @-webkit-keyframes b{ 0%{ background-position:0 0 } to{ background-position:30px 0 } } @keyframes b{ 0%{ background-position:0 0 } to{ background-position:30px 0 } } .mejs__time-loaded{ background:hsla(0,0%,100%,.3) } .mejs__time-current,.mejs__time-handle-content{ background:hsla(0,0%,100%,.9) } .mejs__time-hovered{ background:hsla(0,0%,100%,.5); z-index:10 } .mejs__time-hovered.negative{ background:rgba(0,0,0,.2) } .mejs__time-buffering,.mejs__time-current,.mejs__time-hovered,.mejs__time-loaded{ left:0; -webkit-transform:scaleX(0); -ms-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; -webkit-transition:all .15s ease-in; transition:all .15s ease-in; width:100% } .mejs__time-buffering{ -webkit-transform:scaleX(1); -ms-transform:scaleX(1); transform:scaleX(1) } .mejs__time-hovered{ -webkit-transition:height .1s cubic-bezier(.44,0,1,1); transition:height .1s cubic-bezier(.44,0,1,1) } .mejs__time-hovered.no-hover{ -webkit-transform:scaleX(0)!important; -ms-transform:scaleX(0)!important; transform:scaleX(0)!important } .mejs__time-handle,.mejs__time-handle-content{ border:4px solid transparent; cursor:pointer; left:0; position:absolute; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); z-index:11 } .mejs__time-handle-content{ border:4px solid hsla(0,0%,100%,.9); border-radius:50%; height:10px; left:-7px; top:-4px; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); width:10px } .mejs__time-rail .mejs__time-handle-content:active,.mejs__time-rail .mejs__time-handle-content:focus,.mejs__time-rail:hover .mejs__time-handle-content{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) } .mejs__time-float{ background:#eee; border:1px solid #333; bottom:100%; color:#111; display:none; height:17px; margin-bottom:9px; position:absolute; text-align:center; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:36px } .mejs__time-float-current{ display:block; left:0; margin:2px; text-align:center; width:30px } .mejs__time-float-corner{ border:5px solid #eee; border-color:#eee transparent transparent; border-radius:0; display:block; height:0; left:50%; line-height:0; position:absolute; top:100%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:0 } .mejs__long-video .mejs__time-float{ margin-left:-23px; width:64px } .mejs__long-video .mejs__time-float-current{ width:60px } .mejs__broadcast{ color:#fff; height:10px; position:absolute; top:15px; width:100% } .mejs__fullscreen-button>button{ background-position:-80px 0 } .mejs__unfullscreen>button{ background-position:-100px 0 } .mejs__mute>button{ background-position:-60px 0 } .mejs__unmute>button{ background-position:-40px 0 } .mejs__volume-button{ position:relative } .mejs__volume-button>.mejs__volume-slider{ -webkit-backface-visibility:hidden; background:rgba(50,50,50,.7); border-radius:0; bottom:100%; display:none; height:115px; left:50%; margin:0; position:absolute; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:25px; z-index:1 } .mejs__volume-button:hover{ border-radius:0 0 4px 4px } .mejs__volume-total{ background:hsla(0,0%,100%,.5); height:100px; left:50%; margin:0; position:absolute; top:8px; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:2px } .mejs__volume-current{ left:0; margin:0; width:100% } .mejs__volume-current,.mejs__volume-handle{ background:hsla(0,0%,100%,.9); position:absolute } .mejs__volume-handle{ border-radius:1px; cursor:ns-resize; height:6px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:16px } .mejs__horizontal-volume-slider{ display:block; height:36px; position:relative; vertical-align:middle; width:56px } .mejs__horizontal-volume-total{ background:rgba(50,50,50,.8); height:8px; top:16px; width:50px } .mejs__horizontal-volume-current,.mejs__horizontal-volume-total{ border-radius:2px; font-size:1px; left:0; margin:0; padding:0; position:absolute } .mejs__horizontal-volume-current{ background:hsla(0,0%,100%,.8); height:100%; top:0; width:100% } .mejs__horizontal-volume-handle{ display:none } .mejs__captions-button,.mejs__chapters-button{ position:relative } .mejs__captions-button>button{ background-position:-140px 0 } .mejs__chapters-button>button{ background-position:-180px 0 } .mejs__captions-button>.mejs__captions-selector,.mejs__chapters-button>.mejs__chapters-selector{ background:rgba(50,50,50,.7); border:1px solid transparent; border-radius:0; bottom:100%; margin-right:-43px; overflow:hidden; padding:0; position:absolute; right:50%; visibility:visible; width:86px } .mejs__chapters-button>.mejs__chapters-selector{ margin-right:-55px; width:110px } .mejs__captions-selector-list,.mejs__chapters-selector-list{ list-style-type:none!important; margin:0; overflow:hidden; padding:0 } .mejs__captions-selector-list-item,.mejs__chapters-selector-list-item{ color:#fff; cursor:pointer; display:block; list-style-type:none!important; margin:0 0 6px; overflow:hidden; padding:0 } .mejs__captions-selector-list-item:hover,.mejs__chapters-selector-list-item:hover{ background-color:#c8c8c8!important; background-color:hsla(0,0%,100%,.4)!important } .mejs__captions-selector-input,.mejs__chapters-selector-input{ clear:both; float:left; left:-1000px; margin:3px 3px 0 5px; position:absolute } .mejs__captions-selector-label,.mejs__chapters-selector-label{ cursor:pointer; float:left; font-size:10px; line-height:15px; padding:4px 10px 0; width:100% } .mejs__captions-selected,.mejs__chapters-selected{ color:#21f8f8 } .mejs__captions-translations{ font-size:10px; margin:0 0 5px } .mejs__captions-layer{ bottom:0; color:#fff; font-size:16px; left:0; line-height:20px; position:absolute; text-align:center } .mejs__captions-layer a{ color:#fff; text-decoration:underline } .mejs__captions-layer[lang=ar]{ font-size:20px; font-weight:300 } .mejs__captions-position{ bottom:15px; left:0; position:absolute; width:100% } .mejs__captions-position-hover{ bottom:35px } .mejs__captions-text,.mejs__captions-text *{ background:hsla(0,0%,8%,.5); box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5); padding:0; white-space:pre-wrap } .mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{ display:none } .mejs__overlay-error{ position:relative } .mejs__overlay-error>img{ left:0; max-width:100%; position:absolute; top:0; z-index:-1 } .mejs__cannotplay,.mejs__cannotplay a{ color:#fff; font-size:.8em } .mejs__cannotplay{ position:relative } .mejs__cannotplay a,.mejs__cannotplay p{ display:inline-block; padding:0 15px; width:100% }.podcastbar { background:#070606; color:white; margin: 4rem 0 3rem; padding: 10px 0; } .podcastbar .container { } #restofpage .podcastlist { grid-column: 1/-1; margin-top: 40px; } .audio, .podcastlist>div { background:#070606; color:white; } .audio, .podcastlist>div>div.text { padding: 20px; } .audio .text p { margin: 0; } .audio .mejs__controls { width:calc(100% - 40px); } .podcastlist>div h2, .podcastlist>div h3 { color: white; font-weight: 700; font-size: 1.8rem; margin-bottom: 0.5em; } .podcastbar .podcastlist>div>div.text{ padding: 20px 0; } .podcastlist::after { content:""; display: block; } .podcastlist>div>div.mejs__container { position: relative; top: -15px;} .mejs__container+div.text { padding-top: 5px !important; } body.post-type-archive-podcasts .podcastlist audio, body.post-type-archive-podcasts .podcastlist .mejs__container { border-left: 20px solid transparent; border-right: 20px solid transparent; } .podcastlist p { font-size: 1.6rem; margin-bottom: 1em } .podcastlist p.cta { margin: 0; } @media (max-width: 599px) { .podcastlist>div { margin-bottom: 20px; } .podcastlist p { font-size: 1.6rem; } .podcastlist>div h2, .podcastlist>div h3 { font-size: 1.8rem; } } @media (min-width: 600px) { .podcastlist { display: grid; grid-gap: 20px; grid-template-columns: repeat(2,1fr); } .podcastlist p { font-size: 1.4rem; } .podcastlist>div h2, .podcastlist>div h3 { font-size: 1.6rem; } } @media (min-width: 1200px) { .podcastlist { grid-template-columns: repeat(4,1fr); } .podcastlist p { font-size: 1.6rem; } }@supports not (display: grid) { /* #logo img { display: inline-block; float: left; border: 1px dashed red; position: relative;} #logo strong { display: inline-block; float: left; top: 50% !important; transform: none !important; border-left: 1em solid red; } #logo::after{ display: table; clear: both; content:""; } */ #logo strong { border-left: 3.6em solid transparent; } .podcastlist .podcast, section.artists ul li, section.women ul li {margin-bottom: 20px !important;} .rowoflogos>div { float:left; width: 50%;margin-bottom: 20px !important;} .rowoflogos>div:nth-child(2n+3){clear: left;} .rowoflogos::after{ display: table; clear: both; content:""; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .image { width: 100%; max-width: 900px; } .fullwidth { width: 100%; max-width: 1600px; } .fullwidth figure { width: 100% !important; } }