body{
background: #fff;
}
.site-title,
.credits,
.more-link,
.site-description,
.taxonomy-description,
.entry-title,
.pagination h2.screen-reader-text,
.widget-title,
.widgettitle,
.navigation,
.comment-reply-title,
.embla-recent-comments-meta,
.byline{
font-family: 'Graduate', sans-serif;
}
.paged article:nth-child(1) .entry-title,
.entry-title {
font-size: 2.2em;
}
.embla-recent-comments-meta,
.site-description,
.navigation {
font-size: 1.5rem;
}
.comment-reply-title, 
.no-comments, 
.widgettitle, 
.widget-title, 
.post-navigation,
.comments-area .entry-title {
font-size: 1.8rem;
}
.entry-title a:hover {
text-decoration: none;
box-shadow: inset 0 0 0 rgba(0, 115, 170, 1), 0 2px 0 rgba(0, 115, 170, 1);
}
.site-branding{
text-align: center;
}
.site-header {
box-shadow: none;
border: none;
}
.wp-custom-header {
width: 100%;
}
.wp-custom-header img {
border-radius: 0;
box-shadow: 0 2px 3px 0 rgba(0,0,0,0.05);
margin:0 auto;
display: block;
}
.menu-wrap,
.main-navigation ul ul {
background: #222;
}
.menu-wrap {
margin: 0 auto;
text-align:center;
padding-left:1em;
font-size:80%;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
border-top:6px solid #0073aa;
}
.top-widget-area .widget a,
.site-footer a,
.menu-wrap a {
color: #fafafa;
border-bottom:2px solid transparent;
} .top-widget-area .widget a:hover,
.top-widget-area .widget a:focus,
.site-footer a:hover,
.site-footer a:focus,
.menu-wrap .main-navigation a:hover,
.menu-wrap .main-navigation a:focus {
color: #fafafa !important;
border-bottom: 2px solid #fafafa !important;
}
.social-menu .icon {
fill: #fafafa;
}
.main-navigation ul ul {
box-shadow: none;
}
.main-navigation.toggled li {
border-bottom: 1px solid #111;
}
.main-navigation li.current_page_item > a, 
.main-navigation li.current-menu-item > a {
border-bottom: 2px solid rgba(0,0,0, 0.15);
}
.top-widget-area {
margin-bottom:2em;
width: 88%;
padding: 0;
margin: 0 auto 3em auto;
}
.top-widget-area .widget {
background: #0073AA;
padding: 0.6em 1em;
border-radius:2px;
border: 1px solid rgba(0, 0, 0, 0.09);
border-top:6px solid #222;
color:#fafafa;
margin-bottom:2em;
}
.widget li {
border-bottom: none;
}
.widget-title {
border-bottom: 0;
}
.widget .embla-recent-comments-meta {
font-size: 90%;
font-family: 'Noto Serif', serif;
font-weight: initial;
}
.widget.embla-recent-comments li .icon {
fill: #fafafa;
}
article.comment-body,
article {
border: 1px solid rgba(0, 0, 0, 0.09);
border-radius: 2px;
}
.byline {
font-weight: 400;
}
.has-post-thumbnail a img.wp-post-image {
outline: none;
outline-offset: 0;
display:block;
border:1px solid transparent;
}
.has-post-thumbnail a:focus img.wp-post-image,
.has-post-thumbnail a img.wp-post-image:hover {
outline: none;
outline-offset: 0;
border:1px solid #222;
}
.paged article.post {
grid-column: span 3;
}
.categories,
.tags {
line-height: 1.9;
}
.site-footer {
color: #fafafa;
border-top: 6px solid #0073aa;
border-bottom: 2px solid #0073aa;
background: #222;
}
.embla-icon .icon {
display: block;
height: 4em;
width: 4em;
fill: #000;
padding: 4px;
margin: -0.2em auto -3.1em auto;
transition: all 0.9s ease;
border: 2px solid transparent;
background: #fff;
}
.embla-icon a:hover {
border:none !important;
}
.site-footer .embla-icon .icon {
box-shadow: none;
}
.embla-icon .icon:hover {
border: 2px solid #222;
transition: all 0.9s ease;
} .embla-icon .icon.icon-hockey-puck,
.embla-icon .icon.icon-american-football {
padding-left: 0.7em;
padding-right: 0.7em;
}
.privacy-policy-link {
font-size: 1em;
}
.credits {
margin-top: 4em;
text-transform: initial;
font-family: "Noto Serif",serif;
font-weight: normal;
font-size:0.7em;
}
.credits a {
margin:0 1em;
} .site-footer .sp-widget-align-none {
grid-column:1 /span 6;
}
.sp-data-table tbody a {
text-decoration: underline;
}
.sp-data-table tbody a:hover,
.sp-data-table tbody a:focus {
text-decoration: none;
}
.widget .sp-template-event-blocks td {
border:none;
}
@media screen and (min-width: 1440px) {
.wp-custom-header{
max-width: 100%;
}
}
@media screen and (min-width: 1300px) {
article:nth-child(n+6){
grid-column: span 3;
}
}
@media screen and (max-width: 1280px){
#mobile-menu-toggle {
cursor: pointer;
display: inline-block;
padding: 4px 0.4em;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
text-align: center;
font-size: 1em;
line-height: 1.6;
font-weight: bold;
vertical-align: top;
margin-top: 12px;
border-radius: 2px;
border:none;
}
#mobile-menu-toggle:hover,
#mobile-menu-toggle:focus {
transition: all 1.1s ease;
outline: none;
font-weight: bold;
box-shadow: none;
color:#0073AA;
border:none;
}
}
@media screen and (max-width: 700px) {
.main-navigation {
margin: 0 auto;
}
#mobile-menu-toggle {
margin-top: 12px;
}
.main-navigation {
margin: 0 0 0.5em 0;
}
.main-navigation li {
padding: 1em;
}
.site-description {
font-size: 1.125rem;
text-align: center;
}
}@font-face {
font-family: 'Noto Serif';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://sgherne70-jugend.de/wp-content/fonts/noto-serif/ga6iaw1J5X9T9RW6j9bNVls-hfgvz8JcMofYTa32J4wsL2JAlAhZqFCTyscKtq8.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Noto Serif';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://sgherne70-jugend.de/wp-content/fonts/noto-serif/ga6iaw1J5X9T9RW6j9bNVls-hfgvz8JcMofYTa32J4wsL2JAlAhZqFCTw8cKtq8.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Noto Serif';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://sgherne70-jugend.de/wp-content/fonts/noto-serif/ga6iaw1J5X9T9RW6j9bNVls-hfgvz8JcMofYTa32J4wsL2JAlAhZqFCTy8cKtq8.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
} @font-face {
font-family: 'Noto Serif';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://sgherne70-jugend.de/wp-content/fonts/noto-serif/ga6iaw1J5X9T9RW6j9bNVls-hfgvz8JcMofYTa32J4wsL2JAlAhZqFCTxMcKtq8.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
} @font-face {
font-family: 'Noto Serif';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://sgherne70-jugend.de/wp-content/fonts/noto-serif/ga6iaw1J5X9T9RW6j9bNVls-hfgvz8JcMofYTa32J4wsL2JAlAhZqFCTu8cKtq8.woff2) format('woff2');
unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
} @font-face {
font-family: 'Noto Serif';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://sgherne70-jugend.de/wp-content/fonts/noto-serif/ga6iaw1J5X9T9RW6j9bNVls-hfgvz8JcMofYTa32J4wsL2JAlAhZqFCTyMcKtq8.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Noto Serif';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://sgherne70-jugend.de/wp-content/fonts/noto-serif/ga6iaw1J5X9T9RW6j9bNVls-hfgvz8JcMofYTa32J4wsL2JAlAhZqFCTyccKtq8.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Noto Serif';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://sgherne70-jugend.de/wp-content/fonts/noto-serif/ga6iaw1J5X9T9RW6j9bNVls-hfgvz8JcMofYTa32J4wsL2JAlAhZqFCTx8cK.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}