/*****
Theme Name: IBS.de (internetbeschwerdestelle.de)
Theme URI: https://www.eco.de
Description: Child Theme for internetbeschwerdestelle.de
Author: Benjamin Büttrich
Author URI: https://www.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: 'firasans'; font-style: normal; font-weight: 300; src: url('./fonts/firasans/woff2/FiraSans-Light.woff2') format('woff2'), url('./fonts/firasans/woff/FiraSans-Light.woff') format('woff'); }
@font-face { font-family: 'firasans'; font-style: normal; font-weight: 400; src: url('./fonts/firasans/woff2/FiraSans-Regular.woff2') format('woff2'), url('./fonts/firasans/woff/FiraSans-Regular.woff') format('woff'); }
@font-face { font-family: 'firasans'; font-style: italic; font-weight: 400; src: url('./fonts/firasans/woff2/FiraSans-Italic.woff2') format('woff2'), url('./fonts/firasans/woff/FiraSans-Italic.woff') format('woff'); }
@font-face { font-family: 'firasans'; font-style: normal; font-weight: 700; src: url('./fonts/firasans/woff2/FiraSans-Bold.woff2') format('woff2'), url('./fonts/firasans/woff/FiraSans-Bold.woff') format('woff'); }


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

body { font-family: 'firasans', sans-serif; font-size: 15px; font-size: 0.9375rem; font-weight: 300; line-height: 1.7; color: #888; }

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

h1, h2, h3, h4, h5, h6, p { font-weight: 400; color: #1c3f4d; }
h1 a, h2 a, h3 a, h4 a { color: #1c3f4d; }
a { color: #1c3f4d; }
blockquote { border: 1px solid #1c3f4d; border-left: 3px solid #1c3f4d; background: none; }
pre { font-family: inherit; font-size: 14px; font-size: 0.875rem; line-height: 19px; color: #212529; }

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

.eco-header { padding: 30px 0;}
.eco-header .eco-hamburger-icon { float: right; font-size: 32px; font-size: 2rem; line-height: 59px; cursor: pointer; }
.eco-custom-logo { width: 25.96%; }
.custom-logo-link .custom-logo { max-width: 100%; }
.mini-logos img{width:60px!important;width:auto;margin-right:20px;}
.mini-logos {position: absolute;right:0;}
.eco-container{position: relative;}
.eco-content-section{padding-top:0px;}

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

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

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

.eco-main-nav { width: 71.32%; margin-top: 60px;}
.eco-main-nav li { font-size: 14px; font-weight: 300; line-height: inherit; padding: 0 15px; margin: 0; }
.eco-main-nav li a { color: #1c3f4d; font-size: 16px;font-weight:300;}
.eco-main-nav ul ul li { padding: 0; border-top: 1px solid #eaeaea; }
.eco-main-nav ul ul li:hover, .eco-main-nav ul ul .current-menu-item { border-top: 1px solid #eaeaea; }
.eco-main-nav ul ul li a { line-height: 1.7; padding: 10px 20px; }

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

.eco-footer-nav li a { font-size: 14px; font-size: 0.875rem; color: #b1b6b6; margin: 0 10px; border: none; }
.eco-footer-nav li a:hover { color: #ed7925; }
.eco-footer-nav ul .current-menu-item > a { color: #b1b6b6; }
.eco-footer-nav ul ul { background: #1f2021; }

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

.eco-header-search .eco-header-search-icon, .eco-header-search .eco-header-search-icon:hover { font-size: 16px; color: #ed7925; }
.eco-header-search {display:none;}

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

.eco-breadcrumbs a { color: #1c3f4d; }

.eco-breadcrumbs span{color:#1c3f4d;font-weight:400;}

.eco-breadcrumbs {
    padding: 24px 0;
    margin: auto;
    max-width:1144px;
}

.full-width-bc{
    background: #b4ddff;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);

    margin-bottom: 20px;
}

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

.eco-posts-grid { display: flex; }
.eco-posts-grid-more { margin-top: 30px; }
.eco-posts-grid-item { height: 100%; padding: 20px; margin: 0; border: 1px solid #eee; }
.eco-loop-thumb { margin-bottom: 20px; }
.eco-loop-title { margin-bottom: 5px; }
.eco-loop-title a { font-size: 24px; font-size: 1.5rem; font-weight: 500; }
.eco-loop-title a:hover { color: #ed7925; }
.eco-loop-meta { margin-bottom: 20px; }
.eco-loop-meta a { color: #444; }
.eco-loop-excerpt { padding: 0; }
.eco-loop-button { font-weight: 300; padding: 5px 15px; border: 1px solid #ed7925; }
.eco-loop-button:hover { color: #fff; background: #ed7925; }

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

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

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

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

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

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

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

.eco-footer { color: #1c3f4d; background: #e9eef6; }
.eco-footer a, .eco-footer h1, .eco-footer h2, .eco-footer h3, .eco-footer h4, .eco-footer h5, .eco-footer h6 { color: #1c3f4d; }
.eco-footer-widgets, .eco-footer-widgets-full { border-top: 1px solid rgba(255,255,255,.04); }
.copyright { color: #1c3f4d; padding: 10px 0 20px; background: #e9eef6; }
.copyright a { color: #1c3f4d; }
.eco-footer img{height:60px;width:auto;}

/***** 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: #ed7925; }

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

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

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

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

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

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

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

.eco-back-to-top { color: #1c3f4d; background: #b4ddff; }
.eco-footer .eco-back-to-top:hover { color: #1c3f4d; }

/***** WP Image Block *****/

.wp-block-image figcaption { font-size: 13px; font-size: 0.8125rem; color: #555; text-align: center; }

/***** WP Separator Block *****/

.wp-block-separator { width: 100px; height: 1px; border: 0; background: #f2f2f2; }
.wp-block-separator.has-css-opacity { opacity: 0.4; }

/***** WP Buttons Block *****/

.wp-block-button__link { min-width: 200px; font-size: 18px; font-size: 1.125rem; padding: 12px 24px; background: #ed7925; }

/***** WP Latest Posts Block *****/

.wp-block-latest-posts li a { display: inline-block; font-size: 15px; font-size: 0.9375rem; padding-bottom: 5px; }
.wp-block-latest-posts li a:hover { text-decoration: underline; }

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

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

/***** Contact Form 7 *****/
.cf7-wrapper{display:flex;flex-wrap: wrap;}
.cf7-wrapper .line{width:100%;display:flex;}
.cf7-wrapper .left{min-width: 200px; max-width:200px;}
.cf7-wrapper .left p{float:right; margin-right: 30px;text-align: right;margin-top:5px;color: #1c3f4d;font-weight:400;}
.cf7-wrapper .right{width:100%;}
.cf7-wrapper .right input{width:100%;border-radius:5px;border: 1px solid #ccc}
.wpcf7-form{background:#fff;}
.cf7-wrapper .line .right .wpcf7-list-item input{width:20px;}
.cf7-wrapper .line .right .wpcf7-list-item-label{color: #1c3f4d;}
.cf7-wrapper .line .right .wpcf7-submit{background: #80C5FF; color: #1c3f4d; border: 1px solid #80C5FF; box-shadow: 2px 2px 2px rgba(28, 63, 77, .25);}
.cf7-wrapper .line .right select{width:100%;border-radius:5px;border: 1px solid #ccc;height:34px;}
.cf7-wrapper .line .right h3{margin-bottom:4px;}

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

@media screen and (max-width: 1200px) {
    .eco-custom-logo { width: 75%; }
    .eco-custom-logo .custom-logo { max-width: 359px; }
    .eco-header .eco-hamburger-icon { display: block; }
    .eco-main-nav { display: none; float: none; position: absolute; top: 0; right:0; width: 300px; overflow: hidden; }
    .eco-main-nav ul { float: none; padding: 20px; background: #80C5FF; color:#1c3f4d;}
    .eco-main-nav li { float: none; padding: 0; border: none; }
    .eco-main-nav li:hover, .eco-main-nav .current-menu-item, .eco-main-nav ul ul li:hover, .eco-main-nav ul ul .current-menu-item { border: none; }
    .eco-main-nav li a { color: #1c3f4d; line-height: 1.7; padding: 0; border: none; }
    .eco-main-nav li a:hover, .eco-main-nav ul .current-menu-item > a { color: #1c3f4d; }
    .eco-main-nav ul ul { position: relative; display: block; color: #fff; padding: 0; box-shadow: none; list-style: square; background: transparent; }
    .eco-main-nav ul ul li { min-width: 0; margin-left: 20px; border: none; }
    .eco-main-nav ul ul li a { padding: 0; }
    .eco-header-search { background: none; border-radius: 0; }
    .eco-header-search .eco-header-search-icon { display: none; }
    .eco-header-search-form { position: relative; display: block !important; padding: 0; margin-top: 10px; }
    .mini-logos{margin-right:20px;}
}
@media screen and (max-width: 767px) {
    .eco-custom-logo { float: left; }
    .eco-main-nav { width: 90%; top: 100px; right: 5%; }
    .eco-posts-grid { display: block; width: 100%; max-width: 360px; margin: 0 auto; }
    .eco-posts-grid-item { margin-bottom: 30px; }
    .eco-loop-pagination { margin: 0; text-align: center; }
    .full-width-bc nav.eco-breadcrumbs{margin-left:20px;}
    .cf7-wrapper .line{flex-wrap:wrap;}
    .cf7-wrapper .line .left{width:100%;min-width:100%;max-width:100%;}
    .cf7-wrapper .line .left p{float:none;text-align:left;}
}