/**
 * Theme Name: Toennies - Child Aitec Theme
 * Template: aitec
 * Theme URI: http://aitec.it
 * Author: The Aitec Team
 * Author URI: http://aitec.it
 * Description: A special theme created (with love!) for Toennies
 * Version: 1.0
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: toennies
 */

 :root {
    --text-base-size: 16px;
    --text-base-font: 'Barlow', Arial, sans-serif;
    --text-alt-font: 'Barlow Condensed', Arial, sans-serif;
    --text-alt-font-2: 'Barlow Semi Condensed', Arial, sans-serif;
    --primary-color: #095F4B;
    --primary-color-alpha: #095f4b3d;
    --primary-color-very-alpha: #095f4b13;
    --primary-color-text: #fff;
    --primary-color-text-alpha: #ffffff75;
    --primary-color-variant: #05382c;
    --primary-color-variant-text: #e0e0e0a8;
    --secondary-color: #fff;
    --secondary-color-alpha: #ffffff2c;
    --secondary-color-very-alpha: #ffffff0e;
    --secondary-color-text: #5A5A5A;
    --secondary-color-variant: #d8d8d8;
    --secondary-color-variant-text: #383838;
    --background-color: #f7f7f5;
    --background-color-alt: #f2f4f3;
    --background-color-text: #3A3A3A;
    --background-color-text-alpha: #3A3A3Ab2;
    --surface-color: #ffffff;
    --surface-color-text: #000000;
    --error-color: #b00022;
    --error-color-text: #ffffff;
    --header-height: 80px;
    --header-height-inner: 80px;
    --basic-padding: 5rem;
}

a:visited, a:active { color: inherit; }

h1,h2,h3,h4,h5,h6 { font-weight: 700; font-family: var(--text-alt-font); margin-bottom: 1rem; }
.inner #primary { padding-top: var(--header-height); }
.main-content { padding: var(--basic-padding) 0 0 0; }
.main-content.blog-content { padding: var(--basic-padding) 0 ; }

.deco-title { color: #1A1A1A; font-family: var(--text-alt-font); letter-spacing: normal; text-transform: uppercase; margin-bottom: 1rem; }
.deco-title .eyelet { font-size: 0.8rem; }
.deco-title mark, .deco-title .subtitle, .small-title span { padding: 0; margin: 0; color: var(--primary-color); text-transform: uppercase; font-family: var(--text-alt-font); font-weight: 700; font-style: normal; font-size: inherit; }
.deco-title.sinistra .eyelet { margin: 0 0 0.5rem 0; font-weight: 600; font-family: var(--text-alt-font); }
.deco-title.sinistra .eyelet::before, .small-title span::before { content: ""; display: inline-block; position: relative; width: 2rem; height: 2px; margin-right: 0.5rem; background-color: var(--primary-color); vertical-align: middle; }
.deco-title.destra .eyelet::after { content: ""; display: inline-block; position: relative; width: 2rem; height: 2px; margin-right: 0.5rem; background-color: var(--primary-color); vertical-align: middle; }

.text-white p { color: var(--primary-color-text-alpha); }
.text-white .deco-title .subtitle, .text-white .small-title span, .text-white .deco-title .eyelet { color: var(--primary-color-text-alpha); }
.text-white .deco-title.sinistra .eyelet::before, .text-white .small-title span::before { background-color: var(--primary-color-text-alpha); }

.btn.btn-default { padding: var(--bs-btn-padding-y) calc(var(--bs-btn-padding-x)*3); color: var(--primary-color-text); background-color: var(--primary-color); font-size: 1rem; font-family: var(--text-alt-font-2); border: 1px solid var(--primary-color); border-radius: 0; }
.btn.btn-default:active, .btn.btn-default:visited { border: 1px solid var(--secondary-color); }
.btn.btn-default:hover { border: 1px solid var(--primary-color); text-decoration: none; color: var(--secondary-color); }
.btn.btn-default.transparent { background-color: transparent; border-color: var(--primary-color-variant-text); color: var(--primary-color-variant-text); }
.btn.btn-default.transparent:hover { background-color: var(--primary-color-variant-text); border-color: var(--primary-color-variant-text); color: var(--primary-color); }

.btn.btn-default:hover { background-color: var(--primary-color-text); color: var(--primary-color); }
.btn.btn-default:visited { border: inherit; }
.btn.btn-default.inverted, .btn.btn-default.inverted:visited { background-color: var(--secondary-color); color: var(--primary-color); border: 1px solid var(--primary-color); }
.btn.btn-default.inverted:hover, .btn.btn-default.inverted:visited:hover { background-color: var(--primary-color); color: var(--primary-color-text); border: 1px solid var(--secondary-color); }

/*Header*/
#main-header { height: auto; position: absolute; align-items: center; top: 0; left: 0; right: 0; background-color: var(--primary-color);  }
#main-header.sticky { background-color: var(--primary-color); }
.header-content { height: var(--header-height); display: flex; justify-content: space-between; padding: 0; }
#logo-wrapper { display: inline-block; position: relative; margin: auto 0; padding: 0.5rem 0.5rem 0.5rem 0; }
#logo-wrapper .logo { display: inline-block; object-fit: contain; }
#main-header-widgets { min-width: 16rem; align-content: center; text-align: end; }
#main-header .header-cta-wrapper { display: inline-block; }
#main-header .header-cta-wrapper .btn.btn-default { padding: var(--bs-btn-padding-y) calc(var(--bs-btn-padding-x)*2); }

/*Main menu*/
#main-menu-wrapper { width: 100%; display: inline-block; }
#main-menu { display: flex; justify-content: end; list-style: none; padding: 0; margin-bottom: 0; height: 100%; align-items: center; }
#main-menu > li > a { color: var(--primary-color-text); font-family: var(--text-alt-font-2); text-transform: uppercase; padding: 0.6rem 1rem; background-color: rgba(255,255,255,0); }
#main-menu > li:hover a, #main-menu li.current-menu-item > a { background-color: rgba(255,255,255,0.3); text-decoration:none; }

#main-menu .sub-menu li a { color: var(--primary-color-text); }

/*Br element*/
.br-element.post .card-body { position: relative; height: 20rem; overflow: hidden;}
.br-element.post .card-body .button-wrapper { position: absolute; right:0; left:0; bottom:0; background-color:#fff; }
.br-element.post .card-cat-list { position: absolute; left: 0; top: 0; list-style: none inside; padding: 1em; margin: 0; transition:0.2s all ease-in;}
.br-element.post .card-cat-list li { display:inline-block; margin:0 0.4em; color:var(--primary-color); text-transform: uppercase; letter-spacing:-1px;  padding:0.5em 1em; border:1px solid var(--secondary-color-alpha); background-color:var(--secondary-color); }
.br-element.post a.term-link { position: absolute; top: 1rem; left: 1rem; padding: 0.5rem 0.8rem; background-color: var(--secondary-color); color: var(--primary-color); text-transform: uppercase; font-weight: 600; border: 1px solid var(--primary-color); }
.br-element.post a.term-link:hover { background-color: var(--primary-color); color: var(--primary-color-text); text-decoration: none; }

.br-element.brand_post figure.card-img-left { position: relative; margin: 1.5rem; aspect-ratio: 4/3; border-radius: 2px; }
.br-element.brand_post div.brand-logo-wrapper { position: absolute; right: 1rem; bottom: 1rem; background-color: var(--background-color); padding: 0.5rem; aspect-ratio: 1; border-radius: 2px; } 
.br-element.brand_post figure.brand-logo { height: 3rem; width: 3rem; background-size: contain; background-repeat: no-repeat; background-position: center; }

/*Sidebar*/
.widget.sidebar-widget.widget_block { margin-bottom: 1rem; }

/*Language chooser*/
.language-selector { padding: 0; margin: 0; }
.language-selector-wrapper { display: inline-block; padding: 1rem 0 0 0; list-style: none; }
.language-selector-wrapper li { display: inline; position: relative; }
.language-selector-wrapper li::after { content: ""; position: absolute; width: 1px; height: 100%; right: 0; top: 0; bottom: 0; background-color: var(--secondary-color-alpha); }
.language-selector-wrapper li:last-child::after { display: none; }
.language-selector-wrapper li a, .language-selector-wrapper li span { color: var(--primary-color-text); text-transform: uppercase; padding: 0.6rem; }
.language-selector-wrapper li a { color: var(--primary-color-text); }
.language-selector-wrapper li a:hover { text-decoration: none; background-color: var(--secondary-color-alpha); }


/* Sub menu Styles */
#main-header #main-menu > li > .sub-menu > li > a { background-color:transparent; padding: 0.8rem 0; display: block; text-decoration: none; } 
#main-header #main-menu > li > .sub-menu > li > a:hover { color:var(--secondary-color); text-decoration: underline; } 
#main-header #main-menu > li.menu-item-has-children { position: relative; }
#main-header #main-menu > li.menu-item-has-children > a span { position: relative; }
#main-header #main-menu > li.menu-item-has-children > a span:after { right: 0; content: ''; font-weight: bold; font-family: "Font Awesome 7 Free"; color: var(--primary-color-text); margin: 0 0 0 0.5rem; display: inline-block; font-size: 0.876rem; height: 1em; width: 1em; text-align: center; overflow: hidden; }

#main-header #main-menu > li.menu-item-has-children > ul.sub-menu { position: absolute; top: 2rem; left: -3rem; right: -3rem; background-color: var(--primary-color); padding: 1rem; border-radius: calc(var(--cogea-border-radius)/2); -webkit-animation-name: slideMenuRevert; animation-name: slideMenuRevert; -webkit-animation-duration: 0.05s; animation-duration: 0.05s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-box-shadow: 2px 2px 3px 2px rgba(58, 58, 58, 0.4); box-shadow: 2px 2px 3px 2px rgba(58, 58, 58, 0.4); }
#main-header #main-menu > li.menu-item-has-children > ul.sub-menu > li { display: block; padding: 0 calc(var(--bs-gutter-x) * 0.5); }
#main-header #main-menu > li.menu-item-has-children:hover .sub-menu { -webkit-animation-name: slideMenu; animation-name: slideMenu; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

/*Mobile menu*/
#mobile-menu-toggle { display:none; position: absolute; height: calc(var(--header-height)); cursor: pointer; z-index: 3; width: var(--header-height); padding: 1.5rem; right: 0; top:0; }
#mobile-menu-toggle span {height: 2px; background-color: var(--primary-color-text); width: calc((var(--header-height) - 2rem) / 2); display: block; margin: 0.625rem auto; }
#mobile-menu-toggle span:first-child { margin: 0.355rem auto 0.625rem auto;}

#mobile-menu .sub-menu { margin-top: 0.5rem; padding-left: 1rem; border-left: 2px solid var(--primary-color-text); list-style: none }
#mobile-menu .sub-menu li a { font-size: 1rem; }
#mobile-menu { position: relative; list-style-type: none; padding: 0; }
#mobile-menu li { padding: 0.3rem 0; }
#mobile-menu li a { padding: 0.5rem 0; font-size: 1rem; color: var(--primary-color-text); }

#main-menu-offcanvas { background-color: var(--primary-color); }
#main-menu-offcanvas .social-list { text-align: left; }

.offcanvas-body .btn-close { position: absolute; right: 1rem; top: 1rem; left: auto; }
.offcanvas-body img.logo { width: 50%; }
.offcanvas-menu-container { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); }
.offcanvas-body .button-wrapper { text-align: left !important; }
.offcanvas-body .button-wrapper .btn.btn-default { font-size: 1rem; text-align: left !important; }
.offcanvas-body .social-list li a { color: var(--primary-color-text-alpha); }

/* Hero */
.home #hero-wrapper { height: calc(100vh + var(--header-height)); position: relative; }
.home #hero-wrapper .cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; background: linear-gradient(135deg, rgba(9, 95, 75, 0.82) 0%, rgba(0, 0, 0, 0.55) 60%, rgba(0, 0, 0, 0.3) 100%); }
.home #hero-wrapper figure { width: 100%; height: 100%; object-fit: cover; background-position: center; }
.home #hero-wrapper .hero-content { position: absolute; top: 50%; transform: translateY(-50%); }
.home #hero-wrapper .hero-content h1 { font-size: 5rem; color: var(--primary-color-text); font-family: var(--text-alt-font); font-weight: 700; text-transform: uppercase; line-height: 4.5rem; }
.home #hero-wrapper .hero-content .eyelet { display: block; margin-bottom: 2rem; padding: 0.2rem; font-weight: 400; font-family: var(--text-alt-font); font-size: 1rem; color: var(--secondary-color-alpha); text-transform: uppercase; }
.home #hero-wrapper .hero-content .eyelet span { margin-bottom: 0.5rem; padding: 0.6rem 9rem 0.6rem 0.6rem; font-weight: 400; font-family: var(--text-alt-font); font-size: 1rem; color: var(--primary-color-text-alpha); border: 1px solid var(--primary-color-text-alpha); text-transform: uppercase; }
.home #hero-wrapper .hero-content .eyelet span::before { content: ""; display: inline-block; position: relative; width: 2rem; height: 2px; margin-right: 0.5rem; background-color: var(--primary-color-text-alpha); vertical-align: middle; }
.home #hero-wrapper .hero-content .btn.btn-default { color: var(--primary-color); background-color: var(--secondary-color); border-color: var(--primary-color-variant-text); font-family: var(--text-alt-font-2); font-weight: 500; }
.home #hero-wrapper .hero-content .btn.btn-default:hover { color: var(--secondary-color); background-color: var(--primary-color); }
.home #hero-wrapper .hero-content .btn.btn-default.transparent { color: var(--secondary-color); background-color: transparent; border-color: var(--primary-color-variant-text); font-family: var(--text-alt-font-2); font-weight: 500; }
.home #hero-wrapper .hero-content .btn.btn-default.transparent:hover { color: var(--primary-color); background-color: var(--secondary-color); }

.home #hero-wrapper .hero-content h2 { font-size: 5rem; color: var(--primary-color-variant-text); font-family: var(--text-alt-font); font-weight: normal; font-style: italic; line-height: 4.5rem; margin-bottom: 1rem; font-weight: 400; }
.home #hero-wrapper .hero-content p { color: var(--primary-color-variant-text); }

.home #hero-wrapper .hero-content .hero-sections-wrapper { display: flex; justify-content: space-between; flex-wrap: nowrap; background-color: var(--secondary-color-very-alpha); border-top: 1px solid var(--secondary-color-alpha); padding: 1rem; }
.home #hero-wrapper .hero-content .hero-sections-wrapper .hero-section h3 { font-size: 2rem; color: var(--primary-color-text); }
.home #hero-wrapper .hero-content .hero-sections-wrapper .hero-section span { color: var(--primary-color-text-alpha); }

/*Italy text*/
.italy-text, #main-footer span.italy-text { display: inline-block; margin: auto 0.2rem; padding: 10px 16px; color: var(--secondary-color); background-color: var(--secondary-color-alpha); text-transform: uppercase; font-family: var(--text-alt-font); font-weight: normal; font-size: inherit; }

.bottom-wrapper { display: flex; justify-content: space-between; padding: 2rem 0 1rem 0; border-top: 1px solid var(--secondary-color-alpha); }

/*Timeline item*/
.timeline-element { padding: 0.5rem 0; }
.timeline-element .timeline-year span { color: var(--primary-color); font-weight: bold; font-family: var(--text-alt-font); }
.timeline-element .timeline-text { border-left: 1px solid var(--secondary-color-variant); }

/*Deco title*/
.deco-title.inline .subtitle { display: inline-block; }

/*Synthesis in home*/
.synthesis p { color: var(--primary-color-text-alpha); font-family: var(--text-alt-font); text-transform: uppercase; }
.synthesis tr, .synthesis tr td { border-color: var(--primary-color-text-alpha); }
.synthesis tr, .synthesis tr td { background-color: var(--primary-color); }
.synthesis tr td:nth-child(odd) { color: var(--primary-color-text-alpha); }
.synthesis tr td:nth-child(even) { color: var(--primary-color-text); }

/*Text Block*/
.text-block { display: block; padding: 1.5rem; background-color: var(--secondary-color); border-radius: 2px; border: 1px solid var(--primary-color-variant-text); }
.text-block i { color: var(--primary-color); font-weight: bold; margin-bottom: 0.5rem; }
.text-block span.text { font-size: 1.5rem; color: #000000; font-weight: bold; margin-bottom: 1.5rem; font-family: var(--text-alt-font); }
.text-block span.label { color: var(--background-color-text-alpha); }

/*Download block*/
.download-block .download-block-wrapper { height: 100%; padding: 0.5rem 0 1rem 0; background-color: transparent; transition: all 0.2s ease-in-out; }
.download-block:hover { text-decoration: none; }
.download-block:hover .download-block-wrapper { background-color: var(--secondary-color-very-alpha); text-decoration: none; transition: all 0.2s ease-in-out; }
.download-block:hover span { text-decoration: none; }

.download-block .download-block-wrapper { text-align: center; }
.download-block .text-wrapper span.text { font-weight: 600; font-size: 1.3rem; font-family: var(--text-alt-font); }
.text-white .download-block { color: #fff; }
.text-white .download-block i { font-weight: bold; margin-bottom: 0.5rem; }
.text-white .download-block .label, .text-white .download-block .year { color: var(--primary-color-text-alpha) }
.text-white .download-block i { margin-bottom: 1rem; }
.text-white .download-block .text-wrapper { margin-bottom: 1rem; }
.text-white .download-block .label-wrapper { margin-bottom: 1rem; }
.text-white .download-block .year { padding: 0.4rem; border: 1px solid var(--primary-color-text-alpha); }

/*Brands Showcase*/
.brands-showcase-wrapper .nav.top { border-bottom: 1px solid var(--background-color-text-alpha); margin-bottom: 1rem;}
.brands-showcase-wrapper .nav.top .nav-item button.nav-link { font-family: var(--text-alt-font-2); color: var(--background-color-text); padding: 0.5rem 1rem; }
.brands-showcase-wrapper .nav.top .nav-item button.nav-link.active { color: var(--primary-color); }

.brands-showcase-wrapper .nav.bottom { margin-top: 1rem; display: flex; }
.brands-showcase-wrapper .nav.bottom .nav-item { flex: 1; margin-right: 1rem; }
.brands-showcase-wrapper .nav.bottom .nav-item:last-child { margin-right: 0; }
.brands-showcase-wrapper .nav.bottom .nav-item div.nav-link { cursor: pointer; padding: 1rem 1.5rem; color: #1A1A1A; background-color: var(--secondary-color); border-radius: 2px; border: 1px solid var(--primary-color-variant-text); }
.brands-showcase-wrapper .nav.bottom .nav-item div.nav-link .square { width: 1rem; height: 1rem; margin-bottom: 0.6rem; background-color: var(--primary-color-alpha); }
.brands-showcase-wrapper .nav.bottom .nav-item div.nav-link .title { font-weight: 600; margin-bottom: 0.6rem; }
.brands-showcase-wrapper .nav.bottom .nav-item div.nav-link.active { background-color: var(--secondary-color-variant); border: 1px solid var(--primary-color); }
.brands-showcase-wrapper .nav.bottom .nav-item div.nav-link.active .square { background-color: var(--primary-color); }

.brands-showcase-wrapper .brands-showcase-item-general { position: relative; height: 100%; color: var(--primary-color-text); padding: 1.5rem; background-color: var(--primary-color); }
.brands-showcase-wrapper .brands-showcase-item-general a.category { font-family: var(--text-alt-font); text-transform: uppercase }
.brands-showcase-wrapper .brands-showcase-item-general a, .brands-showcase-wrapper .brands-showcase-item-general p { color: var(--primary-color-text-alpha) }
.brands-showcase-wrapper .brands-showcase-item-general h3 { padding: 0.8rem 0; color: var(--primary-color-text) }
.brands-showcase-wrapper .brands-showcase-item-general div.brand-link { position: absolute; bottom: 1.5rem; left: 1.5rem;  }
.brands-showcase-wrapper .brands-showcase-item-general div.brand-link a { color: var(--primary-color-text-alpha); text-transform: uppercase }
.brands-showcase-wrapper .brands-showcase-item-general div.brand-link a i { font-weight: bold; }

.brands-showcase-wrapper .brands-showcase-item-tags { padding: 2rem 1.5rem; background-color: var(--secondary-color); border-radius: 2px; border: 1px solid var(--primary-color-variant-text); }
.brands-showcase-wrapper .brands-showcase-item-tags h4 { font-size: 1.1rem; }
.brands-showcase-wrapper ul.brands-showcase-item-tags-list { list-style: none; margin: 0; padding: 0; flex-wrap: wrap; display: flex; }
.brands-showcase-wrapper ul.brands-showcase-item-tags-list li { padding: 0; margin-right: 1rem; line-height: 3rem; }
.brands-showcase-wrapper ul.brands-showcase-item-tags-list li a { padding: 0.3rem 1rem; background-color: var(--primary-color-very-alpha); color: var(--primary-color); border: 1px solid var(--primary-color); }
.brands-showcase-wrapper ul.brands-showcase-item-tags-list li a:hover { background-color: var(--primary-color); color: var(--primary-color-text); text-decoration: none; }

/*Characteristics Item*/
.characteristic_item { padding: 1.5rem; background-color: var(--secondary-color); border-radius: 2px; border: 1px solid var(--primary-color-variant-text); }
.characteristic_item .characteristic_value { font-size: 2rem; font-family: var(--text-alt-font); font-weight: bold; margin-bottom: 1.5rem; }
.characteristic_item .characteristic_label { color: var(--background-color-text-alpha); }

/*Block Wrapper*/
.block-wrapper { aspect-ratio: 16/9; }
.block-wrapper .block-wrapper-content { opacity: 1; background-color: transparent; background: linear-gradient(0deg, rgba(9, 95, 75, 0.85) 0%, rgba(9, 95, 75, 0.1) 100%); }
.block-wrapper .block-wrapper-content .block-wrapper-text { vertical-align: bottom; }
.block-wrapper .block-wrapper-content .deco-title { font-size: 1.5rem; text-transform: none; color: var(--primary-color-text); }
.block-wrapper:hover .block-wrapper-content { opacity: 1; }

/*Post showcase*/
.post-showcase-header { position: relative; }
.post-showcase-header .archive-link { position: absolute; bottom: 0; right: 0; }
.post-showcase-header .archive-link a { text-transform: uppercase; font-weight: 500; color: var(--primary-color); }
.post-showcase-header .archive-link a i { font-weight: bold; }
.post-showcase-item-text h3 { font-size: 1.5rem; }
.post-showcase-item-zero-wrapper .post-showcase-item-image { position: relative; border-radius: 2px; border: 1px solid var(--primary-color-variant-text); aspect-ratio: 20/9; }
.post-showcase-item-zero-wrapper .post-showcase-item-image a.term-link { position: absolute; top: 1rem; left: 1rem; padding: 0.5rem 0.8rem; background-color: var(--secondary-color); color: var(--primary-color); text-transform: uppercase; font-weight: 600; border: 1px solid var(--primary-color); }
.post-showcase-item-zero-wrapper .post-showcase-item-image a.term-link:hover { background-color: var(--primary-color); color: var(--primary-color-text); text-decoration: none; }
.post-showcase-item-n-wrapper .post-showcase-item-text, .post-showcase-item-zero-wrapper .post-showcase-item-text { padding: 1.5rem; }
.post-showcase-item-zero-wrapper .post-showcase-item-text, .post-showcase-item-n-wrapper .post-showcase-item-text { background-color: var(--secondary-color); border-radius: 2px; border: 1px solid var(--primary-color-variant-text); }
.post-showcase-item-zero-wrapper .post-showcase-item-text i, .post-showcase-item-n-wrapper .post-showcase-item-text i { font-weight: bold; }
.post-showcase-item-zero-wrapper a.post-link, .post-showcase-item-n-wrapper a.post-link { font-weight: 500; text-transform: uppercase; }

.post-showcase-item-n-wrapper a.term-link { position: relative; color: var(--primary-color); text-transform: uppercase; font-weight: 600; }

/*Page slider*/
#page-slider-wrapper { position: relative; height: 20rem; }
#page-slider-wrapper figure, #brand-slider-wrapper figure.brand-image { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-position: center; background-repeat: no-repeat; background-size: cover; }
#page-slider-wrapper figure img, #brand-slider-wrapper figure.brand-image img { position: absolute; left: 0; top: 0; visibility: hidden; opacity: 0; }
#page-slider-wrapper figure figcaption, #brand-slider-wrapper figure.brand-image figcaption { visibility: hidden; opacity: 0; }
#page-slider-wrapper .slide-cover { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #095f4ba8;}
#page-slider-wrapper .slide-caption { position: absolute; top: 50%; transform: translateY(-50%);}
#page-slider-wrapper .slide-caption h1 { color: var(--primary-color-text); font-family: var(--text-alt-font); text-transform: uppercase; }

/*Brand slide*/
#brand-slider-wrapper { position: relative; height: 20rem; }
#brand-slider-wrapper .brand-slider-content { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); }
#brand-slider-wrapper .caption { display: table-row; }
#brand-slider-wrapper figure.brand-logo { display: table-cell; width: 10rem; height: 10rem; position: relative; background-position: center; background-repeat: no-repeat; background-size: contain; padding-right: var(--basic-padding); aspect-ratio: 1; }
#brand-slider-wrapper figure.brand-logo img { position: absolute; left: 0; top: 0; visibility: hidden; opacity: 0; }
#brand-slider-wrapper figure.brand-logo figcaption { visibility: hidden; opacity: 0; }
#brand-slider-wrapper h1 { display: table-cell; position: relative; vertical-align: middle; color: var(--primary-color-text); padding-right: var(--basic-padding); font-family: var(--text-alt-font); text-transform: uppercase; }
#brand-slider-wrapper .slide-cover { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #095f4ba8;}

/*Breadcrumbs*/
#bcrumbs-wrapper { border-bottom: 1px solid var(--secondary-color-alpha); text-align: left; }
#bcrumbs-wrapper .breadcrumbs ol li > a, #bcrumbs-wrapper .breadcrumbs ol li > span { color: var(--background-color-text); font-weight: 500; }
.breadcrumbs ol li::after { background-color: var(--background-color-text); }

/*Brands*/
#brand-characteristics-wrapper { padding: var(--basic-padding) 0; background-color: #f2f4f3; }

#brand-products-wrapper { padding: var(--basic-padding) 0; }
#brand-products-wrapper .product_item { background-color: var(--secondary-color); border-radius: 2px; border: 1px solid var(--primary-color-variant-text); }
#brand-products-wrapper .product_item figure { border-radius: 2px; }
#brand-products-wrapper .product_item .product_item_content { padding: 2rem; }

.brand-tags ul { list-style: none; padding: 0; }
.brand-tags ul li { display: inline-block; padding: 0; margin-right: 1rem; line-height: 3rem; }

.brand-category a, .brand-tags ul li a { padding: 0.3rem 1rem; background-color: var(--primary-color-very-alpha); color: var(--primary-color); border: 1px solid var(--primary-color); }
.brand-category a:hover, .brand-tags ul li a:hover { background-color: var(--primary-color); color: var(--primary-color-text); text-decoration: none; }

/*Post Wrapper*/
.single-post-wrapper { padding-bottom: var(--basic-padding); }

/*CTA Wrapper*/
#cta-wrapper { padding: var(--basic-padding) 0; background-color: var(--primary-color-alpha); }

/*Crossnav*/
#crossnav-wrapper { padding: 0; margin: var(--basic-padding) 0; }

/* Footer */
#main-footer { color: var(--primary-color-text-alpha); margin-top: 0; }
#main-footer p, #main-footer span { color: var(--primary-color-text-alpha); margin-bottom: 0.2rem; }
#main-footer a { color: var(--primary-color-text-alpha); }
#main-footer a i { width: 1rem; }
#main-footer h2 { color: var(--primary-color-text-alpha); font-family: var(--text-base-font); font-size: var(--text-base-size); font-weight: 700; margin-bottom: 0.5rem; }
#main-footer .footer-info a { text-decoration: underline; }
#main-footer .social-list { text-align: left; }
#main-footer #logo { width: 70%; object-fit: contain; }
#main-footer .inner-footer {  padding: var(--basic-padding) 0 ;  background-color: var(--primary-color); }
#main-footer .inner-footer ul.menu { padding: 0;  list-style: none; }
#main-footer .inner-footer ul.menu a { display: block; padding: 0.3em 0; }
#main-footer .separator-title { font-family: var(--text-alt-font); font-weight: 500; font-size: 1.2rem; }

/*Icon style*/
div.icon { margin-bottom: 0.5rem; }
div.icon span { padding: 0.5rem; background-color: var(--primary-color-very-alpha);  }
div.icon span i { color: var(--primary-color); font-weight: bold; }

/*Contact row*/
.contact-row { margin-bottom: 2rem; }
.contact-row div.icon { display: inline-block; margin-top: 0.5rem; margin-right: 1rem; margin-bottom: 0; vertical-align: top;}
.contact-row div.text { display: inline-block; }
.contact-row span.label { text-transform: uppercase; color: var(--background-color-text-alpha); }
.contact-row span.contact { color: #000000; font-weight: 500; }

/*Bottom Menu*/
#bottom-menu { padding: 0; list-style: none; }
#bottom-menu li { display: inline-block; margin-right: 1rem; }
#bottom-menu li:last-child { margin-right: 0; }
#bottom-menu li a { padding: 0 0.3rem; }

#aitec-credits { background-color: transparent;  color: var(--primary-color-text); padding: 0; text-align: start; }
#aitec-credits span#made-by { color: var(--primary-color-text-alpha); }
#aitec-credits .aitec-svg-logo { width: 60px; height: auto; }

.social-list { display: block; padding: 0; }
.social-list li { display: inline-block; } 
.social-list li a { border: 1px solid var(--secondary-color-alpha); padding: 0.3rem 0.6rem; color: var(--secondary-color-text); }
.social-list li a:hover { border: 1px solid var(--secondary-color-alpha); background-color: var(--secondary-color-alpha); color: var(--primary-color-text); }

/*Misc*/
.basic-list { list-style: none; padding: 0; }
.bordered-right { border-right: 1px solid var(--secondary-color-very-alpha); }
.offcanvas.offcanvas-end { width: 90%; }
hr { border: 1px solid var(--primary-color-text-alpha); margin: 0.5rem 0; }
.snap-slider-wrapper .snap-slider-control .snap-slider-control-left { left: -5rem; }
.snap-slider-wrapper .snap-slider-control .snap-slider-control-right { right: -5rem; }