@font-face {
font-family: "Ubuntu";
src: url(//ibim.bytesapp.de/wp-content/themes/ibim/config-ubuntu-font/assets/ubuntu-light-webfont.woff2) format("woff2"), url(//ibim.bytesapp.de/wp-content/themes/ibim/config-ubuntu-font/assets/ubuntu-light-webfont.woff) format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Ubuntu";
src: url(//ibim.bytesapp.de/wp-content/themes/ibim/config-ubuntu-font/assets/ubuntu-lightitalic-webfont.woff2) format("woff2"), url(//ibim.bytesapp.de/wp-content/themes/ibim/config-ubuntu-font/assets/ubuntu-lightitalic-webfont.woff) format("woff");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "Ubuntu";
src: url(//ibim.bytesapp.de/wp-content/themes/ibim/config-ubuntu-font/assets/ubuntu-bold-webfont.woff2) format("woff2"), url(//ibim.bytesapp.de/wp-content/themes/ibim/config-ubuntu-font/assets/ubuntu-bold-webfont.woff) format("woff");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Ubuntu";
src: url(//ibim.bytesapp.de/wp-content/themes/ibim/config-ubuntu-font/assets/ubuntu-bolditalic-webfont.woff2) format("woff2"), url(//ibim.bytesapp.de/wp-content/themes/ibim/config-ubuntu-font/assets/ubuntu-bolditalic-webfont.woff) format("woff");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "Ubuntu";
src: url(//ibim.bytesapp.de/wp-content/themes/ibim/config-ubuntu-font/assets/ubuntu-medium-webfont.woff2) format("woff2"), url(//ibim.bytesapp.de/wp-content/themes/ibim/config-ubuntu-font/assets/ubuntu-medium-webfont.woff) format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Ubuntu";
src: url(//ibim.bytesapp.de/wp-content/themes/ibim/config-ubuntu-font/assets/ubuntu-mediumitalic-webfont.woff2) format("woff2"), url(//ibim.bytesapp.de/wp-content/themes/ibim/config-ubuntu-font/assets/ubuntu-mediumitalic-webfont.woff) format("woff");
font-weight: 500;
font-style: italic;
}
.wp-block-social-links {
margin-bottom: var(--theme-offset-v);
}
.wp-block-social-links .wp-social-link {
-ms-transform: none;
-webkit-transform: none;
transform: none;
}
.wp-block-social-links .wp-social-link svg {
width: 110px;
height: 110px;
}
@media (max-width:599px) {
.wp-block-social-links .wp-social-link svg {
width: 60px;
height: 60px;
}
}
.wp-block-social-links .wp-social-link svg path {
fill: var(--theme-color-accent-2);
-webkit-transition: fill 100ms ease-in;
transition: fill 100ms ease-in;
}
.wp-block-social-links .wp-social-link a:hover svg path {
fill: var(--theme-color-accent-3);
}
.feature-accordion {
margin-bottom: var(--base-offset);
}
.feature-accordion__item {
padding-bottom: calc(var(--base-space) * 2);
}
.feature-accordion__item-title {
display: block;
cursor: pointer;
position: relative;
font-size: var(--base-font-size-medium);
padding-right: calc(var(--base-space) * 2);
}
.feature-accordion__item-title:after {
content: "‹";
color: var(--base-color-accent);
position: absolute;
right: 10px;
top: 50%;
-ms-transform: translateY(-50%) rotateZ(-90deg);
-webkit-transform: translateY(-50%) rotateZ(-90deg);
transform: translateY(-50%) rotateZ(-90deg);
width: 1em;
height: 1em;
font-size: 50px;
line-height: 1;
text-align: center;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.feature-accordion__item-title:hover:after {
color: var(--base-color-accent);
}
.feature-accordion__item-content {
padding: var(--base-space) 0;
}
.feature-accordion__item-content a {
color: inherit;
}
.feature-accordion__item.is-active {
position: relative;
}
.feature-accordion__item.is-active:after {
content: "";
position: absolute;
left: 0;
bottom: calc(var(--base-space) * 2);
height: 2px;
}
.feature-accordion__item.is-active .feature-accordion__item-title:after {
-ms-transform: translateY(-.25em) translateX(.25em) rotateZ(90deg);
-webkit-transform: translateY(-.25em) translateX(.25em) rotateZ(90deg);
transform: translateY(-.25em) translateX(.25em) rotateZ(90deg);
color: var(--base-color-accent-2);
}
.feature-breadcrumb {
padding-top: 2rem;
padding-bottom: 4rem;
}
.feature-breadcrumb ul.breadcrumbs {
padding: 0;
margin: 0;
white-space: nowrap;
}
.feature-breadcrumb ul.breadcrumbs a {
padding: 5px 0;
display: inline-block;
}
.feature-breadcrumb ul.breadcrumbs li {
display: inline-block;
position: relative;
padding-right: 8px;
margin-right: 4px;
vertical-align: middle;
}
.feature-breadcrumb ul.breadcrumbs li:after {
content: "/";
position: absolute;
right: 0;
top: 50%;
-ms-transform: translate(50%, -50%);
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.feature-breadcrumb ul.breadcrumbs li:last-child {
font-weight: bold;
margin-right: 0;
padding-right: 0;
}
.feature-breadcrumb ul.breadcrumbs li:last-child:after {
display: none;
}
.feature-breadcrumb ul.breadcrumbs li:last-child span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
}
@media (max-width:999px) {
.feature-breadcrumb ul.breadcrumbs li:last-child span {
max-width: 300px;
}
}
@media (max-width:599px) {
.feature-breadcrumb ul.breadcrumbs li:last-child span {
max-width: 200px;
}
}
body {
line-height: 1.5;
}
@media (min-width:1200px) {
body .site-layout-container>*, .feature-responsive-header .site-layout-container>.site-layout-container__inner {
padding: 0 var(--base-offset);
}
}
body .site-layout-container>:first-child:not(div) {
margin-top: var(--base-offset);
}
body:not(.home) main {
position: relative;
color: var(--base-color-background);
padding: var(--base-offset) 0;
margin-bottom: var(--base-space);
overflow: hidden;
letter-spacing: .02em;
min-height: 250px;
}
body:not(.home) main a {
color: var(--base-color-background);
}
body:not(.home) main .site-layout-container>* {
padding-left: var(--base-offset);
}
@media (min-width:1200px) {
body:not(.home) main .site-layout-container>* {
padding-left: calc(2 * var(--base-offset));
}
}
body:not(.home) main:before {
content: "";
position: absolute;
z-index: -2;
top: 0;
bottom: 0;
left: var(--base-offset);
right: 0;
background: var(--theme-color-accent-2);
border-radius: 6px;
}
@media (min-width:1200px) {
body:not(.home) main:before {
left: calc(2 * var(--base-offset));
right: 5vw;
}
}
@media (min-width:1500px) {
body:not(.home) main:before {
right: calc(( ( 100% - var(--base-layout-width) ) / 2 ));
}
}
@media (min-width:1480px) {
body:not(.home) main:before {
left: calc(( ( 100% - var(--base-layout-width) ) / 2 ) + var(--base-offset));
}
}
body:not(.home) main:after {
content: "";
position: absolute;
z-index: -1;
border-radius: 6px;
bottom: 0;
background: url(//ibim.bytesapp.de/wp-content/themes/ibim/config-icons/background.svg) 80px -220px no-repeat;
background-size: 100%;
width: 500px;
top: 0;
right: 0;
}
@media (min-width:1200px) {
body:not(.home) main:after {
right: 5vw;
}
}
@media (min-width:1500px) {
body:not(.home) main:after {
right: calc(( ( 100% - var(--base-layout-width) ) / 2 ));
}
}
@media (max-width:999px) {
body:not(.home) main:after {
width: 50vw;
background-position: 5vw -15vw;
}
}
body:not(.home).is-scheme-blue main:before {
background: var(--base-color-accent);
}
body:not(.home).is-scheme-blue main:after {
background-image: url(//ibim.bytesapp.de/wp-content/themes/ibim/config-icons/background-blue.svg);
background-position: 200px 50px;
width: 600px;
}
@media (max-width:999px) {
body:not(.home).is-scheme-blue main:after {
width: 55vw;
background-position: 24vw 15vw;
}
}
@media (max-width:599px) {
body:not(.home).is-scheme-blue main:after {
width: 45vw;
}
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: var(--base-offset);
}
#top.feature-responsive-header {
position: absolute;
padding: var(--header-offset) 0;
}
#top.feature-responsive-header .feature-responsive-header__logo figure img {
padding: var(--base-offset) 0;
height: var(--header-height);
margin-right: var(--base-offset);
margin-left: calc(var(--base-space) / 2);
}
#top.feature-responsive-header .feature-responsive-header__logo figure figcaption {
font-size: var(--base-headings-font-size-3);
font-weight: 500;
width: 340px;
max-width: 100%;
margin-top: 1.9rem;
}
body:not(.home) #top.feature-responsive-header .feature-responsive-header__logo figure figcaption {
margin-top: 0rem;
}
@media (max-width:1399px) {
#top.feature-responsive-header .feature-responsive-header__logo figure figcaption {
margin-top: 0rem;
font-size: calc(.8 * var(--base-headings-font-size-3));
width: 290px;
}
}
@media (max-width:699px) {
#top.feature-responsive-header .feature-responsive-header__logo figure figcaption {
display: none;
}
}
#top.feature-responsive-header .wp-block-search {
margin-top: 2.2rem;
}
body:not(.home) #top.feature-responsive-header .wp-block-search {
margin-top: 1.2rem;
}
@media (max-width:1399px) {
#top.feature-responsive-header .wp-block-search {
margin-top: 1.2rem;
}
}
#top.feature-responsive-header .feature-responsive-header__menu-trigger {
margin-top: .5rem;
}
body.home #top.feature-responsive-header .feature-responsive-header__menu-trigger {
display: none !important;
}
#top.feature-responsive-header .feature-responsive-header__menu {
border-left: 5px solid var(--base-color-accent);
}
@media (min-width:1000px) {
#top.feature-responsive-header .feature-responsive-header__menu {
display: none !important;
}
}
@media (max-width:999px) {
#top.feature-responsive-header .feature-responsive-header__menu {
padding-top: 6rem;
}
}
#top.feature-responsive-header .feature-responsive-header__menu>ul {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.feature-responsive-header-subpage-menu {
--site-layout-columns-gap: var(--base-space);
position: relative;
top: -2rem;
z-index: 200;
}
body.home .feature-responsive-header-subpage-menu {
display: none !important;
}
@media (max-width:999px) {
.feature-responsive-header-subpage-menu {
display: none !important;
}
}
.feature-responsive-header-subpage-menu .wp-block-columns {
width: 78.4%;
margin-left: auto;
}
.feature-responsive-header-subpage-menu .feature-tile {
--tile-border-radius: 6px;
overflow: visible;
border-width: 1px !important;
-webkit-transition: all 220ms ease-in-out;
transition: all 220ms ease-in-out;
border-radius: calc(1px + var(--tile-border-radius));
}
.feature-responsive-header-subpage-menu .feature-tile:hover {
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.feature-responsive-header-subpage-menu .feature-tile__images {
padding-bottom: calc(var(--base-font-size-small) + .6rem);
}
.feature-responsive-header-subpage-menu .feature-tile .feature-tile__text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: .3rem;
line-height: 1;
}
.feature-responsive-header-subpage-menu .feature-tile .feature-tile__text .title {
font-size: var(--base-font-size-small);
font-weight: 500;
display: block;
text-decoration: none !important;
}
.feature-responsive-header-subpage-menu .feature-tile a[href]:after {
position: absolute;
bottom: -8px;
width: 20px;
height: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
left: 50%;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: var(--theme-color-accent-2);
z-index: -1;
}
.feature-responsive-header-subpage-menu .wp-block-column:nth-child(even) a[href]:after {
background: var(--base-color-accent);
}
.wp-block-audio {
margin-bottom: var(--base-space);
font-size: var(--base-font-size);
}
.wp-block-buttons {
margin-bottom: var(--base-space);
}
.post__back a, .wp-block-button__link {
font-weight: 500;
padding: 0 2rem .1rem;
border-radius: 14px;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
font-size: var(--base-font-size);
color: var(--theme-color-accent-2) !important;
background: var(--base-color-background);
}
.post__back a:hover, .wp-block-button__link:hover {
text-decoration: none;
background: var(--base-color-accent);
color: var(--base-color-background) !important;
}
.feature-posts-block .post__back a, .feature-posts-block .wp-block-button__link {
color: var(--base-color-background) !important;
background: var(--theme-color-accent-2);
}
.feature-posts-block .post__back a:hover, .feature-posts-block .wp-block-button__link:hover {
background: var(--base-color-accent);
}
body.is-scheme-blue .feature-posts-block .post__back a, body.is-scheme-blue .feature-posts-block .wp-block-button__link {
color: var(--base-color-background) !important;
background: var(--base-color-accent);
}
body.is-scheme-blue .feature-posts-block .post__back a:hover, body.is-scheme-blue .feature-posts-block .wp-block-button__link:hover {
background: var(--theme-color-accent-2);
}
@media (max-width:599px) {
.post__back a, .wp-block-button__link {
padding: 0 1rem .1rem;
}
}
.wp-block-search {
height: 50px;
margin-right: .5rem;
}
@media (max-width:999px) {
.wp-block-search {
margin: 0;
width: 100%;
}
}
.wp-block-search .wp-block-search__inside-wrapper {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.wp-block-search .wp-block-search__input {
margin: 0;
border: 2px solid var(--base-color-text);
border-radius: 16px;
width: 240px;
padding: 7px 14px;
color: var(--base-color-text);
min-width: initial;
height: 38px;
}
@media (max-width:1399px) {
.wp-block-search .wp-block-search__input {
width: 190px;
}
}
@media (max-width:999px) {
.wp-block-search .wp-block-search__input {
width: 150px;
}
}
.wp-block-search .wp-block-search__button {
padding: 0;
margin: 0 0 0 var(--base-space);
background: url(//ibim.bytesapp.de/wp-content/themes/ibim/config-icons/magnifier.svg) center center no-repeat;
background-size: 100%;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
width: 50px;
height: 50px;
cursor: pointer;
}
.wp-block-search .wp-block-search__button svg {
width: 50px;
height: 50px;
visibility: hidden;
}
@media (max-width:999px) {
.wp-block-search .wp-block-search__button {
width: 30px;
height: 30px;
}
.wp-block-search .wp-block-search__button svg {
width: 30px;
height: 30px;
}
}
.search__results ul {
list-style: decimal;
list-style-position: inside;
padding-left: 0;
}
.search__results a {
font-weight: bold;
}
.wp-block-columns {
margin-bottom: var(--site-layout-columns-gap);
}
.wp-block-columns .wp-block-column>:last-child.feature-tile {
margin-bottom: var(--site-layout-columns-gap) !important;
}
@media (max-width:781px) {
body.home .wp-block-columns {
--site-layout-columns-gap: var(--base-space);
margin-bottom: calc(1.5 * var(--site-layout-columns-gap));
}
body.home .wp-block-columns .wp-block-column {
margin-bottom: 0 !important;
}
body.home .wp-block-columns .wp-block-column:not(:only-child) {
-ms-flex-preferred-size: calc(33.333333% - var(--site-layout-columns-gap)) !important;
flex-basis: calc(33.333333% - var(--site-layout-columns-gap)) !important;
-ms-flex-positive: 0;
flex-grow: 0;
}
body.home .wp-block-columns .wp-block-column:nth-child(2n) {
margin-left: calc(1.5 * var(--site-layout-columns-gap)) !important;
}
}
@media (max-width:781px) and (min-width:600px) {
body.home .wp-block-columns .wp-block-column:nth-child(3n) {
margin-left: calc(1.5 * var(--site-layout-columns-gap)) !important;
}
}
@media (max-width:599px) {
body.home .wp-block-columns {
--site-layout-columns-gap: calc(.5 * var(--base-space));
}
body.home .wp-block-columns .wp-block-column:not(:only-child) {
-ms-flex-preferred-size: calc(50% - var(--site-layout-columns-gap)) !important;
flex-basis: calc(50% - var(--site-layout-columns-gap)) !important;
}
body.home .wp-block-columns .wp-block-column:last-child {
-ms-flex-preferred-size: 100% !important;
flex-basis: 100% !important;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-column-gap: var(--site-layout-columns-gap);
-webkit-column-gap: var(--site-layout-columns-gap);
column-gap: var(--site-layout-columns-gap);
}
body.home .wp-block-columns .wp-block-column:last-child>* {
-ms-flex: 1;
flex: 1;
}
}
.feature-breadcrumb {
position: relative;
left: calc(-.5 * var(--base-offset));
top: calc(-.75 * var(--base-offset));
line-height: 1;
padding-top: 0;
padding-bottom: 0;
}
.feature-breadcrumb ul.breadcrumbs li::after {
content: "»";
}
body.home .feature-breadcrumb {
display: none !important;
}
footer.footer {
padding: var(--base-space) 0 var(--base-offset);
color: var(--base-color-text);
}
footer.footer a {
color: var(--base-color-text);
}
footer.footer .footer__widgets {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-moz-column-gap: var(--base-offset);
-webkit-column-gap: var(--base-offset);
column-gap: var(--base-offset);
}
@media (max-width:781px) {
footer.footer .footer__widgets {
-ms-flex-direction: column;
flex-direction: column;
}
}
footer.footer ul {
padding: 0;
list-style: none;
}
@media (max-width:781px) {
footer.footer ul {
margin-bottom: .5rem;
}
}
footer.footer ul.has-medium-font-size {
font-weight: bold;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-column-gap: var(--base-offset);
-webkit-column-gap: var(--base-offset);
column-gap: var(--base-offset);
}
@media (min-width:782px) {
footer.footer ul.has-medium-font-size {
margin-bottom: 0;
}
}
@media (max-width:781px) {
footer.footer ul.has-medium-font-size {
display: block;
text-align: center;
font-size: var(--base-font-size) !important;
}
footer.footer ul.has-medium-font-size li {
display: inline-block;
}
footer.footer ul.has-medium-font-size li:not(:last-child) {
margin-right: var(--base-offset);
}
}
.wp-block-social-links li.wp-social-link {
margin: 0 .4rem;
padding: 0;
}
.wp-block-social-links li.wp-social-link a {
padding: 0;
}
.wp-block-social-links li.wp-social-link a svg {
width: 40px;
height: 40px;
}
@media (max-width:781px) {
.wp-block-social-links li.wp-social-link a svg {
width: 25px;
height: 25px;
}
}
.wp-block-social-links li.wp-social-link a svg path {
fill: var(--base-color-text);
}
main.post .post__meta {
display: none !important;
}
main.post .wp-post-image {
display: block;
display: none !important;
}
main.post .post__back {
margin-top: var(--base-offset);
}
main.post .post__back a {
background: var(--base-color-background);
color: var(--theme-color-accent-2) !important;
padding-left: 1rem;
padding-right: 1rem;
display: inline-block;
}
main.post .post__back a:after {
content: " zurück";
}
.feature-posts-block {
position: relative;
padding-left: var(--base-offset) !important;
color: var(--base-color-text) !important;
}
@media (max-width:1199px) {
.feature-posts-block {
padding-left: 0 !important;
}
}
body.wp-admin .feature-posts-block {
padding-left: 0 !important;
}
.feature-posts-block a:not(.wp-block-button__link) {
color: var(--base-color-text) !important;
}
.feature-posts-block h2 {
margin: 0 0 var(--base-space);
}
.feature-posts-block h2 a:not(.wp-block-button__link) {
color: var(--base-color-accent) !important;
}
body.is-scheme-blue .feature-posts-block h2 a:not(.wp-block-button__link) {
color: var(--theme-color-accent-2) !important;
}
.feature-posts-block .post {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
overflow: hidden;
margin-top: var(--base-offset);
margin-bottom: var(--base-offset);
}
@media (max-width:599px) {
.feature-posts-block .post {
-ms-flex-direction: column;
flex-direction: column;
}
}
.feature-posts-block .post__image {
width: 34%;
min-width: 120px;
min-height: 80px;
position: relative;
background: var(--base-color-light);
}
.feature-posts-block .post__image img {
object-fit: cover;
}
@media (min-width:600px) {
.feature-posts-block .post__image img {
height: 100%;
}
}
@media (max-width:599px) {
.feature-posts-block .post__image {
border-top-right-radius: 6px;
overflow: hidden;
}
}
.feature-posts-block .post__image:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: calc(var(--base-offset) * 5 / 6);
background: var(--base-color-accent);
opacity: .4;
}
.feature-posts-block .post__content {
-ms-flex: 1;
flex: 1;
background: var(--base-color-background);
padding: calc(.8 * var(--base-offset)) var(--base-offset);
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width:599px) {
.feature-posts-block .post__content {
border-top-right-radius: 6px;
}
}
.feature-posts-block .post__content h2, .feature-posts-block .post__content h3, .feature-posts-block .post__content h4 {
color: var(--theme-color-accent-2) !important;
}
.feature-posts-block .post__content .excerpt {
-ms-flex: 1;
flex: 1;
}
.feature-posts-block .post__content .foot {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
-moz-column-gap: calc(var(--base-space) * 2);
-webkit-column-gap: calc(var(--base-space) * 2);
column-gap: calc(var(--base-space) * 2);
}
@media (max-width:781px) {
.feature-posts-block .post__content .foot {
-moz-column-gap: calc(var(--base-space) * 1);
-webkit-column-gap: calc(var(--base-space) * 1);
column-gap: calc(var(--base-space) * 1);
}
}
@media (min-width:1000px) {
.feature-posts-block .post__content .foot .wp-block-button__link {
margin-left: var(--base-space);
}
}
@media (max-width:999px) {
.feature-posts-block .post__content .foot .wp-block-button__link span+span {
display: none;
}
}
@media (max-width:781px) {
.feature-posts-block .post__content .foot .wp-block-button__link span {
display: none;
}
}
.feature-posts-block .post__content .foot [data-count="0"]+[data-count="0"]+.wp-block-button__link {
margin-left: 0;
}
.feature-posts-block .post__content .mediacount {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width:599px) {
.feature-posts-block .post__content .mediacount {
-ms-flex-pack: initial;
justify-content: initial;
}
}
.feature-posts-block .post__content .mediacount[data-count="0"] {
opacity: .2;
display: none;
}
.feature-posts-block .post__content .mediacount span {
font-weight: bold;
background: var(--theme-color-accent-2);
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
border-radius: 14px;
width: 35px;
height: 35px;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--base-color-background);
}
@media (max-width:999px) {
.feature-posts-block .post__content .mediacount span {
width: 30px;
height: 30px;
}
}
.feature-posts-block .post__content .mediacount svg {
height: 58px;
margin-left: -42px;
}
@media (max-width:999px) {
.feature-posts-block .post__content .mediacount svg {
height: 48px;
padding-left: 7px;
}
}
.feature-posts-block .post__content .mediacount--pdf svg {
margin-left: -37px;
}
:root {
--header-height: 70px;
--header-offset: var(--base-offset);
--header-background: var(--base-color-text);
--header-color: var(--base-color-background);
--header-color-accent: var(--base-color-accent);
}
@media (max-width:599px) {
:root {
--header-height: 50px;
}
}
body {
padding-top: var(--header-height);
}
.feature-responsive-header {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 200;
padding: 1rem var(--header-offset);
background-color: var(--header-background);
height: var(--header-height);
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media (max-width:999px) {
.feature-responsive-header {
padding: .5rem var(--header-offset);
}
}
.feature-responsive-header .site-layout-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.feature-responsive-header .site-layout-container>.site-layout-container__inner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.feature-responsive-header * {
margin-bottom: 0;
}
.feature-responsive-header a {
color: var(--header-color);
}
.feature-responsive-header a:hover {
text-decoration: none;
color: var(--header-color-accent);
}
.feature-responsive-header__logo {
-ms-flex: 1;
flex: 1;
}
.feature-responsive-header__logo a:hover {
text-decoration: none;
color: var(--header-color);
}
.feature-responsive-header__logo figure {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
line-height: 1.2;
height: var(--header-height);
}
.feature-responsive-header__logo figure img {
max-height: 100%;
width: auto;
margin: 0 var(--base-space) 0 0;
padding: .5rem 0;
}
.feature-responsive-header__menu-trigger {
text-align: right;
padding-top: 5px;
}
@media (min-width:1000px) {
.feature-responsive-header__menu-trigger {
display: none;
}
}
@media (max-width:999px) {
body.active-modal-menu .feature-responsive-header__menu-trigger {
z-index: 201;
}
}
.feature-responsive-header__menu-trigger a[href="#menu"] {
display: inline-block;
padding: 5px 0;
}
.feature-responsive-header__menu-trigger a[href="#menu"] span {
display: block;
width: 32px;
height: 3px;
background: var(--header-color);
margin: 6px 0;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.feature-responsive-header__menu-trigger a[href="#menu"] span:not(:last-child) {
margin-bottom: 7px;
}
body.active-modal-menu .feature-responsive-header__menu-trigger a[href="#menu"] span:first-child {
-ms-transform: translateY(.7rem) rotateZ(-45deg);
-webkit-transform: translateY(.7rem) rotateZ(-45deg);
transform: translateY(.7rem) rotateZ(-45deg);
}
body.active-modal-menu .feature-responsive-header__menu-trigger a[href="#menu"] span:first-child+span {
opacity: 0;
}
body.active-modal-menu .feature-responsive-header__menu-trigger a[href="#menu"] span:last-child {
-ms-transform: translateY(-.53rem) rotateZ(45deg);
-webkit-transform: translateY(-.53rem) rotateZ(45deg);
transform: translateY(-.53rem) rotateZ(45deg);
}
.feature-responsive-header__menu-trigger a[href="#menu"]:hover span {
background: var(--header-color-accent);
}
.feature-responsive-header__menu {
-ms-flex: 1;
flex: 1;
text-align: right;
position: relative;
}
@media (max-width:999px) {
.feature-responsive-header__menu {
display: none;
text-align: left;
}
}
.feature-responsive-header__menu a {
line-height: 1;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.feature-responsive-header__menu ul {
list-style-type: none;
}
.feature-responsive-header__menu ul li {
display: inline-block;
position: relative;
margin-right: 1rem;
}
@media (max-width:1149px) {
.feature-responsive-header__menu ul li {
margin-right: 10px;
}
}
.feature-responsive-header__menu ul li:last-child {
margin-right: 0;
}
@media (max-width:999px) {
body.active-modal-menu .feature-responsive-header__menu ul li {
display: block;
}
}
.feature-responsive-header__menu ul.menu>li:first-child>a {
padding-left: 0;
}
.feature-responsive-header__menu ul.menu>li:last-child>a {
padding-right: 0;
}
@media (max-width:999px) {
.feature-responsive-header__menu ul.menu>li:last-child>a {
padding-left: 0;
}
}
.feature-responsive-header__menu ul.menu>li>a {
display: inline-block;
padding: .5rem 0 .3rem;
margin: 0 1rem;
font-weight: bold;
}
@media (max-width:999px) {
.feature-responsive-header__menu ul.menu>li>a {
padding-top: 1rem;
}
}
@media (max-width:999px) {
body.active-modal-menu .feature-responsive-header__menu ul.menu>li>a {
margin: 0;
}
}
.feature-responsive-header__menu ul.sub-menu {
display: none;
opacity: 1;
position: absolute;
top: 1.5rem;
left: -3rem;
right: -3rem;
padding: 1rem 0;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out;
text-align: left;
background: var(--header-color);
border: 1px solid var(--header-background);
}
.feature-responsive-header__menu ul.sub-menu li {
display: block;
}
.feature-responsive-header__menu ul.sub-menu a {
padding: 5px 1rem;
display: block;
text-align: center;
}
.feature-responsive-header__menu ul.sub-menu a:hover {
background: var(--header-color-accent);
}
.feature-responsive-header__menu .current-menu-item>a, .feature-responsive-header__menu .current-page-ancestor>a, .feature-responsive-header__menu .current-menu-parent>a {
color: var(--header-color-accent);
}
.feature-responsive-header__menu ul.sub-menu:hover, .feature-responsive-header__menu li:hover>a+ul.sub-menu, .feature-responsive-header__menu:not(:hover) li.current-menu-item>a+ul.sub-menu, .feature-responsive-header__menu:not(:hover) li.current-menu-parent>a+ul.sub-menu {
display: block;
opacity: 1;
-webkit-animation: headerSubmenuFadein 200ms ease-in-out;
animation: headerSubmenuFadein 200ms ease-in-out;
}
@media (max-width:999px) {
body.active-modal-menu .feature-responsive-header__menu ul.sub-menu:hover, body.active-modal-menu .feature-responsive-header__menu li:hover>a+ul.sub-menu, body.active-modal-menu .feature-responsive-header__menu:not(:hover) li.current-menu-item>a+ul.sub-menu, body.active-modal-menu .feature-responsive-header__menu:not(:hover) li.current-menu-parent>a+ul.sub-menu {
display: none;
}
}
@media (max-width:999px) {
body.active-modal-menu .feature-responsive-header__menu {
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 250px;
background: var(--header-background);
padding: 5rem 1.5rem 1rem;
-webkit-animation: headerMenuSlideIn 200ms ease-in-out;
animation: headerMenuSlideIn 200ms ease-in-out;
}
body.active-modal-menu .feature-responsive-header__menu li {
display: block;
}
body.active-modal-menu .feature-responsive-header__menu li a {
display: inline-block;
}
}
.feature-responsive-header__widgets {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media (max-width:999px) {
.feature-responsive-header__widgets {
display: none;
position: fixed;
bottom: var(--header-offset);
right: 0;
width: 250px;
-ms-flex-pack: center;
justify-content: center;
}
body.active-modal-menu .feature-responsive-header__widgets {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-animation: headerMenuSlideIn 200ms ease-in-out;
animation: headerMenuSlideIn 200ms ease-in-out;
}
}
.feature-responsive-header__widgets .widget_media_image:not(:last-child) {
margin-right: 1rem;
}
@-webkit-keyframes headerSubmenuFadein {
0% {
display: none;
opacity: 0;
}
1% {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
opacity: 0;
}
100% {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
opacity: 1;
}
}
@keyframes headerSubmenuFadein {
0% {
display: none;
opacity: 0;
}
1% {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
opacity: 0;
}
100% {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
opacity: 1;
}
}
@-webkit-keyframes headerMenuSlideIn {
0% {
right: -250px;
}
100% {
right: 0;
}
}
@keyframes headerMenuSlideIn {
0% {
right: -250px;
}
100% {
right: 0;
}
}
.feature-tile {
--tile-border-radius: 14px;
border-radius: calc(4px + var(--tile-border-radius));
overflow: hidden;
position: relative;
color: var(--base-color-background);
margin-bottom: var(--site-layout-columns-gap);
}
.feature-tile a {
color: var(--base-color-background);
}
.wp-block-column:nth-child(even) .feature-tile {
border: 2px solid var(--base-color-accent);
}
.wp-block-column:nth-child(even) .feature-tile+.feature-tile {
border: none;
}
.wp-block-column:nth-child(odd) .feature-tile+.feature-tile {
border: 2px solid var(--base-color-accent);
}
.feature-tile__images {
padding-bottom: calc(var(--base-headings-font-size-2) + 1.6rem);
}
.feature-tile__images img {
border-top-left-radius: var(--tile-border-radius);
border-top-right-radius: var(--tile-border-radius);
overflow: hidden;
}
@media (max-width:599px) {
.feature-tile__images {
padding-bottom: calc(var(--base-headings-font-size-2) + .7rem);
}
}
.feature-tile__images:not(.slick-initialized) a:not(:first-child) {
display: none;
}
.feature-tile__images:not(.slick-initialized)~.arrow {
display: none;
}
.feature-tile__images:hover~a .title, .feature-tile__images~a:hover .title {
text-decoration: underline;
}
.feature-tile .arrow {
position: absolute;
top: 50%;
padding: 1rem;
font-size: 50px;
cursor: pointer;
line-height: 1;
-ms-transform: translateY(-50px);
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
@media (max-width:599px) {
.feature-tile .arrow {
font-size: 36px;
}
}
.feature-tile .arrow.prev {
left: 0;
}
.feature-tile .arrow.next {
right: 0;
}
.feature-tile .arrow:hover {
font-size: 60px;
-ms-transform: translateY(-55px);
-webkit-transform: translateY(-55px);
transform: translateY(-55px);
}
@media (max-width:599px) {
.feature-tile .arrow:hover {
font-size: 46px;
}
}
.feature-tile .feature-tile__text {
letter-spacing: .02em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: .65rem;
padding-top: .45rem;
text-align: center;
background: var(--base-color-accent);
border-bottom-left-radius: var(--tile-border-radius);
border-bottom-right-radius: var(--tile-border-radius);
}
@media (max-width:599px) {
.feature-tile .feature-tile__text {
padding: .45rem;
padding-top: .25rem;
}
}
.wp-block-column:nth-child(odd) .feature-tile .feature-tile__text {
background: var(--theme-color-accent-2);
}
.wp-block-column:nth-child(odd) .feature-tile+.feature-tile .feature-tile__text {
background: var(--base-color-accent);
}
.wp-block-column:nth-child(even) .feature-tile+.feature-tile .feature-tile__text {
background: var(--theme-color-accent-2);
}
.feature-tile .feature-tile__text .title {
font-size: var(--base-headings-font-size-2);
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
}
.feature-tile .feature-tile__text .title:hover {
text-decoration: underline;
}
.feature-tile .feature-tile__text .description {
display: block;
position: absolute;
font-size: var(--base-font-size-small);
bottom: calc(var(--base-headings-font-size-2) + 1.6rem);
left: 0;
right: 0;
padding: 0;
background: var(--base-color-accent);
opacity: .93;
height: 0;
overflow: hidden;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
@media (max-width:599px) {
.feature-tile .feature-tile__text .description {
bottom: calc(var(--base-headings-font-size-2) + .7rem);
}
}
.wp-block-column:nth-child(odd) .feature-tile .feature-tile__text .description {
background: var(--theme-color-accent-2);
}
.wp-block-column:nth-child(odd) .feature-tile+.feature-tile .feature-tile__text .description {
background: var(--base-color-accent);
}
.wp-block-column:nth-child(even) .feature-tile+.feature-tile .feature-tile__text .description {
background: var(--theme-color-accent-2);
}
.feature-tile__images:hover~a .description:not(:empty), .feature-tile .description:not(:empty):hover, .feature-tile .title:hover~.description:not(:empty) {
padding: .8rem;
height: 80px;
}
@media (max-width:599px) {
.feature-tile__images:hover~a .description:not(:empty), .feature-tile .description:not(:empty):hover, .feature-tile .title:hover~.description:not(:empty) {
padding: .4rem;
height: 55px;
}
}