body {
padding-top: calc(var(--base-space) + var(--header-height)) !important;
}
.feature-responsive-header {
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
background: var(--base-color-background-accent-light);
}
.feature-responsive-header__logo figure img {
height: calc(var(--header-height) - var(--base-space));
-ms-transform: translateX(0%);
-webkit-transform: translateX(0%);
transform: translateX(0%);
min-width: 150% !important;
object-fit: contain;
object-position: left;
}
.feature-responsive-header__menu-trigger {
margin-top: -28px;
}
@media (max-width:599px) {
.feature-responsive-header__menu-trigger {
margin-top: -16px;
}
}
body.is-scrolled .feature-responsive-header {
height: var(--header-height-scrolled);
}
body.is-scrolled .feature-responsive-header__logo figure img {
height: calc(var(--header-height-scrolled) - var(--header-offset-scrolled));
}
@media (max-width:999px) {
.feature-responsive-header {
height: var(--header-height-scrolled);
}
.feature-responsive-header__logo figure img {
height: calc(var(--header-height-scrolled) - var(--header-offset-scrolled));
}
}
body.is-header-mode-mobilefirst .feature-responsive-header__menu {
text-align: right;
}
body.is-header-mode-mobilefirst .feature-responsive-header__menu ul li {
margin-right: 0;
}
@media (min-width:1000px) {
body:not(.is-scrolled) .feature-responsive-header .feature-responsive-header__menu-inner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: calc(var(--header-height) - 9px);
}
body:not(.is-scrolled) .feature-responsive-header .feature-responsive-header__menu-inner .feature-responsive-header__menu-primary {
-ms-flex: 1;
flex: 1;
-ms-flex-order: 3;
order: 3;
-ms-flex-item-align: end;
align-self: flex-end;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
}
body:not(.is-scrolled) .feature-responsive-header .feature-responsive-header__menu-inner .feature-responsive-header__menu-primary ul.menu>li a {
margin: 0 .5rem;
padding-bottom: 0;
}
body:not(.is-scrolled) .feature-responsive-header .feature-responsive-header__menu-inner .feature-responsive-header__menu-primary ul.menu>li:last-of-type a {
margin: 0;
}
body:not(.is-scrolled) .feature-responsive-header .feature-responsive-header__menu-inner .feature-responsive-header__menu-secondary {
-ms-flex: 1;
flex: 1;
-ms-flex-order: 1;
order: 1;
-ms-flex-item-align: end;
align-self: flex-end;
}
body:not(.is-scrolled) .feature-responsive-header .feature-responsive-header__menu-inner .feature-responsive-header__menu-secondary ul.menu>li a {
padding-top: 0;
padding-right: 5px;
}
body:not(.is-scrolled) .feature-responsive-header .feature-responsive-header__menu-inner .feature-responsive-header__menu-secondary ul.menu>li:after {
content: "";
display: inline-block;
position: absolute;
height: 15px;
width: 1px;
background: var(--base-color-text);
top: 12px;
}
body:not(.is-scrolled) .feature-responsive-header .feature-responsive-header__menu-inner .feature-responsive-header__menu-secondary ul.menu>li:last-child a {
padding-right: 0;
}
body:not(.is-scrolled) .feature-responsive-header .feature-responsive-header__menu-inner .feature-responsive-header__menu-secondary ul.menu>li:last-child:after {
display: none;
}
body:not(.is-scrolled) .feature-responsive-header .feature-responsive-header__menu-inner .feature-responsive-header__menu-social {
-ms-flex: 1;
flex: 1;
-ms-flex-order: 2;
order: 2;
-ms-flex-item-align: end;
align-self: flex-end;
}
}
body.is-header-active-modalmenu .feature-responsive-header__menu {
background: rgba(255, 255, 255, .8);
width: 100%;
margin-left: 0;
margin-right: 0;
}
@media (min-width:1000px) {
body.is-header-active-modalmenu .feature-responsive-header__menu {
padding-right: 0;
padding-left: 0;
}
}
body.is-header-active-modalmenu .feature-responsive-header__menu .feature-responsive-header__menu-inner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
width: var(--base-layout-width);
max-width: calc(100% - calc(2 * var(--base-offset)));
margin-left: auto;
margin-right: auto;
}
@media (max-width:999px) {
body.is-header-active-modalmenu .feature-responsive-header__menu .feature-responsive-header__menu-inner {
max-width: calc(100% - var(--base-offset));
}
}
body.is-header-active-modalmenu .feature-responsive-header__menu .feature-responsive-header__menu-inner .feature-responsive-header__menu-primary {
-ms-flex-order: 1;
order: 1;
}
body.is-header-active-modalmenu .feature-responsive-header__menu .feature-responsive-header__menu-inner .feature-responsive-header__menu-secondary {
-ms-flex-order: 2;
order: 2;
}
body.is-header-active-modalmenu .feature-responsive-header__menu .feature-responsive-header__menu-inner .feature-responsive-header__menu-social {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-order: 3;
order: 3;
padding-top: 20px;
}
.feature-responsive-header__menu {
-ms-flex: 2;
flex: 2;
}
.feature-responsive-header__menu-primary ul.menu>li>a {
font-size: 20px;
font-weight: 900;
letter-spacing: .1px;
text-transform: uppercase;
}
.feature-responsive-header__menu-primary ul.menu .current-menu-item>a:not(:hover) {
color: var(--header-color);
}
.feature-responsive-header__menu-secondary ul.menu>li {
margin-right: 0;
}
.feature-responsive-header__menu-secondary ul.menu>li>a {
font-size: 14px;
font-weight: 700;
letter-spacing: .07px;
text-transform: none;
margin: 0;
}
main .site-layout-container>.wp-block-paragraph:last-child:empty {
display: none;
}
body {
letter-spacing: .12px;
}
body .wp-block-columns h1 {
margin-top: 0;
}
body.home header, body.home main, body.home footer {
opacity: 0;
-webkit-animation: stylebaseOpacityFadeIn 400ms forwards;
animation: stylebaseOpacityFadeIn 400ms forwards;
animation-delay: 1.25s;
}
body.home header {
animation-delay: 1s;
}
body:not(.home) main {
margin-bottom: var(--base-offset-vertical);
}
body:not(.home) main>*>.has-space-before:first-child {
margin-top: calc(var(--base-offset-vertical) / 2) !important;
}
body:not(.home) .wp-block-columns h3.has-space-before {
margin-top: calc(.5 * var(--base-offset-vertical)) !important;
}
body:not(.home) .wp-block-columns .wp-block-column:last-child>:first-child {
margin-top: .7rem;
}
body:not(.home) .wp-block-columns .wp-block-column:last-child>h3:first-child {
margin-top: .65em;
}
h1 {
letter-spacing: 0;
text-transform: uppercase;
}
h2 {
letter-spacing: .24px;
text-transform: uppercase;
}
h3 {
text-transform: uppercase;
}
h4 {
text-transform: uppercase;
}
.site-layout-container h4.has-space-before {
margin-top: var(--base-offset-vertical-small) !important;
}
b, strong {
font-weight: var(--base-headings-font-weight);
}
.edit-post-visual-editor__post-title-wrapper>.alignfull, .block-editor-block-list__layout.is-root-container>.alignfull {
max-width: inherit !important;
width: 100%;
}
.edit-post-visual-editor__post-title-wrapper>.alignwide, .block-editor-block-list__layout.is-root-container>.alignwide {
max-width: var(--base-layout-width) !important;
width: 100%;
}
.wp-block-column {}
@media (max-width:599px) {
.wp-block-columns .wp-block-column {
margin-bottom: 0;
}
}
.wp-block-column.is-style-space-around {
padding: 21px 42px;
}
@media (max-width:1299px) {
.wp-block-column.is-style-space-around {
padding: 10px 21px;
}
}
@media (max-width:599px) {
.wp-block-column.is-style-space-around {
padding: var(--base-space) 0;
}
}
.wp-block-column.is-style-space-around h2 {
margin-bottom: calc(2 * var(--base-space));
}
.wp-block-column.is-style-space-around h2:first-child {
margin-top: 0;
}
.wp-block-column.is-style-newsticker {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-direction: column;
flex-direction: column;
gap: var(--base-gap);
}
.wp-block-column.is-style-newsticker>* {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.wp-block-column.is-style-newsticker>* .wp-block-cover {
height: 51px;
background-position-x: 0;
background-repeat: repeat-x;
}
.wp-block-column.is-style-newsticker>*:last-child {
-ms-flex-item-align: end;
align-self: flex-end;
}
.wp-block-column.is-style-newsticker>.wp-block-columns:first-child {
-ms-flex: 1;
flex: 1;
}
.wp-block-column.is-style-newsticker .wp-block-columns.has-background {
padding: 0;
}
.wp-block-column.is-style-newsticker .is-style-mini-space-around {
-ms-flex: 1;
flex: 1;
margin: 0 !important;
padding: var(--base-space) !important;
-webkit-transition: background 200ms ease-in-out;
transition: background 200ms ease-in-out;
}
.wp-block-column.is-style-newsticker .is-style-mini-space-around .has-small-font-size {
font-size: var(--base-font-size-mini) !important;
margin-top: calc(2 * var(--base-gap));
}
.wp-block-column.is-style-newsticker .is-style-mini-space-around.has-background-accent-2-background-color:hover {
background: var(--base-color-accent) !important;
}
.wp-block-column.is-style-newsticker .is-style-mini-space-around+.wp-block-columns .wp-block-column:last-child>:first-child {
margin-top: 0;
}
.wp-block-column.is-style-overlapping-content .wp-block-image {
margin: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.wp-block-column.is-style-overlapping-content .wp-block-image figure {
width: 13vw;
}
@media (max-width:599px) {
.wp-block-column.is-style-overlapping-content .wp-block-image figure {
width: 33vw;
}
}
@media (min-width:600px) and (max-width:781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child).is-style-countdowncolumn {
-ms-flex-preferred-size: 100% !important;
flex-basis: 100% !important;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child)[style="flex-basis:15%"] {
-ms-flex-preferred-size: 30% !important;
flex-basis: 30% !important;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child).is-style-newsticker {
-ms-flex-preferred-size: calc(70% - var(--base-gap, 2em)) !important;
flex-basis: calc(70% - var(--base-gap, 2em)) !important;
}
}
@media (min-width:600px) and (max-width:781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
-ms-flex-preferred-size: calc(50% - .51 * var(--base-gap)) !important;
flex-basis: calc(50% - .51 * var(--base-gap)) !important;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child).has-background-accent-light-background-color {
-ms-flex-preferred-size: 100% !important;
flex-basis: 100% !important;
}
}
@media (max-width:599px) {
.site-layout-container>.wp-block-columns:first-child>.wp-block-column:not(.has-background-accent-light-background-color):nth-child(2) {
background-color: transparent !important;
}
}
@media (min-width:600px) and (max-width:781px) {
.site-layout-container>.wp-block-columns:nth-child(2)>.wp-block-column {
-ms-flex-preferred-size: calc(50% - .51 * var(--base-gap)) !important;
flex-basis: calc(50% - .51 * var(--base-gap)) !important;
}
}
@media (max-width:599px) {
.site-layout-container>.wp-block-columns:nth-child(2)>.wp-block-column:first-child>*:last-child {
display: none;
}
}
@media (max-width:599px) {
.site-layout-container>.wp-block-columns:nth-child(2)>.wp-block-column:last-child>.wp-block-columns>.wp-block-column {
-ms-flex-preferred-size: 40% !important;
flex-basis: 40% !important;
}
}
.is-style-small-gap.has-space-before {
margin-top: var(--base-offset-vertical-small) !important;
}
.is-style-small-gap.has-space-after {
margin-bottom: var(--base-offset-vertical-small) !important;
}
.wp-block-image.is-style-scale-up {
-ms-transform: scale(1.15);
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.wp-block-image.block-editor-block-list__block img[src$=".svg"] {
width: 100%;
}
.wp-block-group.is-style-hidden {
opacity: .21 !important;
}
body:not(.wp-admin) .wp-block-group.is-style-hidden {
display: none !important;
}
.wp-block-group.is-style-logos {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 2em;
gap: 2em;
}
@media (max-width:999px) {
.wp-block-group.is-style-logos {
padding-right: 1em;
gap: 1em;
}
}
@media (max-width:781px) {
.wp-block-group.is-style-logos {
padding-right: 0;
gap: clamp(1em, 3vw, 10em);
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.wp-block-group.has-background-accent-2-background-color a {
color: var(--base-color-light);
}
.wp-block-group.has-accent-light-background-color+.wp-block-group.has-accent-light-background-color {
margin-top: 3px;
}
.wp-block-group.is-style-no-space-around {
padding: 0px;
}
.wp-block-group.is-style-mini-space-around, .wp-block-group.is-style-mini-space-around.has-background:not(.alignwide):not(.alignfull) {
padding: 9px;
}
.wp-block-group.is-style-mini-space-around.has-background-accent-2-background-color, .wp-block-group.is-style-mini-space-around.has-background:not(.alignwide):not(.alignfull).has-background-accent-2-background-color {
padding-left: 0;
padding-right: 0;
}
.wp-block-group.is-style-mini-space-around *:first-child, .wp-block-group.is-style-mini-space-around.has-background:not(.alignwide):not(.alignfull) *:first-child {
margin-top: 0;
}
.wp-block-group.is-style-mini-space-around .feature-everything-slider .has-space-before, .wp-block-group.is-style-mini-space-around.has-background:not(.alignwide):not(.alignfull) .feature-everything-slider .has-space-before {
margin-top: var(--base-offset) !important;
}
.wp-block-group.is-style-mini-space-around .feature-everything-slider .has-space-after, .wp-block-group.is-style-mini-space-around.has-background:not(.alignwide):not(.alignfull) .feature-everything-slider .has-space-after {
margin-bottom: var(--base-offset) !important;
}
p.is-style-big-font {
font-weight: var(--base-headings-font-weight);
font-size: 96px;
text-transform: uppercase;
}
@media (max-width:999px) {
p.is-style-big-font {
font-size: 56px;
}
}
@media (max-width:599px) {
p.is-style-big-font {
font-size: 40px;
}
}
p.is-style-big-font sub {
position: static;
font-size: var(--base-font-size);
}
p.is-style-big-font sup {
font-size: var(--base-font-size);
}
p.is-style-uppercase-font {
font-weight: var(--base-headings-font-weight);
font-size: 20px;
text-transform: uppercase;
}
p.is-style-ticker {
font-size: 36px;
}
body #sb_instagram #sbi_images {
padding: 0 !important;
margin: 0 calc(var(--base-gap) / -2);
width: calc(100% + var(--base-gap) / 2);
}
body #sb_instagram #sbi_images .sbi_item {
padding: calc(var(--base-gap) / 2) !important;
}
body #sb_instagram .sb_instagram_header h3 {
display: none;
}
body #sb_instagram #sbi_load a.sbi_load_btn {
color: var(--base-color-text);
border: 2px solid var(--base-color-text) !important;
border-radius: 0;
background-color: transparent;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
min-width: 200px;
padding: var(--base-space);
box-shadow: none;
cursor: pointer;
display: inline-block;
text-align: center;
text-decoration: none;
-ms-word-break: break-word;
word-break: break-word;
box-sizing: border-box;
margin: calc(.5 * var(--base-gap)) auto 0 !important;
}
body #sb_instagram #sbi_load a.sbi_load_btn:hover {
color: var(--base-color-light);
border-color: var(--base-color-accent) !important;
background-color: var(--base-color-accent);
text-decoration: none;
box-shadow: none;
}
.wp-block-cover {
min-height: 100%;
}
.wp-block-cover__inner-container {
padding-top: var(--base-offset-vertical-small);
padding-bottom: var(--base-offset-vertical-small);
}
.wp-block-cover__gradient-background, body:not(.wp-admin) .wp-block-cover__gradient-background+video~* {
pointer-events: none;
}
.wp-block-cover__gradient-background+video~* p.is-style-uppercase-font {
font-size: 20px !important;
margin-bottom: calc(1.5 * var(--base-space));
}
@media (max-width:999px) {
.wp-block-cover__gradient-background+video~* p.is-style-uppercase-font {
font-size: 16px !important;
}
}
@media (max-width:599px) {
.wp-block-cover__gradient-background+video~* p.is-style-uppercase-font {
font-size: 14px !important;
}
}
@media (max-width:349px) {
.wp-block-cover__gradient-background+video~* p.is-style-uppercase-font {
font-size: 12px !important;
}
}
a[href*="goo.gl/maps"], a[href*="google.com/maps"] {
margin-bottom: var(--base-offset);
}
.wp-block-cover.is-map-cover {
margin-bottom: calc(-1 * var(--base-offset-vertical));
}
.wp-block-cover.is-map-cover iframe {
border: 0;
height: 40vw;
}
.wp-block-cover.is-map-cover .wp-block-button__link:hover {
color: var(--base-color-background);
}
.wp-block-column.is-vertically-aligned-bottom .wp-block-column.is-vertically-aligned-bottom.has-accent-video-background-color {
-ms-flex-pack: center;
justify-content: center;
}
.wp-block-column.has-accent-video-background-color .wp-block-video, .wp-block-column.has-accent-video-background-color .wp-block-video video {
background: var(--base-color-background) !important;
}
.wp-block-social-links .wp-social-link:not(:last-child) {
margin-right: .5rem;
}
.wp-block-social-links .wp-social-link-facebook a svg, .wp-block-social-links .wp-social-link-instagram a svg {
display: none;
}
.wp-block-social-links .wp-social-link-facebook a:after, .wp-block-social-links .wp-social-link-instagram a:after {
content: " ";
cursor: pointer;
display: block;
background-size: 23px 23px;
height: 23px;
width: 23px;
}
.footer .wp-block-social-links .wp-social-link-facebook a:after, .footer .wp-block-social-links .wp-social-link-instagram a:after {
-webkit-filter: invert(100%) sepia(0%) saturate(7469%) hue-rotate(68deg) brightness(102%) contrast(102%);
filter: invert(100%) sepia(0%) saturate(7469%) hue-rotate(68deg) brightness(102%) contrast(102%);
}
.wp-block-social-links .wp-social-link-facebook a:after {
background-image: url(//estival-esslingen.de/wp-content/themes/estival/config-stylebase/icons/metro-facebook.svg);
}
.wp-block-social-links .wp-social-link-instagram a:after {
background-image: url(//estival-esslingen.de/wp-content/themes/estival/config-stylebase/icons/metro-instagram.svg);
}
.wp-block-columns {
width: 100%;
position: relative;
}
.wp-block-columns .wp-block-column {
position: relative;
}
@media (max-width:599px) {
.wp-block-columns .wp-block-column.has-space-after+.wp-block-column.has-space-before {
margin-top: 0 !important;
}
}
.wp-block-column.is-vertically-aligned-bottom .wp-block-video video:not([loop]) {
margin-bottom: var(--base-gap);
min-height: calc(100% - var(--base-gap));
}
@media (min-width:600px) {
.wp-block-column.is-vertically-aligned-bottom {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.wp-block-column.is-vertically-aligned-bottom .wp-block-video+.wp-block-columns.is-style-small-gap {
-ms-flex: 1;
flex: 1;
}
.wp-block-column.is-vertically-aligned-bottom .wp-block-video+.wp-block-columns.is-style-small-gap .wp-block-column.has-accent-background-color {
-ms-flex-pack: center;
justify-content: center;
}
.wp-block-column.is-vertically-aligned-bottom .feature-everything-slider {
-ms-flex: 1;
flex: 1;
}
body:not(.wp-admin) .wp-block-column.is-vertically-aligned-bottom .feature-everything-slider__slides, body:not(.wp-admin) .wp-block-column.is-vertically-aligned-bottom .feature-everything-slider__slides .slick-list, body:not(.wp-admin) .wp-block-column.is-vertically-aligned-bottom .feature-everything-slider__slides .slick-track {
height: 100% !important;
}
body.wp-admin .wp-block-column.is-vertically-aligned-bottom .feature-everything-slider__slides, body.wp-admin .wp-block-column.is-vertically-aligned-bottom .feature-everything-slider__slides .slick-list, body.wp-admin .wp-block-column.is-vertically-aligned-bottom .feature-everything-slider__slides .slick-track {
height: 350px !important;
}
}
@media (max-width:599px) {
.wp-block-column.is-vertically-aligned-bottom .feature-everything-slider {
min-height: 250px !important;
}
.wp-block-column.is-vertically-aligned-bottom .feature-everything-slider__slides, .wp-block-column.is-vertically-aligned-bottom .feature-everything-slider__slides .slick-list, .wp-block-column.is-vertically-aligned-bottom .feature-everything-slider__slides .slick-track {
height: 250px !important;
}
}
.feature-everything-slider .slick-slide .wp-block-columns .wp-block-column.is-style-space-around h3+.wp-block-group {
max-height: 350px;
-ms-flex-pack: start;
justify-content: flex-start;
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.feature-everything-slider .slick-slide .wp-block-columns .wp-block-column.is-style-space-around h3+.wp-block-group::-webkit-scrollbar {
display: none;
}
@media (min-width:782px) {
.feature-everything-slider .slick-slide .wp-block-columns .wp-block-column.is-style-space-around h3+.wp-block-group.has-space-after {
margin-bottom: calc(var(--base-offset-vertical) / 2) !important;
}
}
@media (max-width:999px) {
.feature-everything-slider .slick-slide .wp-block-columns .wp-block-column.is-style-space-around h3+.wp-block-group {
max-height: 260px;
}
}
@media (max-width:781px) {
.feature-everything-slider .slick-slide .wp-block-columns .wp-block-column.is-style-space-around h3+.wp-block-group {
max-height: 140px;
}
}
@media (max-width:599px) {
.feature-everything-slider .slick-slide .wp-block-columns .wp-block-column.is-style-space-around h3+.wp-block-group {
max-height: initial;
}
}
#fakten.has-space-after {
margin-bottom: 3px !important;
}
.wp-block-group.has-accent-light-background-color.has-background {
padding-top: calc(var(--base-offset-vertical) / 2);
padding-bottom: calc(var(--base-offset-vertical) / 2);
}
#partner .wp-block-columns.has-space-after:first-child {
margin-top: var(--base-offset) !important;
}
#partner .wp-block-columns.has-space-after:last-child {
margin-bottom: var(--base-offset) !important;
}
#partner.wp-block-group.has-accent-light-background-color .has-small-font-size {
font-size: var(--base-font-size-mini) !important;
}
#partner.wp-block-group.has-accent-light-background-color .alignright {
margin-right: 2em;
margin-left: 0;
}
#partner.wp-block-group.has-accent-light-background-color .aligncenter {
margin-left: 0;
}
@media (max-width:781px) {
#partner.wp-block-group.has-accent-light-background-color .aligncenter {
margin-right: 0;
}
}
@media (min-width:782px) {
#partner.wp-block-group.has-accent-light-background-color:nth-last-of-type(2) .wp-block-columns:nth-of-type(2)>.wp-block-column:not(:last-child) {
margin-right: 36px;
}
#partner.wp-block-group.has-accent-light-background-color:nth-last-of-type(2) .wp-block-columns:nth-of-type(2)>.wp-block-column .wp-block-image img {
height: 70px;
width: auto;
}
}
@media (max-width:781px) {
#partner.wp-block-group.has-accent-light-background-color .wp-block-columns {
display: -ms-grid;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: var(--base-gap);
}
#partner.wp-block-group.has-accent-light-background-color .wp-block-columns .wp-block-columns img {
width: auto;
max-height: 48px;
height: 48px;
}
#partner.wp-block-group.has-accent-light-background-color:last-child .wp-block-columns {
grid-template-columns: 1fr;
grid-gap: var(--base-offset);
text-align: center;
}
}
@media (max-width:781px) and (max-width:781px) {
#partner.wp-block-group.has-accent-light-background-color:not(:last-child) .alignright {
margin-right: auto;
float: none;
text-align: left;
}
#partner.wp-block-group.has-accent-light-background-color:not(:last-child) .wp-block-image img {
height: 10vw !important;
width: auto !important;
width: 100% !important;
max-height: initial !important;
max-width: initial;
max-width: 100%;
object-fit: contain;
object-position: center;
}
#partner.wp-block-group.has-accent-light-background-color:not(:last-child) .wp-block-image img.wp-image-946 {
height: 54px !important;
}
#partner.wp-block-group.has-accent-light-background-color:not(:last-child) .is-style-logos .wp-block-image img {
width: 100% !important;
}
}
@media (max-width:781px) and (max-width:599px) {
#partner.wp-block-group.has-accent-light-background-color:not(:last-child) .wp-block-column:first-child+.wp-block-column .aligncenter {
margin-left: auto;
margin-right: auto;
}
#partner.wp-block-group.has-accent-light-background-color:not(:last-child) .wp-block-image img {
height: 11vw !important;
}
}
@media (max-width:781px) and (max-width:781px) {
#partner.wp-block-group.has-accent-light-background-color:last-child .alignright {
width: 80%;
float: none;
margin: 0 auto;
}
}
@media (max-width:781px) and (max-width:781px) {
#partner.wp-block-group.has-accent-light-background-color:last-child .wp-block-columns img {
width: 70%;
margin-right: 15%;
}
}
body.wp-admin .wp-block-group.has-accent-light-background-color img[src$=".svg"] {
min-height: 48px;
}
.footer {
margin-top: 3px;
}
.footer .has-small-font-size {
font-size: var(--base-font-size-mini) !important;
}
.footer__widgets {
width: 100%;
max-width: 100%;
margin: 0;
}
.footer__widgets a {
color: inherit;
}
.footer__widgets .footer__widget>.wp-block-group.has-background {
padding: 20px 0;
}
.footer__widgets .footer__widget>.wp-block-group.has-background>.wp-block-group.inner-alignwide {
width: var(--base-layout-width);
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (max-width:599px) {
.footer__widgets .footer__widget>.wp-block-group.has-background>.wp-block-group.inner-alignwide .wp-block-columns .wp-block-image {
margin-bottom: var(--base-offset);
}
}
.footer__widgets .footer__widget>.wp-block-group.has-background>.wp-block-group.inner-alignwide .wp-block-columns>.wp-block-column:not(:first-child) {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
@media (min-width:1000px) {
.footer__widgets .footer__widget>.wp-block-group.has-background>.wp-block-group.inner-alignwide .wp-block-columns>.wp-block-column:not(:first-child) {
-ms-flex-preferred-size: 650px;
flex-basis: 650px;
max-width: 650px;
}
}
@media (max-width:999px) {
.footer__widgets .footer__widget>.wp-block-group.has-background>.wp-block-group.inner-alignwide .wp-block-columns>.wp-block-column {
-ms-flex-preferred-size: 50% !important;
flex-basis: 50% !important;
}
}
.footer__widgets .footer__widget>.wp-block-group.has-background>.wp-block-group.inner-alignwide .wp-block-columns .wp-block-social-links {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
gap: 10px;
margin-bottom: 0;
}
.footer__widgets .footer__widget>.wp-block-group.has-background>.wp-block-group.inner-alignwide .wp-block-columns .footer-menu {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.footer__widgets .footer__widget>.wp-block-group.has-background>.wp-block-group.inner-alignwide .wp-block-columns .footer-menu>ul {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex: 1;
flex: 1;
gap: 30px;
}
@media (max-width:999px) {
.footer__widgets .footer__widget>.wp-block-group.has-background>.wp-block-group.inner-alignwide .wp-block-columns .footer-menu>ul {
-ms-flex-direction: column;
flex-direction: column;
gap: 0;
text-align: right;
}
}
.footer__widgets .footer__widget>.wp-block-group.has-background>.wp-block-group.inner-alignwide .wp-block-columns .footer-menu>ul li a {
font-size: 14px;
text-transform: uppercase;
font-weight: 900;
}
.footer__widgets .footer__widget>.wp-block-group.has-background>.wp-block-group.inner-alignwide .wp-block-columns .footer-menu>ul li a:hover {
text-decoration: none !important;
}
.footer__widgets .footer__widget>.wp-block-group.has-background>.wp-block-group.inner-alignwide .wp-block-columns .footer-menu>ul li:hover, .footer__widgets .footer__widget>.wp-block-group.has-background>.wp-block-group.inner-alignwide .wp-block-columns .footer-menu>ul li.current-menu-item {
text-decoration: underline;
}
.wp-block-file+.wp-block-file {
margin-top: -1.4em;
}
@media (min-width:1700px) {
.feature-events-teaser__date-inner {
height: 295px;
}
}
@media (min-width:600px) {
.wp-block-column.is-vertically-aligned-bottom .feature-everything-slider+.wp-block-columns.is-style-small-gap {
-ms-flex: 1;
flex: 1;
}
}
.wp-block-column.is-vertically-aligned-bottom .feature-everything-slider+.wp-block-columns.is-style-small-gap {
margin-top: var(--base-gap);
}
@-webkit-keyframes stylebaseOpacityFadeIn {
0% {
opacity: 0;
}
15% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes stylebaseOpacityFadeIn {
0% {
opacity: 0;
}
15% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.wp-block-buttons .wp-block-button__link {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
min-width: 200px;
padding: var(--base-space);
}
.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link {
color: var(--base-color-text);
border-color: var(--base-color-text);
-webkit-transition: 100ms linear;
transition: 100ms linear;
}
.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:hover {
color: var(--base-color-light);
border-color: var(--base-color-accent);
background-color: var(--base-color-accent);
text-decoration: none;
}
.wp-block-buttons.is-style-valign-bottom {
position: absolute;
bottom: 0;
}
.wp-block-buttons.is-style-valign-bottom .has-space-before {
margin-top: calc(var(--base-offset-vertical) / 2) !important;
}
.wp-block-video {
margin-bottom: 0;
position: relative;
max-height: 100vh;
overflow: hidden;
}
@media (min-width:600px) {
.wp-block-video.is-style-mobile-only {
display: none !important;
}
}
@media (max-width:599px) {
.wp-block-video.is-style-desktop-only {
display: none !important;
}
}
.wp-block-video video, .wp-block-video [poster] {
min-height: 100%;
object-fit: contain;
}
.wp-block-video figcaption {
position: absolute;
bottom: var(--theme-offset-v);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: var(--theme-offset-h);
right: var(--theme-offset-h);
text-align: center;
margin: 0;
color: var(--theme-color-accent);
font-size: var(--theme-h2-font-size);
line-height: var(--theme-headings-line-height);
font-family: var(--theme-font-secondary);
}
.feature-countdown {
margin-bottom: 0;
padding: 0;
margin: 0 calc(var(--base-offset) / 2);
pointer-events: none;
}
.feature-countdown * {
pointer-events: none;
}
.feature-countdown #feature-countdown__text {
display: -ms-grid;
display: grid;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: var(--base-gap);
-moz-column-gap: var(--base-gap);
-webkit-column-gap: var(--base-gap);
column-gap: var(--base-gap);
white-space: nowrap;
}
.feature-countdown #feature-countdown__text div {
padding: 0;
color: var(--base-color-light);
}
.feature-countdown #feature-countdown__text div p {
font-weight: 700;
margin-bottom: 0;
text-transform: uppercase;
font-size: 20px;
}
@media (max-width:999px) {
.feature-countdown #feature-countdown__text div p {
font-size: 16px;
}
}
@media (max-width:599px) {
.feature-countdown #feature-countdown__text div p {
font-size: 14px;
}
}
@media (max-width:349px) {
.feature-countdown #feature-countdown__text div p {
font-size: 12px;
}
}
.feature-countdown #feature-countdown__text div h2 {
font-size: 63px;
border: 2px solid var(--base-color-light);
padding: calc(var(--base-offset) - .7rem) 0;
margin-top: 0;
margin-bottom: 14px;
}
@media (max-width:999px) {
.feature-countdown #feature-countdown__text div h2 {
font-size: 43px;
}
}
@media (max-width:349px) {
.feature-countdown #feature-countdown__text div h2 {
font-size: 34px;
}
}
:root {
--event-size-large: calc(.52 * ( var(--base-layout-width) + 2 * var(--base-space) ));
--event-size-small: calc(.16 * ( var(--base-layout-width) + 2 * var(--base-space) ));
}
@media (max-width:1000px) {
:root {
--event-size-small: calc(.16 * ( var(--base-layout-width) + var(--base-space) ));
}
}
@media (max-width:599px) {
:root {
--event-size-large: 120vw;
}
}
.feature-events-wrap {
position: relative;
}
@media (max-width:599px) {
.feature-events-wrap {
padding-top: calc(3 * var(--base-space));
}
}
.wp-block-group.has-background>.feature-events-wrap {
margin-bottom: calc(-1 * var(--base-offset-vertical));
}
@media (max-width:599px) {
.wp-block-group.has-background>.feature-events-wrap {
margin-top: calc(-1 * var(--base-offset-vertical));
}
}
.feature-events-calendar {
height: 34px;
width: 32px;
padding: 0 5px !important;
position: absolute;
z-index: 20 !important;
left: calc(var(--event-size-large) + var(--event-size-small) - 4 * var(--base-space) - 33px);
top: calc(2 * var(--base-space));
background: transparent url(//estival-esslingen.de/wp-content/themes/estival/config-stylebase/icons/Kalender.svg) center center no-repeat;
background-size: contain;
border: 0 !important;
text-indent: -999999999px;
margin: 3px 0 !important;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
@media (pointer:fine) {
.feature-events-calendar:hover {
background-image: url(//estival-esslingen.de/wp-content/themes/estival/config-stylebase/icons/Kalender-accent.svg);
}
}
@media (max-width:599px) {
.feature-events-calendar {
left: initial !important;
right: calc(var(--base-offset) + 18px);
top: 26px;
height: 20px;
width: 24px !important;
}
}
.feature-events-calendar::-webkit-inner-spin-button, .feature-events-calendar::-webkit-calendar-picker-indicator {
opacity: 0;
cursor: pointer;
}
@media (max-width:599px) {
.feature-events-slider {
padding-top: 0;
padding-bottom: calc(2 * var(--base-offset-vertical));
}
}
.feature-events-slider-background {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(//estival-esslingen.de/wp-content/themes/estival/feature-events/scheinwerfer.png) right bottom no-repeat;
background-size: 40% auto;
z-index: 1;
}
.feature-events-slider .slick-list {
z-index: 10;
}
@media (min-width:600px) {
.feature-events-slider .slick-list {
margin-left: calc(0px - var(--base-space));
margin-right: calc(0px - var(--base-space));
}
}
.feature-events-slider .slick-track {
min-height: var(--event-size-large);
}
@media (max-width:599px) {
.feature-events-slider .slick-track {
min-height: calc(var(--event-size-large) + var(--base-offset-vertical));
}
}
.feature-events-slider__arrow {
position: absolute;
z-index: 10;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 36px;
height: 36px;
background-color: var(--base-color-background);
color: var(--base-color-text);
-webkit-transition: all .15s ease;
transition: all .15s ease;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
@media (max-width:599px) {
.feature-events-slider__arrow {
top: calc(( var(--event-size-large) + var(--base-offset-vertical) ) / 2);
}
}
@media (min-width:600px) {
.feature-events-slider__arrow {
top: var(--event-size-small);
width: 70px;
height: 70px;
}
.feature-events-slider__arrow:hover {
background-color: var(--base-color-background-accent2);
color: var(--base-color-background);
}
}
.feature-events-slider__arrow.is-prev {
left: calc(-1 * var(--base-offset));
}
@media (min-width:600px) {
.feature-events-slider__arrow.is-prev {
left: var(--event-size-small);
-ms-transform: translateX(calc(-100% - var(--base-space) * 2));
-webkit-transform: translateX(calc(-100% - var(--base-space) * 2));
transform: translateX(calc(-100% - var(--base-space) * 2));
}
}
.feature-events-slider__arrow.is-prev svg {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.feature-events-slider__arrow.is-next {
right: calc(-1 * var(--base-offset));
}
@media (min-width:600px) {
.feature-events-slider__arrow.is-next {
left: calc(var(--event-size-large) + var(--event-size-small));
right: initial;
-ms-transform: none;
-webkit-transform: none;
transform: none;
}
}
.feature-events-slider__arrow.slick-disabled, .feature-events-slider__arrow.disabled {
opacity: .5;
pointer-events: none;
cursor: default;
}
.feature-events-slider__arrow svg {
width: 18px;
height: 18px;
}
@media (min-width:600px) {
.feature-events-slider__arrow svg {
width: 34px;
height: 34px;
}
}
.feature-events__date {
width: var(--event-size-small);
height: var(--event-size-small) !important;
position: relative;
}
@media (min-width:600px) {
.feature-events__date {
padding: 0 var(--base-space);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
}
@media (max-width:599px) {
.feature-events__date {
height: var(--event-size-large) !important;
}
}
.feature-events__date-inner {
padding: calc(var(--base-space) * .85) calc(var(--base-space) * .75);
-webkit-transition: all .3s ease;
transition: all .3s ease;
background-color: var(--base-color-background-accent-light);
position: absolute;
left: 25px;
right: 25px;
top: 0;
bottom: 0;
overflow: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.feature-events__date-inner::-webkit-scrollbar {
display: none;
}
@media (min-width:600px) {
.feature-events__date-inner {
top: 0;
bottom: calc(var(--base-space) * 2);
left: var(--base-space);
right: var(--base-space);
}
}
@media (max-width:599px) {
.feature-events__date-inner {
padding: calc(var(--base-space) * 1.75) calc(var(--base-space) * 2);
}
}
.feature-events__date-heading {
text-transform: uppercase;
color: var(--base-color-background-accent);
line-height: 1;
font-family: var(--base-headings-font-family);
font-weight: var(--base-headings-font-weight);
-webkit-transition: all .3s ease;
transition: all .3s ease;
margin: 0 0 var(--base-space) 0;
}
@media (min-width:600px) {
.feature-events__date-heading {
font-size: var(--base-font-size-small);
}
}
.feature-events__date-heading>span {
font-size: var(--base-font-size-small);
display: block;
margin-top: 5px;
}
.feature-events__date-event {
text-transform: uppercase;
margin-bottom: calc(.5 * var(--base-space));
}
@media (min-width:600px) {
.feature-events__date-event {
font-size: calc(.65 * var(--base-font-size-small));
}
}
.feature-events__date-event:last-child {
margin-bottom: 0;
}
.feature-events__date-event__title {
color: var(--base-color-background-accent);
padding: calc(var(--base-space) / 2) var(--base-space);
font-family: var(--base-headings-font-family);
font-weight: var(--base-headings-font-weight);
-webkit-transition: all .3s ease;
transition: all .3s ease;
background-color: rgba(255, 255, 255, .5);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width:599px) {
.feature-events__date-event__title {
white-space: initial;
overflow: initial;
text-overflow: initial;
font-size: var(--base-font-size-small);
}
}
@media (min-width:600px) {
.feature-events__date-event__title {
pointer-events: none;
font-size: var(--base-font-size-small);
padding: calc(var(--base-space) / 4) calc(var(--base-space) / 2);
}
}
.feature-events__date-event__title.has-bgcolor {
color: var(--base-color-background);
}
.feature-events__date-event__title.is-trigger {
cursor: pointer;
}
.feature-events__date-event__title.is-trigger:not(.has-bgcolor):hover {
background-color: rgba(255, 255, 255, .3);
}
.feature-events__date-event__title.is-trigger.has-bgcolor:hover {
background-color: rgba(67, 102, 131, .8) !important;
}
.feature-events__date-event__title>* {
margin: 0;
}
.feature-events__date-event__title time {
display: inline-block;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
@media (max-width:599px) {
.feature-events__date-event__title time {
min-width: 100px;
display: block;
}
}
@media (min-width:600px) {
.feature-events__date-event__title time {
min-width: 47%;
}
}
.feature-events__date-event__content {
color: var(--base-color-text);
max-height: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
transition: all .3s ease;
overflow: hidden;
background-color: var(--base-color-background);
padding: 0 var(--base-space);
font-size: var(--base-font-size-small);
text-transform: none;
}
.is-trigger.active+.feature-events__date-event__content {
padding: var(--base-space);
}
@media (min-width:600px) {
.feature-events__date-event__content {
font-size: var(--base-font-size-medium);
}
}
.feature-events__date-event__content>*:first-child {
margin-top: var(--base-space);
}
.feature-events__date-event__content .wp-block-column>* {
margin-bottom: var(--base-space) !important;
}
.feature-events__date-event__content .wp-block-column>*:first-child {
margin-top: calc(var(--base-space) / 2);
}
.feature-events__date-event-sponsor {
background: var(--base-color-accent-light);
line-height: 1;
margin-top: calc(var(--base-space) * -.5);
font-size: calc(.81 * var(--base-font-size-mini));
padding: calc(var(--base-space) / 4) calc(var(--base-space) / 2);
margin-bottom: calc(var(--base-space) * .5);
}
@media (min-width:600px) {
.feature-events__date-event-sponsor {
font-size: calc(.5 * var(--base-font-size-small));
}
}
.feature-events__date-event-sponsor p {
margin: 0;
height: 2.3em;
padding-top: .2em;
}
@media (min-width:600px) {
.feature-events__date-event-sponsor p {
height: 1.1em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-top: 0;
}
}
.feature-events__date.slick-current+.slick-slide {
width: var(--event-size-large);
height: calc(.95 * var(--event-size-large)) !important;
}
@media (max-width:599px) {
.feature-events__date.slick-current+.slick-slide {
height: var(--event-size-large) !important;
}
}
.feature-events__date.slick-current+.slick-slide .feature-events__date-inner {
padding: calc(var(--base-space) * 1.75) calc(var(--base-space) * 2);
}
.feature-events__date.slick-current+.slick-slide .feature-events__date-heading {
margin-bottom: calc(var(--base-space) * 2);
}
@media (min-width:600px) {
.feature-events__date.slick-current+.slick-slide .feature-events__date-heading {
font-size: var(--base-headings-font-size-2);
}
}
.feature-events__date.slick-current+.slick-slide .feature-events__date-heading>span {
font-size: var(--base-font-size);
}
.feature-events__date.slick-current+.slick-slide .feature-events__date-event {
margin-bottom: var(--base-space);
}
.feature-events__date.slick-current+.slick-slide .feature-events__date-event__title {
padding: calc(var(--base-space) / 2) var(--base-space);
white-space: initial;
overflow: initial;
text-overflow: initial;
}
@media (min-width:600px) {
.feature-events__date.slick-current+.slick-slide .feature-events__date-event__title {
font-size: var(--base-headings-font-size-3);
pointer-events: all;
}
}
.feature-events__date.slick-current+.slick-slide .feature-events__date-event__title.is-trigger {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
gap: var(--base-gap);
}
.feature-events__date.slick-current+.slick-slide .feature-events__date-event__title time {
min-width: 165px;
}
.feature-events__date.slick-current+.slick-slide .feature-events__date-event-sponsor {
margin-bottom: calc(var(--base-space));
margin-top: calc(var(--base-space) * -1);
font-size: var(--base-font-size-mini);
padding: var(--base-space);
padding-bottom: calc(var(--base-space) / 1.2);
}
@media (min-width:600px) {
.feature-events__date.slick-current+.slick-slide .feature-events__date-event-sponsor {
font-size: var(--base-font-size-mini);
}
}
.feature-events__infotext {
background-color: var(--base-color-background-accent2);
font-weight: var(--base-headings-font-weight);
line-height: 1.25;
display: none;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
z-index: 20;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
padding: var(--base-space);
position: absolute;
right: 0;
top: var(--event-size-small);
width: calc(var(--event-size-small) - ( var(--base-space) * 2 ));
min-height: calc(var(--event-size-small) - var(--base-space));
overflow: hidden;
font-size: var(--base-font-size);
color: var(--base-color-light);
}
.feature-events__infotext:hover {
color: var(--base-color-light);
}
@media (max-width:599px) {
.feature-events__infotext {
bottom: calc(var(--base-offset-vertical) + var(--base-space) * 2);
margin: 0;
width: calc(var(--base-layout-width) - 50px);
right: 25px;
min-height: 1px;
-ms-flex-pack: center;
justify-content: center;
text-overflow: ellipsis;
font-size: calc(.81 * var(--base-font-size-mini));
top: initial;
}
.feature-events__infotext br {
display: none;
}
}
.feature-events-teaser:hover {
text-decoration: none !important;
color: inherit !important;
}
.feature-events-teaser h3 {
color: var(--base-color-background-accent);
}
.feature-events-teaser h3+span {
font-size: var(--base-font-size-mini);
display: block;
text-transform: uppercase;
color: var(--base-color-background-accent);
line-height: 1;
font-family: var(--base-headings-font-family);
font-weight: var(--base-headings-font-weight);
-webkit-transition: all .3s ease;
transition: all .3s ease;
margin: -7px 0 var(--base-space) 0;
}
.feature-events-teaser__date-inner {
padding: 2px 4px 4px;
}
@media (min-width:782px) {
.feature-events-teaser__date-inner {
height: 250px;
overflow: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.feature-events-teaser__date-inner::-webkit-scrollbar {
display: none;
}
}
@media (min-width:1700px) {
.feature-events-teaser__date-inner {
height: 295px;
}
}
.feature-events-teaser__date-event {
color: var(--base-color-background-accent);
background: var(--base-color-background);
font-size: var(--base-font-size-small);
margin-bottom: 6px;
text-transform: uppercase;
padding: 5px 7px 4px;
font-weight: bold;
line-height: 1.15;
}
.feature-events-teaser__date-event time {
display: block;
}
.feature-events-teaser__date-event.has-bgcolor {
color: var(--base-color-background);
}
:root {
--everything-slider-color: var(--base-color-background);
--everything-slider-background: var(--base-color-text);
}
.feature-everything-slider {
position: relative;
margin-bottom: var(--base-offset-vertical);
background: var(--everything-slider-background);
}
.feature-everything-slider .slick-initialized .slick-slide.has-custom-content-position {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.feature-everything-slider .wp-block-group>p, .feature-everything-slider .wp-block-cover__inner-container {
width: var(--base-layout-width) !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.feature-everything-slider__slides {
-ms-user-select: initial;
-moz-user-select: initial;
-webkit-user-select: initial;
user-select: initial;
min-height: 50px;
}
.feature-everything-slider__slides .slick-slide {
overflow: hidden;
margin-bottom: 0;
padding: 0;
}
.feature-everything-slider__slides .slick-slide :first-child {
margin-top: 0;
}
.feature-everything-slider__slides .slick-slide h3 {
font-size: var(--base-headings-font-size-1);
}
.feature-everything-slider__slides .slick-slide :last-child {
margin-bottom: 0;
}
.feature-everything-slider__slides .wp-block-group {
min-height: 50px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
padding-top: calc(2 * var(--base-offset-vertical));
padding-bottom: calc(2 * var(--base-offset-vertical));
}
.feature-everything-slider__slides .wp-block-cover {
color: var(--everything-slider-color);
}
.feature-everything-slider__slides .wp-block-cover:not([style*="min-height"]) {
min-height: 100vh;
min-height: calc(var(--vh, 1vh) * 100);
max-height: calc(var(--vh, 1vh) * 100);
}
.feature-everything-slider__arrow {
display: block;
line-height: 1;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.feature-everything-slider__arrow.slick-disabled {
opacity: 0;
pointer-events: none;
}
.feature-everything-slider__arrow.is-prev {
left: var(--base-space);
-ms-transform: rotate(180deg) translateY(calc(50% + 4px));
-webkit-transform: rotate(180deg) translateY(calc(50% + 4px));
transform: rotate(180deg) translateY(calc(50% + 4px));
}
.feature-everything-slider__arrow.is-next {
right: var(--base-space);
}
.feature-everything-slider__arrow svg {
width: 50px;
height: 50px;
opacity: .61;
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
@media (max-width:599px) {
.feature-everything-slider__arrow svg {
width: 36px;
height: 36px;
}
}
.feature-everything-slider__arrow path {
stroke: var(--everything-slider-color);
}
.feature-everything-slider__arrow:hover svg {
opacity: 1;
}
.feature-everything-slider .slick-dots {
list-style: none;
font-size: 0;
position: absolute;
bottom: var(--base-space);
right: 0;
left: 0;
padding: var(--base-space);
margin-bottom: 0;
text-align: center;
}
.feature-everything-slider .slick-dots li {
background: transparent;
width: 16px;
height: 8px;
border: 1px solid var(--everything-slider-color);
display: inline-block;
margin: 0 6px;
cursor: pointer;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
border-radius: 100px;
opacity: .61;
}
.feature-everything-slider .slick-dots li.slick-active {
background: var(--everything-slider-color);
}
.feature-everything-slider .slick-dots li:hover {
opacity: 1;
background: var(--everything-slider-color);
}
.feature-everything-slider .slick-dots li button {
display: none;
}
.feature-everything-slider {
--everything-slide-color: var(--base-color-text);
background: transparent;
margin-bottom: 0;
}
.feature-everything-slider.has-space-after {
margin-bottom: var(--base-offset-vertical);
}
.feature-everything-slider__slides .wp-block-group {
padding-top: 0;
padding-bottom: 0;
}
.feature-everything-slider .feature-everything-slider__arrow svg {
width: 40px;
height: 40px;
}
.feature-everything-slider .slick-dots {
padding: var(--base-offset-vertical-small);
bottom: var(--base-space);
right: var(--base-space);
left: initial;
}
.feature-everything-slider .slick-dots li {
width: 5px;
height: 5px;
margin: 0 3px;
opacity: 1;
opacity: .5;
border: 1px solid var(--base-color-light);
background: var(--base-color-light);
}
.feature-everything-slider .slick-dots li.slick-active, .feature-everything-slider .slick-dots li:hover {
background: var(--base-color-light);
opacity: 1;
}
.feature-everything-slider.is-style-dotsdark .slick-dots li, .feature-everything-slider.is-style-dotsbelow .slick-dots li {
border: 1px solid var(--base-color-text);
background: var(--base-color-text);
}
.feature-everything-slider.is-style-dotsdark .feature-everything-slider__arrow path, .feature-everything-slider.is-style-dotsbelow .feature-everything-slider__arrow path {
stroke: var(--base-color-text);
}
.feature-everything-slider.is-style-dotsbelow .slick-dots {
text-align: right;
position: absolute;
bottom: calc(-2 * var(--base-space));
margin-bottom: 0;
right: 0;
padding: 0;
}
@media (max-width:599px) {
.feature-everything-slider.is-style-dotsbelow .slick-dots {
bottom: calc(-1 * var(--base-offset));
}
}
.feature-everything-slider.is-style-dotsbelow .feature-everything-slider__arrow {
top: 45%;
}
.feature-everything-slider__arrow {
opacity: 0;
-webkit-transition: opacity 400ms ease-in-out;
transition: opacity 400ms ease-in-out;
}
@media (max-width:599px) {
.feature-everything-slider__arrow {
display: none !important;
}
}
.feature-everything-slider__arrow path {
stroke: var(--base-color-light);
}
.feature-everything-slider__arrow svg {
opacity: 1;
}
.feature-everything-slider__arrow.is-prev {
left: 0;
}
@media (min-width:1000px) {
.feature-everything-slider__arrow.is-prev {
left: calc(-1.5 * var(--base-offset));
padding-left: var(--base-offset);
}
}
@media (min-width:1300px) {
.feature-everything-slider__arrow.is-prev {
left: calc(-2 * var(--base-offset));
}
}
.wp-block-columns .feature-everything-slider__arrow.is-prev {
left: var(--base-space);
padding-left: 0;
}
.feature-everything-slider__arrow.is-next {
right: 0;
}
@media (min-width:1000px) {
.feature-everything-slider__arrow.is-next {
right: calc(-1.5 * var(--base-offset));
padding-left: var(--base-offset);
}
}
@media (min-width:1300px) {
.feature-everything-slider__arrow.is-next {
right: calc(-2 * var(--base-offset));
}
}
.wp-block-columns .feature-everything-slider__arrow.is-next {
right: var(--base-space);
padding-left: 0;
}
.feature-everything-slider:hover .feature-everything-slider__arrow {
opacity: 1;
}
@media (max-width:599px) {
.has-background-accent-background-color .feature-everything-slider .feature-everything-slider__slides .slick-slide :last-child, .has-background-accent-2-background-color .feature-everything-slider .feature-everything-slider__slides .slick-slide :last-child {
margin-bottom: var(--base-offset);
}
}
.has-background-accent-background-color .feature-everything-slider .slick-dots, .has-background-accent-2-background-color .feature-everything-slider .slick-dots {
bottom: calc(-.5 * var(--base-space));
}
.has-background-accent-background-color .feature-everything-slider .slick-dots li, .has-background-accent-2-background-color .feature-everything-slider .slick-dots li {
border: 1px solid var(--base-color-accent-light);
background: var(--base-color-accent-light);
}
.has-background-accent-background-color .feature-everything-slider .slick-dots li.slick-active, .has-background-accent-background-color .feature-everything-slider .slick-dots li:hover, .has-background-accent-2-background-color .feature-everything-slider .slick-dots li.slick-active, .has-background-accent-2-background-color .feature-everything-slider .slick-dots li:hover {
background: var(--base-color-accent-light);
}
.has-background-accent-background-color .feature-everything-slider .feature-everything-slider__arrow path, .has-background-accent-2-background-color .feature-everything-slider .feature-everything-slider__arrow path {
stroke: var(--base-color-accent-light);
}
.has-background-accent-2-background-color .feature-everything-slider .slick-dots {
padding-right: 0;
right: 0;
}
@media (max-width:599px) {
.has-background-accent-2-background-color .feature-everything-slider .slick-slide {
height: 285px;
}
}
.hosts-map-wrap {
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.hosts-map-wrap::-webkit-scrollbar {
display: none;
}
svg.hosts-map {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
min-width: 100%;
width: 100%;
margin: 0;
}
@media (max-width:781px) {
svg.hosts-map {
min-width: 1000px;
}
}
svg.hosts-map .host-trigger-group.is-active>g:first-child polygon, svg.hosts-map .host-trigger-group.is-active>g:first-child rect, svg.hosts-map .host-trigger-group:hover>g:first-child polygon, svg.hosts-map .host-trigger-group:hover>g:first-child rect {
fill: var(--base-color-background-accent) !important;
}
svg.hosts-map .host-trigger-group #Logo_something {
pointer-events: none;
}
svg.hosts-map .host-trigger-group g[id^="Logo_" i] polygon, svg.hosts-map .host-trigger-group g[id^="Logo_" i] path, svg.hosts-map .host-trigger-group g[id^="Logo_" i] rect {
pointer-events: none;
}
.feature-hosts {
--hosts-height-gigante: calc(3 * 234px + 2 * var(--base-gap));
--hosts-height-thumb: 220px;
--hosts-width-thumb: 25%;
position: relative;
-webkit-transition: height 400ms ease-in-out;
transition: height 400ms ease-in-out;
}
@media (max-width:1799px) {
.feature-hosts {
--hosts-height-gigante: calc(3 * 174px + 2 * var(--base-gap));
--hosts-height-thumb: 180px;
}
}
@media (max-width:781px) {
.feature-hosts {
--hosts-height-gigante: 350px;
--hosts-height-thumb: 150px;
}
}
@media (max-width:499px) {
.feature-hosts {
--hosts-height-gigante: auto;
}
}
body.wp-admin .feature-hosts {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
gap: var(--base-gap);
}
.feature-hosts:not(.has-active-gigante) {
width: calc(4 * var(--hosts-width-thumb) + var(--base-gap)) !important;
margin: 0 auto;
}
@media (max-width:1299px) {
.feature-hosts:not(.has-active-gigante) {
width: calc(4 * var(--hosts-width-thumb) + var(--base-gap)) !important;
}
}
@media (max-width:999px) {
.feature-hosts:not(.has-active-gigante) {
width: calc(100% + var(--base-gap)) !important;
}
}
.feature-hosts.is-style-isotope-enlarge figure {
width: calc(25% - var(--base-gap)) !important;
}
@media (max-width:781px) {
.feature-hosts.is-style-isotope-enlarge figure {
width: calc(33.3333334% - var(--base-gap)) !important;
}
}
@media (max-width:499px) {
.feature-hosts.is-style-isotope-enlarge figure {
width: calc(50% - var(--base-gap)) !important;
}
}
@media (min-width:1000px) {
.feature-hosts.is-style-isotope-enlarge.has-active-gigante figure {
width: calc(var(--hosts-width-thumb) - var(--base-gap)) !important;
}
}
@media (min-width:782px) and (max-width:999px) {
.feature-hosts.is-style-isotope-enlarge.has-active-gigante figure {
width: calc(25% - var(--base-gap)) !important;
}
}
.feature-hosts.is-style-isotope-enlarge.has-active-gigante figure.is-isotope--gigante {
width: calc(4 * var(--hosts-width-thumb) - var(--base-gap)) !important;
}
@media (max-width:999px) {
.feature-hosts.is-style-isotope-enlarge.has-active-gigante figure.is-isotope--gigante {
width: calc(75% - var(--base-gap)) !important;
}
}
@media (max-width:781px) {
.feature-hosts.is-style-isotope-enlarge.has-active-gigante figure.is-isotope--gigante {
width: calc(100% - var(--base-gap)) !important;
}
}
.feature-hosts .host {
background: var(--base-color-accent-light);
text-align: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
color: var(--base-color-background);
}
.feature-hosts .host[data-index="2"] {
background: var(--base-color-background-accent);
}
.feature-hosts .host[data-index="4"], .feature-hosts .host[data-index="5"] {
background: var(--base-color-background-accent-light);
}
.feature-hosts .host[data-index="6"] {
background: var(--base-color-accent-light);
}
.feature-hosts .host[data-index="7"] {
background: var(--base-color-background-accent);
}
.feature-hosts .host img {
height: 100% !important;
width: auto;
vertical-align: middle;
}
.feature-hosts .host figcaption {
display: none;
}
.feature-hosts .host__thumbnail {
height: var(--hosts-height-thumb);
}
.feature-hosts .host__thumbnail img {
width: 100%;
object-fit: cover;
object-position: top;
}
.feature-hosts .host__logo {
padding: .5rem;
background: var(--base-color-background-accent);
font-size: var(--base-font-size);
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 54px;
}
@media (max-width:781px) {
.feature-hosts .host__logo {
height: 46px;
}
}
.feature-hosts .host__logo img {
line-height: 1.5;
text-transform: uppercase;
}
.feature-hosts .host.is-isotope--gigante {
cursor: default;
color: var(--base-color-text);
height: var(--hosts-height-gigante);
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.feature-hosts .host.is-isotope--gigante .host__thumbnail, .feature-hosts .host.is-isotope--gigante .host__logo {
display: none;
}
.feature-hosts .host.is-isotope--gigante figcaption {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex: 1;
flex: 1;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width:500px) {
.feature-hosts .host.is-isotope--gigante figcaption {
max-height: 100%;
-ms-flex-direction: row;
flex-direction: row;
}
}
.feature-hosts .host.is-isotope--gigante figcaption img {
object-fit: cover;
object-position: top;
width: 100%;
}
.feature-hosts .host.is-isotope--gigante figcaption img[src=""] {
display: none;
}
.feature-hosts .host.is-isotope--gigante figcaption .host__close {
cursor: pointer;
text-align: right;
font-size: 38px;
font-weight: normal;
line-height: .9;
margin: 0;
font-family: sans-serif;
margin-top: -1rem;
margin-right: -1rem;
-webkit-transition: color 200ms ease-in-out;
transition: color 200ms ease-in-out;
}
.feature-hosts .host.is-isotope--gigante figcaption .host__close:hover {
color: var(--base-color-accent);
}
.feature-hosts .host.is-isotope--gigante figcaption .host__image {
width: 50%;
-ms-flex-item-align: stretch;
align-self: stretch;
}
@media (max-width:499px) {
.feature-hosts .host.is-isotope--gigante figcaption .host__image {
width: 100%;
}
}
.feature-hosts .host.is-isotope--gigante figcaption .host__svglogo {
height: 100px;
margin-bottom: var(--base-gap);
font-size: 50px;
text-transform: uppercase;
text-align: center;
}
.feature-hosts .host.is-isotope--gigante figcaption .host__svglogo img {
height: 100px !important;
width: auto;
object-fit: contain;
}
@media (max-width:599px) {
.feature-hosts .host.is-isotope--gigante figcaption .host__svglogo {
margin-top: -25px;
height: 60px;
}
.feature-hosts .host.is-isotope--gigante figcaption .host__svglogo img {
height: 60px !important;
}
}
.feature-hosts .host.is-isotope--gigante figcaption .host__content {
padding: 1.2rem 1.3rem;
background: var(--base-color-background);
width: 50%;
text-align: left;
font-size: var(--base-font-size-small);
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1;
flex: 1;
}
@media (max-width:499px) {
.feature-hosts .host.is-isotope--gigante figcaption .host__content {
width: 100%;
}
}
.feature-hosts .host.is-isotope--gigante figcaption .host__content-text {
margin-bottom: 1rem;
overflow-x: hidden;
overflow-y: scroll;
-ms-flex: 1;
flex: 1;
max-height: calc(var(--hosts-height-gigante) - 195px);
-ms-overflow-style: none;
scrollbar-width: none;
}
.feature-hosts .host.is-isotope--gigante figcaption .host__content-text::-webkit-scrollbar {
display: none;
}
@media (max-width:1799px) {
.feature-hosts .host.is-isotope--gigante figcaption .host__content-text {
max-height: calc(var(--hosts-height-gigante) - 180px);
}
}
@media (max-width:781px) {
.feature-hosts .host.is-isotope--gigante figcaption .host__content-text {
max-height: calc(var(--hosts-height-gigante) - 225px);
}
}
@media (max-width:599px) {
.feature-hosts .host.is-isotope--gigante figcaption .host__content-text {
max-height: calc(var(--hosts-height-gigante) - 150px);
}
}
@media (max-width:499px) {
.feature-hosts .host.is-isotope--gigante figcaption .host__content-text {
max-height: 170px;
}
}
.feature-hosts .host.is-isotope--gigante figcaption .host__content .wp-block-buttons {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media (max-width:781px) {
.feature-hosts .host.is-isotope--gigante figcaption .host__content .wp-block-buttons {
display: block;
}
}
.feature-hosts .host.is-isotope--gigante figcaption .host__content .wp-block-buttons .wp-block-button {
width: 100%;
margin: 0;
}
@media (min-width:782px) {
.feature-hosts .host.is-isotope--gigante figcaption .host__content .wp-block-buttons .wp-block-button {
width: calc(50% - var(--base-gap) / 4);
}
.feature-hosts .host.is-isotope--gigante figcaption .host__content .wp-block-buttons .wp-block-button:first-child {
margin-right: calc(var(--base-gap) / 2);
}
}
@media (max-width:781px) {
.feature-hosts .host.is-isotope--gigante figcaption .host__content .wp-block-buttons .wp-block-button:first-child {
margin-bottom: calc(var(--base-gap) / 2);
}
}
.feature-hosts .host.is-isotope--gigante figcaption .host__content .wp-block-buttons .wp-block-button__link {
border-radius: 0;
min-width: 100%;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.feature-hosts .host.is-isotope--gigante figcaption .host__content .wp-block-buttons .wp-block-button__link:hover {
text-decoration: none;
color: var(--base-color-light);
border-color: var(--base-color-accent);
background-color: var(--base-color-accent);
}
@media (max-width:781px) {
.feature-hosts .host.is-isotope--gigante figcaption .host__content .wp-block-buttons .wp-block-button__link {
padding: .3rem;
}
}
@media (max-width:399px) {
.feature-hosts .host.is-isotope--gigante figcaption .host__content .wp-block-buttons .wp-block-button__link {
font-size: var(--base-font-size-small);
}
}
.is-style-isotope-enlarge {
margin-bottom: var(--base-gap);
margin-right: calc(var(--base-gap) * -1);
padding: 0 !important;
}
.is-style-isotope-enlarge .gutter-sizer {
width: var(--base-gap);
}
.is-style-isotope-enlarge figure {
cursor: pointer;
width: calc(25% - var(--base-gap)) !important;
margin: 0 !important;
}
.is-style-isotope-enlarge figure.hidden {
display: none !important;
}
.is-style-isotope-enlarge figure img {
margin: 0 !important;
}
.is-style-isotope-enlarge figure.is-isotope--gigante {
width: calc(50% - var(--base-gap)) !important;
}
.is-style-isotope-enlarge figure.is-isotope--gigante img {
height: 100%;
}
@media screen and (max-width:781px) {
.is-style-isotope-enlarge figure {
width: calc(50% - var(--base-gap)) !important;
}
.is-style-isotope-enlarge figure.is-isotope--gigante {
width: calc(100% - var(--base-gap)) !important;
}
}
.is-style-isotope-enlarge~.wp-block-buttons-isotopeload {
margin-top: var(--base-offset);
}
p.is-style-ticker {
position: relative;
overflow: hidden;
white-space: nowrap;
opacity: 0;
height: 1.2em;
margin-bottom: 0;
}
p.is-style-ticker.is-active, body.wp-admin p.is-style-ticker {
opacity: 1;
}
p.is-style-ticker>span {
position: absolute;
top: 0;
left: 0;
bottom: 0;
text-align: center;
margin: 0;
-ms-transform: translateX(10%);
-webkit-transform: translateX(10%);
transform: translateX(10%);
-webkit-animation: textTickerAnimate 20s linear infinite;
animation: textTickerAnimate 20s linear infinite;
}
@-webkit-keyframes textTickerAnimate {
0% {
-ms-transform: translateX(10%);
-webkit-transform: translateX(10%);
transform: translateX(10%);
}
100% {
-ms-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes textTickerAnimate {
0% {
-ms-transform: translateX(10%);
-webkit-transform: translateX(10%);
transform: translateX(10%);
}
100% {
-ms-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}