/*
Theme Name: Café Alexandria
Theme URI: https://freshdigital.co.th/web-design/
Template: hello-elementor
Author: Fresh Digital
Author URI: https://freshdigital.co.th/
Description: Theme for Café Alexandria
Version: 1.0.0.1668417399
Updated: 2024-01-10 09:16:39

*/

a.contact-detail {
    color: inherit;
}

.primary-color {
    color: var( --e-global-color-primary );
}

.secondary-color {
    color: var(--e-global-color-secondary);
}

h1,
h2,
h3,
h4,
h5,
h6,
.primary-font {
    font-family: var(--e-global-typography-primary-font-family) !important;
}

.elementor-widget-heading span.elementor-heading-title,
.secondary-font {
    font-family: var(--e-global-typography-secondary-font-family) !important;
}

.elementor-widget-heading p.elementor-heading-title,
.text-font {
    font-family: var(--e-global-typography-text-font-family) !important;
}

#head-sticky.head-sticky-active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 2px 10px #0000001f;
}

header .menu-logo img {
    max-width: 180px;
    transition: all 0.2s ease-out;
}

#head-sticky {
    transition: all 0.2s ease-out;
}

#head-sticky.head-sticky-active .menu-logo img  {
    max-width: 130px;
}

#head-sticky.head-sticky-active > div {
    padding: 5px 0 !important;
}

header .elementor-nav-menu--main .elementor-nav-menu li:nth-of-type(1) {
    order: 1;
}

header .elementor-nav-menu--main .elementor-nav-menu li:nth-of-type(2) {
    order: 2;
}

header .elementor-nav-menu--main .elementor-nav-menu li:nth-of-type(3) {
    order: 3;
}

header .elementor-nav-menu--main .elementor-nav-menu li:nth-of-type(4) {
    order: 5;
}

header .elementor-nav-menu--main .elementor-nav-menu li:nth-of-type(5) {
    order: 6;
}

header .elementor-nav-menu--main .elementor-nav-menu li:nth-of-type(6) {
    order: 7;
}

header .elementor-nav-menu--main .elementor-nav-menu li.menu-logo {
    order: 2;
}

ul.menu-list {
    list-style: none;
    padding: 0;
    color: #fff;
}

ul.menu-list > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

ul.menu-list > li:before {
    display: block;
    content: "";
    flex-grow: 1;
    border-top: 1px solid var(--e-global-color-secondary);
}

ul.menu-list > li .menu-name {
    order: -1;
    max-width: 70%;
}

ul.menu-list > li .menu-name h4 {
    margin: 0 0 7px;
}

ul.menu-list > li .menu-price {
    color: var(--e-global-color-secondary);
    text-align: center;
}

ul.menu-list-type2 {
    list-style: none;
    padding: 0;
    color: #fff;
}


ul.menu-list-type2 > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

ul.menu-list-type2 > li:before {
    display: block;
    content: "";
    flex-grow: 1;
    border-top: 1px solid var(--e-global-color-secondary);
}

ul.menu-list-type2 > li .menu-name {
    order: -1;
    max-width: 70%;
}

ul.menu-list-type2 > li .menu-name h4 {
    margin: 0 0 7px;
}

ul.menu-list-type2 > li .menu-price {
    color: var(--e-global-color-secondary);
    width: 70px;
    text-align: center;
}

ul.menu-list-type2 > li .menu-price2,
ul.menu-list-type2 > li .menu-price3 {
    color: var(--e-global-color-secondary);
    width: 70px;
    text-align: center;
}

ul.menu-list-type3 {
    list-style: none;
    padding: 0;
    color: #fff;
}

ul.menu-list-type3 > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

ul.menu-list-type3 > li .menu-img {
    width: 100px;
}

ul.menu-list-type3 > li .menu-name {
    width: calc( 100% - 100px);
}

ul.menu-list-type3 > li .menu-name h4 {
    font-size: 23px;
    margin: 0 0 8px;
}

ul.menu-list-type3 > li .menu-option-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
}

ul.menu-list-type3 > li .menu-option-row:before {
    display: block;
    content: "";
    flex-grow: 1;
    border-top: 1px solid var(--e-global-color-secondary);
}

ul.menu-list-type3 > li .menu-option-row .menu-desc {
    order: -1;
}

ul.menu-list-type3 > li .menu-option-row .menu-price {
    color: var(--e-global-color-secondary);
    width: 70px;
    text-align: center;
}

.border-box-style:before {
    content: "" !important;
    width: 96% !important;
    height: calc(100% + 30px) !important;
    border: 2px solid #c69c6d !important;
    position: absolute !important;
    top: -15px !important;
    left: 2% !important;
}

ul.menu-list.small-text h4,
ul.menu-list-type2.small-text h4 {
    font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-text-font-size);
}

.elementor-widget-testimonial-carousel .elementor-swiper-button {
    background-color: #c69c6d;
    border-radius: 50%;
    font-size: 14px !important;
    padding: 5px;
}

.footer-menu-open ul.elementor-icon-list-items > li {
    gap: 8px;
}


@media screen and (max-width: 1024px) {
    header .menu-logo {
        display: none !important;
    }
}

@media screen and (min-width: 768px) {
    .footer-menu-open ul.elementor-icon-list-items > li {
        flex-direction: row-reverse;
    }
}

@media screen and (min-width: 1024px) {
    header .menu-logo img {
        max-width: 220px;
    }
    
}