/*****
Theme Name: SwissIX
Theme URI: https://www.swissix.ch
Description: Child theme for SwissIX.
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
*****/

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

@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; src: url('./fonts/poppins-v20-latin-300.eot'); src: url('./fonts/poppins-v20-latin-300.eot?#iefix') format('embedded-opentype'), url('./fonts/poppins-v20-latin-300.woff2') format('woff2'), url('./fonts/poppins-v20-latin-300.woff') format('woff'), url('./fonts/poppins-v20-latin-300.ttf') format('truetype'), url('./fonts/poppins-v20-latin-300.svg#Poppins') format('svg'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('./fonts/poppins-v20-latin-regular.eot'); src: url('./fonts/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), url('./fonts/poppins-v20-latin-regular.woff2') format('woff2'), url('./fonts/poppins-v20-latin-regular.woff') format('woff'), url('./fonts/poppins-v20-latin-regular.ttf') format('truetype'), url('./fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); }
@font-face { font-family: 'Poppins'; font-style: italic; font-weight: 400; src: url('./fonts/poppins-v20-latin-italic.eot'); src: url('./fonts/poppins-v20-latin-italic.eot?#iefix') format('embedded-opentype'), url('./fonts/poppins-v20-latin-italic.woff2') format('woff2'), url('./fonts/poppins-v20-latin-italic.woff') format('woff'), url('./fonts/poppins-v20-latin-italic.ttf') format('truetype'), url('./fonts/poppins-v20-latin-italic.svg#Poppins') format('svg'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url('./fonts/poppins-v20-latin-500.eot'); src: url('./fonts/poppins-v20-latin-500.eot?#iefix') format('embedded-opentype'), url('./fonts/poppins-v20-latin-500.woff2') format('woff2'), url('./fonts/poppins-v20-latin-500.woff') format('woff'), url('./fonts/poppins-v20-latin-500.ttf') format('truetype'), url('./fonts/poppins-v20-latin-500.svg#Poppins') format('svg'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url('./fonts/poppins-v20-latin-600.eot'); src: url('./fonts/poppins-v20-latin-600.eot?#iefix') format('embedded-opentype'), url('./fonts/poppins-v20-latin-600.woff2') format('woff2'), url('./fonts/poppins-v20-latin-600.woff') format('woff'), url('./fonts/poppins-v20-latin-600.ttf') format('truetype'), url('./fonts/poppins-v20-latin-600.svg#Poppins') format('svg'); }

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

body { font-family: 'Poppins', sans-serif; font-size: 18px; font-size: 1.125rem; font-weight: 300; line-height: 1.7; color: #000; }
.eco-content-section { padding: 20px 0; }

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

h1 { font-size: 36px; font-size: 2.25rem; }
h2 { font-size: 24px; font-size: 1.5rem; }
h1, h2, h3, h4, h5, h6 { font-weight: 600; color: #000; }
h1 a, h2 a, h3 a, h4 a { color: #000; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #d11e3e; }
a { color: #000; }
a:hover { color: #d11e3e; }
blockquote { border-left: 8px solid #d11e3e; }

/***** Lists *****/

.entry-content ul { margin-left: 0; list-style: none; }
.entry-content ul li { position: relative; padding-left: 25px; }
.entry-content ul li:before { position: absolute; left: 0; }
.entry-content ul li:before, .eco-footer .widget_nav_menu li:before, .eco-main-nav ul ul li a:before { content: '\2014'; font-weight: 700; margin-right: 10px; }
.entry-content .wp-block-page-list { font-size: 16px; margin: 0 0 12px 3px; }

/***** 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; }
.eco-custom-logo { width: 31.96%; }
.custom-logo-link .custom-logo { width: 350px; max-width: 100%; }

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

.eco-navigation li a { color: #d11e3e; }
.eco-navigation ul ul li { font-size: 16px; line-height: 0.5; }

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

.eco-main-nav { width: 65.32%; }
.eco-main-nav .menu-item-has-children > a:after { display: none; }
.eco-main-nav ul:first-child { margin-top: 45px; }
.eco-main-nav li { font-weight: 500; line-height: inherit; margin-left: 25px; }
.eco-main-nav li a { padding: 5px 0; border-bottom: 3px solid transparent; }
.eco-main-nav li a, .eco-main-nav li a:hover, .eco-main-nav ul .current-menu-item > a { color: #000; }
.eco-main-nav li a:hover, .eco-main-nav ul .current-menu-item > a { border-bottom: 3px solid #d11e3e; }
.eco-main-nav ul ul { left: -120px; padding-top: 20px; background: transparent; box-shadow: none; z-index: 999; }
.eco-main-nav ul ul:before { position: absolute; width: 0; height: 0; content: ''; top: 5px; left: 125px; border-style: solid; border-width: 0 20px 20px 20px; border-color: transparent transparent #e6e6e6 transparent; }
.eco-main-nav ul ul li { min-width: 335px; font-weight: 300; background: #e6e6e6; }
.eco-main-nav ul ul li:first-of-type { padding-top: 16px; }
.eco-main-nav ul ul li:last-of-type { padding-bottom: 16px; }
.eco-main-nav ul ul li a, .eco-main-nav ul ul li a:hover { border: none; }
.eco-main-nav ul ul li a:hover, .eco-main-nav ul ul .current-menu-item a { color: #d11e3e; border: none; }

/***** 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 #000; }
.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: #000; border: none; }
.eco-footer-nav ul ul { background: #e6e6e6; }

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

.eco-social-nav ul { padding: 0; margin: 0; text-align: left; }
.eco-social-nav li a { font-size: 32px; background: none; }
.eco-social-nav .fa-eco-social { color: #808080; }

/***** User Login in Header Navigation *****/

.eco-main-nav .eco-header-user-login:hover { margin-left: 49px; }
.eco-main-nav .eco-header-user-login a { font-size: 0; -webkit-transition: none; -moz-transition: none; transition: none; }
.eco-main-nav .eco-header-user-login:hover a { position: absolute; right: -10px; font-size: 17px; font-size: 1.0625rem; line-height: 24px; color: #fff; padding: 5px 10px 5px 22px; background: #808080; border: transparent; }
.eco-main-nav .eco-header-user-login a:after { font-family: 'FontAwesome'; font-size: 24px; font-size: 1.5rem; line-height: 24px; content: '\f2be'; }
.eco-main-nav .eco-header-user-login:hover a:after { margin-left: 10px; vertical-align: top; }

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

.eco-header-search .eco-header-search-icon, .eco-header-search .eco-header-search-icon:hover { font-size: 24px; line-height: 1.1; border: transparent; }
.eco-header-search-form { display: none; width: 250px; position: absolute; top: 100%; right: -5px; padding: 20px; margin-top: 20px; background: #e6e6e6; }
.eco-header-search-form .search-form { border-bottom: 5px solid #d11e3e; }

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

.eco-breadcrumbs { font-size: 14px; font-size: 0.875rem; color: #fff; padding: 15px 20px; background: #808080; }
.eco-breadcrumbs a { color: #fff; margin-right: 5px; border-bottom: 3px solid #fff; }

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

.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: #d11e3e; }
.eco-loop-excerpt, .eco-loop-button { line-height: 1.7; }
.eco-loop-button { position: absolute; right: 0; bottom: 0; color: #fff; padding: 5px 15px; background: #d11e3e; }
.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: #000; }
.entry-meta a:hover { color: #d11e3e; }
.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 { display: none; }
.entry-meta .entry-meta-author:before { content: '\f2c0'; }
.entry-meta .entry-meta-categories:before { content: '\f115'; }
.entry-content a { color: #d11e3e; }
.entry-content a:hover { text-decoration: underline; }

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

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

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

table th { color: #fff; background: #808080; border-bottom: none; }
.wp-block-table thead { border-bottom: none; }  
.table-small-font, .table-small-font td { font-size: 0.7rem; }
.entry-content table .has-text-align-center { text-align: center; }

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

.eco-footer { color: #000; background: #e6e6e6; }
.eco-footer a, .eco-footer h1, .eco-footer h2, .eco-footer h3, .eco-footer h4, .eco-footer h5, .eco-footer h6 { color: #000; }
.eco-footer a { font-weight: 300; border: none; text-decoration: none; }
.eco-footer a:hover { color: #d11e3e; }
.eco-footer .widget_nav_menu li a { line-height: 1.7; }
.eco-footer-widgets { padding: 40px 30px 20px; }
.eco-footer-widgets .wp-block-image, .eco-footer-widget-full { text-align: left; }
.eco-footer-widgets h2 { font-size: 18px; font-size: 1.125rem; }
.eco-footer-widgets .widgettitle { margin-bottom: 24px; }
.copyright { color: #000; background: #e6e6e6; }
.copyright a { color: #000; }

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

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

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

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

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

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

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

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

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

/***** Eco Content Boxes *****/

.eco-boxes .wp-block-column { position: relative; min-height: 385px; }
.eco-boxes .wp-block-column:hover { transform: scale(1.02); filter: brightness(102%) saturate(110%); transition: ease-in-out all 0.3s; }
.eco-box-item-link a { position: absolute; right: 0; bottom: 0; font-weight: 500; color: #000; margin: 0 30px 30px 0; border-bottom: 3px solid #d11e3e; }
.eco-box-item-link a:hover { text-decoration: none; }
.eco-box-item-link-white a { color: #fff; }
.eco-box-item-link-white-border a { border-bottom: 3px solid #fff; }

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

.entry-content .wp-block-hyperlink-group { color: #000; 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: #d11e3e; }
.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: 'Poppins', sans-serif; font-weight: 600; color: #000; }
.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) {
    .eco-main-nav li { margin-left: 15px; }
    .eco-main-nav .eco-header-user-login:hover { margin-left: 39px; }
    .mec-container, .eco-footer { width: 95%; }
    .eco-footer { margin: 0 auto; }
    .eco-footer-widgets { padding: 40px 0 20px; }
}
@media screen and (max-width: 900px) {
    .eco-custom-logo { width: 70%; }
    .eco-header .eco-hamburger-icon { display: block; position: absolute; right: 0; line-height: 111px; }
    .eco-main-nav { width: 100%; display: none; position: absolute; top: 85px; right: 0; padding: 0 20px; margin: 0; }
    .eco-main-nav ul { padding: 20px; background: #e6e6e6; }
    .eco-main-nav ul:first-child { margin: 0; }
    .eco-main-nav li { float: none; font-weight: 300; margin: 0; }
    .eco-main-nav li a, .eco-main-nav li a:hover, .eco-main-nav ul .current-menu-item > a { border: none; }
    .eco-main-nav ul ul { position: relative; left: 0; display: block; padding: 0; background: #e6e6e6; }
    .eco-main-nav ul ul:before { display: none; }
    .eco-main-nav ul ul li { background: none; }
    .eco-main-nav ul ul li a { padding: 10px 0; }
    .eco-main-nav ul ul li a:hover, .eco-main-nav ul ul .current-menu-item a { color: #000; }
    .eco-main-nav .eco-header-user-login:hover { margin-left: 0; }
    .eco-main-nav .eco-header-user-login a { font-size: 17px; font-size: 1.0625rem; }
    .eco-main-nav .eco-header-user-login:hover a { position: relative; right: 0; line-height: 1.7; color: #000; padding: 5px 0; background: none; }
    .eco-main-nav .eco-header-user-login a:after { 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; max-width: 100%; padding: 0; margin: 10px 0 0; right: auto; }
}
@media screen and (max-width: 781px) {
    .mec-container, .eco-footer { width: 90%; }
    .eco-custom-logo { float: left; }
    .eco-main-nav ul { float: none; }
    .eco-main-nav ul ul li { min-width: 0; }
    .eco-header .eco-hamburger-icon { line-height: 70px; }
    .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; }
    .eco-boxes .wp-block-column { min-height: 350px; }
}