html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
font-size: 2em;
margin: .67em 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
img {
border-style: none;
}
button, input, optgroup, select, textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button, input {
overflow: visible;
}
button, select {
text-transform: none;
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: button;
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: .35em .75em .625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type=checkbox], [type=radio] {
box-sizing: border-box;
padding: 0;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
:root {
--config-css-reset-spacer: 1rem;
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
overflow-x: hidden;
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 1.4;
background: #fff;
color: #111;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
main {
-ms-flex-positive: 1;
flex-grow: 1;
}
h1, h2, h3, h4, h5, h6 {
margin-top: var(--config-css-reset-spacer);
margin-bottom: var(--config-css-reset-spacer);
font-size: 100%;
}
h1, h2 {
font-size: 200%;
}
:hover, :focus, :active {
outline: none;
}
a {
color: blue;
text-decoration: none;
}
a:hover {
color: #111;
text-decoration: underline;
}
a:focus, a:active {
outline: none;
}
b, strong {
font-weight: bold;
}
figure {
margin: 0 0 var(--config-css-reset-spacer) 0;
}
p {
margin-top: 0;
margin-bottom: var(--config-css-reset-spacer);
}
ul {
margin-top: 0;
padding-left: var(--config-css-reset-spacer);
margin-bottom: var(--config-css-reset-spacer);
}
ul ul {
list-style: circle;
margin-bottom: 0;
padding-left: 1em;
}
ol {
padding-left: var(--config-css-reset-spacer);
margin-bottom: var(--config-css-reset-spacer);
}
nav ul, nav ul ul {
list-style: none;
padding: 0;
margin: 0;
}
ul ul {
list-style: circle;
margin-bottom: 0;
padding-left: 1em;
}
img {
height: auto;
max-width: 100%;
vertical-align: top;
width: auto \9;
}
audio, video {
display: block;
}
iframe {
margin: 0;
display: block;
}
hr {
border: 0;
border-top: 1px solid #eee;
margin: 2em 0;
}
pre, code {
font-family: monaco, monospace, courier;
}
code {
background: #f5f5f5;
border: 1px solid #e5e5e5;
font-size: .8rem;
padding: .1em .2em;
}
pre code {
display: inline-block;
padding: .5em .8em;
}
table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
margin-bottom: var(--config-css-reset-spacer);
}
table td, table th {
border-bottom: 1px solid #eee;
padding: 7px 13px;
text-align: left;
}
table th {
font-size: 80%;
font-weight: normal;
}
form {
width: 100%;
margin-bottom: var(--config-css-reset-spacer);
}
textarea, input[type="text"], input[type="email"], input[type="password"], input[type="date"], input[type="number"], input[type="search"], input[type="url"], input[type="tel"] {
border: 1px solid #e5e5e5;
color: inherit;
line-height: inherit;
padding: .3rem var(--config-css-reset-spacer);
vertical-align: middle;
max-width: 100%;
margin-bottom: var(--config-css-reset-spacer);
}
textarea:focus, input:focus {
border-color: #a5a5a5;
}
textarea {
height: 90px;
min-height: 90px;
max-height: 150px;
resize: vertical;
}
::-webkit-input-placeholder {
line-height: inherit;
}
.alignleft {
text-align: left;
}
.alignright {
text-align: right;
}
.aligncenter {
text-align: center;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: 0;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list, .slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:after, .slick-track:before {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
:root {
--theme-color-text: #1b1b1b;
--theme-color-headings: #4b4b4b;
--theme-color-accent-1: #3a8ddd;
--theme-color-accent-2: #f8b832;
--theme-color-accent-3: #d60a0a;
--theme-color-accent-4: #6c9;
--theme-color-background-1: #fff;
--theme-color-background-2: #efefef;
--theme-color-background-3: #d6d6d6;
--theme-color-accent: var(--theme-color-accent-1);
--theme-color-background: var(--theme-color-background-1);
}
body {
color: var(--theme-color-text);
background-color: var(--theme-color-background);
}
h1, h2, h3, h4, h5, h6 {
color: var(--theme-color-headings);
}
.has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 {
color: inherit;
}
a, a:hover {
color: var(--theme-color-accent);
}
.has-text-color {
color: var(--theme-color-text) !important;
}
.has-headings-color {
color: var(--theme-color-headings) !important;
}
.has-accent-1-color {
color: var(--theme-color-accent-1) !important;
}
.has-accent-2-color {
color: var(--theme-color-accent-2) !important;
}
.has-accent-3-color {
color: var(--theme-color-accent-3) !important;
}
.has-accent-4-color {
color: var(--theme-color-accent-4) !important;
}
.has-background-1-color {
color: var(--theme-color-background-1) !important;
}
.has-background-2-color {
color: var(--theme-color-background-2) !important;
}
.has-background-3-color {
color: var(--theme-color-background-3) !important;
}
.has-text-background-color {
background-color: var(--theme-color-text);
}
.has-headings-background-color {
background-color: var(--theme-color-headings);
}
.has-accent-1-background-color {
background-color: var(--theme-color-accent-1);
}
.has-accent-2-background-color {
background-color: var(--theme-color-accent-2);
}
.has-accent-3-background-color {
background-color: var(--theme-color-accent-3);
}
.has-accent-4-background-color {
background-color: var(--theme-color-accent-4);
}
.has-background-1-background-color {
background-color: var(--theme-color-background-1);
}
.has-background-2-background-color {
background-color: var(--theme-color-background-2);
}
.has-background-3-background-color {
background-color: var(--theme-color-background-3);
}
:root {
--theme-font-primary: Verdana, Arial, sans-serif;
--theme-font-secondary: Georgia, Garamond, serif;
--theme-font-size: 16px;
--theme-font-size-small: 12px;
--theme-font-size-big: 20px;
--theme-font-weight: normal;
--theme-line-height: 1.4;
--theme-headings-font-weight: normal;
--theme-headings-line-height: 1.25;
--theme-h1-font-size: 34px;
--theme-h2-font-size: 28px;
--theme-h3-font-size: 24px;
--theme-h4-font-size: 20px;
--theme-h1-font-weight: normal;
--theme-h2-font-weight: normal;
--theme-h3-font-weight: bold;
--theme-h4-font-weight: bold;
}
body, textarea {
font-family: var(--theme-font-primary);
font-size: var(--theme-font-size);
line-height: var(--theme-line-height);
font-weight: var(--theme-font-weight);
}
small {
font-size: var(--theme-font-size-small);
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--theme-font-secondary);
font-weight: var(--theme-headings-font-weight);
line-height: var(--theme-headings-line-height);
font-size: var(--theme-font-size);
}
h1 {
font-size: var(--theme-h1-font-size);
font-weight: var(--theme-h1-font-weight);
}
h2 {
font-size: var(--theme-h2-font-size);
font-weight: var(--theme-h2-font-weight);
}
h3 {
font-size: var(--theme-h3-font-size);
font-weight: var(--theme-h3-font-weight);
}
h4 {
font-size: var(--theme-h4-font-size);
font-weight: var(--theme-h4-font-weight);
}
:root {
--theme-width: 800px;
--theme-width-wide: 1200px;
--theme-width-narrow: 600px;
--theme-offset-h: 40px;
--theme-offset-v: 80px;
--theme-element-spacer: 20px;
--config-css-reset-spacer: var(--theme-element-spacer);
}
@media (max-width: 599px) {
:root {
--theme-offset-h: 20px;
--theme-offset-v: 30px;
}
}
body .container {
width: 100%;
}
body .container > * {
width: var(--theme-width);
max-width: calc(100% - calc(2 * var(--theme-offset-h)));
margin-left: auto;
margin-right: auto;
}
body .container > .alignwide, body .container > .alignfull {
width: 100%;
}
body .container > .alignwide > [class*="inner-container"], body .container > .alignfull > [class*="inner-container"] {
padding-left: var(--theme-offset-h);
padding-right: var(--theme-offset-h);
}
body .container > .alignfull {
max-width: 100%;
}
body .container > .alignwide {
max-width: var(--theme-width-wide);
}
body .container .wp-block-group.has-background {
padding-top: var(--theme-offset-v);
padding-bottom: calc(var(--theme-offset-v) - var(--theme-element-spacer));
}
body .container .wp-block-group.has-background:not(.alignwide):not(.alignfull) {
padding-left: var(--theme-offset-h);
padding-right: var(--theme-offset-h);
}
body .container .wp-block-group.has-background > [class*="inner-container"] {
width: calc(2 * var(--theme-offset-h) + var(--theme-width));
max-width: 100%;
margin: auto;
}
body .container .wp-block-group.has-background > [class*="inner-container"] > :first-child {
margin-top: 0;
}
body .container .wp-block-group.is-style-narrow > [class*="inner-container"] {
width: var(--theme-width-narrow);
max-width: 100%;
margin: auto;
}
.wpcf7 ::-webkit-input-placeholder {
color: var(--theme-color-placeholder) !important;
opacity: 1;
}
.wpcf7 :-moz-placeholder {
color: var(--theme-color-placeholder) !important;
opacity: 1;
}
.wpcf7 ::-moz-placeholder {
color: var(--theme-color-placeholder) !important;
opacity: 1;
}
.wpcf7 :-ms-input-placeholder {
color: var(--theme-color-placeholder) !important;
opacity: 1;
}
.wpcf7 input, .wpcf7 textarea, .wpcf7 select {
padding: 15px;
background: white;
color: var(--theme-color-placeholder);
border: none;
}
.wpcf7 input:focus, .wpcf7 textarea:focus, .wpcf7 select:focus {
outline: none;
}
.wpcf7 select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
padding-left: 51px;
}
.wpcf7 .betreff {
position: relative;
}
.wpcf7 .betreff::before {
width: 13px;
height: 13px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #938f8f;
content: "";
display: inline-block;
position: absolute;
top: 16px;
left: 20px;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.wpcf7 .ajax-loader, .wpcf7 br, .wpcf7 .wpcf7-not-valid-tip {
display: none;
}
.wpcf7 .wpcf7-not-valid {
border-color: red;
}
.wpcf7 .wpcf7-acceptance {
color: var(--theme-color-placeholder);
}
.wpcf7 .wpcf7-acceptance label {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.wpcf7 .wpcf7-acceptance input {
position: relative;
visibility: hidden;
width: 0;
height: 0;
}
.wpcf7 .wpcf7-acceptance span.wpcf7-list-item {
position: relative;
}
.wpcf7 .wpcf7-acceptance span.wpcf7-list-item a {
text-decoration: underline;
}
.wpcf7 .wpcf7-acceptance span.wpcf7-list-item-label {
cursor: pointer;
vertical-align: top;
}
@media (max-width: 599px) {
.wpcf7 .wpcf7-acceptance span.wpcf7-list-item-label {
font-size: var(--theme-font-size-small);
}
}
.wpcf7 .wpcf7-acceptance span.wpcf7-list-item-label:before {
content: "";
display: block;
position: absolute;
border-radius: 50%;
width: 29px;
height: 29px;
left: 0;
top: 0;
background: var(--theme-color-background-1);
}
.wpcf7 .wpcf7-acceptance span.wpcf7-list-item-label:after {
position: absolute;
content: "";
background: var(--theme-color-background-1);
border-radius: 50%;
width: 29px;
height: 29px;
left: 0;
top: 0;
}
.wpcf7 .wpcf7-acceptance input:checked + span.wpcf7-list-item-label:after {
background: var(--theme-color-accent-2);
}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item-label {
padding-left: 38px;
display: block;
}
.wpcf7 .gridarea {
display: -ms-grid;
display: grid;
grid-column-gap: 18px;
grid-template-columns: 3fr 5fr;
grid-template-areas: "narrow1 wide1" "narrow2 wide2" "narrow3 wide2" "narrow4 wide2";
}
.wpcf7 .gridarea .wpcf7-form-control-wrap {
margin-bottom: 1rem;
}
.wpcf7 .gridarea .wpcf7-form-control-wrap:first-child {
grid-area: narrow1;
}
.wpcf7 .gridarea .wpcf7-form-control-wrap:last-child {
grid-area: wide1;
}
.wpcf7 .gridarea .wpcf7-form-control-wrap:nth-last-child(1) {
grid-area: wide2;
}
@media screen and (max-width: 599px) {
.wpcf7 .gridarea {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
}
.wpcf7 .gridarea input, .wpcf7 .gridarea textarea, .wpcf7 .gridarea select, .wpcf7 .gridarea p {
margin-bottom: 0;
width: 100%;
height: 100%;
}
.wpcf7 .gridarea textarea {
min-height: 100%;
}
@media screen and (max-width: 599px) {
.wpcf7 .gridarea textarea {
min-height: 220px;
}
}
.wpcf7 .gridarea label {
display: none;
}
.wpcf7 .footerarea {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-top: calc(var(--theme-element-spacer) * 3);
}
@media (max-width: 999px) {
.wpcf7 .footerarea {
padding-top: calc(var(--theme-element-spacer) * 2);
}
}
.wpcf7 .footerarea .wpcf7-list-item {
margin-left: 0;
}
.wpcf7 .footerarea .wpcf7-submit {
max-width: fit-content;
margin: var(--theme-offset-v) auto 0;
padding: 11px 43px;
border: 0;
border-radius: 50px;
background-color: var(--theme-color-accent-2);
color: var(--theme-color-background-1);
text-transform: uppercase;
font-size: var(--theme-font-size);
line-height: var(--theme-line-height);
letter-spacing: .54px;
}
.wp-block-image, .wp-block-columns {
margin-bottom: var(--theme-element-spacer);
}
body .container .wp-block-group.has-background {
padding-bottom: calc(100px - var(--theme-element-spacer));
}
body .container .wp-block-group.has-background .wp-block-group.has-background-1-background-color {
padding-top: calc(var(--theme-offset-h) - var(--theme-element-spacer));
padding-bottom: calc(var(--theme-offset-h) - var(--theme-element-spacer));
}
body .container .wp-block-group.has-background .wp-block-columns + .wp-block-group.has-background-1-background-color {
margin-top: calc(-2 * var(--theme-element-spacer));
margin-bottom: var(--theme-element-spacer);
}
@media screen and (max-width: 999px) {
#zahlen .wp-block-columns {
-ms-flex-direction: column;
flex-direction: column;
}
#zahlen .wp-block-columns .wp-block-column {
max-width: 100%;
}
}
body.error404 h1 {
margin-top: 150px;
}
body .feature-modal-page {
background: rgba(0, 0, 0, .81);
}
body .feature-modal-page__popover {
width: var(--theme-width-narrow);
max-width: 100%;
overflow: auto;
}
body .feature-modal-page__popover h1 {
color: var(--theme-color-accent-1);
font-size: var(--theme-font-size-big);
margin-top: 0;
}
body .feature-modal-page__popover a[href="#close"] {
background: url(//hamburgerplatz-berlin.de/wp-content/themes/bau/theme/config-icons/btn-close.svg) 0 0 no-repeat;
width: 34px;
height: 34px;
}
@media (max-width: 599px) {
body .feature-modal-page__popover a[href="#close"] {
top: 10px;
right: 5px;
}
}
body .feature-modal-page__popover a[href="#close"] + p {
padding-right: 3rem;
}
body .feature-modal-page__popover a[href="#close"] ~ p {
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
padding-right: 1rem;
}
body .feature-modal-page__popover .wp-block-gallery.columns-4 .blocks-gallery-item {
max-width: calc(25% - .75em);
}
body .feature-modal-page__popover .wp-block-gallery.columns-4 .blocks-gallery-item:first-child {
width: 100%;
max-width: 100%;
margin: 0 0 var(--theme-element-spacer);
}
body .feature-modal-page__popover .wp-block-gallery.columns-4 .blocks-gallery-item:last-child {
max-width: calc(25% - .75em);
}
body .feature-modal-page__popover .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n) {
margin-right: 1rem;
}
body .feature-modal-page__popover .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(5), body .feature-modal-page__popover .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(9), body .feature-modal-page__popover .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(13), body .feature-modal-page__popover .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(17) {
margin-right: 0;
}
body .feature-modal-page__popover .wp-block-gallery.columns-4 .blocks-gallery-item__caption {
display: none;
}
body .feature-modal-page .navigate {
width: 29px;
height: 29px;
background: var(--theme-color-accent);
background: transparent no-repeat center center;
display: inline-block;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
background-size: 100%;
}
body .feature-modal-page .navigate.navigate-prev {
left: calc(50% - 50px - ( var(--theme-width-narrow) / 2 ));
background-image: url(//hamburgerplatz-berlin.de/wp-content/themes/bau/theme/config-icons/btn-prev.svg);
}
@media (max-width: 999px) {
body .feature-modal-page .navigate.navigate-prev {
left: 4px;
display: none;
}
}
body .feature-modal-page .navigate.navigate-next {
right: calc(50% - 50px - ( var(--theme-width-narrow) / 2 ));
background-image: url(//hamburgerplatz-berlin.de/wp-content/themes/bau/theme/config-icons/btn-next.svg);
}
@media (max-width: 999px) {
body .feature-modal-page .navigate.navigate-next {
right: 1rem;
}
}
@media (max-width: 399px) {
body .feature-modal-page .navigate.navigate-next {
right: 4px;
}
}
p.is-style-small, .editor-styles-wrapper p.is-style-small {
font-size: var(--theme-font-size-small);
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
@media (min-width: 1000px) {
p.is-style-small, .editor-styles-wrapper p.is-style-small {
padding-right: calc(var(--theme-width) - var(--theme-width-narrow));
}
}
.wp-block-cover {
position: relative;
}
.wp-block-cover .wp-block-cover__inner-container {
width: calc(2 * var(--theme-offset-h) + var(--theme-width));
max-width: 100%;
margin: auto;
}
@media (max-width: 425px) {
.wp-block-cover .wp-block-cover__inner-container {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.wp-block-cover .wp-block-cover__inner-container h1 {
padding: 30px;
max-width: 575px;
line-height: 58px;
margin-top: 30px;
}
@media (max-width: 999px) {
.wp-block-cover .wp-block-cover__inner-container h1 {
padding: 20px;
line-height: 50px;
}
}
@media (max-width: 425px) {
.wp-block-cover .wp-block-cover__inner-container h1 {
margin-top: -10px;
}
}
@media (max-width: 399px) {
.wp-block-cover .wp-block-cover__inner-container h1 {
line-height: 40px;
}
}
.wp-block-cover .wp-block-cover__inner-container h2 {
padding: 12px 27px;
font-size: var(--theme-h2hero-font-size);
max-width: 450px;
margin-top: 0;
}
@media (max-width: 999px) {
.wp-block-cover .wp-block-cover__inner-container h2 {
padding: 12px 20px;
}
}
.wp-block-cover .wp-block-cover__inner-container h1, .wp-block-cover .wp-block-cover__inner-container h2 {
margin-bottom: 0;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
@media (min-width: 1300px) {
.wp-block-cover .wp-block-cover__inner-container h1, .wp-block-cover .wp-block-cover__inner-container h2 {
margin-left: -100px;
}
}
@media (max-width: 999px) {
.wp-block-cover .wp-block-cover__inner-container h1, .wp-block-cover .wp-block-cover__inner-container h2 {
opacity: 0;
-webkit-animation: coverFadeIn 1.5s forwards;
animation: coverFadeIn 1.5s forwards;
animation-delay: 1.8s;
}
}
.wp-block-cover .wp-block-cover__inner-container h1 strong, .wp-block-cover .wp-block-cover__inner-container h2 strong {
opacity: 1;
}
.wp-block-cover .wp-block-image {
position: absolute;
bottom: 55px;
left: 50%;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 999px) {
.wp-block-cover .wp-block-image {
opacity: 0;
-webkit-animation: coverFadeIn 1.5s forwards;
animation: coverFadeIn 1.5s forwards;
animation-delay: 1.8s;
}
}
@media (max-width: 999px) {
.wp-block-cover .wp-block-image {
width: 65px;
height: 65px;
}
}
@media (max-width: 599px) {
.wp-block-cover .wp-block-image {
bottom: 30px;
width: 55px;
height: 55px;
}
}
@-webkit-keyframes coverFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes coverFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@media (min-width: 1000px) {
.wp-block-group.is-style-mobile-only {
display: none !important;
}
}
@media (max-width: 999px) {
.wp-block-group.is-style-desktop-only {
display: none !important;
}
}
.wp-block-image.size-large + .wp-block-group.has-background-1-background-color {
margin-top: calc(-1 * var(--theme-element-spacer));
}
.wp-block-latest-posts {
margin-top: calc(var(--theme-element-spacer) * 2);
max-width: 100%;
}
@media (max-width: 999px) {
.wp-block-latest-posts {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.wp-block-latest-posts .slick-list {
margin-right: auto;
margin-left: auto;
}
.wp-block-latest-posts .slick-slide {
padding-bottom: var(--theme-offset-h);
}
.wp-block-latest-posts .slick-slide > a {
margin-top: 15px;
display: block;
font-size: calc(var(--theme-font-size-big) * 1.25);
line-height: 30px;
font-weight: var(--theme-headings-font-weight);
padding-left: var(--theme-element-spacer);
padding-right: var(--theme-element-spacer);
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
.wp-block-latest-posts .slick-slide img {
width: 100%;
}
.wp-block-latest-posts__post-excerpt {
padding-left: var(--theme-element-spacer);
padding-right: var(--theme-element-spacer);
margin-bottom: 0;
color: var(--theme-color-accent-2);
margin-top: 15px;
}
.wp-block-latest-posts__post-excerpt:after {
content: "›";
padding: 0 .3rem;
font-size: 1.7rem;
line-height: 0;
position: relative;
bottom: -1px;
cursor: pointer;
}
.wp-block-latest-posts__post-excerpt:after:hover {
color: var(--theme-color-accent);
}
.wp-block-latest-posts__featured-image a {
display: block;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
clear: none;
border: 1px solid var(--theme-color-text);
margin-left: 10px;
margin-right: 10px !important;
}
@media (max-width: 1120px) {
.wp-block-latest-posts.wp-block-latest-posts__list li {
margin-left: 20px;
margin-right: 20px !important;
}
}
.wp-block-latest-posts:not(.slick-initialized) .item {
display: inline-block;
}
.wp-block-latest-posts:not(.slick-initialized) .item + .item + .item ~ .item {
display: none;
}
.wp-block-latest-posts.slick-slider {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.wp-block-latest-posts.slick-slider .slick-arrow {
position: absolute;
width: 29px;
height: 29px;
border: none;
cursor: pointer;
-ms-flex-negative: 0;
flex-shrink: 0;
opacity: 1;
-webkit-transition: opacity .2s;
transition: opacity .2s;
}
.wp-block-latest-posts.slick-slider .slick-arrow.slick-prev {
background: url(//hamburgerplatz-berlin.de/wp-content/themes/bau/theme/config-icons/btn-prev.svg) no-repeat center center;
background-size: 100% 100%;
margin-left: -3.9%;
left: 0;
}
@media (max-width: 1120px) {
.wp-block-latest-posts.slick-slider .slick-arrow.slick-prev {
margin-left: -17px;
}
}
@media (max-width: 1048px) {
.wp-block-latest-posts.slick-slider .slick-arrow.slick-prev {
margin-left: -1rem;
width: 20px;
}
}
.wp-block-latest-posts.slick-slider .slick-arrow.slick-next {
background: url(//hamburgerplatz-berlin.de/wp-content/themes/bau/theme/config-icons/btn-next.svg) no-repeat center center;
background-size: 100% 100%;
margin-right: -3.9%;
right: 0;
}
@media (max-width: 1120px) {
.wp-block-latest-posts.slick-slider .slick-arrow.slick-next {
margin-right: -17px;
}
}
@media (max-width: 1048px) {
.wp-block-latest-posts.slick-slider .slick-arrow.slick-next {
margin-right: -1rem;
width: 20px;
}
}
.wp-block-latest-posts.slick-slider .slick-arrow:hover {
opacity: .5;
-webkit-transition: opacity .2s;
transition: opacity .2s;
}
.wp-block-latest-posts.slick-slider .slick-arrow.slick-disabled, .wp-block-latest-posts.slick-slider .slick-arrow.slick-disabled:hover {
opacity: 0;
pointer-events: none;
cursor: default;
}
.wp-block-latest-posts.slick-slider .slick-track {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.wp-block-latest-posts.slick-slider .slick-track .slick-slide {
-webkit-transition: opacity 250ms ease;
transition: opacity 250ms ease;
height: auto;
}
.wp-block-latest-posts.slick-slider .slick-track .slick-slide.slick-active ~ .slick-slide:not(.slick-active) {
opacity: .6;
cursor: e-resize;
}
.wp-block-latest-posts.slick-slider .slick-track .slick-slide.slick-active ~ .slick-slide:not(.slick-active):hover {
opacity: 1;
}
p.is-style-highlight, .editor-styles-wrapper p.is-style-highlight {
font-size: calc(var(--theme-font-size-big) * 1.25);
font-weight: 700;
margin-top: var(--theme-offset-v);
margin-bottom: var(--theme-offset-v);
}
p.is-style-highlight a, .editor-styles-wrapper p.is-style-highlight a {
text-decoration: underline;
}
.block-breadcrumb {
padding-top: 2rem;
padding-bottom: 4rem;
}
.block-breadcrumb ul.breadcrumbs {
padding: 0;
margin: 0;
white-space: nowrap;
}
.block-breadcrumb ul.breadcrumbs a {
padding: 5px 0;
display: inline-block;
}
.block-breadcrumb ul.breadcrumbs li {
display: inline-block;
position: relative;
padding-right: 8px;
margin-right: 4px;
vertical-align: middle;
}
.block-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%);
}
.block-breadcrumb ul.breadcrumbs li:last-child {
font-weight: bold;
margin-right: 0;
padding-right: 0;
}
.block-breadcrumb ul.breadcrumbs li:last-child:after {
display: none;
}
.block-breadcrumb ul.breadcrumbs li:last-child span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
}
@media (max-width: 999px) {
.block-breadcrumb ul.breadcrumbs li:last-child span {
max-width: 300px;
}
}
@media (max-width: 599px) {
.block-breadcrumb ul.breadcrumbs li:last-child span {
max-width: 200px;
}
}
.block-accordion {
margin-bottom: var(--theme-offset-v);
}
.block-accordion__item {
border-bottom: 1px solid var(--theme-colors-borders);
}
.block-accordion__item:first-child {
border-top: 1px solid var(--theme-colors-borders);
}
.wp-block-group.has-background-1-background-color .block-accordion__item:first-child {
border-top: 0;
}
.wp-block-group.has-background-1-background-color .block-accordion__item:last-child {
border: 0;
}
.wp-block-group.has-background-1-background-color .block-accordion__item:last-child .block-accordion__item-content {
padding-bottom: 0;
}
.block-accordion__item-title {
display: block;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
cursor: pointer;
position: relative;
font-size: var(--theme-font-size-big);
padding: var(--theme-element-spacer) 0;
color: var(--theme-color-headings);
padding-right: 35px;
}
.block-accordion__item-title .toggle-trigger {
position: absolute;
top: var(--theme-element-spacer);
right: 0;
width: 34px;
height: 34px;
background: url(//hamburgerplatz-berlin.de/wp-content/themes/bau/theme/config-icons/btn-collapse-inactive.svg) 0 0 no-repeat;
margin-left: auto;
}
.block-accordion__item-title:hover {
text-decoration: none;
color: var(--theme-color-headings);
}
.block-accordion__item-content {
padding: calc(var(--theme-element-spacer) / 2) 0 calc(2 * var(--theme-element-spacer)) 0;
}
.block-accordion__item-content a {
color: inherit;
}
.block-accordion__item.is-active {
position: relative;
}
.block-accordion__item.is-active:after {
content: "";
position: absolute;
left: 0;
bottom: calc(var(--theme-element-spacer) * 2);
height: 2px;
}
.block-accordion__item.is-active .block-accordion__item-title {
font-weight: var(--theme-headings-font-weight);
}
.block-accordion__item.is-active .block-accordion__item-title .toggle-trigger {
width: 34px;
height: 34px;
background: url(//hamburgerplatz-berlin.de/wp-content/themes/bau/theme/config-icons/btn-collapse-active.svg) 0 0 no-repeat;
margin-left: auto;
}
.block-accordion.is-style-squares {
margin-bottom: 0;
}
.block-accordion.is-style-squares .block-accordion__item-title {
color: var(--theme-color-text);
padding-left: var(--theme-offset-v);
position: relative;
}
.block-accordion.is-style-squares .block-accordion__item-title::before {
content: "";
width: 34px;
height: 34px;
background-color: var(--theme-color-accent-2);
opacity: 80%;
display: block;
position: absolute;
left: 0;
top: 16px;
}
.block-accordion.is-style-squares .block-accordion__item-content {
padding-bottom: var(--theme-element-spacer);
}
.block-accordion.is-style-squares .block-accordion__item:last-child .block-accordion__item-title::before {
background-color: var(--theme-color-accent-4);
}
.block-accordion.is-style-squares .block-accordion__item:first-child .block-accordion__item-title::before {
background-color: var(--theme-color-accent-1);
}
.block-accordion.is-style-squares .block-accordion__item.is-active .block-accordion__item-title {
font-weight: var(--theme-headings-font-weight);
}
.block-bubbles {
width: 100%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: -233px;
}
@media (min-width: 541px) {
.block-bubbles {
padding-top: 120px;
}
}
@media (max-width: 1024px) {
.block-bubbles {
margin-left: -20px;
margin-bottom: 50px;
}
}
@media (min-width: 769px) and (max-width: 999px) {
.block-bubbles {
-ms-flex-align: center;
align-items: center;
}
}
@media (max-width: 768px) {
.block-bubbles {
-ms-flex-align: left;
align-items: left;
margin-left: 0;
}
}
@media (max-width: 540px) {
.block-bubbles {
margin-bottom: 50px;
margin-top: 50px;
-ms-flex-align: center;
align-items: center;
}
}
.block-bubbles__xxl, .block-bubbles__xl, .block-bubbles__text, .block-bubbles__mix {
height: 300px;
width: 300px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media (max-width: 540px) {
.block-bubbles__xxl, .block-bubbles__xl, .block-bubbles__text, .block-bubbles__mix {
margin-bottom: var(--theme-element-spacer);
}
}
.block-bubbles__xxl:before, .block-bubbles__xl:before, .block-bubbles__text:before, .block-bubbles__mix:before {
content: "";
position: absolute;
height: 300px;
width: 300px;
background: var(--theme-color-background-1);
border-radius: 150px;
z-index: 1;
}
.block-bubbles__xxl .content, .block-bubbles__xl .content, .block-bubbles__text .content, .block-bubbles__mix .content {
padding: 0;
color: var(--theme-color-accent-1);
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
z-index: 100;
text-align: center;
}
.block-bubbles__xxl .content p, .block-bubbles__xl .content p, .block-bubbles__text .content p, .block-bubbles__mix .content p {
font-size: 24px;
font-weight: 700;
margin: 0;
text-transform: none;
padding: 0 var(--theme-offset-v);
}
.block-bubbles__xxl .content .headline, .block-bubbles__xl .content .headline, .block-bubbles__text .content .headline, .block-bubbles__mix .content .headline {
margin: 0;
font-weight: 700;
line-height: .9;
}
.block-bubbles__xl {
width: 240px;
height: 240px;
}
.block-bubbles__xl::before {
height: 240px;
width: 240px;
}
@media (max-width: 540px) {
.block-bubbles__xl {
margin-top: -2.5rem;
}
}
.block-bubbles__xxl .headline, .block-bubbles__mix .headline {
font-size: 121px;
}
@media (max-width: 599px) {
.block-bubbles__xxl .headline, .block-bubbles__mix .headline {
font-size: 99px;
}
}
.block-bubbles__xl .content {
-ms-word-break: initial;
word-break: initial;
}
.block-bubbles__xl .content .headline {
font-size: 90px;
}
@media (max-width: 599px) {
.block-bubbles__xl .content .headline {
font-size: 77px;
}
}
.block-bubbles__xl .content p {
font-size: var(--theme-font-size);
margin-top: var(--theme-element-spacer);
}
.block-bubbles__text .headline {
font-size: 46px;
letter-spacing: 1.5px;
line-height: normal;
}
.block-bubbles__mix .content {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
}
.block-bubbles__mix .content div {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 5px;
}
.block-bubbles__mix .content div:first-of-type {
-ms-flex-align: end;
align-items: flex-end;
padding-top: 20px;
}
.block-bubbles__mix .content div p {
text-align: left;
}
.block-bubbles__mix .content div .headline {
padding-right: 20px;
padding-left: 15px;
}
@media (min-width: 541px) {
.block-bubbles .block-bubbles__xxl {
position: relative;
margin-top: -30px;
}
.block-bubbles .block-bubbles__xxl:nth-child(even) {
left: 180px;
}
.block-bubbles .block-bubbles__xxl .content {
position: relative;
top: -10px;
}
.block-bubbles .block-bubbles__xl {
position: relative;
left: 30px;
margin-top: -20px;
}
.block-bubbles .block-bubbles__xl + .block-bubbles__xl {
margin-top: -340px;
left: 220px;
margin-bottom: 100px;
}
}
@media (max-width: 540px) {
.block-bubbles .block-bubbles {
margin-bottom: 50px;
}
}
.block-timeline {
position: relative;
max-width: 1200px;
margin: 78px auto var(--theme-element-spacer) auto;
}
.block-timeline::after {
content: "";
position: absolute;
width: 8px;
background-color: var(--theme-color-background-2);
top: 45px;
bottom: 0;
left: 50%;
-ms-transform: translate(-50%);
-webkit-transform: translate(-50%);
transform: translate(-50%);
height: calc(100% - 175px);
}
.block-timeline::before {
content: "";
position: absolute;
width: 55px;
height: 55px;
right: -2px;
left: 0;
margin-left: auto;
margin-right: auto;
background-color: transparent;
border: 8px solid var(--theme-color-background-2);
box-sizing: border-box;
bottom: 80px;
border-radius: 50%;
z-index: 1;
}
.block-timeline h3 {
display: inline-block;
background-color: var(--theme-color-accent-2);
color: var(--theme-color-accent-3);
max-width: fit-content;
margin-top: 0;
margin-bottom: 10px;
padding: 0 25px 3px 25px;
font-weight: bold;
font-size: 63px;
line-height: 85px;
}
.block-timeline .timeline-item {
position: relative;
background-color: inherit;
width: 50%;
}
.block-timeline .timeline-item .subitem-summary {
font-weight: 500;
}
.block-timeline .timeline-item::after {
content: "";
position: absolute;
width: 55px;
height: 55px;
right: -28px;
background-color: var(--theme-color-background-2);
top: -8px;
border-radius: 50%;
z-index: 1;
}
.block-timeline .timeline-item::before {
content: " ";
height: 0;
position: absolute;
width: 0;
top: -22px;
z-index: 1;
border: medium solid var(--theme-color-background-2);
}
.block-timeline .timeline-item:nth-child(odd)::after {
left: -27px;
}
.block-timeline .timeline-item:first-child::after {
background-color: transparent;
border: 8px solid var(--theme-color-background-2);
box-sizing: border-box;
}
.block-timeline .timeline-item-wrapper {
position: relative;
top: -22px;
}
@media screen and (min-width: 1000px) {
.block-timeline .timeline-item:nth-child(even) {
left: 0;
padding: 0 60px 10px 0;
text-align: right;
}
.block-timeline .timeline-item:nth-child(even) .timeline-subitem {
text-align: left;
}
.block-timeline .timeline-item:nth-child(even) h3 {
margin-right: 2px;
margin-left: auto;
border-radius: 6px 0 0 6px;
}
.block-timeline .timeline-item:nth-child(even)::before {
right: 37px;
border-width: 44px 0 44px 25px;
border-color: transparent transparent transparent var(--theme-color-accent-2);
}
.block-timeline .timeline-item:nth-child(odd) {
left: 50%;
padding: 0 0 10px 60px;
}
.block-timeline .timeline-item:nth-child(odd) h3 {
margin-right: auto;
margin-left: 2px;
border-radius: 0 6px 6px 0;
}
.block-timeline .timeline-item:nth-child(odd)::before {
left: 37px;
border-width: 44px 25px 44px 0;
border-color: transparent var(--theme-color-accent-2) transparent transparent;
}
}
.block-timeline .timeline-subitem {
padding: 3px 20px 3px 20px;
background-color: var(--theme-color-background-2);
position: relative;
border-radius: 6px;
margin-bottom: 10px;
}
.block-timeline .timeline-subitem .subitem-summary {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.block-timeline .timeline-subitem .subitem-summary img {
width: 120px;
height: 100%;
display: block;
margin-right: 12px;
}
.block-timeline .timeline-subitem .subitem-summary-text p {
margin: 0;
font-size: 20px;
line-height: 25px;
color: var(--theme-color-accent-1);
max-width: 200px;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
.block-timeline .timeline-subitem .subitem-summary-text p:first-child {
color: var(--theme-color-accent-2);
margin-bottom: 8px;
}
.block-timeline .timeline-subitem .subitem-summary a {
text-decoration: none;
border-radius: 50px;
margin-left: auto;
}
.block-timeline .timeline-subitem .subitem-summary a svg {
width: 34px;
height: 34px;
fill: var(--theme-color-accent-2);
}
.block-timeline .timeline-subitem .subitem-summary a:hover {
text-decoration: none;
}
@media screen and (max-width: 999px) {
.block-timeline h3 {
font-size: 50px;
line-height: 68px;
}
.block-timeline::after {
left: 31px;
}
.block-timeline::before {
left: 4px;
right: unset;
}
.block-timeline .timeline-item {
margin-bottom: 30px;
}
.block-timeline .timeline-item:nth-child(even), .block-timeline .timeline-item:nth-child(odd) {
width: 100%;
padding-left: 95px;
padding-right: 25px;
}
.block-timeline .timeline-item::before {
left: 68px;
border-width: 34px 27px 34px 0;
border-color: transparent var(--theme-color-accent-2) transparent transparent;
}
.block-timeline .timeline-item:nth-child(even)::after, .block-timeline .timeline-item:nth-child(odd)::after {
left: 4px;
}
.block-timeline .timeline-item:nth-child(odd) {
left: 0%;
}
}
@media screen and (max-width: 599px) {
.block-timeline h3 {
margin-left: 27px;
font-size: 40px;
line-height: 54px;
}
.block-timeline::after {
left: 5px;
width: 4px;
top: 21px;
}
.block-timeline::before {
width: 30px;
height: 30px;
left: -10px;
border: 4px solid var(--theme-color-background-2);
bottom: 125px;
}
.block-timeline .timeline-item:nth-child(even), .block-timeline .timeline-item:nth-child(odd) {
padding-left: 25px;
padding-right: 0;
}
.block-timeline .timeline-item::before {
left: 32px;
border-width: 28px 20px 28px 0;
}
.block-timeline .timeline-item:nth-child(even)::after, .block-timeline .timeline-item:nth-child(odd)::after {
box-sizing: border-box;
width: 30px;
height: 30px;
left: -10px;
border: 4px solid var(--theme-color-background-2);
}
.block-timeline .timeline-item:nth-child(odd) {
left: 0%;
}
}
@media screen and (max-width: 500px) {
.block-timeline .timeline-subitem {
padding: 15px;
position: relative;
}
.block-timeline .timeline-subitem .subitem-summary {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-timeline .timeline-subitem .subitem-summary img {
width: 100px;
}
.block-timeline .timeline-subitem .subitem-summary-text {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.block-timeline .timeline-subitem .subitem-summary-text p {
min-width: 100%;
}
.block-timeline .timeline-subitem .subitem-summary a {
position: absolute;
right: 15px;
top: 15px;
}
}
footer.footer {
background: var(--theme-color-background-3);
padding-top: var(--theme-offset-v);
padding-bottom: calc(var(--theme-offset-v) - var(--theme-element-spacer));
}
.feature-modal-page {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, .5);
z-index: 10000;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.feature-modal-page__popover {
position: relative;
width: 600px;
max-width: 95%;
min-height: 200px;
max-height: 95vh;
background: #fff;
padding: 25px;
padding: var(--theme-offset-h);
padding-bottom: 1rem;
padding-bottom: var(--theme-element-spacer);
}
.feature-modal-page__popover .wp-block-button__link {
margin: 0 !important;
}
.feature-modal-page__popover a[href="#close"] {
position: absolute;
top: 20px;
right: 20px;
display: block;
}
footer.footer h2.widgettitle {
font-size: var(--theme-font-size);
color: var(--theme-color-accent-3);
text-transform: uppercase;
margin-top: 0;
margin-bottom: 3px;
}
footer.footer .menu {
padding-left: 0;
}
footer.footer .menu .current-menu-item a {
text-decoration: underline;
}
footer.footer .wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
margin: 4px 0 4px 38px;
padding: 0;
}
footer.footer .wp-block-social-links .wp-social-link a {
padding: 4px 0;
}
footer.footer .menu-item {
list-style-type: none;
}
footer.footer .menu-item a {
color: var(--theme-color-accent-3);
}
footer.footer .wp-block-image {
text-align: right;
margin-bottom: var(--theme-offset-v);
}
footer.footer .wp-block-image.size-medium img {
max-width: 200px;
}
@media screen and (max-width: 599px) {
footer.footer .wp-block-image.size-medium img {
max-width: 150px;
}
}
@media screen and (max-width: 399px) {
footer.footer .wp-block-image.size-medium img {
max-width: 100px;
}
}
@media screen and (max-width: 599px) {
footer.footer .feature-footer-widgets .wp-block-columns {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-direction: row;
flex-direction: row;
}
footer.footer .feature-footer-widgets .wp-block-column {
-ms-flex-preferred-size: auto !important;
flex-basis: auto !important;
}
}
:root {
--topbar-height: calc(64px + 2rem);
}
@media (max-width: 999px) {
:root {
--topbar-height: calc(48px + 1rem);
}
}
body {
padding-top: var(--topbar-height) !important;
}
body.active-modal-menu main {
opacity: .77;
}
.feature-responsive-topbar {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 200;
padding: 1rem var(--theme-offset-h);
background-color: var(--theme-color-accent-2);
height: var(--topbar-height);
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media (max-width: 999px) {
.feature-responsive-topbar {
padding: .5rem var(--theme-offset-h);
}
}
.feature-responsive-topbar > .container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.feature-responsive-topbar > .container > .container__inner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.feature-responsive-topbar > .container > .container__inner.alignwide {
max-width: var(--theme-width-wide);
}
.feature-responsive-topbar * {
margin-bottom: 0;
}
.feature-responsive-topbar a {
color: var(--theme-color-accent-3);
font-size: 22px;
}
.feature-responsive-topbar a:hover {
text-decoration: none;
}
.feature-responsive-topbar__logo a:hover {
text-decoration: none;
}
.feature-responsive-topbar__logo figure {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
line-height: 1.2;
height: var(--topbar-height);
overflow: hidden;
}
.feature-responsive-topbar__logo figure img {
width: auto;
height: 44px;
margin-top: 1rem;
margin-right: 1.4rem;
}
@media (max-width: 999px) {
.feature-responsive-topbar__logo figure img {
margin-right: 1rem;
height: 32px;
margin-top: .7rem;
}
}
.feature-responsive-topbar__logo figure img + figcaption {
display: none;
}
.feature-responsive-topbar__logo figure img + figcaption strong {
display: block;
}
.feature-responsive-topbar__menu-trigger {
-ms-flex: 1;
flex: 1;
text-align: right;
padding-top: 5px;
}
@media (min-width: 1000px) {
.feature-responsive-topbar__menu-trigger {
display: none;
}
}
@media (max-width: 999px) {
body.active-modal-menu .feature-responsive-topbar__menu-trigger {
z-index: 201;
}
}
.feature-responsive-topbar__menu-trigger a[href="#menu"] {
display: inline-block;
padding: 5px 0;
}
.feature-responsive-topbar__menu-trigger a[href="#menu"] span {
display: block;
width: 32px;
height: 3px;
background: var(--theme-color-background);
margin: 6px 0;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.feature-responsive-topbar__menu-trigger a[href="#menu"] span:not(:last-child) {
margin-bottom: 7px;
}
body.active-modal-menu .feature-responsive-topbar__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-topbar__menu-trigger a[href="#menu"] span:first-child + span {
opacity: 0;
}
body.active-modal-menu .feature-responsive-topbar__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-topbar__menu {
-ms-flex: 1;
flex: 1;
text-align: center;
position: relative;
}
@media (max-width: 999px) {
.feature-responsive-topbar__menu {
display: none;
text-align: left;
}
}
.feature-responsive-topbar__menu a {
line-height: 1;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.feature-responsive-topbar__menu ul {
list-style-type: none;
}
.feature-responsive-topbar__menu ul li {
display: inline-block;
position: relative;
margin-right: 50px;
}
@media (max-width: 1149px) {
.feature-responsive-topbar__menu ul li {
margin-right: 10px;
}
}
.feature-responsive-topbar__menu ul li:last-child {
margin-right: 0;
}
@media (max-width: 999px) {
body.active-modal-menu .feature-responsive-topbar__menu ul li {
display: block;
}
}
.feature-responsive-topbar__menu ul.menu > li:first-child > a {
padding-left: 0;
}
.feature-responsive-topbar__menu ul.menu > li:last-child > a {
padding-right: 0;
}
@media (max-width: 999px) {
.feature-responsive-topbar__menu ul.menu > li:last-child > a {
padding-left: 0;
}
}
.feature-responsive-topbar__menu ul.menu > li > a {
display: inline-block;
padding: .5rem 0 .3rem;
margin: 0 1rem;
font-weight: bold;
border-bottom: 2px solid transparent;
}
@media (max-width: 999px) {
.feature-responsive-topbar__menu ul.menu > li > a {
padding-top: 1rem;
}
}
.feature-responsive-topbar__menu ul.menu > li > a:hover {
border-bottom-color: var(--theme-color-background);
}
@media (max-width: 999px) {
body.active-modal-menu .feature-responsive-topbar__menu ul.menu > li > a {
margin: 0;
}
}
.feature-responsive-topbar__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(--theme-color-background);
border: 1px solid var(--theme-color-text);
}
.feature-responsive-topbar__menu ul.sub-menu li {
display: block;
}
.feature-responsive-topbar__menu ul.sub-menu a {
padding: 5px 1rem;
display: block;
text-align: center;
}
.feature-responsive-topbar__menu ul.sub-menu a:hover {
background: var(--theme-color-background-3);
}
.feature-responsive-topbar__menu .current-menu-item > a, .feature-responsive-topbar__menu .current-page-ancestor > a, .feature-responsive-topbar__menu .current-menu-parent > a {
font-weight: bold;
}
.feature-responsive-topbar__menu ul.sub-menu:hover, .feature-responsive-topbar__menu li:hover > a + ul.sub-menu, .feature-responsive-topbar__menu:not(:hover) li.current-menu-item > a + ul.sub-menu, .feature-responsive-topbar__menu:not(:hover) li.current-menu-parent > a + ul.sub-menu {
display: block;
opacity: 1;
-webkit-animation: topbarSubmenuFadein 200ms ease-in-out;
animation: topbarSubmenuFadein 200ms ease-in-out;
}
@media (max-width: 999px) {
body.active-modal-menu .feature-responsive-topbar__menu ul.sub-menu:hover, body.active-modal-menu .feature-responsive-topbar__menu li:hover > a + ul.sub-menu, body.active-modal-menu .feature-responsive-topbar__menu:not(:hover) li.current-menu-item > a + ul.sub-menu, body.active-modal-menu .feature-responsive-topbar__menu:not(:hover) li.current-menu-parent > a + ul.sub-menu {
display: none;
}
}
@media (max-width: 999px) {
body.active-modal-menu .feature-responsive-topbar__menu {
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 250px;
background: var(--theme-color-accent-2);
border-left: 1px solid var(--theme-color-accent);
padding: 5rem 1.5rem 1rem;
-webkit-animation: topbarModalMenuSlideIn 200ms ease-in-out;
animation: topbarModalMenuSlideIn 200ms ease-in-out;
}
body.active-modal-menu .feature-responsive-topbar__menu li {
display: block;
}
body.active-modal-menu .feature-responsive-topbar__menu li a {
display: inline-block;
}
}
.feature-responsive-topbar__widgets {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 999px) {
.feature-responsive-topbar__widgets {
display: none;
position: fixed;
bottom: var(--theme-offset-h);
right: 0;
width: 250px;
-ms-flex-pack: center;
justify-content: center;
}
body.active-modal-menu .feature-responsive-topbar__widgets {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-animation: topbarModalMenuSlideIn 200ms ease-in-out;
animation: topbarModalMenuSlideIn 200ms ease-in-out;
}
}
.feature-responsive-topbar__widgets .widget_media_image:not(:last-child) {
margin-right: calc(2 * var(--theme-element-spacer));
}
@-webkit-keyframes topbarSubmenuFadein {
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 topbarSubmenuFadein {
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 topbarModalMenuSlideIn {
0% {
right: -250px;
}
100% {
right: 0;
}
}
@keyframes topbarModalMenuSlideIn {
0% {
right: -250px;
}
100% {
right: 0;
}
}
.feature-sidebar {
position: fixed;
top: 30%;
right: 0;
z-index: 101;
background: none;
width: 170px;
}
@media (max-width: 999px) {
.feature-sidebar {
top: 20%;
opacity: 0;
-webkit-animation: coverFadeIn 1.5s forwards;
animation: coverFadeIn 1.5s forwards;
animation-delay: 1.8s;
}
}
@media (max-width: 470px) {
.feature-sidebar {
top: 15%;
}
}
.feature-sidebar a {
padding: 15px 25px 17px 20px;
display: inline-block;
}
@media (max-width: 599px) {
.feature-sidebar a {
padding: 13px 20px 15px 24px;
}
}
.feature-sidebar .wp-block-button {
border: none;
margin: 0;
}
.feature-sidebar .wp-block-button a.wp-block-button__link {
border: 2px solid var(--theme-color-accent-3);
border-radius: 9px 0 0 9px !important;
border-right: 0;
text-align: left;
}
@media (max-width: 599px) {
.feature-sidebar .wp-block-button a.wp-block-button__link {
text-indent: -9999px;
}
}
@media (max-width: 599px) {
.feature-sidebar {
width: 45px;
}
.feature-sidebar :before {
content: "?!";
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
font-size: var(--theme-h3-font-size);
font-family: var(--theme-font-primary);
color: var(--theme-color-accent-3);
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
}