Created
July 17, 2019 10:39
-
-
Save Ben-Ro/258a80fbbd6562bfdff931c4804196ce to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* FONTS */ | |
/* merriweather-sans-300 - latin_latin-ext */ | |
@font-face { | |
font-family: 'Merriweather Sans'; | |
font-style: normal; | |
/* font-display improves loading times */ | |
font-display: auto; | |
font-weight: 300; | |
src: url('/fonts/merriweather-sans-v10-latin_latin-ext-300.eot'); | |
/* IE9 Compat Modes */ | |
src: local('Merriweather Sans Light'), local('MerriweatherSans-Light'), url('/fonts/merriweather-sans-v10-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), | |
/* IE6-IE8 */ | |
url('/fonts/merriweather-sans-v10-latin_latin-ext-300.woff2') format('woff2'), | |
/* Super Modern Browsers */ | |
url('/fonts/merriweather-sans-v10-latin_latin-ext-300.woff') format('woff'), | |
/* Modern Browsers */ | |
url('/fonts/merriweather-sans-v10-latin_latin-ext-300.ttf') format('truetype'), | |
/* Safari, Android, iOS */ | |
url('/fonts/merriweather-sans-v10-latin_latin-ext-300.svg#MerriweatherSans') format('svg'); | |
/* Legacy iOS */ | |
} | |
/* merriweather-sans-300italic - latin_latin-ext */ | |
@font-face { | |
font-family: 'Merriweather Sans'; | |
font-style: italic; | |
/* font-display improves loading times */ | |
font-display: auto; | |
font-weight: 300; | |
src: url('/fonts/merriweather-sans-v10-latin_latin-ext-300italic.eot'); | |
/* IE9 Compat Modes */ | |
src: local('Merriweather Sans Light Italic'), local('MerriweatherSans-LightItalic'), url('/fonts/merriweather-sans-v10-latin_latin-ext-300italic.eot?#iefix') format('embedded-opentype'), | |
/* IE6-IE8 */ | |
url('/fonts/merriweather-sans-v10-latin_latin-ext-300italic.woff2') format('woff2'), | |
/* Super Modern Browsers */ | |
url('/fonts/merriweather-sans-v10-latin_latin-ext-300italic.woff') format('woff'), | |
/* Modern Browsers */ | |
url('/fonts/merriweather-sans-v10-latin_latin-ext-300italic.ttf') format('truetype'), | |
/* Safari, Android, iOS */ | |
url('/fonts/merriweather-sans-v10-latin_latin-ext-300italic.svg#MerriweatherSans') format('svg'); | |
/* Legacy iOS */ | |
} | |
/* merriweather-sans-700 - latin_latin-ext */ | |
@font-face { | |
font-family: 'Merriweather Sans'; | |
font-style: normal; | |
/* font-display improves loading times */ | |
font-display: auto; | |
font-weight: 700; | |
src: url('/fonts/merriweather-sans-v10-latin_latin-ext-700.eot'); | |
/* IE9 Compat Modes */ | |
src: local('Merriweather Sans Bold'), local('MerriweatherSans-Bold'), url('/fonts/merriweather-sans-v10-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), | |
/* IE6-IE8 */ | |
url('/fonts/merriweather-sans-v10-latin_latin-ext-700.woff2') format('woff2'), | |
/* Super Modern Browsers */ | |
url('/fonts/merriweather-sans-v10-latin_latin-ext-700.woff') format('woff'), | |
/* Modern Browsers */ | |
url('/fonts/merriweather-sans-v10-latin_latin-ext-700.ttf') format('truetype'), | |
/* Safari, Android, iOS */ | |
url('/fonts/merriweather-sans-v10-latin_latin-ext-700.svg#MerriweatherSans') format('svg'); | |
/* Legacy iOS */ | |
} | |
/* merriweather-sans-700italic - latin_latin-ext */ | |
@font-face { | |
font-family: 'Merriweather Sans'; | |
font-style: italic; | |
/* font-display improves loading times */ | |
font-display: auto; | |
font-weight: 700; | |
src: url('/fonts/merriweather-sans-v10-latin_latin-ext-700italic.eot'); | |
/* IE9 Compat Modes */ | |
src: local('Merriweather Sans Bold Italic'), local('MerriweatherSans-BoldItalic'), url('/fonts/merriweather-sans-v10-latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'), | |
/* IE6-IE8 */ | |
url('/fonts/merriweather-sans-v10-latin_latin-ext-700italic.woff2') format('woff2'), | |
/* Super Modern Browsers */ | |
url('/fonts/merriweather-sans-v10-latin_latin-ext-700italic.woff') format('woff'), | |
/* Modern Browsers */ | |
url('/fonts/merriweather-sans-v10-latin_latin-ext-700italic.ttf') format('truetype'), | |
/* Safari, Android, iOS */ | |
url('/fonts/merriweather-sans-v10-latin_latin-ext-700italic.svg#MerriweatherSans') format('svg'); | |
/* Legacy iOS */ | |
} | |
/* Jost-Semi 600*/ | |
@font-face { | |
font-family: "Jost-Semi"; | |
src: url("/fonts/Jost-600-Semi.eot"); /* IE9 Compat Modes */ | |
src: url("/fonts/Jost-600-Semi.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ | |
url("/fonts/Jost-600-Semi.otf") format("opentype"), /* Open Type Font */ | |
url("/fonts/Jost-600-Semi.svg") format("svg"), /* Legacy iOS */ | |
url("/fonts/Jost-600-Semi.ttf") format("truetype"), /* Safari, Android, iOS */ | |
url("/fonts/Jost-600-Semi.woff") format("woff"), /* Modern Browsers */ | |
url("/fonts/Jost-600-Semi.woff2") format("woff2"); /* Modern Browsers */ | |
font-weight: normal; | |
font-style: normal; | |
} | |
@font-face { | |
font-family: "Jost-Bold"; | |
src: url("/fonts/Jost-700-Bold.eot"); /* IE9 Compat Modes */ | |
src: url("/fonts/Jost-700-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ | |
url("/fonts/Jost-700-Bold.otf") format("opentype"), /* Open Type Font */ | |
url("/fonts/Jost-700-Bold.svg") format("svg"), /* Legacy iOS */ | |
url("/fonts/Jost-700-Bold.ttf") format("truetype"), /* Safari, Android, iOS */ | |
url("/fonts/Jost-700-Bold.woff") format("woff"), /* Modern Browsers */ | |
url("/fonts/Jost-700-Bold.woff2") format("woff2"); /* Modern Browsers */ | |
font-weight: normal; | |
font-style: normal; | |
} | |
/* merriweather-sans-800 - latin_latin-ext */ | |
@font-face { | |
font-family: 'Merriweather Sans'; | |
font-style: normal; | |
/* font-display improves loading times */ | |
font-display: auto; | |
font-weight: 800; | |
src: url('/fonts/merriweather-sans-v10-latin_latin-ext-800.eot'); | |
/* IE9 Compat Modes */ | |
src: local('Merriweather Sans ExtraBold'), local('MerriweatherSans-ExtraBold'), url('/fonts/merriweather-sans-v10-latin_latin-ext-800.eot?#iefix') format('embedded-opentype'), | |
/* IE6-IE8 */ | |
url('/fonts/merriweather-sans-v10-latin_latin-ext-800.woff2') format('woff2'), | |
/* Super Modern Browsers */ | |
url('/fonts/merriweather-sans-v10-latin_latin-ext-800.woff') format('woff'), | |
/* Modern Browsers */ | |
url('/fonts/merriweather-sans-v10-latin_latin-ext-800.ttf') format('truetype'), | |
/* Safari, Android, iOS */ | |
url('/fonts/merriweather-sans-v10-latin_latin-ext-800.svg#MerriweatherSans') format('svg'); | |
/* Legacy iOS */ | |
} | |
/* GENERAL */ | |
::selection { | |
/* WebKit/Blink Browsers */ | |
background: #1DA64A; | |
color: white; | |
} | |
::-moz-selection { | |
/* Gecko Browsers */ | |
background: #1DA64A; | |
color: white; | |
} | |
*:focus { | |
outline: none !important; | |
} | |
body, h1, h2, h3, h4, h5, h6 input, .main-navigation, div, p, button, input[type='button'], input[type='reset'], input[type='submit'], .button, .button:visited { | |
font-family: "Merriweather Sans"; | |
} | |
body, h3, h4, input { | |
font-weight: 300; | |
} | |
.site-title, .site-info, .site-info-wrapper, .entry-author, nav.post-navigation { | |
display: none; | |
} | |
h1, h2 { | |
font-family: "Jost-Bold"; | |
text-transform: uppercase; | |
} | |
h3 { | |
font-family: "Jost-Semi"; | |
} | |
.main-navigation { | |
font-weight: 800; | |
} | |
h2 { | |
margin: 40px 0 20px; | |
} | |
#primary, #secondary { | |
margin-top: 30px; | |
} | |
/* header image link */ | |
#content > a { | |
display: block; | |
margin: 0 -20px; | |
} | |
#content > a img { | |
border-radius: 0; | |
} | |
/* EVENTS */ | |
/* hide stuff on event type */ | |
.ai1ec-post_thumbnail, | |
.single-ai1ec_event, | |
.entry-thumbnail, | |
.ai1ec-pagination, | |
.ai1ec-calendar-toolbar, | |
.ai1ec-posterboard-time { | |
display: none !important; | |
} | |
.ai1ec-clearfix:before, | |
.ai1ec-clearfix:after { | |
display: initial !important; | |
} | |
#ai1ec-container { | |
margin-top: 20px; | |
} | |
a.ai1ec-btn-sm.ai1ec-sas-action-tickets { | |
background: #90D3ED; | |
border: none; | |
border-radius: 4px; | |
font-size: 1em; | |
padding: 3px 4px; | |
box-shadow: 1px 1px 1px 1px black !important; | |
} | |
a.ai1ec-btn-sm.ai1ec-sas-action-tickets:hover { | |
background: #90D3ED; | |
box-shadow: 3px 3px 1px 1px black !important; | |
} | |
/* event container */ | |
.ai1ec-posterboard-view { | |
font-size: 0; | |
display: -webkit-box; | |
display: -ms-flexbox; | |
display: flex; | |
-ms-flex-wrap: wrap; | |
flex-wrap: wrap; | |
-ms-flex-pack: distribute; | |
justify-content: space-around; | |
} | |
/* event items */ | |
.ai1ec-event { | |
display: inline-block; | |
margin: 0 !important; | |
} | |
.ai1ec-event-title { | |
display: -webkit-box; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-align: center; | |
-ms-flex-align: center; | |
align-items: center; | |
} | |
/* hide image in posterboard on small screens */ | |
@media only screen and (max-width: 640px) { | |
.ai1ec-event-wrap { | |
height: auto !important; | |
} | |
.ai1ec-posterboard-image-container { | |
display: none !important; | |
} | |
.ai1ec-posterboard-view .ai1ec-event-title-wrap { | |
margin-bottom: 0 !important; | |
} | |
} | |
/* TEXT */ | |
.entry-content p, | |
.comment-content > p, | |
.entry-summary > p { | |
text-align: justify; | |
} | |
#intro-catch { | |
text-align: center; | |
font-weight: 700; | |
} | |
#intro-catch { | |
font-size: 20px; | |
/* fallback */ | |
font-size: calc(100% + .7vw); | |
line-height: 1.3em; | |
} | |
/* QUOTES */ | |
.wp-block-quote { | |
padding-right: 0 !important; | |
margin-bottom: 50px !important; | |
} | |
/* FORMS */ | |
body, button, input, select, textarea { | |
font-family: inherit; | |
} | |
.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha, | |
.anr_captcha_field { | |
margin-bottom: 1em; | |
} | |
input:not([type=submit]):not([type=checkbox]), .contact-form input:not([type=submit]):not([type=checkbox]), textarea, .contact-form textarea, select { | |
width: 100%; | |
display: inline-block; | |
padding: 12px 20px !important; | |
margin: 8px 0; | |
border: 2px solid #1B7340; | |
border-radius: 4px; | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
-webkit-transition: all .2s; | |
-o-transition: all .2s; | |
transition: all .2s; | |
} | |
input:not([type=submit]):not([type=checkbox]):focus, input:not([type=submit]):not([type=checkbox]):active, textarea:focus, textarea:active, select:active, select:focus { | |
border: 2px solid #90D3ED; | |
outline: none; | |
} | |
.comment-form label { | |
width: auto; | |
text-transform: initial; | |
font-size: initial; | |
padding: 0; | |
font-weight: normal; | |
position: initial; | |
} | |
.comment-form-cookies-consent label { | |
margin-left: 10px; | |
vertical-align: middle; | |
} | |
#respond { | |
margin-top: 70px; | |
} | |
/* ACCORDIONS */ | |
.su-spoiler-title { | |
font-size: 100% !important; | |
} | |
.su-spoiler { | |
margin: 0 !important; | |
} | |
.su-spoiler .su-spoiler-title, .su-spoiler-closed .su-spoiler-title:hover { | |
color: #90D3ED; | |
} | |
.su-spoiler-closed .su-spoiler-title { | |
color: #1B7340; | |
-webkit-transition: all .2s; | |
-o-transition: all .2s; | |
transition: all .2s; | |
} | |
#eusuche { | |
margin-bottom: 20px; | |
margin-top: -15px; | |
} | |
/* LINKS */ | |
#main a, #main a:visited, .footer-widgets a, button:hover, button:focus, button:active, input[type='button']:hover, input[type='button']:focus, input[type='button']:active, input[type='reset']:hover, input[type='reset']:focus, input[type='reset']:active, input[type='submit']:hover, input[type='submit']:focus, input[type='submit']:active, .button:hover, .button:focus, .button:active, .nav-links, .ai1ec-load-event, .ai1ec-load-event:visited{ | |
color: #1B7340; | |
} | |
#main a { | |
font-weight: 700; | |
} | |
#main a:hover, .footer-widgets a:hover { | |
color: #90D3ED; | |
} | |
.ai1ec-load-event:hover { | |
color: #90D3ED !important; | |
} | |
button:hover, button:focus, button:active, input[type='button']:hover, input[type='button']:focus, input[type='button']:active, input[type='reset']:hover, input[type='reset']:focus, input[type='reset']:active, input[type='submit']:hover, input[type='submit']:focus, input[type='submit']:active, .button:hover, .button:focus, .button:active { | |
border-color: #1B7340; | |
} | |
.sd-content a, .sd-content:hover, .sd-content a:visited { | |
color: #ffffff !important; | |
} | |
.special-link, .nav-links a, button, input[type='button'], input[type='reset'], input[type='submit']:not(.accept), .button, .button:visited { | |
background: #1B7340; | |
color: white !important; | |
padding: 10px; | |
text-transform: inherit; | |
border: none; | |
border-radius: 4px; | |
letter-spacing: normal; | |
font-size: 15px; | |
font-weight: 700; | |
line-height: 1em; | |
display: inline-block; | |
margin-top: 5px; | |
-webkit-transition: all .2s; | |
-o-transition: all .2s; | |
transition: all .2s; | |
} | |
.spenden-link { | |
color: white !important; | |
border-radius: 4px; | |
padding: 10px 30px; | |
font-size: 1.3em; | |
background: rgb(235, 75, 73); | |
} | |
.connect-link { | |
color: white !important; | |
border-radius: 4px; | |
padding: 10px 30px; | |
font-size: 1.3em; | |
background: #1B7340; | |
} | |
.special-link:hover, .connect-link:hover, .nav-links a:hover, button:hover, input[type='button']:hover, input[type='reset']:hover, input[type='submit']:not(.accept):hover { | |
background: #90D3ED; | |
} | |
/* NOTIFICATION BAR */ | |
#wpfront-notification-bar { | |
-moz-box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.6); | |
-wbkit-box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.6); | |
box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.6); | |
} | |
/* COOKIE CONSENT BAR */ | |
.widget_eu_cookie_law_widget { | |
padding: 0 !important; | |
bottom: 3em; | |
} | |
/* ARTICLES */ | |
.archive-description { | |
margin-bottom: 50px; | |
} | |
.entry-title { | |
margin-bottom: 27px; | |
} | |
.byline, .sep { | |
display: none !important; | |
} | |
.comments-link:before { | |
content: "- " | |
} | |
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a { | |
text-decoration: none; | |
} | |
.wp-block-image img, img.rounded-borders { | |
width: 100%; | |
border-radius: 4px; | |
} | |
/* columns */ | |
.wp-block-columns { | |
margin: 0 -10px; | |
display: -webkit-box; | |
display: -ms-flexbox; | |
display: flex; | |
} | |
.wp-block-column { | |
margin: 0 !important; | |
display: -webkit-box; | |
display: -ms-flexbox; | |
display: flex; | |
padding: 10px; | |
-webkit-box-flex: 1; | |
-ms-flex: 1 1 0px; | |
flex: 1 1 0; | |
-ms-flex-preferred-size: 100%; | |
flex-basis: 100%; | |
width: 0; | |
} | |
.wp-block-column, .wp-block-column .box { | |
display: -webkit-box; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
-ms-flex-direction: column; | |
flex-direction: column; | |
-webkit-box-pack: justify; | |
-ms-flex-pack: justify; | |
justify-content: space-between; | |
-webkit-box-flex: 1; | |
-ms-flex-positive: 1; | |
flex-grow: 1 | |
} | |
/* menu of special links (e.g. like in /forderungen) */ | |
.special-link-collection { | |
display: -webkit-box; | |
display: -ms-flexbox; | |
display: flex; | |
-ms-flex-wrap: wrap; | |
flex-wrap: wrap; | |
margin-left: -5px; | |
margin-right: -5px; | |
} | |
.special-link-collection .special-link { | |
margin: 5px; | |
-webkit-box-flex: 1; | |
-ms-flex-positive: 1; | |
flex-grow: 1; | |
text-align: center; | |
} | |
/* gallery */ | |
.wp-block-gallery img { | |
border-radius: 4px; | |
} | |
.wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure { | |
display: block; | |
} | |
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption, .wp-block-image figcaption { | |
position: initial; | |
bottom: initial; | |
width: initial; | |
max-height: initial; | |
overflow: initial; | |
padding: initial; | |
color: initial !important; | |
background: initial; | |
text-align: center !important; | |
margin: initial; | |
font-size: 14px; | |
} | |
/* SIDEBAR */ | |
.widget { | |
border-bottom: 0; | |
padding: 0 0 10px; | |
margin: 0 0 2em; | |
line-height: 1.6em; | |
} | |
.widget:not(.widget_text) li { | |
border-top: none; | |
padding: 0; | |
} | |
/* BOXES */ | |
.box { | |
margin: 3px; | |
border-radius: 2px; | |
width: calc(100% - 6px); | |
height: auto; | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
padding: 10px; | |
font-size: initial; | |
line-height: 1.6em; | |
display: block; | |
color: #666 !important; | |
position: relative; | |
background: white; | |
-webkit-hyphens: auto; | |
/* Saf 5.1+ */ | |
-moz-hyphens: auto; | |
/* Fx 6.0+ */ | |
-ms-hyphens: auto; | |
/* IE 10+ */ | |
hyphens: auto; | |
/* None yet */ | |
} | |
.box::after { | |
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b7340+40,1da64a+60 */ | |
background: #1b7340; /* Old browsers */ | |
background: -moz-linear-gradient(-30deg, #1b7340 40%, #1da64a 60%); /* FF3.6-15 */ | |
background: -webkit-linear-gradient(-30deg, #1b7340 40%,#1da64a 60%); /* Chrome10-25,Safari5.1-6 */ | |
background: linear-gradient(120deg, #1b7340 40%,#1da64a 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ | |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b7340', endColorstr='#1da64a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ | |
position: absolute; | |
content: ''; | |
top: -3px; | |
left: -3px; | |
right: -3px; | |
bottom: -3px; | |
border-radius: 4px; | |
z-index: -1; | |
} | |
img.box { | |
padding: 0; | |
} | |
.box p { | |
text-align: left; | |
} | |
a.box { | |
font-weight: 300 !important; | |
} | |
.box .special-link { | |
width: 100%; | |
text-align: center; | |
} | |
.box:hover .special-link, .box:active .special-link { | |
background: #90D3ED; | |
} | |
.image-box { | |
background-size: cover !important; | |
background-position: center !important; | |
position: relative; | |
height: 170px; | |
} | |
.image-box::before { | |
position: absolute; | |
background: white; | |
content: ""; | |
width: 100%; | |
height: 100%; | |
opacity: 0.7; | |
margin: -10px; | |
z-index: 0; | |
transition: opacity .2s; | |
border-radius: 2px; | |
} | |
.image-box:hover::before { | |
opacity: .5; | |
} | |
.image-box .special-link { | |
z-index: 1; | |
margin-top: 0 | |
} | |
/* social icons */ | |
.zoom-social-icons-widget { | |
margin: 3em 0; | |
} | |
.zoom-social-icons-list { | |
margin: -3px !important; | |
display: -webkit-box; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-pack: justify; | |
-ms-flex-pack: justify; | |
justify-content: space-between; | |
-ms-flex-wrap: wrap; | |
flex-wrap: wrap; | |
} | |
.zoom-social_icons-list__item { | |
margin: 0 !important; | |
display: -webkit-box; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-flex: 1; | |
-ms-flex: 1; | |
flex: 1; | |
} | |
.zoom-social_icons-list__link { | |
display: -webkit-box; | |
display: -ms-flexbox; | |
display: flex; | |
padding: 3px; | |
} | |
.socicon { | |
width: 100% !important; | |
-webkit-box-sizing: border-box !important; | |
-moz-box-sizing: border-box !important; | |
box-sizing: border-box !important; | |
height: 49px !important; | |
min-width: 49px; | |
} | |
.zoom-social-icons-list--rounded .socicon, .zoom-social-icons-list--rounded .genericon, .zoom-social-icons-list--rounded .academicons, .zoom-social-icons-list--rounded .dashicons, .zoom-social-icons-list--rounded .fa { | |
border-radius: 4px; | |
} | |
/* MORE CONTENT ABOVE THE FOLD */ | |
#page { | |
padding: 0 20px; | |
} | |
img.custom-header { | |
width: 100%; | |
margin-bottom: 0; | |
} | |
#site-navigation { | |
border-top: none; | |
margin-top: 0; | |
} | |
.site-branding { | |
display: none; | |
} | |
/* FOOTER */ | |
.footer-widgets { | |
margin-bottom: 30px; | |
text-align: center; | |
} | |
.footer-widgets a { | |
margin: 0 10px; | |
font-weight: 700; | |
} | |
/* NAV */ | |
.menu-item a { | |
color: #1B7340 !important; | |
font-size: 1.1em; | |
padding: 10px; | |
} | |
/* hide arrow of parent items * (otherwise makes problem with flex display as :after elements are not taken into account) */ | |
.main-navigation li.menu-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after { | |
display: none; | |
} | |
.sub-menu a { | |
padding-left: 30px !important; | |
} | |
.current-menu-item a, .current-menu-parent>a, .menu-item a:hover { | |
color: #1DA64A !important; | |
} | |
#masthead { | |
margin: 0 -20px; | |
padding: 0; | |
} | |
.menu-toggle, .menu-toggle:hover { | |
border: none; | |
margin-bottom: 20px; | |
background: #1B7340; | |
} | |
.toggled .menu-toggle { | |
background: #90D3ED; | |
} | |
#menu-icon, .toggled #menu-icon, .menu-toggle:hover #menu-icon { | |
fill: white; | |
} | |
.menu>.current-menu-item>a, .menu>.current-menu-parent>a, .menu>.menu-item>a:hover { | |
color: #1B7340 !important; | |
background: #90D3ED; | |
} | |
@media only screen and (min-width: 800px) { | |
/* make sticky */ | |
#masthead { | |
position: sticky; | |
position: -webkit-sticky; | |
top: 0; | |
background: white; | |
z-index: 99998; | |
border-bottom-color: #1DA64A; | |
opacity: 0.96; | |
padding: 0; | |
} | |
#site-navigation { | |
padding-top: 0; | |
} | |
/* bigger and more spacey nav items */ | |
#menu-primary { | |
display: -webkit-box; | |
display: -ms-flexbox; | |
display: flex; | |
font-family: jost-semi; | |
font-size: 15px; | |
} | |
#menu-primary li { | |
-webkit-box-flex: 1; | |
-ms-flex-positive: 1; | |
flex-grow: 1; | |
} | |
.menu-item a { | |
padding: 10px !important; | |
} | |
/* submenu */ | |
.sub-menu { | |
top: 45px !important; | |
padding: 0 !important; | |
left: 0 !important; | |
} | |
/* spenden rot */ | |
.spenden-menu-item { | |
background: #eb4b49; | |
} | |
.spenden-menu-item a { | |
color: white !important; | |
} | |
/* HIDE SPENDEN WIDGET */ | |
#custom_html-3 { | |
display: none; | |
} | |
.zoom-social-icons-widget { | |
margin-top: 0; | |
} | |
/* EVENTS MARGIN */ | |
.ai1ec-posterboard-view .ai1ec-event:first-of-type .ai1ec-event-wrap { | |
margin-left: 0; | |
} | |
.ai1ec-posterboard-view .ai1ec-event:last-of-type .ai1ec-event-wrap { | |
margin-right: 0; | |
} | |
} | |
/* h2 BACKGROUND EFFECT */ | |
body, h2:not(.comments-title):after { | |
background: #1B7340 url(/erde_hell.svg); | |
background-attachment: fixed; | |
background-repeat: no-repeat; | |
background-position: 120% 20%; | |
background-size: 120%; | |
} | |
h2:not(.comments-title):after { | |
content: ""; | |
top: 0; | |
left: 0; | |
bottom: 0; | |
right: 0; | |
position: absolute; | |
z-index: -1; | |
border-radius: 0 4px 4px 0; | |
} | |
h2:not(.comments-title) { | |
margin: 40px 0 20px -20px; | |
width: auto; | |
color: white; | |
padding: 15px 20px; | |
position: relative; | |
border-left: 3px solid white; | |
} | |
#page { | |
position: relative; | |
z-index: 1; | |
} | |
/* MAP */ | |
#map { | |
margin-bottom: 10px; | |
border: 3px solid #47277c; | |
border-radius: 4px; | |
} | |
.ai1ec-clearfix:before, .ai1ec-clearfix:after { | |
content: initial; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment