/*****
Theme Name: GB22
Theme URI: https://gb22.eco.de
Description: Child theme for Geschäftsbericht 2022.
Author: Joon Sames
Author URI: https://gb22.eco.de
Template: eco-framework
Version: 1.0.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*****/

/***** Fonts *****/

@font-face { font-family: "museo-sans"; src: url("./fonts/f0b167a1-93af-40e3-88d3-809f7ccc71dc.woff2") format("woff2"), url("./fonts/7c32bc80-f411-402c-bd22-08ef4915e13e.woff") format("woff"); font-display: auto; font-style: normal; font-weight: 300; font-stretch: normal; }
@font-face { font-family: "museo-sans"; src: url("./fonts/228fd49b-f09c-46eb-8903-c4d637f144ad.woff2") format("woff2"), url("./fonts/4b299517-b9e2-4e36-9fdb-7a379a3bea22.woff") format("woff"); font-display: auto; font-style: italic; font-weight: 300; font-stretch: normal; }
@font-face { font-family: "museo-sans"; src: url("./fonts/3747900f-e240-4e83-8088-0637c4b67814.woff2") format("woff2"), url("./fonts/8ab9fa94-7596-4078-9517-7a1cae50b613.woff") format("woff"); font-display: auto; font-style: normal; font-weight: 500; font-stretch: normal; }
@font-face { font-family: "museo-sans"; src: url("./fonts/6cc7bb8c-dd0f-491d-9e8d-5a6fe8694c5c.woff2") format("woff2"), url("./fonts/0beb3b80-79b1-4245-94bb-03f01fed8c8f.woff") format("woff"); font-display: auto; font-style: italic; font-weight: 500; font-stretch: normal; }
@font-face { font-family: "museo-sans"; src: url("./fonts/8daa98e0-8333-49b8-be22-0175ab681af9.woff2") format("woff2"), url("./fonts/daf6318a-3d2f-486a-a588-71f4e1f8a9d0.woff") format("woff"); font-display: auto; font-style: normal; font-weight: 700; font-stretch: normal; }
@font-face { font-family: "museo-sans-condensed"; src: url("./fonts/d0536b58-a050-49e5-b9bc-b5ca96e414ed.woff2") format("woff2"), url("./fonts/ae17c4ba-7735-442d-89b8-8ebf843122cf.woff") format("woff"); font-display: auto; font-style: normal; font-weight: 300; font-stretch: normal; }
@font-face { font-family: "museo-sans-condensed"; src: url("./fonts/e605d207-3352-4fdf-a1a0-68ee644adb13.woff2") format("woff2"), url("./fonts/ff9555bc-f29d-4079-8445-79d37d06020c.woff") format("woff"); font-display: auto; font-style: normal; font-weight: 500; font-stretch: normal; }
@font-face { font-family: "museo-sans-condensed"; src: url("./fonts/29b1b7e7-93b9-4975-8a97-6aba49431619.woff2") format("woff2"), url("./fonts/bc97ff41-911d-44ae-b853-8779b0dfbfde.woff") format("woff"); font-display: auto; font-style: normal; font-weight: 700; font-stretch: normal; }
@font-face { font-family: "museo-sans-condensed"; src: url("./fonts/af5bdaed-9694-4fb0-a5b1-455c00dd6564.woff2") format("woff2"), url("./fonts/0801b008-77e0-4aec-8050-6bdaa031a1e5.woff") format("woff"); font-display: auto; font-style: normal; font-weight: 900; font-stretch: normal; }

/***** Structure *****/

body { font-family: 'museo-sans', sans-serif; font-size: 16px; font-size: 1rem; font-weight: 300; line-height: 1.7; color: #444; }

/***** Typography *****/

h1, h2, h3, h4, h5, h6 { font-family: 'museo-sans-condensed', sans-serif; font-weight: 500; color: #444; }
h1 a, h2 a, h3 a, h4 a { color: #454545; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #e2001a; }
a { color: #000; }
a:hover { color: #e2001a; }
blockquote { border-left: 8px solid #e2001a; }

/***** Header *****/

.eco-header { padding: 15px 0; }
.eco-header .eco-container { position: relative; }
.eco-header .eco-hamburger-icon { display: block; float: right; font-size: 32px; font-size: 2rem; line-height: 56px; cursor: pointer; }
.custom-logo-link .custom-logo { width: 90px; max-width: 100%; }
.eco-site-description { position: absolute; left: 0; margin: 12px 0 0 100px; }
.language_selector{ position: absolute; right: 30px; margin-top: 5px;}

/***** Navigation *****/

.eco-navigation li a { color: #e2001a; }

/***** Main Navigation *****/

.eco-main-nav { max-width: 1144px; width:100%; display: none; float: none; position: absolute; right: 0; padding: 20px; margin-top: 56px; background: #5ecdd6; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08); }
.eco-main-nav ul { float: none; display:flex; flex-wrap: wrap;}
.eco-main-nav li { float: none; font-size: 18px; font-weight: 400; margin-left: 0; line-height: inherit; width: 50%;}
.eco-main-nav li a { color: gray; padding: 0; }
.eco-main-nav ul ul { display: block; position: relative; background: #5ecdd6; box-shadow: none; }
.eco-main-nav ul ul li a { padding: 7px 15px; color:white;}
.eco-navigation ul ul ul{left:unset; top: unset;margin-left:16px;}

/***** Footer Navigation *****/

.eco-footer-nav { margin-bottom: 20px; border-top: 1px solid rgba(255,255,255,.04); }
.eco-footer-nav li { border-left: 1px solid #fff; }
.eco-footer-nav li:first-child { border: none; }
.eco-footer-nav li a, .eco-footer-nav li a:hover, .eco-footer-nav ul .current-menu-item > a, .copyright, .copyright a { color: #fff; border: none; }
.eco-footer-nav ul ul { background: #444; }

/***** Social Navigation *****/

.eco-social-nav ul { padding: 0; margin: 0; }
.eco-social-nav li a { border: 1px solid #fff; border-radius: 50%; background: none; }

/***** Search in Header Navigation *****/

.eco-header-search .eco-header-search-icon { display: none; }
.eco-header-search-form { position: relative; display: block; width: 100%; padding: 0; margin: 0; right: auto; background: transparent; }
.eco-header-search-form .search-field { background: rgba(255, 255, 255, 0.5); }

/***** Breadcrumb Navigation *****/

.eco-breadcrumbs a { color: #e2001a; }
.page-header .eco-breadcrumbs { margin: 0; }

/***** Loop / Archives / Search Results *****/

.eco-posts-grid-col { overflow: visible; }
.eco-posts-grid-item { padding: 15px; box-shadow: 1px 1px 2px #d2d1d1; border-radius: 5px; background: #f9f9f9; overflow: hidden; }
.eco-loop-thumb { margin: -15px -15px 20px -15px; }
.eco-loop-title { margin-bottom: 20px; }
.eco-loop-title a { font-size: 24px; }
.eco-loop-title a:hover { color: #e2001a; }
.eco-loop-excerpt, .eco-loop-button { line-height: 1.7; }
.eco-loop-button { float: right; color: #fff; padding: 5px 15px; margin: 30px -15px -15px 0; background: #e2001a; }
.eco-loop-button:hover { color: #fff; }

/***** Posts/Pages *****/

.entry-header, .page-header { margin-bottom: 30px; }
.page-title { font-size: 32px; font-size: 2rem; }
.entry-meta, .entry-meta a { color: #698491; }
.entry-meta a:hover { color: #e2001a; }
.entry-meta span { font-size: 14px; font-size: 0.875rem; margin-right: 15px; }
.entry-meta span:before { display: inline-block; font-family: FontAwesome; margin-right: 5px; }
.entry-meta .entry-meta-date:before { content: '\f073'; }
.entry-meta .entry-meta-author:before { content: '\f2c0'; }
.entry-meta .entry-meta-categories:before { content: '\f115'; }
.entry-content a { color: #e2001a; font-weight: 600; }

/***** Pagination *****/

.page-numbers:hover, .eco-loop-pagination .current, .eco-comments-pagination .current, a:hover .pagelink, .pagelink { color: #fff; background: #e2001a; }

/***** Tables *****/

table th { color: #fff; background: #e2001a; }

/***** Footer *****/

.eco-footer { color: #fff; background: #444; }
.eco-footer a, .eco-footer h1, .eco-footer h2, .eco-footer h3, .eco-footer h4, .eco-footer h5, .eco-footer h6 { color: #fff; }
.eco-footer a:hover { color: #e2001a; }
.eco-footer-widget-full { text-align: left; }
.eco-footer-widget-full .eco-phone-number:before { font-family: FontAwesome; content: '\f095'; margin-right: 10px; }
#eco-mobile .eco-footer-widget-full .wp-element-button { font-size: 15px; font-size: 0.9375rem; font-weight: 300; border: 1px solid; text-decoration: none; }
.copyright { color: #fff; background: #444; border-top: 5px solid rgba(255, 255, 255, 0.1); }
.copyright a { color: #fff; }

/***** Comments *****/

.eco-comment-list .comment-meta, .eco-comment-list .comment-meta a { color: #2a2a2a; }
.eco-comment-list .comment-meta a:hover, .eco-comment-list .comment-reply-link:before, .eco-comment-list .comment-awaiting-moderation, .bypostauthor .fn:after, .eco-ping-list .eco-ping-item a:hover { color: #e2001a; }

/***** Comment Form *****/

#respond #cancel-comment-reply-link:hover, #respond .logged-in-as a:hover, #respond #cancel-comment-reply-link:before { color: #e2001a; }

/***** Forms *****/

input[type=text]:hover, input[type=email]:hover, input[type=tel]:hover, input[type=url]:hover, textarea:hover { border: 1px solid #e2001a; }
input[type=submit] { color: #fff; background: #e2001a; border: 2px solid #e2001a; }
input[type=submit]:hover { color: #e2001a; background: #fff; }

/***** Share Buttons *****/

.eco-share-button { background: #e2001a; }
.eco-share-button:hover { background:#e2001a; }
.entry-content .eco-share-buttons a, .entry-content .eco-share-buttons a:hover { color: #fff; }

/***** Back to Top Button *****/

.eco-back-to-top { color: #fff; background: #e2001a; }
.eco-footer .eco-back-to-top:hover { color: #fff; }

/***** Eco Main Pillars *****/

.eco-main-pillars ul { margin: 0 0 30px 16px; list-style: none; }
.eco-main-pillars ul li:before { display: inline-block; width: 16px; font-weight: 700; color: #e2001a; content: "\2022"; margin-left: -16px; }

/***** Eco Supporters *****/

.eco-supporter-logos .wp-block-column { border: 2px solid #ececec; }
.eco-supporter-logos .wp-block-column:hover { border: 2px solid #444; }
.eco-supporter-logos a { padding: 20px; text-align: center; }
.eco-supporter-logos a, .eco-supporter-logos .wp-block-image { display: block; width: 100%; height: 100%; }
.eco-supporter-logos img { position: relative; width: 116px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); vertical-align: initial; }

/***** Eco Steering Committee *****/

.eco-steering-committee .wp-block-columns { gap: 40px; }
.eco-steering-committee .wp-element-caption { font-size: 18px; font-weight: 500; color: #e2001a; margin-bottom: 5px; }

/***** Eco Latest Posts *****/

.eco-latest-posts ul { margin: 0; }
.eco-latest-posts li { position: relative; padding: 15px; box-shadow: 1px 1px 2px #d2d1d1; border-radius: 5px; background: #f9f9f9; list-style: none; overflow: hidden; }
.eco-latest-posts-thumb { margin: -15px -15px 20px -15px; }
.eco-latest-posts-title a { font-weight: 500; color: #444; }
.eco-latest-posts-excerpt { margin-bottom: 0; }
.eco-latest-posts-excerpt .wp-block-post-excerpt__more-text { position: absolute; right: 0; bottom: 0; margin: 0; text-align: right; }
.eco-latest-posts-excerpt a { color: #fff; padding: 5px 15px; background: #e2001a; }

/***** Hyperlink Group Block *****/

.entry-content .wp-block-hyperlink-group { color: #444; font-weight: 400; }

/***** Gutenslider Block *****/

.entry-content .wp-block-eedee-block-gutenslider { margin: 0; }

/***** Default WP Gutenberg Blocks *****/

.wp-block-spacer { background: #eee; }
.wp-block-separator { width: 1144px; max-width: 90%; margin: 0; border: 2px solid #eee; }
.wp-block-button__link { min-width: 200px; font-size: 18px; font-size: 1.125rem; padding: 12px 24px; background: #e2001a; }
.wp-block-post-template.is-flex-container { gap: 30px; }
.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li { width: calc(33.33333% - 20px); }

/***** Modern Events Calendar Plugin *****/

.mec-container { width: 1144px; padding: 40px 0; }
#eco-mobile h1, .mec-wrap .mec-single-title, .mec-event-list-standard .mec-event-title { font-family: 'museo-sans-condensed', sans-serif; font-weight: 500; color: #444; }
.post-type-archive-mec-events h1, .tax-mec_category h1 { margin-bottom: 30px; }
#eco-mobile p { font-size: 16px; font-size: 1rem; }

/***** Media Queries *****/

@media screen and (max-width: 1200px) {
    .mec-container { width: 95%; }
}
@media screen and (max-width: 900px) {
    .eco-main-nav { width: 100%; }
}
@media screen and (max-width: 781px) {
    .mec-container { width: 90%; }
    .eco-custom-logo { float: left; }
    .eco-site-description { display: none; }
    .eco-header .eco-hamburger-icon { position: absolute; right: 0; }
    .eco-steering-committee { text-align: center; }
    .wp-block-post-template.is-flex-container { gap: 30px; }
    .wp-block-post-template.is-flex-container.is-flex-container.columns-3>li { width: 100%; max-width: 360px; margin: 0 auto; }
    .eco-posts-grid-item { max-width: 360px; margin: 0 auto 30px; }
}

@media only screen and (max-width: 600px) {
    .eco-main-nav li { width: 100%;}
}