.elementor-12563 .elementor-element.elementor-element-21ae9af6:not(.elementor-motion-effects-element-type-background), .elementor-12563 .elementor-element.elementor-element-21ae9af6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://delonghi.co.th/wp-content/uploads/2024/09/recipe-blogging.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-12563 .elementor-element.elementor-element-21ae9af6 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(90deg, #000000 0%, #F2295B00 100%);opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12563 .elementor-element.elementor-element-21ae9af6 > .elementor-container{max-width:1200px;min-height:0px;}.elementor-12563 .elementor-element.elementor-element-21ae9af6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 0px 60px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-12563 .elementor-element.elementor-element-52e57482{text-align:center;}.elementor-12563 .elementor-element.elementor-element-52e57482 .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-size:44px;line-height:1.31em;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12563 .elementor-element.elementor-element-64dadff5{text-align:center;font-family:"Noto Sans", Sans-serif;font-size:20px;font-weight:400;line-height:1.3em;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12563 .elementor-element.elementor-element-59c87ce6 .elementor-button{background-color:#FFFFFF;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );padding:15px 24px 15px 24px;}.elementor-12563 .elementor-element.elementor-element-59c87ce6 .elementor-button:hover, .elementor-12563 .elementor-element.elementor-element-59c87ce6 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-12563 .elementor-element.elementor-element-59c87ce6 .elementor-button:hover svg, .elementor-12563 .elementor-element.elementor-element-59c87ce6 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-12563 .elementor-element.elementor-element-c1fe9ec{margin-top:50px;margin-bottom:50px;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12563 .elementor-element.elementor-element-cf61b85{--grid-row-gap:18px;--grid-column-gap:30px;}.elementor-12563 .elementor-element.elementor-element-cf61b85 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-12563 .elementor-element.elementor-element-cf61b85:after{content:"0.66";}.elementor-12563 .elementor-element.elementor-element-cf61b85 .elementor-post__thumbnail__link{width:100%;}.elementor-12563 .elementor-element.elementor-element-cf61b85 .elementor-post__meta-data span + span:before{content:"///";}.elementor-12563 .elementor-element.elementor-element-cf61b85.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:14px;}.elementor-12563 .elementor-element.elementor-element-cf61b85.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:14px;}.elementor-12563 .elementor-element.elementor-element-cf61b85.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:14px;}.elementor-12563 .elementor-element.elementor-element-cf61b85 .elementor-post__title{margin-bottom:11px;}.elementor-12563 .elementor-element.elementor-element-cf61b85 .elementor-post__meta-data{margin-bottom:20px;}.elementor-12563 .elementor-element.elementor-element-cf61b85 .elementor-post__read-more{color:#266BBF;}body.elementor-page-12563:not(.elementor-motion-effects-element-type-background), body.elementor-page-12563 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F8F8;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-12563 .elementor-element.elementor-element-21ae9af6 > .elementor-container{min-height:400px;}.elementor-12563 .elementor-element.elementor-element-52e57482 .elementor-heading-title{font-size:30px;}}@media(max-width:767px){.elementor-12563 .elementor-element.elementor-element-cf61b85 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-12563 .elementor-element.elementor-element-cf61b85:after{content:"0.5";}.elementor-12563 .elementor-element.elementor-element-cf61b85 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS */.main-nav:not(.elementor-sticky--effects) {
    position: relative;
}
.main-nav:not(.elementor-sticky--effects) .elementor-nav-menu--main .elementor-nav-menu>.menu-item .elementor-item,
.main-nav:not(.elementor-sticky--effects) .elementor-search-form__toggle {
    color: #000 !important;
}

.main-nav:not(.elementor-sticky--effects) .elementor-widget-image img {
    filter: none !important;
}


/* Details */

.clm-asl-store-details {
    color: #fff;
}
.clm-asl-store-details .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 16px;
    margin-top: 0;
}
.clm-asl-store-details .address {
    margin-bottom: 24px;
} 

.clm-asl-store-details .open-hour {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 24px;
}
.clm-asl-store-details .open-hour .hours {
    column-count: 2;
}
.clm-asl-store-details .open-hour .sl-day {
    display: flex;
    gap: 5px
}
.clm-asl-store-details .open-hour .sl-day .sl-day-lbl {
    min-width: 32px;
}
.clm-asl-store-details .phone,
.clm-asl-store-details .email {
    display: flex;
    gap: 4px
}
.clm-asl-store-details .phone .icon,
.clm-asl-store-details .email .icon {
    width: 24px;
    height: 24px;
}
.clm-asl-store-details .email {
    margin-top: 4px;
}
.clm-asl-store-details .buttons {
    margin-top: 24px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.clm-asl-store-details a.buton {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    background: #fff;
    color: #00A2CE;
    padding: 6px 16px;
    border-radius: 38px;
    transition: 0.3s;
}
.clm-asl-store-details a.buton:hover {
    background: #00A2CE;
    color: #fff;
}
.clm-asl-store-details a.buton .icon {
    width: 12px;
    height: 12px;
    line-height: 1;
}

.clm-asl-store-details a.buton:hover .icon {
    filter: brightness(0) invert(1); 
}

/* Services */
.clm-asl-store-services {}
.clm-asl-store-services .list{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.clm-asl-store-services .list .item {
    width: calc(100%/3 - 32px/3);
    display: flex;
    align-items: center;
    gap: 12px;
    background: #4AB3DC;
    padding: 20px 12px;
    border-radius: 8px;
}
.clm-asl-store-services .list .item .icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.clm-asl-store-services .list .item .icon img,
.clm-asl-store-services .list .item .icon svg {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: brightness(0) invert(1);
}
.clm-asl-store-services .list .item .text {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}
@media(max-width: 991px) {
    .clm-asl-store-services .list .item {
        width: calc(50% - 8px);
    }
}
@media(max-width: 767px) {
    .clm-asl-store-services .list .item {
        width: 100%;
    }
}

/* Near Stores */

.clm-asl-near-stores {
}
.clm-asl-near-stores .store {
    padding: 24px;
    background: #fff;
    border-radius: 8px;
}
.clm-asl-near-stores .store-name {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 12px;
    margin-top: 0;
    color: #0E647F;
}
.clm-asl-near-stores .address {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 8px;
} 

.clm-asl-near-stores .open-hour {
    font-size: 12px;
    margin-bottom: 12px;
}
.clm-asl-near-stores .open-hour .label {
    font-weight: 700;
}
.clm-asl-near-stores .open-hour .hours {
    column-count: 2;
}
.clm-asl-near-stores .open-hour .sl-day {
    display: flex;
    gap: 5px
}
.clm-asl-near-stores .open-hour .sl-day .sl-day-lbl {
    min-width: 32px;
}
.clm-asl-near-stores .phone,
.clm-asl-near-stores .email {
    display: flex;
    align-items: center;
    gap: 4px
}
.clm-asl-near-stores .email {
    margin-top: 4px;
}
.clm-asl-near-stores .phone .icon,
.clm-asl-near-stores .email .icon {
    width: 16px;
    height: 16px;
    line-height: 1;
}
.clm-asl-near-stores .phone .icon svg,
.clm-asl-near-stores .email .icon svg {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.clm-asl-near-stores .phone .text,
.clm-asl-near-stores .email .text {
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    color: #000;
}
.clm-asl-near-stores .buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.clm-asl-near-stores a.buton {
    width: calc(50% - 4px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    background: #fff;
    color: #00A2CE;
    padding: 6px 16px;
    border-radius: 38px;
    border: 1px solid #00A2CE;
    margin-top: 24px;
    transition: 0.3s;
}
.clm-asl-near-stores a.buton .icon {
    width: 12px;
    height: 12px;
    line-height: 1;
}
.clm-asl-near-stores a.buton:hover {
    background: #00A2CE;
    color: #fff;
}
.clm-asl-near-stores a.buton:hover .icon {
    filter: brightness(0) invert(1); 
}

.clm-asl-near-stores a.buton.more-detail {
    color: #fff;
    background: #00A2CE;
}

.clm-asl-near-stores .swiper-button-next.swiper-button-next-unique,
.clm-asl-near-stores .swiper-button-prev.swiper-button-prev-unique {
    width: 20px;
    height: 20px;
}
.clm-asl-near-stores .swiper-button-next:after,
.clm-asl-near-stores .swiper-button-prev:after {
    font-size: 20px;
}
.clm-asl-near-stores .swiper-button-prev.swiper-button-prev-unique {
    left: -32px;
}
.clm-asl-near-stores .swiper-button-next.swiper-button-next-unique {
    right: -32px;
} 

.clm-asl-near-stores .clm-asl-swiper:not(.swiper-initialized) .swiper-wrapper{
    display: flex;
    gap: 16px;
}
.clm-asl-near-stores .clm-asl-swiper:not(.swiper-initialized) ~ [class^="swiper-button-"] {
    display: none!important
}
.clm-asl-near-stores .clm-asl-swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    width: calc(100%/3 - 32px/3);
}
@media(max-width: 1023px) {
    .clm-asl-near-stores .clm-asl-swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
        width: calc(50% - 8px);
    }
}
@media(max-width: 767px) {
    .clm-asl-near-stores .clm-asl-swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
        width: 100%;
    }
}/* End custom CSS */