/* 
Theme Name: Hello Genuss im Museum
Theme URI: https://www.mbit.at
Description: Hello Genuss im Museum is a child theme of Hello Elementor
Author: MBIT Solutions GmbH
Author URI: https://www.mbit.at
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-genussimmuseum
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


body,html {
    overflow-x: hidden;
}
.elementor-custom-embed-play i:after {
    content:'play video';
    font-family: var(--e-global-typography-primary-font-family), sans-serif;
    font-weight: bold;
    font-size: 20px;
    position: relative;
    top: -5px;
    left:12px;
}

.elementor-widget-video .elementor-custom-embed-image-overlay img {
    opacity: 0.6;
}

.elementor-custom-embed-image-overlay {
    background: #000000;
}

header .logo-wrapper img {
    width: 100%;
    transform: translateX(0px);
    transition: all 0.5s;
    transition-timing-function: ease-in-out;
}

header.sticky-scroll .logo-wrapper img {
    width: 100px;
    transform: translateX(0px);
    transition: all 0.5s;
    transition-timing-function: ease-in-out;
    
}

@media (max-width: 1400px){
    header.sticky-scroll .logo-wrapper img {
        transform: translateX(0px);
        transition: all 0.5s;
        transition-timing-function: ease-in-out;
}
}


header .logo-wrapper {
    background:rgba(255,255,255,.8);
    transition: all 0.5s;
    transition-timing-function: ease-in-out;
    width: 250px!important;
}


header.sticky-scroll .logo-wrapper {
    background:transparent;
    transition: all 0.5s;
    transition-timing-function: ease-in-out;
    width: 100px!important;
}

header .header-wrapper {
    background:transparent;
    transition: all 0.5s;
    transition-timing-function: ease-in-out;
}



header.sticky-scroll .header-wrapper {
    background:rgba(255,255,255,.9);
    transition: all 0.5s;
    transition-timing-function: ease-in-out;
}

header.sticky-scroll .header-wrapper-dinner {
    background:rgba(255,255,255,.9);
    transition: all 0.5s;
    transition-timing-function: ease-in-out;
}

header .cpel-switcher__lang--active a{
    border-bottom: 2px solid white!important;
}
header.sticky-scroll .cpel-switcher__lang a {
    color: #000000!important;
    transition: all 0.5s;
    transition-timing-function: ease-in-out;
}
header.sticky-scroll .cpel-switcher__lang:after {
    color: #000000!important;
    transition: all 0.5s;
    transition-timing-function: ease-in-out;
}
header.sticky-scroll .cpel-switcher__lang a:hover {
    border-color: black;
}

header.sticky-scroll .meta-nav .elementor-icon-list-text {
    color: #000000!important;
    transition: all 0.5s;
    transition-timing-function: ease-in-out;
}

header.sticky-scroll .meta-nav a:hover {
    border-color: #AA1A2D;
}

header.sticky-scroll .meta-nav a:hover > .elementor-icon-list-text {
    color: #AA1A2D!important;
    transition: all 0s;
}

header.sticky-scroll .header-wrapper-dinner .meta-nav a:hover {
    border-color: #8C734B;
}

header.sticky-scroll .header-wrapper-dinner .meta-nav a:hover > .elementor-icon-list-text {
    color: black!important;
    transition: all 0s;
}
header.sticky-scroll .cpel-switcher__lang--active a{
    border-bottom: 2px solid black!important;
}


header.sticky-scroll .meta-nav .elementor-icon-list-icon i {
    color: #AA1A2D!important;
    transition: all 0.5s;
    transition-timing-function: ease-in-out;
}

header.sticky-scroll .gim-button {
    --hamburger-color: #000000!important;
    transition: all 0.5s;
    transition-timing-function: ease-in-out;
}


.header-wrapper {
    position: fixed;
    top: 0;
    width:100%;
}

.header-wrapper:has(.gim-nav_control:checked) .elementor-icon-list-text{
    color: black!important;
    transition: 0.8s all;
    
}

.header-wrapper:has(.gim-nav_control:checked) .cpel-switcher__lang a{
    color: black!important;
    transition: 0.8s all;
    
}

.header-wrapper:has(.gim-nav_control:checked) .cpel-switcher__lang--active a{
    border-bottom: 2px solid black!important;
}


.header-wrapper:has(.gim-nav_control:checked)  a:hover {
    color: #AA1A2D;
    border-color: #AA1A2D;
    transition: 0.8s all;
}

.header-wrapper:has(.gim-nav_control:checked)  a:hover > .elementor-icon-list-text {
    color: #AA1A2D!important;
    transition: 0.8s all;
}

.header-wrapper.elementor-icon-list-text{
    transition: 0.3s all;
    
}

.header-wrapper:has(.gim-nav_control:checked) .elementor-icon-list-icon i{
    color: #AA1A2D!important;
    transition: 0.8s all;
    
}


.header-wrapper:has(.gim-nav_control:checked) .cpel-switcher--layout-horizontal .cpel-switcher__lang:not(:last-child):after {
    color: black;
     transition: 0.8s all;
} 


.header-wrapper .elementor-icon-list-icon i{
    transition: 0.3s all;
    
}

.header-wrapper .elementor-icon-list-item  a {
    text-decoration: none;
}

.header-wrapper .cpel-switcher--layout-horizontal .cpel-switcher__lang:not(:last-child) {
    margin-right: 5px;
    padding-left: 5px;
} 
.header-wrapper .cpel-switcher--layout-horizontal .cpel-switcher__lang:not(:last-child):after {
    content:"/";
    display:inline-block;
    margin-left: 5px;
    color: white
} 

.header-wrapper-dinner {
    position: fixed;
    top: 0;
    width:100%;
}

.header-wrapper-dinner:has(.gim-nav_control:checked) .elementor-icon-list-text{
    color: black!important;
    transition: 0.8s all;
    
}

.header-wrapper-dinner:has(.gim-nav_control:checked) .cpel-switcher__lang a{
    color: black!important;
    transition: 0.8s all;
    
}



.header-wrapper-dinner:has(.gim-nav_control:checked)  a:hover{
    border-color: black;
    transition: 0.8s all;
}

.header-wrapper-dinner.elementor-icon-list-text{
    transition: 0.3s all;
    
}

.header-wrapper-dinner:has(.gim-nav_control:checked) .elementor-icon-list-icon i{
    color: #8C734B!important;
    transition: 0.8s all;
    
}


.header-wrapper-dinner:has(.gim-nav_control:checked) .cpel-switcher--layout-horizontal .cpel-switcher__lang:not(:last-child):after {
    color: black;
     transition: 0.8s all;
} 


.header-wrapper-dinner .elementor-icon-list-icon i{
    transition: 0.3s all;
    
}

.header-wrapper-dinner .elementor-icon-list-item  a {
    text-decoration: none;
}

.header-wrapper-dinner .cpel-switcher--layout-horizontal .cpel-switcher__lang:not(:last-child) {
    margin-right: 5px;
    padding-left: 5px;
} 
.header-wrapper-dinner .cpel-switcher--layout-horizontal .cpel-switcher__lang:not(:last-child):after {
    content:"/";
    display:inline-block;
    margin-left: 5px;
    color: white
} 

.swiper-pagination-bullet {
    height: 5px!important;
    width: 30px!important;
    border-radius: 5px!important;
    transition: all 0.5s!important;
    transition-timing-function: ease-in-out!important;
}

.swiper-pagination-bullet-active {
    width: 60px!important;
    transition: all 0.5s!important;
    transition-timing-function: ease-in-out!important;
}

.gourmet-pricelist {
    margin:0;
    padding:0;
}

.e-n-tabs-heading {
    position: relative;
}

.e-n-tabs-heading:after {
    content:"";
    display:block;
    width: 100vw;
    position: absolute;
    left:0;
    bottom: 0;
    height: 1px;
    transform: translateX(-50%);
    left: 50%;
}

.e-n-tab-title {
    min-width: 215px!important;
    justify-content: center!important;
    padding: 13px!important;
    font-family: var(--e-global-typography-primary-font-family), sans-serif;
}

.pricelist-title {
    font-family: var(--e-global-typography-primary-font-family), sans-serif;
    font-size: 35px;
    margin-bottom: 30px;
    display: block;
}

@media (max-width: 1400px){
    .pricelist-title {
        font-size: 20px;
    }
}

.pricelist-light .e-n-tabs-heading:after {
    background-color: #DED9D1;
}
.pricelist-light .e-n-tab-title {
    color: #383838!important;
    background:white!important;
}
.pricelist-light .e-n-tab-title.e-active {
    color: white!important;
    background: #AA1A2D!important;
}

.pricelist-dark .e-n-tabs-heading:after {
    background-color: #8C734B;
}
.pricelist-dark .e-n-tab-title {
    color: #383838!important;
    background:rgba(255,255,255,.8)!important;

}
.pricelist-dark .e-n-tab-title.e-active {
    color: white!important;
    background: #8C734B!important;

}

.pricelist-light {
    color: #000000;
}

.pricelist-light .pricelist-item .dots {
    border-bottom: 1px dotted #000000;
}
.pricelist-light .pricelist-item .pricetag  {
    color: #000000;
}

.pricelist-light .pricelist-item {
    color: #000000;
}

.pricelist-dark {
    color: white;
}

.pricelist-dark .pricelist-item .dots {
    border-bottom: 1px dotted white;
}
.pricelist-dark .pricelist-item .pricetag  {
    color: white;
}

.pricelist-dark .pricelist-item {
    color: white;
}



.pricelist-item {
    display: grid;
    grid-template-columns: repeat(6, auto);
    grid-template-rows: repeat(3, auto);
    gap: 5px 20px;
    font-family: var(--e-global-typography-primary-font-family), sans-serif;
    margin-bottom: 40px;
    grid-template-areas:
        "header header header header header header"
        "description description description description description description"
        "v1 v1 v1 v2 v2 v2";
        
    
}

@media (max-width: 1400px){
    .pricelist-item {
        grid-template-areas:
            "header header header header header header"
            "description description description description description description"
            "v1 v1 v1 v1 v1 v1"
            "v2 v2 v2 v2 v2 v2";
            
        
    }
}

.pricelist-item .header {
    grid-area: header;
}

.pricelist-item .description {
    grid-area: description;
}

@media (max-width: 1400px){
    .pricelist-item .description {
        font-size: 16px;
    }
}

.pricelist-item .v1 {
    grid-area: v1;
}

.pricelist-item .v2 {
    grid-area: v2;
}

.pricelist-item .title {
    font-size: 20px;
    font-weight: bold;
    
}

.pricelist-item .title svg {
    color: var(--e-global-color-primary ); 
	height: 20px;
}

.pricelist-dark .pricelist-item .title svg {
    color: inherit;
    height: 20px;
}

.pricelist-item .price {
    font-weight: bold;
}

.pricelist-item .dots {
    flex: 1;
    border-bottom: 1px dotted black;
    margin: 0 5px;
    height: 1px;
    margin-bottom: 5px;
}

.pricelist-item .pricetag {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}
@media (max-width: 1400px){
    .pricelist-item .pricetag {
        flex-direction: column;
        align-items: flex-start;
    }
}



.overlay-menu-list .menu-item a {
    text-decoration: underline;
    text-underline-offset: 5px;
    transition: 0.2s all;
    text-decoration-color: white;
    text-decoration-thickness: 1px;
    
}

.overlay-menu-list .menu-item a:hover {
    text-decoration: underline!important;
    transition: 0.2s all;
    text-underline-offset: 5px;
    text-decoration-color: #AA1A2D!important;
    text-decoration-thickness: 1px!important;
}


.header-wrapper-dinner .overlay-menu-list .menu-item a:hover {
    text-decoration: underline!important;
    transition: 0.2s all;
    text-underline-offset: 5px;
    text-decoration-color: #8C734B!important;
    text-decoration-thickness: 1px!important;
}