/*
 Theme Name:   macbay Starter Theme
 Theme URI:    https://generatepress.com
 Description:  macbay digital starter theme (A GeneratePress child theme)
 Author:       Sascha Liem
 Author URI:   https://macbay.net
 Template:     generatepress
 Version:      0.9.0
 Changes:      added tweaks from theadminbar.com/generate, re-ordered code, removed unused css
*/

/* Site Wrapper */
.site-wrapper {
    width: 100%;
    max-width: 1920px;
    margin-inline: auto;
}

/* Optimize Header for responsive screens */
header.site-header {
    padding-inline: 1rem;
}
header.site-header .inside-header {
    max-width: 1280px;
    padding-inline: 0;
}
.gb-element-c55abf65{
	overflow:hidden;
}
nav#site-navigation.main-navigation {
    flex-grow: 1;
    margin-left: 20px;
}

.menu-bar-items {
    margin-left: auto;
}

div#primary-menu > ul > li:nth-child(1) > a {
    font-weight: 600;
}
ul.wp-block-list {
    font-weight: 300;
}
/* Tweak 3 - Remove bottom margin on last paragraph - check other Tweaks in functions.php */
.gb-container p:last-child:last-of-type {
    margin-bottom: 0px;
}
.block-editor-block-list__layout .gb-container p:nth-last-child(2) {
    margin-bottom: 0px;
}

/* DEFINE VARIABLES FOR TYPOGRAPHY
CSS Variable Legend:
--ff-mont: Font family for Montserrat
--ff-open: Font family for Open Sans

--fs-h-xxl: Font size for Headline XXL
--lh-h-xxl: Line height for Headline XXL
--fs-h-xl: Font size for Headline XL
--lh-h-xl: Line height for Headline XL
--fs-h-l: Font size for Headline L
--lh-h-l: Line height for Headline L
--fs-hero: Font size for Hero Text
--lh-hero: Line height for Hero Text
--fs-body: Font size for Body Text
--lh-body: Line height for Body Text
--fs-t-s: Font size for Text Small
--lh-t-s: Line height for Text Small
--fs-btn: Font size for Buttons
--lh-btn: Line height for Buttons

BEM Class Abbreviations:
.h-xxl: Headline XXL
.h-xl: Headline XL
.h-l: Headline L
.hero: Hero Text
.body: Body Text
.t-s: Text Small
.btn: Buttons
*/

:root {
    --ff-mont: 'Montserrat', sans-serif;
    --ff-open: 'Open Sans', sans-serif;

    --fs-h-xxl: 50px;
    --lh-h-xxl: 118%;
    --fs-h-xl: 40px;
    --lh-h-xl: 130%;
    --fs-h-l: 30px;
    --lh-h-l: 130%;
    --fs-hero: 24px;
    --lh-hero: 135%;
    --fs-body: 20px;
    --lh-body: 145%;
    --fs-t-s: 16px;
    --lh-t-s: 145%;
    --fs-btn: 19px;
    --lh-btn: 110%;
}

.h-xxl {
    font-size: var(--fs-h-xxl);
    line-height: var(--lh-h-xxl);
    font-family: var(--ff-mont);
}

.h-xl {
    font-size: var(--fs-h-xl);
    line-height: var(--lh-h-xl);
    font-family: var(--ff-mont);
}

.h-l {
    font-size: var(--fs-h-l);
    line-height: var(--lh-h-l);
    font-family: var(--ff-mont);
}

.hero {
    font-size: var(--fs-hero);
    line-height: var(--lh-hero);
    font-family: var(--ff-open);
}

.body {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    font-family: var(--ff-open);
}

.t-s {
    font-size: var(--fs-t-s);
    line-height: var(--lh-t-s);
    font-family: var(--ff-open);
}

.btn {
    font-size: var(--fs-btn);
    line-height: var(--lh-btn);
    font-family: var(--ff-mont);
}

/* HELPER UTILITY CLASSES */

/* Standard Shadow(s) */
.shadow-standard {
	box-shadow: 0px 5px 16px -5px rgba(33, 33, 33, 0.2);
	transition: all .2s ease-in;
}
.shadow-standard:hover {
	box-shadow: 0px 8px 32px 0px rgba(33, 33, 33, 0.1);
}

.ar-16-9 {
    aspect-ratio: 16/9;
}

.ar-9-16 {
    aspect-ratio: 9/16;
}

.ar-4-3 {
    aspect-ratio: 4/3;
}

.ar-1-1 {
	aspect-ratio: 1/1;
}

/* link style */
p > a {
    color: var(--yellow-dark) !important;
    font-weight: 600;
}

p > a:hover {
    color: var(--black) !important;
    text-decoration: underline;
}

/* List style */

ul.wp-block-list {
	margin-left: 36px;
}

/* Visually Hidden */
.visually-hidden:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/* No Underline */
.no-ul, .no-ul a {
	text-decoration: none;
}

/* Slider Dot */

.dot {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    cursor: pointer;
    position: relative; /* Ensure pseudo-element positions correctly */
}

.dot::before {
    content: ''; /* Required for pseudo-elements */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAuNDI2OCIgY3k9IjEwLjM0NzciIHI9IjkuNSIgZmlsbD0iIzI0M0E4OSIvPgo8L3N2Zz4K');
    background-size: cover;
    background-position: center;
}

.dot.active::before{
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAuNDI2OCIgY3k9IjEwLjM0NzciIHI9IjkiIGZpbGw9IiNGQUIyMDAiIHN0cm9rZT0iIzI0M0E4OSIvPgo8L3N2Zz4K');
}
.card__slider--item {
    transition: all 0.3s ease-in;
}


/* Masonry */

@media (max-width: 768px) {
	.masonry-column > div, .masonry-column {
		width: 100% !important;
		flex-basis: 100% !important;
	}
}

/* GP Mega Menu */

@media (min-width: 769px){
	.gp_mega_item.menu-item-has-children > ul.custom-sub-menu, .gp_mega_item.menu-item-has-children > ul.custom-sub-menu > li {
		width: unset !important;
		min-width: max-content;
	}
}

.gp_mega_item.menu-item-has-children > ul.custom-sub-menu {
    background-color: transparent;
    box-shadow: none;
}

.gp_mega_item.menu-item-has-children > ul.custom-sub-menu div > p.gb-text.body__text--btn > a {
	color: var(--black) !important;
}

/* @media (min-width: 769px) and (max-width: 1024px){
    .gp_mega_item.menu-item-has-children {
        position: static;    
    }
    
    .gp_mega_item.menu-item-has-children > ul.custom-sub-menu {
        left: 50% !important;
        transform: translateX(-50%);
    }
    
    .inside-navigation.grid-container {
        position: static;
    }
}
 */
/* Custom Hook for Mobile */
.custom_menu_hook {
    display: none !important;
}

@media (min-width: 1025px){ 
    li.custom_menu_hook_item {
        display:none !important;
    }
}

nav#mobile-header > .inside-navigation > .menu-bar-items {
    display: none !important;
}

@media (max-width: 1024px){
    nav#mobile-header li.custom_menu_hook_item > .menu-bar-items {
        flex-direction: column;
        justify-content: flex-start;
    }
    nav#mobile-header li.custom_menu_hook_item > .menu-bar-items > *{
        border-top: 1px solid var(--dove);
        width: 100%;
        min-height: 60px;
        display: flex;
        justify-content: flex-start;
    }

    nav#mobile-header ul.menu > li:not(.custom_menu_hook_item){
        border-top: 1px solid var(--dove);
    }
}


/* Menu Bar items */

span.gp-icon.shopping-cart svg{
    /*fill: #fff;*/
    position: relative;
}

span.gp-icon.shopping-cart {
    align-items:center;
    column-gap: 12px;
}

.menu-bar-items svg{
    height: 22px !important;
    width: 22px !important;
}

.menu-bar-items a {
    display: flex;
    align-items: center;
    column-gap: 12px;
}

.main-navigation .menu-bar-item a, .main-navigation .menu-bar-items .gb-text {
    line-height: 18px;
    font-size: 18px !important;
}

span.menu-bar-item.wc-menu-item {
    order: 2;
}

/* Read More--Weiterlesen section */

.component__section--limit-height.component__section--limit-height-limited {
    max-height: 0;
    overflow: hidden;
	margin-bottom: 0 !important;
}

.component__section--limit-height {
    max-height: fit-content;
}

.button--height--full-toggled .gb-shape {
    transform: rotate(180deg);
}

.button--height--full-toggled {
	color: var(--yellow-dark) !important;
}

.button--height--full-toggled:hover {
	color: var(--black) !important;
}

/* Splider Plugin - GP Slider - Navigation Buttons */

.splide__pagination__page {
    background: #243A89 !important;
    border: 1px solid #243A89 !important;
    height: 18px !important;
    margin: 0 15px !important;
    opacity: 1 !important;
    width: 18px !important;
}

.splide__pagination__page.is-active {
    background: #FAB200 !important;
    transform: none !important;
}
/* Text break on small screen */
.text-break {
	word-break: break-word; 
}

/* Search & Filter Checkbox */
.search-filter-input-checkbox__label {
    font-weight: 300 !important;
    font-size: 20 !important;
    font-family: var(--ff-mont) !important;
}

.search-filter-input-text {
    border-radius: 11px !important;
}

/* Figna SVG */
.figma-svg-fill-none svg {
	fill: none !important;
}

/* Dropdown Icon */

span.dropdown-menu-toggle .icon-arrow svg {
    fill: transparent;
    height: 0.75em;
    width: 0.75em;
}
span.menu-bar-item span {
    line-height: 0;
}

/* Live-Webinare Button */

.live-webinare-button:hover .gb-shape svg path{
    stroke: #fff;
}

.live-webinare-button .gb-shape svg path{
    transition: stroke .1s ease-in-out;
}

#sticky-navigation div#primary-menu {
    position: absolute;
    left: 20%;
}