/* ------------------------------------------- Name: Diver Festival Date: 2024/08/01 --------------------------------------------- */ *, *:before, *:after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--black); transform-origin: center center; } html { overflow-x: hidden; overflow-y: scroll; min-height: 100%; margin: 0; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; scroll-behavior: smooth; } body { width: 100%; min-height: 100%; background: var(--white); font-size: 1.389vw; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } /*! Variables --------- */ :root { --white: #FFFFF3; --grey: #cdcdcd; --black: #000000; --blue: #144bb9; --brown: #a44100; --green: #DCFF50; --c: 0.069vw; --rpn: calc(var(--c) * -25); --rpp: calc(var(--c) * 25); --fz_lead: calc(var(--c) * 40); --fz_header: calc(var(--c) * 60); --fz_xl: calc(var(--c) * 84); --fz_xxl: calc(var(--c) * 100); --fw_bold: 700; --margin-content: calc(var(--c) * 150); --ff: 'AlfaBravo', Arial, Helvetica, sans-serif; --s12: 0.75em; --fw: 400; --lh: 1.25; } /*! Defaults --------- */ body, textarea, input, select, option, button { color: var(--black); font-family: var(--ff); font-weight: var(--fw); line-height: var(--lh); } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend, summary, .list-aside.a li { margin-bottom: 2.0833333333vw; } h1, h2, h3, h4, h5, h6, legend { margin-top: 4.8611111111vw; font-size: 1.5em; font-weight: var(--fw); line-height: var(--lh); margin-bottom: 0.25em; } a { background: none; color: inherit; text-decoration: none; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } [data-whatintent="mouse"] a:hover, a[href*="tel"] { border-width: 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, legend a { border-width: 0; color: inherit; } [data-whatintent="mouse"] a:hover { border-bottom-color: rgba(0,0,0,0); } ul, ol, dd, blockquote { padding-left: 40px; } /*! Mixins --------- */ /* cl:b */ .owl-carousel .owl-stage:after, .owl-carousel .owl-stage-outer:after, .list-aside:after, form p:after { content: ""; display: block; overflow: hidden; clear: both; } /* fill */ .list-gallery a:before, .module-hero:before, .list-aside.archive > li > a:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; direction: ltr; } /* wide */ #top:before, #footer:before, .module-text:before, .module-event:before, .module-events:before, .module-program:before, .about-container:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 100vw; margin: 0 0 0 -50vw; } /* icon */ .owl-nav button:before, .popup-a .box-inset > .close:before, .form-newsletter button:before, #footer button:before { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } /* z:9 */ .list-gallery a:before { z-index: 8; } /* tr:n */ .popup-a.shown .box-inset { -webkit-transform: none; transform: none; } /* show */ .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close, .popup-shown #root:after { visibility: visible; opacity: 1; } /* hide */ .owl-carousel.owl-loading, .owl-carousel.owl-hidden, .owl-carousel.owl-refresh .owl-item, .owl-carousel .owl-item .owl-lazy { visibility: hidden; opacity: 0; } /* i:wi */ .list-gallery img { display: block; position: relative; z-index: 1; width: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; aspect-ratio: 1.45 / 1; } /* td:u */ [data-whatintent="mouse"] a:hover, a { text-decoration: underline; } /* td:n */ [data-whatintent="mouse"] .list-gallery a:hover, #nav > ul > li > a, #nav > ul > li > a:hover, .list-aside.archive > li > a:hover, .list-aside.archive > li > a, .list-program li h2 a:hover { text-decoration: none;} .list-gallery li:hover, #footer a:hover, #nav > ul > li > a:hover { color: var(--white); } .list-aside.archive > li:hover, .list-program li h2 a:hover { color: var(--brown);} #nav > ul > li > a:hover i:before { background-image: url('/wp-content/themes/diver-festival/styles/icons/icon-snake-white.svg'); } /*! Layout --------- */ #root { position: relative; width: 100%; min-height: 100vh; padding: calc(var(--c) * 86) var(--rpp) 0; } #top { position: fixed; top: 0; left: 0; right: 0; z-index: 9; margin-left: 0; padding: 0; } #top > .menu { display: block; background-image: url('/wp-content/themes/diver-festival/styles/icons/menu-open-new.svg'); background-size: 100%; background-position: center; background-repeat: no-repeat; height: calc(var(--c) * 65) ; width: calc(var(--c) * 65) ; border: none; position: absolute; left: calc(var(--c) * 25) ; z-index: 6; top: calc(var(--c) * 11) ;} #top > .menu:hover { display: block; background-image: url('/wp-content/themes/diver-festival/styles/icons/menu-open-hover.svg'); } [dir="rtl"] #top > .menu { right: calc(var(--c) * 25); left: auto;} .menu-active #top > .menu { background-image: url('/wp-content/themes/diver-festival/styles/icons/menu-close.svg');} .menu-active #top > .menu:hover { background-image: url('/wp-content/themes/diver-festival/styles/icons/menu-close-hover.svg');} #logo { position: relative; z-index: 9; font-weight: 400; text-transform: uppercase; margin-bottom: 0; } #logo a { display: block; border-width: 0; color: inherit; text-decoration: none; } #logo span.upper.upper { display: block; position: absolute; left: 0; bottom: 100%; padding: 0 1px .3472222222vw; font-size: 0.5em; direction: ltr; } #skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10001; line-height: 1.5; } #skip ul { list-style: none; margin: 0; padding: 0; } #skip a { display: block; position: absolute; left: -3000em; top: 0; min-width: 200px; padding: 8px 16px; background: var(--azure); color: var(--white); font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap; outline: none; } #skip a:focus, #skip a:active { left: 0; } .menu-active #nav { display: block;} #nav { display: none; position: fixed; top: calc(var(--c) * 86); left: 0; right: 0; width: 100%; z-index: 99; padding-top: calc(var(--c) * 35); background-color: var(--brown); color: var(--coal); font-size: var(--fz_xl); height: calc(100vh - calc(var(--c) * 86));} #nav > ul { list-style: none; margin: 0; padding: 0; display: flex; flex-flow: column; } #nav > ul > li { position: relative; z-index: 9; margin-bottom: 0; text-align: center; line-height: 1; } #nav > ul > li > a { border-bottom: none; } #nav > ul > li > a .icon-snake-black:before { display: inline-block; vertical-align: middle; width: calc(var(--c) * 140); height: calc(var(--c) * 58);} #content { } /* #content > *:last-child { margin-bottom: 6.1111111111vw; } */ /* #content > .double:last-child { margin-bottom: 4.0277777778vw; } */ #lang { position: fixed; left: var(--rpp); bottom: var(--rpp); z-index: 8; margin: 0; font-size: 0.9027777778vw; font-weight: 400; } #lang a { display: block; width: 2.7777777778vw; height: 2.7777777778vw; border-radius: 99px; border: 1px solid var(--black); background: var(--white); text-align: center; } #lang a:hover { background-color: var(--black); color: var(--white);} #footer { margin-left: 0; position: relative; padding: calc(var(--c) * 50) 0 calc(var(--c) * 100); } #footer:before { background-color: var(--brown);} #footer > div { width: 100%; padding: 0; } #footer > nav { width: 50%;} #footer ul { display: flex; flex-flow: row; list-style: none; padding: 0; margin: 0 calc(var(--c) * -1); white-space: nowrap; } #footer ul li { margin: 0 calc(var(--c) * 12);} #footer form, .form-newsletter, .popup-a.form-newsletter p { margin-bottom: 0;} #footer form p { margin-bottom: 0;} #footer input { } #footer input, .form-newsletter input { padding-right: 2.2222222222vw; } #footer button, .form-newsletter button { display: block; position: absolute; right: 0; bottom: 0; z-index: 9; width: 2.2222222222vw; min-width: 0; height: 2.361111111vw; margin: 0; padding: 0; border-width: 0; background: none; color: inherit; font-size: 0.6944444444vw; text-align: left; text-indent: -3000em; direction: ltr; } .js #footer button, .js .form-newsletter button { display: none; } .js #footer .filled button, .js .form-newsletter .filled button { display: block; } #footer button:before, .form-newsletter button:before { content: "\e902"; padding: 0 0.1388888889vw; text-align: right; color: var(--black); } [data-whatintent="mouse"] #footer a:hover { border-bottom: none; } #footer ::-webkit-input-placeholder { opacity: 1; color: var(--black); } #footer :-ms-input-placeholder { opacity: 1; color: var(--black); } #footer ::-ms-input-placeholder { opacity: 1; color: var(--black); } #footer ::placeholder { opacity: 1; color: var(--black); } #footer .icon-snake-black { display: none;} #intro { position: fixed; height: 100vh; width: 100vw; z-index: 9999; top: 0; left: 0; color: var(--white); background: var(--white);} #intro video { width: 100vw; height: 100vh; object-fit: cover;} #intro div { position: absolute; top: 10%; left: 50%; width: 50%; z-index: 10000; transform: translateX(-50%); text-align: center;} #intro div p { margin-bottom: 0; font-family: 'Windsor BT'; font-size: 5vw; line-height: 1;} #intro > span { position: absolute; left: 50%; bottom: 10%; transform: translateX(-50%); text-align: center; } /*! Columns --------- */ .double, .triple, .quadruple { display: block; position: relative; list-style: none; padding: 0; } .double > *, .triple > *, .quadruple > * { display: block; position: relative; clear: none; float: right; border: 0 solid rgba(0,0,0,0); } .double > figure, .double > .list-slider { position: sticky; top: 8vw; } .double.a, .triple, .quadruple { margin-left: calc(0px - var(--rpp)); } .double.a > *, .triple > *, .quadruple > * { float: left; width: 50%; border-left-width: var(--rpp); } .double.a.w50 > * { margin-bottom: 1em;} .triple > * { width: 33.3333333333333%; } .quadruple > * { width: 25%; margin-bottom: var(--rpp); } .triple.a { } .triple.a > *:nth-child(1) { width: 50%; } .triple.a > *:nth-child(2) { width: 34%; } .triple.a > *:nth-child(3) { width: auto; max-width: 16%; } /*! Modules --------- */ .accordion-a { } .accordion-a > p a { border-width: 0; } .accordion-a.active > p a span { display: none; } .accordion-a.active > p a span.hidden { display: inline; position: relative; left: 0; top: 0; } .toggle-content { text-decoration: none; border-bottom: none;} .toggle-bio { text-transform: capitalize;} details { margin: 3.611111111vw 0 0; } details[open] { margin-bottom: 2.5694444444vw; } summary > span { width: auto; border-bottom: 2px solid var(--black); cursor: pointer; } details > div { width: 100%; } details > .double { width: calc(100% + var(--rpp)); } details + details { margin-top: 0; } details > .double.hidden { display: none;} .fancybox-container.fancybox-is-open { visibility: visible; opacity: 1; } .fancybox-container { visibility: hidden; opacity: 0; } .popup-a { overflow-y: auto; overflow-x: hidden; visibility: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 122998; width: 100%; } .popup-a .box-outer { position: absolute; left: 0; top: 0; right: 0; z-index: 2; min-height: 100%; padding: var(--rpp); } .popup-a .box-outer > .close, #root:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; visibility: hidden; z-index: 997; text-indent: -3000em; cursor: pointer; opacity: 0; } #root:after { position: fixed; z-index: 12998; background: rgba(255,255,255,.5); } .popup-a .box-inner { position: relative; z-index: 998; width: 47.3611111111vw; margin: 0; } .popup-a .box-inset { visibility: hidden; padding: 5.5555555556vw 5.5555555556vw 4.1666666667vw; border: 1px solid var(--black); background: var(--white); opacity: 0; } .popup-a .box-inset > .close { display: block; position: absolute; right: 0; top: 0; width: 44px; height: 44px; border-width: 0; color: var(--black); font-size: 12px; text-indent: -3000em; text-align: left; direction: ltr; } .popup-a .box-inset > .close:before { content: "\e905"; } .popup-a.form-newsletter p { margin-left: auto; margin-right: auto; } .popup-a .box-outer > .close { border-width: 0; } #root .popup-a { min-width: 0; max-width: none; } .popup-a::-webkit-scrollbar { width: 0; background: none; } .popup-a.shown { z-index: 12999; } .owl-carousel { position: absolute; left: -3000em; top: 0; } .owl-carousel { -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage { -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; backface-visibility: hidden; } .owl-carousel .owl-stage-outer { overflow: hidden; position: relative; } .owl-carousel .owl-stage-outer { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-carousel .owl-item { position: relative; float: left; } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel.owl-loading, .owl-carousel.owl-loaded { position: relative; left: 0; top: 0; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-nav button, .owl-dots button { display: block; position: relative; z-index: 2; min-width: 0; width: 10px; height: 10px; margin: 0; padding: 0; box-shadow: none; border-radius: 0; border: 0; background: none; color: var(--black); font-size: 0.5555555556vw; text-indent: -3000em; text-align: left; direction: ltr; } .owl-nav button { width: 2.5vw; height: 1.3888888889vw; height: 35px; } .owl-nav button.owl-prev { left: 0; } .owl-nav button.owl-next { right: 0; } .owl-nav button:before { text-align: left; top: 50%; margin-top: -50%; content: ""; display: block; background-position: center; background-repeat: no-repeat; height: 35px;} .owl-nav button.owl-prev:before { background-image: url('/wp-content/themes/diver-festival/styles/icons/arrow-left.svg'); } .owl-nav button.owl-next:before { background-image: url('/wp-content/themes/diver-festival/styles/icons/arrow-right.svg'); } .animated { -webkit-animation-duration : 0ms !important; animation-duration : 0ms !important; -webkit-animation-fill-mode : both !important; animation-fill-mode : both !important; } .fadeOut {-webkit-animation-name : fadeOut; animation-name : fadeOut;} @-webkit-keyframes fadeOut { 0% { opacity : 0; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity : 0; } 100% { opacity : 0; } } .w505 { max-width: 35.0694444444vw; } .overlay-blue { color: var(--blue);} .overlay-blue span { color: var(--black);} /*! Content --------- */ .strong { font-weight: 700; } .em { font-style: italic; } h1 .em, h2 .em, h3 .em, h4 .em, h5 .em, h6 .em, h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, h1 i, h2 i, h3 i, h4 i, h5 i, h6 i { text-transform: none; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-uppercase { text-transform: uppercase; } .s12 { display: block; font-size: var(--s12); line-height: 1.7692307692; } .s12 li { margin-bottom: 6px; } /* h1 + .s12, h2 + .s12, h3 + .s12, h4 + .s12, h5 + .s12, h6 + .s12 { margin-top: -1.5972222222vw; } */ /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; border-style: none; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } picture { width: 100%; } figure { position: relative; z-index: 2; font-size: var(--s12); line-height: 1.7692307692; } figure .icon-play { display: block; position: absolute; left: 0; top: 50%; right: 0; margin-top: -1.5vw; color: var(--white); font-size: 2.2222222222vw; line-height: 3vw; text-align: center; } figure a { display: block; position: relative; z-index: 2; border-width: 0; } figcaption + *, * + figcaption { display: block; margin-top: 0.4861111111vw; } /*! Tables --------- */ table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; text-align: left; } th, td { padding-bottom: 2.0833333333vw; padding-left: var(--rpp); font-weight: 400; } tr:last-child > * { padding-bottom: 0; } tr > *:first-child { padding-left: 0; } @media only screen and (min-width: 1001px) { /* 1000 */ .table-a { } .table-a tr > :last-child { width: 23.26388889vw; } } /*! Lists --------- */ .list-aside { list-style: none; margin-left: 0; padding: 0; font-weight: var(--fw); } .list-aside li, #root .list-aside .list-aside > li { clear: both; padding: 0; margin-bottom: 4px; } /* .list-aside li > span:first-child, #root .list-aside .list-aside > li > span:first-child { display: block; float: left; width: calc(31.35% + var(--rpp)); min-width: calc(31.35% + var(--rpp)); max-width: calc(31.35% + var(--rpp)); margin-left: calc(-31.35% - var(--rpp)); padding-right: var(--rpp); } */ .list-aside li > span:first-child a { border-width: 0; } .list-aside .list-aside { float: left; } .list-aside .s12 { font-weight: 400; } /* .double .list-aside li { padding-left: calc(50% + var(--rpp)); } */ /* .double .list-aside li > span:first-child { width: calc(100% + var(--rpp)); min-width: calc(100% + var(--rpp)); max-width: calc(100% + var(--rpp)); margin-left: calc(-100% - var(--rpp)); } */ #root .list-aside ul li { margin-bottom: 0; padding-left: 0; padding-right: 0; } #root .list-aside ul li > span:first-child { display: inline; float: none; width: auto; min-width: 0; max-width: none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; text-transform: inherit; } #root .list-aside .list-aside > li > span:first-child { } .list-aside.text-uppercase li > span:first-child { text-transform: none; } .list-aside.a { width: 100%; } .list-aside.a li, #root .list-aside.a .list-aside > li { padding-left: calc(13.5% + var(--rpp)); } #root .list-aside.a .list-aside > li { margin-bottom: 1.6vw; padding-bottom: 1.6vw; border-bottom: 1px solid var(--black); } #root .list-aside.a .list-aside > li:last-of-type { margin-bottom: 3.2vw; border-bottom: 0;;} .list-aside.a li > span:first-child, #root .list-aside.a .list-aside > li > span:first-child { width: calc(13.5% + var(--rpp)); min-width: calc(13.5% + var(--rpp)); max-width: calc(13.5% + var(--rpp)); margin-left: calc(-17% - var(--rpp)); } .list-aside.a li > span small { display: block; font-size: 0.5em;} .list-aside.a li .triple li:last-of-type a { display: inline-block; margin-bottom: 0.25em; line-height: 1.1;} /* .list-aside.a li h2 { font-size: 1.75em;} */ .list-aside.archive > li { position: relative;} .list-aside.archive > li > a { float: right; text-transform: capitalize; position: static;} .list-aside.archive > li > a:before { z-index: 2;} .list-aside.archive > li { padding-bottom: 1.04vw; margin-bottom: 1.04vw;} .list-aside.about-credits .em { text-transform: capitalize;} .list-aside.a.base > li { border-top: 1px solid var(--black); padding-top: 1.6vw;} .list-aside.a.base .big { font-size: 1.5em;} .list-aside.a.base > li:first-of-type { border: none;} /* .list-aside.a.tickets > li:not(.strong) { border-bottom: 1px solid var(--black);} */ /* .list-aside.a.tickets > li { padding-bottom: 1.6vw; margin-bottom: 1.6vw;} */ /* .list-aside.a.tickets > li:last-of-type { border-bottom: none;} */ .list-inner { list-style: none; margin: 0; padding: 0;} #root .list-aside .list-inner li { margin-bottom: 1em; position: relative; padding-left: 1.5em;} #root .list-aside .list-inner li:before { content: ""; display: block; position: absolute; top: 15%; left: 0; background-image: url('/wp-content/themes/diver-festival/styles/icons/arrow-right.svg'); height: 16px; width: 16px; background-repeat: no-repeat; background-position: center;} .about-container { position: relative; padding: 0 0 calc(var(--c) * 75); color: var(--white); } .about-container:before { background-color: var(--black);} .about-container .module-text img { width: 40%; float: left; margin-right: 1em;} [dir="rtl"] .about-container .module-text img { margin-right: 0; float: right; margin-left: 1em;} .about-container .list-aside.archive {} .about-container .list-aside.archive li { border-bottom: calc(var(--c) * 1) solid var(--white);} [lang="en-US"] .about-container .list-aside.archive li { flex-flow: row-reverse; } .about-container picture { } .about-container picture img { width: 100%;} .about-container h1 { font-size: var(--fz_xxl); margin-bottom: 0; line-height: 1;} .about-container header { padding: calc(var(--c) * 50) 0; } .module-event { position: relative; color: var(--white); padding-top: calc(var(--c) * 80);} .module-event:before { background-color: var(--black);} .module-event .list-program li.quadruple { margin-top: 0; } /* .page-template-tickets #content, .page-template-support #content { background-color: var(--black); color: var(--white); } */ .toggle-bio { text-decoration: underline; cursor: pointer;} .intro p:last-of-type { margin-bottom: 1em;} .list-gallery { list-style: none; margin: 0 0 0 calc(0px - var(--rpp)); padding: 0; } .list-gallery li { font-size: calc(var(--c) * 22); position: relative; z-index: 2; width: 33.3%; margin-bottom: calc(var(--c) * 70); border-left: var(--rpp) solid rgba(0,0,0,0); } .list-gallery figure { overflow: hidden; margin-bottom: 0; } .list-gallery h1, .list-gallery h2, .list-gallery h3, .list-gallery h4, .list-gallery h5, .list-gallery h6 { font-size: calc(var(--c) * 22); margin-bottom: 0; } .list-gallery h2 a { text-decoration: none;} .list-gallery ul { margin-top: 0; } .list-program, .list-runs { list-style: none; margin: 0; padding: 0;} .list-runs { display: flex; flex-flow: column;} .list-inline { list-style: none; margin-right: -5px; padding: 0; margin-bottom: 0.5em;} .list-inline li { width: auto; margin: 0 5px 0 0; border-width: 0;} [dir=ltr] .list-inline { margin-right: 0; margin-left: -5px;} [dir=ltr] .list-inline li { margin-right: 0; margin-left: 5px;} .list-nav { list-style: none; padding: 0; } .list-nav li { margin-bottom: 0.25em;} .list-nav.scroll-to-fixed-fixed { left: var(--rpp) !important; margin-top: 10vw !important;} .is-anchor { position: relative; } .is-anchor > .anchor { display: block; position: absolute; left: 0; top: calc(-7.582vw - 4em); } .show-in-event.is-anchor > .anchor { top: calc(var(--c) * -80);} .show-in-event { position: relative; margin-top: calc(var(--c) * 80); border-top: calc(var(--c) * 1) solid var(--white); } .show-in-event h2 { font-size: var(--fz_xl); margin-bottom: 0;} .show-in-event h2 span { display: block;} .show-in-event figure { max-width: 50%;} .show-in-event figcaption { font-size: calc(var(--c) * 16);} .list-slider { position: relative; z-index: 2; list-style: none; padding: 0; } .list-slider figure { font-size: var(--s12); width: 100%; } .list-slider img { width: 100%; } .list-slider .owl-item figure { margin-bottom: 0; } .list-slider .owl-nav { margin-top: 1em;} .list-slider .owl-nav button { display: block; position: absolute; bottom: -25px; z-index: 99; height: 35px; } .list-slider .owl-nav button:before { text-align: right; } .list-slider .owl-nav button.owl-prev { left: auto; right: 2.5vw; } .list-slider .owl-nav button.owl-next { left: auto; right: 0; } .list-slider figure > img:last-child, .list-slider figure > a:last-child { display: block; margin-bottom: 2.0833333333vw; } .list-slider figcaption { padding-right: 4.1666666667vw; } .ticker-wrapper { position: relative; overflow: hidden; padding: calc(var(--c) * 15) 0 calc(var(--c) * 12); background-color: var(--brown); color: var(--black);} .ticker-wrapper > a { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 2;} .list-ticker { list-style: none; margin: 0; display: flex; flex-flow: row; font-size: var(--fz_header); width: 100%; animation: ticker-scroll 40s linear infinite; } [dir="rtl"] .list-ticker { animation: ticker-scroll-rtl 40s linear infinite;} .list-ticker li { display: flex; justify-content: center; align-items: center; position: relative; padding: 0 calc(var(--c) * 30) ; line-height: 1; white-space: nowrap; } .list-ticker li:after { display: block; content: "✴"; position: absolute; right: calc(var(--c) * -22); top: 10px; font-size: 0.75em;} [dir="rtl"] .list-ticker li:after { right: auto; left: calc(var(--c) * -22);} .menu-active .ticker-wrapper { background-color: var(--black); color: var(--brown); } /* Keyframe animation for scrolling effect */ @keyframes ticker-scroll { from { transform: translateX(0%); } to { transform: translateX(-105%); } } @keyframes ticker-scroll-rtl { from { transform: translateX(0%); } to { transform: translateX(105%); } } .module-hero { position: relative; margin-left: var(--rpn); margin-right: var(--rpn); } .module-hero figure { position: relative; margin: 0 var(--rpn); width: calc(100% + calc(2 * var(--rpp))); } .module-hero figure img { width: 100%; height: 100%; object-fit: cover;} .module-hero figure iframe { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;} .module-text { position: relative; color: var(--white); padding: calc(var(--c) * 100) 0; margin-top: -1em;} .module-text:before { background-color: var(--black);} .module-text strong, .module-text b { color: var(--brown); font-weight: var(--fw);} .module-text > p:not(.link-btn) { text-align: justify;} .page-template-home .module-text img { display: none;} .module-events { position: relative; padding: calc(var(--c) * 50) 0;} .module-events:before { background-color: var(--blue);} .module-program { position: relative; color: var(--white); padding: calc(var(--c) * 50) 0;} .module-program:before { background-color: var(--black);} .module-program header h2, .module-events header h2 { margin-bottom: calc(var(--c) * 50); font-size: var(--fz_xxl); line-height: 1;} .list-program > li.quadruple { border-top: calc(var(--c) * 1) solid var(--white); padding-top: calc(var(--c) * 8); margin-top: calc(var(--c) * 80); font-size: calc(var(--c) * 16); align-items: flex-start;} /* .list-program > li.quadruple > *:first-child { width: 35%;} */ /* .list-program > li.quadruple > * { width: calc(65% / 3);} */ .list-program > li.quadruple .list-runs p { margin-bottom: 1em; line-height: 1;} .list-program > li.quadruple + li { padding-bottom: calc(var(--c) * 40); padding-top: calc(var(--c) * 15);} .list-program li h1, .list-program li h2 { font-size: var(--fz_xl); line-height: 1; margin-bottom: 0;} .list-program li h1 span, .list-program li h2 span { display: block; } .list-program .text-end { display: flex; flex-flow: column; align-items: flex-end; padding-top: calc(var(--c)* 12); margin-bottom: auto;} .list-program .text-end > * { transform: translateX(calc(var(--c) * -8)); /* margin: calc(var(--c) * 12) 0; */} .list-program .list-inline li:after { content: ","; display: inline; } .list-program .list-inline li:last-of-type:after { content: ""; display: none;} .list-program li a { text-decoration: none;} .list-program li a:hover { text-decoration: underline;} /*! Forms --------- */ fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; } form p { position: relative; } legend { display: none; width: 100%; max-width: 100%; padding: 0; border: 0; white-space: normal; } input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline-width: 0; } input, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; } input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { box-sizing: border-box; text-transform: none; outline-offset: -2px; } input { } input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; } input::-o-outer-spin-button, input::-o-inner-spin-button { appearance: none; margin: 0; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { height: auto; } input::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="checkbox"], input[type="radio"] { display: inline-block; width: auto; height: auto; padding: 0; border: 0; background: none; line-height: 1; } input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; } input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; } input[type="color"] { padding: 0; cursor: pointer; } input[type="date"] { display: -webkit-inline-flex; } input[type="number"] { appearance: textfield; -moz-appearance: textfield; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"]::-o-outer-spin-button, input[type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } select { line-height: 1; text-overflow: ''; text-indent: 0.01px; } select::-ms-expand { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline-width: 0; -webkit-appearance: button; appearance: button; -webkit-font-smoothing: inherit; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] { border-color: var(--silver); background: var(--silver); cursor: default; } ::-webkit-input-placeholder { opacity: 1; color: inherit; } :-ms-input-placeholder { opacity: 1; color: inherit; } ::-ms-input-placeholder { opacity: 1; color: inherit; } ::placeholder { opacity: 1; color: inherit; } :focus::-webkit-input-placeholder { opacity: 0; } :focus:-ms-input-placeholder { opacity: 0; } :focus::-ms-input-placeholder { opacity: 0; } :focus::placeholder { opacity: 0; } form { } label { display: block; position: relative; left: 0; top: 0; z-index: 2; font-weight: inherit; } input, select, textarea { display: block; width: 100%; border: 0; border-bottom: calc(var(--c) * 1) solid var(--black); background: none; } input, select { height: 2.9166666667vw; padding: 0; } input[type="date"] { line-height: 30px; } select { padding-right: 2.2222222222vw; line-height: normal; } textarea { padding: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { overflow: hidden; float: left; padding: 0; border-radius: 0; border-width: 0; background: none; } .link-btn a { background-color: var(--white); color: var(--black); text-decoration: none; font-size: calc(var(--c) * 30); padding: calc(var(--c) * 12) calc(var(--c) * 25); } .link-btn a:hover { text-decoration: none !important; background-color: var(--brown); } header .header-button { background-color: var(--brown); color: var(--white); text-decoration: none; font-size: calc(var(--c) * 30); padding: calc(var(--c) * 12) calc(var(--c) * 50); border-radius: calc(var(--c) * 60); margin-top: 0.5em;} header .header-button:hover { text-decoration: none !important; color: var(--brown); background-color: var(--white); } .module-events header, .module-program header { display: flex; flex-flow: row; justify-content: space-between; align-items: flex-start; } .wpcf7 form.sent .wpcf7-response-output { margin: 0 0 1em; padding: 0; border: none;} .wpcf7 form.sent p { display: none;} .form-newsletter { margin: 6.5972222222vw 0; } .wpcf7 form.invalid .wpcf7-response-output { display: none;} .wpcf7-not-valid-tip { position: absolute; left: 0; bottom: -1.5em; font-size: 14px;} header h1 { font-size: 1.5em;} /*! Helpers --------- */ .list-gallery figure, .owl-height { transition-property: all; transition-duration: 0.4s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: 0s; } .owl-height { transition-property: height; } .text-underline { border-bottom: 1px solid var(--black); text-decoration: none;} .font-lead { font-size: var(--fz_lead);} .font-header { font-size: var(--fz_header);} .text-end { align-items: flex-end; align-self: flex-end;} .mt-content { margin-top: var(--margin-content);} .overlay-brown { color: var(--brown);} .clear { clear: both; } #root .desktop-hide, #root .tablet-only, #root .mobile-only { position: absolute; left: 0; top: -3000em; right: auto; bottom: auto; } .hidden, [hidden], template, #nav em, .popup-a, .popup-a .box-inset, .popup-a .box-outer > .close, .hidden[data-popup], #root .owl-carousel .disabled, #lang span { display: none; } article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, .popup-a.ready, .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close { display: block; } hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid var(--black); background: none; font-size: 0; } .form-newsletter:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, figure:first-child, #root .m0 + * { margin-top: 0; } #root .m0, ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } #root .m30 { margin-bottom: 2.0833333333vw; } #root .m50 { margin-bottom: 3.4722222222vw; } #root .m70 { margin-bottom: 4.8611111111vw; } #root .m90 { margin-bottom: 6.25vw; } #root .m120 { margin-bottom: 8.125vw; } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]), video[autoplay]:not([muted]) { display: none; } svg:not(:root) { overflow: hidden; } ::selection { background: var(--black); color: var(--white); text-shadow: none; } ::-moz-selection { background: var(--black); color: var(--white); text-shadow: none; } /*! Outlines --------- */ [data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; } [data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; } /*! Flexbox --------- */ /* flex */ .quadruple, .triple, .list-inline, .list-gallery li > div, .list-gallery, #root, .popup-a .box-outer, #lang a, #footer nav, #footer, summary, #nav > ul, .double, #top { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* flix */ figure > a, figure { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: inline-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* f:wn */ figure, .list-gallery li > div, #root, #footer nav, #footer, .list-aside li, .double, #top { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } /* f:w */ .double.a.w50, #footer { -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* f:ds */ .double.inv { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } /* f:dc */ figure, #root { -webkit-flex-direction: column; flex-direction: column; } /* f:jc */ .popup-a .box-outer, #lang a { -webkit-justify-content: center; justify-content: center; } /* f:je */ #nav ul { -webkit-justify-content: flex-end; justify-content: flex-end; } /* j:jb */ .list-gallery li > div, #footer, .double, .triple { -webkit-justify-content: space-between; justify-content: space-between; } /* f:as */ .list-gallery li > div, .double { -webkit-align-items: flex-start; align-items: flex-start; } /* f:ac */ .popup-a .box-outer, #lang a, #top { -webkit-align-items: center; align-items: center; } .align-bottom { -webkit-align-items: flex-end; align-items: flex-end; } /* f:b0 */ #footer nav > * { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } /* f:g3 */ #footer nav > * { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } @media only screen and (min-width: 1001px) { /* 1000 */ /* f:b0 */ #footer nav > * { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } /* f:g3 */ #footer nav > * { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('/wp-content/themes/diver-festival/styles/icons/icomoon.woff2') format('woff2'), url('/wp-content/themes/diver-festival/styles/icons/icomoon.woff') format('woff'); font-display: swap; } [class*="icon-"] { font-family: 'i' !important; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-down:before { content: "\e900"; } .icon-arrow-left:before { content: "\e901"; } .icon-arrow-right:before { content: "\e902"; } .icon-arrow-up:before { content: "\e903"; } .icon-play:before { content: "\e904"; } .icon-x:before { content: "\e905"; } .icon-snake-brown:before, .icon-snake-black:before, .module-text strong:after { content: ""; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; width: 120px; height: 45px; } .icon-snake-brown:before, .menu-active .list-ticker .icon-snake-black:before, .module-text strong:after { background-image: url('/wp-content/themes/diver-festival/styles/icons/icon-snake-brown.svg');} .icon-snake-black:before, .menu-active .list-ticker .icon-snake-brown:before { background-image: url('/wp-content/themes/diver-festival/styles/icons/icon-snake-black.svg');} .icon-arrow-left, .icon-arrow-right { font-size: 0.6944444444vw; } .module-text strong:after { display: inline-block; vertical-align: middle; margin-right: 0.25em; } [lang="en-US"] .module-text strong:after { margin-right: 0;margin-left: 0.25em;} /*! Fonts --------- */ @font-face { font-family: 'AlfaBravo'; src: url('/wp-content/themes/diver-festival/styles/fonts/AlfaBravo-Regular.woff2') format('woff2'), url('/wp-content/themes/diver-festival/styles/fonts/AlfaBravo-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;} /* Animations --------- */ .popup-a.shown .box-inset, .popup-a.unshown .box-inset { -webkit-animation-duration: .25s; animation-duration: .25s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .popup-a.shown .box-inset { -webkit-animation-name: anim-open; animation-name: anim-open; } .popup-a.unshown .box-inset { -webkit-animation-name: anim-close; animation-name: anim-close; } @-webkit-keyframes anim-open { 0% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } 100% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } @keyframes anim-open { 0% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } 100% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes anim-close { 0% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } 100% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(.9,.9,1); transform: scale3d(.9,.9,1); } } @keyframes anim-close { 0% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } 100% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(.9,.9,1); transform: scale3d(.9,.9,1); } } /* Responsive --------- */ @media only screen and (max-width: 1400px) { /* 1400 */ #lang { font-size: 13px; } #lang a { width: 40px; height: 40px; } } @media only screen and (max-width: 1000px) { /* 1000 */ :root { --c: 1px; --s12: 12px; --fz_lead: 20px; --fz_header: 30px; --fz_xl: 50px; --fz_xxl: 50px; } body { font-size: 16px; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend, summary, .list-aside.a li { margin-bottom: 20px; } #root .list-aside.a .list-aside > li { margin-bottom: 2em; padding-bottom: 2em; } /* #root, #top { padding-left: var(--rpp); padding-right: var(--rpp);} */ /* #top { padding-bottom: 20px; border-top-width: 30px; } */ #top:before { top: -30px; z-index: 2; } #logo span.upper { padding-bottom: 1px; } #top.scroll-to-fixed-fixed { padding-bottom: .1px; } #root #footer > ul, #root #footer > nav > ul { padding-left: 0; padding-right: 0; white-space: normal; } /* #footer form, .form-newsletter, .popup-a.form-newsletter p { min-width: 220px; max-width: 220px; } */ #footer input, .form-newsletter input { padding-right: 24px; font-size: 1em; } #footer button, .form-newsletter button { width: 34px; height: 28px; font-size: 8px; } figure .icon-play { margin-top: -16px; font-size: 32px; line-height: 32px; } figcaption + *, * + figcaption { margin-top: 7px; } .icon-arrow-left, .icon-arrow-right, .owl-nav button, .owl-dots button { font-size: 8px; } input, select { height: 34px; } .double { } .double > figure, .double > .list-slider { top: 70px; } .triple { } .triple > *:first-child:last-child { width: 100%; } .form-newsletter { margin: 50px 0; } .list-aside .list-aside li .triple > * + * { margin-top: 1em; } .list-gallery { } .list-gallery > li { margin-bottom: 15px; } .list-gallery figure { margin-bottom: 15px; } .list-gallery ul { margin-right: -10px; } .list-gallery ul li { margin-right: 10px; } .list-slider { } .list-slider figure > img:last-child, .list-slider figure > a:last-child { margin-bottom: 28px; } .list-slider .owl-nav button.owl-prev { right: 36px; } .list-slider figcaption { padding-right: 60px; } #root .m30 { margin-bottom: 10px; } #root .m50 { margin-bottom: 30px; } #root .m70 { margin-bottom: 50px; } #root .m90 { margin-bottom: 70px; } #root .m120 { margin-bottom: 100px; } .owl-nav button { width: 36px; height: 20px; } .popup-a { } .popup-a .box-inner { width: 100%; max-width: 392px; } .popup-a .box-inset { padding: 50px 30px 30px; } .s12 { font-size: var(--s12); } .w505 { max-width: 505px; } #footer nav { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } #root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 760px) { /* 760 */ :root { --rpp: 20px; --rpn: -20px; --s12: 12px; } #footer > p, #footer div, #footer nav { width: 100%;} .list-aside.a.base .big, h1, h2, h3, h4, h5, h6 { font-size: 1.25em;} #root { padding-top: 72px; overflow-x: hidden; } /* #top { overflow-y: hidden; position: fixed !important; left: 0 !important; right: 0 !important; top: 0 !important; width: auto !important; height: 90px; margin: 0 !important; padding-top: 10px; border-width: 0; background: var(--white); white-space: nowrap; } */ #top.scroll-to-fixed-fixed { } /* #top:before { display: none; } */ #nav { display: none; position: fixed; left: 0; top: 72px; height: calc(100vh - 72px); width: 100%; z-index: 1; justify-content: flex-start; align-items: flex-start; width: 100%; padding: 60px 10px 10px;} .menu-active #nav { display: flex;} #nav > ul { flex-flow: column wrap; align-items: flex-start; font-size: 50px; } #nav > ul > li { width: 100%; display: block;} #nav > ul > li a { border-width: 0; } #nav > ul > li > a .icon-snake-black:before { width: calc(var(--c) * 90); height: calc(var(--c) * 33);} #top #logo { display: block; width: auto; margin: 0; top: 10px; width: calc(100% - 100px);} #footer { display: block; padding-top: 4em; } #footer form label, #footer form input { font-size: 15px;} #root #footer > .double:first-of-type > * { width: 50%; font-size: 12px; } #root #footer > .double:first-of-type > * ul { flex-flow: column;} #root #footer > .double:first-of-type > div:first-of-type ul { font-size: 30px;} #root #footer > .double:first-of-type > div:last-of-type ul { justify-content: flex-end; text-align: right;} [dir="rtl"] #root #footer > .double:first-of-type > div:last-of-type ul { text-align: left;} #root #footer > .double.align-bottom > * { margin: 1em auto; } #root #footer > .double.align-bottom ul a { text-decoration: underline;} #footer .s12 { font-size: 1em; } #lang ~ #footer { border-bottom: 56px solid rgba(0,0,0,0); } #intro div p { font-size: 8vw;} .list-ticker li:after { font-size: 1em; top: 4px; right: calc(var(--c) * -13);} [dir="rtl"] .list-ticker li:after { left: calc(var(--c) * -13); right: auto;} .module-events, .module-program { padding-top: 30px;} .module-events header h2, .module-program header h2 { margin-bottom: 30px;} header .header-button { padding: calc(var(--c) * 6) calc(var(--c) * 16); font-size: calc(var(--c) * 20); margin-top: 0.25em; } .list-program > li.quadruple { margin-top: 60px; flex-flow: column; margin-right: 0;} .list-program > li.quadruple > * { width: 100%; border-right-width: 0;} .list-program > li.quadruple > .text-end { align-items: flex-start;} .list-program li h1, .list-program li h2 { margin-bottom: 30px;} .list-program > li.quadruple + li { padding-bottom: 0;} .show-in-event { margin-top: calc(var(--rpp));} .page-template-home .module-text img { display: block;} .about-container .module-text img { float: none; width: 100%; margin-bottom: 1em;} #root #top > .menu { width: 45px; height: 45px;} .module-hero, .module-hero figure { height: calc(80vh - 72px);} .module-hero figure { justify-content: center; align-items: center;} .module-hero figure img { height: calc(80vh - 72px) !important; object-fit: cover;} .module-hero figure video { width: calc(100% - 70px); top: 50%; } .module-text strong:after { width: 55px; height: 20px;} #root .list-aside.archive .double > * { width: 50%;} #root .list-aside.archive .double > a { text-align: right;} [dir="rtl"] #root .list-aside.archive .double > a { text-align: left;} .list-aside.archive > li { padding-bottom: 12px; margin-bottom: 20px;} /* a, .text-underline { border-bottom: none; text-decoration: underline; } */ #lang a, #footer a, #nav a, .list-gallery a, .list-aside li > span:first-child a { text-decoration: none; } .about-container > div:first-child, .about-container > div:last-child { flex-basis: 100%;} .list-aside.text-uppercase li > span:first-child { padding-left: 10px; margin-left: -0.5em;} .list-gallery li { font-size: 15px;} .list-gallery h1, .list-gallery h2, .list-gallery h3, .list-gallery h4, .list-gallery h5, .list-gallery h6, .list-gallery ul { width: 100%; margin-bottom: 0; font-size: 15px;} .list-gallery figure { margin-bottom: 5px; } .list-gallery > li { width: 50%; margin-bottom: 15px; } .list-gallery li > div { display: block;} .list-gallery li ul { justify-content: flex-start;} .list-aside { margin-left: 0; margin-right: var(--rpp); } .list-aside.a li > span:first-child, #root .list-aside.a .list-aside > li > span:first-child { margin-left: 0; margin-bottom: var(--rpp); float: none; min-width: 100%; max-width: 100%; width: 100%;} #root .list-aside.a .list-aside > li > span:first-child { margin-bottom: 1em; font-size: 1.25em;} .list-aside.a li, #root .list-aside.a .list-aside > li { padding-left: 0;} .page-template-tickets #root .list-aside ul li { margin-bottom: 1em; } #root .list-aside ul li { display: flex; flex-flow: column wrap; } .list-inline { margin-bottom: 1em;} .list-nav { display: flex; flex-flow: row wrap; margin-right: -0.5em; margin-left: -0.5em;} .list-nav li { margin: 0 0.5em;} #root .list-aside.a .list-aside > li .triple.a li:last-of-type { display: flex; flex-flow: row wrap; } #root .list-aside.a .list-aside > li .triple.a li:last-of-type br { display: none;} #root .list-aside.a .list-aside > li .triple.a li:last-of-type a { margin-right: 2em; } .list-aside.archive > li > a { display: block; width: 100%; float: none; } span.bigger { font-size: 1.5em; } .page-template-tickets .s12 { line-height: 1.1; font-size: 1em;} .page-template-tickets .list-aside.a li > span:first-child { font-size: 12px; text-transform: uppercase; } .double { } #root .double > *, #root .triple > * { width: 100%; max-width: none; } .double > figure, .double > .list-slider { position: relative; top: 0; } #top, #nav > ul, #root .double { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; flex-direction: row; } #top p { display: none; } #root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } }