/*****
Theme Name: EuroCloud
Theme URI: https://www.eurocloud.de
Description: Child theme for EuroCloud Deutschland.
Author: Michael Hebenstreit
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
*****/

/***** Google Fonts *****/

@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 300; src: local(''), url('./fonts/titillium-web-v14-latin-300.woff2') format('woff2'), url('./fonts/titillium-web-v14-latin-300.woff') format('woff'); }
@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 400; src: local(''), url('./fonts/titillium-web-v14-latin-regular.woff2') format('woff2'), url('./fonts/titillium-web-v14-latin-regular.woff') format('woff'); }
@font-face { font-family: 'Titillium Web'; font-style: italic; font-weight: 400; src: local(''), url('./fonts/titillium-web-v14-latin-italic.woff2') format('woff2'), url('./fonts/titillium-web-v14-latin-italic.woff') format('woff'); }
@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 600; src: local(''), url('./fonts/titillium-web-v14-latin-600.woff2') format('woff2'), url('./fonts/titillium-web-v14-latin-600.woff') format('woff'); }
@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 700; src: local(''), url('./fonts/titillium-web-v14-latin-700.woff2') format('woff2'), url('./fonts/titillium-web-v14-latin-700.woff') format('woff'); }

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

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

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

h1, h2, h3, h4, h5, h6 { 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: #ed7925; }
a { color: #000; }
a:hover { color: #ed7925; }
blockquote { border-left: 8px solid #ed7925; }

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

.eco-header { margin-top: 10px; }
.eco-header .eco-hamburger-icon { float: right; font-size: 32px; font-size: 2rem; line-height: 86px; margin-right: 20px; cursor: pointer; }
.custom-logo-link .custom-logo { width: 281px; max-width: 100%; }

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

.eco-navigation li a { color: #ed7925; }
.eco-navigation ul ul { border-bottom: 3px solid #ed7925; }

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

.eco-main-nav ul { margin-top: 50px; }
.eco-main-nav li { font-weight: 400; line-height: inherit; margin-left: 8px; }
.eco-main-nav li a, .eco-main-nav li a:hover, .eco-main-nav ul .current-menu-item > a { color: #000; }
.eco-main-nav ul ul li a:hover, .eco-main-nav ul ul .current-menu-item a { color: #ed7925; }

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

.eco-footer-nav { margin-bottom: 0; background: #e9e9e9; border-top: 1px solid rgba(255,255,255,.04); }
.eco-footer-nav li a, .eco-footer-nav li a:hover, .eco-footer-nav ul .current-menu-item > a, .copyright, .copyright a { color: #444; }
.eco-footer-nav ul ul { background: #ed7925; }

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

.eco-header-search .eco-header-search-icon, .eco-header-search .eco-header-search-icon:hover { font-size: 22px; color: #444; padding: 3px 12px; margin-top: -20px; background: #eee; border-radius: 5px; box-shadow: 1px 1px 2px #d2d1d1; }

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

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

/***** About Pages Navigation *****/

.eco-about-pages-nav { display: flex; background: #f9f9f9; }
.eco-about-pages-nav .eco-about-pages-nav-title { display: flex; width: 25%; font-size: 36px; font-weight: 400; line-height: 38px; padding: 15px; margin: 0; align-items: center; background: #eee; }
.eco-about-pages-nav .wp-block-navigation { margin-top: 0; }
.eco-about-pages-nav ul { position: relative; padding: 10px 10px 10px 50px; margin: 0; }
.eco-about-pages-nav ul:before { position: absolute; content: ''; width: 0; height: 0; left: 0; border-style: solid; border-width: 34px 0 34px 30px; border-color: transparent #eee; }
.eco-about-pages-nav .wp-block-navigation-item { margin: 0; }
.eco-about-pages-nav .wp-block-navigation-link a { font-weight: 400; color: #444; }
.eco-about-pages-nav .current-menu-item a { color: #e2001a; }
.eco-about-pages-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { flex-direction: row; }

/***** 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; }
.eco-loop-thumb { margin: -15px -15px 20px -15px; }
.eco-loop-header .entry-meta-categories a { display: inline-block; font-weight: 400; line-height: 1.5; color: #444; padding: 0 3px; margin-bottom: 10px; border-bottom: 2px solid #ed7925; }
.eco-loop-title { margin-bottom: 20px; }
.eco-loop-title a:hover { color: #ed7925; }
.eco-loop-button { border-bottom: 2px solid #2a2a2a; }
.eco-loop-button:hover { border-bottom: 2px solid #ed7925; }
.eco-loop-meta { display: block; }
.eco-loop-meta a { color: #444; }

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

.entry-header, .page-header { margin-bottom: 30px; }
.page-title { font-size: 32px; font-size: 2rem; }
.entry-meta, .entry-meta a { color: #000; }
.entry-meta a:hover { color: #ed7925; }
.entry-content a { color: #ed7925; font-weight: 600; }
.hide {display:none!important;}

/***** 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: #444; background: #f5f5f5; }
.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: #ed7925; }
.eco-footer-widgets, .eco-footer-widgets-full { border-top: 1px solid rgba(255,255,255,.04); }
.footer-1 .eco-footer-widget { margin: 0; }
.footer-1 .widget_text, .footer-2 .widget_text, .footer-2 .widget_block, .footer-3 .widget_block { margin-bottom: 10px; }
.eco-footer-phone, .eco-footer-email, .eco-footer-newsletter, .eco-footer-member { line-height: 48px; padding: 10px 15px 5px; }
.eco-footer-phone:before, .eco-footer-email:before, .eco-footer-newsletter:before, .eco-footer-member:before, .eco-footer-facebook:before { font-family: 'FontAwesome'; display: inline-block; }
.eco-footer-phone:before, .eco-footer-email:before, .eco-footer-newsletter:before, .eco-footer-member:before { width: 41px; font-size: 45px; color: #859eab; margin-right: 10px; }
.eco-footer-phone p, .eco-footer-email p, .eco-footer-newsletter p, .eco-footer-member p { display: inline-block; font-size: 20px; vertical-align: top; }
.eco-footer .eco-footer-email, .eco-footer .eco-footer-newsletter, .eco-footer .eco-footer-member, .eco-footer .eco-footer-facebook { color: #444; background: #fff; border-radius: 5px; box-shadow: 1px 1px 2px #d2d1d1; }
.eco-footer-email { margin-bottom: 30px; }
.eco-footer-phone:before { content: '\f10b'; text-align: center; }
.eco-footer-email:before { content: '\f1fa'; }
.eco-footer-newsletter:before { content: '\f1ea'; font-size: 40px; }
.eco-footer-member:before { content: '\f0eb'; }
.eco-footer-facebook { display: inline-block; padding: 5px; }
.eco-footer-facebook:before { width: 40px; height: 10px; content: '\f09a'; font-size: 24px; color: #166fe5; text-align: center; }
.copyright { background: #e9e9e9; border-top: 5px solid rgba(255, 255, 255, 0.1); }
.copyright a { color: #444; }

/***** 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 { background:#ed7925; }
.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: #ed7925; }
.eco-footer .eco-back-to-top:hover { color: #fff; }

/***** Eco Featured Members *****/

.eco-featured-members .wp-block-column { background: #fff; text-align: center; }
.eco-featured-members .wp-block-tiptip-hyperlink-group-block { padding: 30px 10px; }
.eco-featured-members figcaption { font-size: 11px; font-size: 0.6875rem; letter-spacing: 0; }

/***** 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; }
.eco-latest-posts-thumb { margin: -15px -15px 20px -15px; }
.entry-content .eco-latest-posts-categories a { display: inline-block; font-weight: 400; line-height: 1.5; color: #444; padding: 0 3px; margin-bottom: 20px; border-bottom: 2px solid #ed7925; }
.entry-content .eco-latest-posts-title { font-size: 20px; font-size: 1.25rem; margin-bottom: 20px; }
.entry-content .eco-latest-posts-title a { color: #444; }
.entry-content .eco-latest-posts-title a:hover { color: #ed7925; }
.eco-latest-posts-excerpt a { display: none; }
.eco-latest-posts-meta { display: block; }

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

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


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

/***** Download Monitor *****/
.dlm-downloads li{list-style: none;}
.dm-wrapper{display: flex;border-bottom: 3px solid #eee; padding-bottom: 20px;margin-bottom: 20px;}
.dm-wrapper .image{min-width:150px;max-width:150px;}
.dm-wrapper .description{margin-left: 20px; width:100%;}
.dm-wrapper .link{margin-left:20px; width:350px;padding:10px;background-color:#eee;}
.dm-wrapper p{margin-bottom: 0px;}


/***** Newsletter *****/
.ec-newsletter-anm{padding:30px;background-color:#eee;}
.ec-newsletter-anm input[type=email],.ec-newsletter-anm input[type=text]{width:100%;}
.ec-newsletter-anm input:disabled {background-color:silver;border-color:gray;cursor: not-allowed;}
.ec-newsletter-anm input:disabled:hover {color:gray;}

/***** members box *****/
.ec-members-box ul li{list-style: none; min-width: 162px; list-style: none; max-width: 162px; background-color: white; padding: 20px; text-align: center; color: #ed7925; display:flex;align-items:flex-end;flex-wrap:wrap}
.ec-members-box ul {display: flex; margin-left: unset; justify-content: space-between;}
.ec-members-box img {object-fit: contain; width: 100%;}
.ec-members-box a {margin:auto; margin-top:5px;}

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

@media screen and (max-width: 1144px) {
    .eco-about-pages-nav .eco-about-pages-nav-title { width: 21%; }
}
@media screen and (max-width: 900px) {
    .eco-header .eco-hamburger-icon { display: block; }
    .eco-main-nav { display: none; width: 100%; margin: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); overflow: hidden; }
    .eco-main-nav ul { width: 100%; padding: 20px 0; text-align: center; }
    .eco-main-nav li { float: none; }
    .eco-main-nav li a { border: none; }
    .eco-about-pages-nav .eco-about-pages-nav-title { width: 100%; }
    .eco-about-pages-nav { flex-wrap: wrap; }
    .eco-about-pages-nav ul { padding: 10px 15px; }
    .eco-about-pages-nav ul:before { display: none; }
    .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: 10px auto 0; right: auto; }
}
@media screen and (max-width: 767px) {
    .eco-custom-logo { float: left; }
    .eco-about-pages-nav .wp-block-navigation { width: 100%; }
    .eco-about-pages-nav ul { gap: 0; }
    .eco-about-pages-nav li { display: flex; width: 33%; }
}
@media screen and (max-width: 600px) {
    .eco-about-pages-nav .eco-about-pages-nav-title { width: 70%; }
    .eco-about-pages-nav .wp-block-navigation { width: 30%; padding: 0 20px; }
    .eco-about-pages-nav .wp-block-navigation__responsive-container-open { display: block; width: 100%; }
    .eco-about-pages-nav .wp-block-navigation__responsive-container-open svg { float: right; width: 35px; height: 35px; }
    .eco-about-pages-nav li { width: 100%; }
}