/*

Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html

*/

@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Mitr:wght@200;300;400;500;600;700&display=swap');

.hidden{ display:none !important; }

#header-main .trp-language-switcher-container a{ padding:2px 12px; }
#header-main .trp-language-switcher-container:first-child a{ border-right:1px solid #fff; }
#header-main .current-language-menu-item a{ color:#9C382E; }

.copyright p{ margin-bottom:0; }

.container{ width:100%; max-width:1396px; margin:auto; }
.link-inner-white a{ color:#fff; }
.link-inner-text-color a{ color:var( --e-global-color-text ); }
.text-editor-p-0 p{ margin-bottom:0; }
.word-break{ word-wrap: break-word; }

.translatepress-th .translation-section-th,
.translatepress-th .translation-section-th *,
.translatepress-th .translation-block,
.translatepress-th .translation-block *,
.translatepress-th #header-main a{ font-family: 'Kanit' !important; }

.translatepress-th h1,
.translatepress-th h2,
.translatepress-th h3,
.translatepress-th h4,
.translatepress-th h5,
.translatepress-th h6{ font-family: 'Mitr' !important; font-weight:500 !important; }

.translatepress-th .translation-bg-none{ background:none !important; }

#promotion{ padding:50px 0; min-height:1000px; font-family:"qubo", Sans-serif; }
#promotion h1{ 
    text-align: center; 
    font-family: "markuslow", Sans-serif;
    font-size: 50px;
    font-weight: 400;
}
#promotion .filter{ margin:40px auto 50px; }
#promotion .filter ul{ 
    list-style: none;     
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;  
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin:0; 
    padding:0; 
}
#promotion .filter ul li{ border-left:1px solid #000; padding:0 10px; }
#promotion .filter ul li:first-child{ border:none; }
#promotion .filter a{ color:var( --e-global-color-text ); font-size:24px; font-weight:300; }
#promotion .filter a.active{ color:var( --e-global-color-primary ); font-weight:700; }
#promotion .list{ 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    -ms-flex-wrap: wrap ;
    flex-wrap: wrap;
}
#promotion .list .box{ width:25%; padding:10px; }
#promotion .list img{ display:block; width:100%; }
#promotion .list .info{ padding:20px 15px; }
#promotion .list .name{ font-size: 22px; font-weight: 700; line-height: 1.3em; margin-bottom:15px; }
#promotion .list .desc{ font-size: 17px; font-weight: 300; margin:15px 0; }
#promotion .list .readmore a{ font-size: 12px; font-weight: 700; color:var( --e-global-color-primary ); font-size:18px; transition: all 0.3s; }
#promotion .list .readmore a:hover{ color:#C1BEB9; }
#promotion .pagination{ 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;  
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;    
}
#promotion .pagination > * { padding:4px 10px; margin:0 2px; background-color:#eee; }
#promotion .arrow{ display:inline-block; width:30px; height:7px; background-image:url('assets/images/arrow-right.png'); margin-left:5px; vertical-align: middle; }

#promotion.news-room{ padding:70px 0; }
#promotion.news-room h2{ text-align: center; margin:30px 0 0; font-family: "markuslow", Sans-serif; font-size:24px; font-weight: 400; }
#promotion.news-room .list{ margin-top:60px; }
#promotion.news-room .news-room-img{ display:block; width:100%; padding-top:100%; background-size:cover; background-position:50% 50%; }

.reservation-msg-link{ display:none !important; }

@media (max-width: 1600px){
    .laptop-br-none br{ display:none; }
    .container{ max-width:1200px; }
}

@media (max-width: 1366px){
    .container{ width:90%; }
    .tablet-h-br-none br{ display:none; }
    #promotion .filter a{ font-size:20px; }
    #promotion .list .name{ font-size:20px; }
    #promotion .list .desc{ font-size:16px; }

    .reservation-msg-link{ display:flex !important; }
}

@media (max-width: 1280px){ 
    #promotion .list .box{ width:33.33%; }
}

@media (max-width: 1024px){
    .tablet-v-br-none br{ display:none; }
}

@media only screen and (max-width: 767px){
    .container{ width:90%; }
    #promotion{ padding:30px 0; }
    #promotion h1{ font-size:36px; }
    #promotion .filter{ margin: 30px auto; }
    #promotion .filter a{ font-size:17px; }
    #promotion .list .box{ width:50%; padding: 10px 5px; }
    #promotion .list .info{ padding:15px 5px; }
    #promotion .list .name{ font-size:17px; }
    #promotion .list .desc{ font-size:15px; }
    #promotion .list .readmore a{ font-size:16px; }
    #promotion.news-room{ padding:30px 0; }
    #promotion.news-room h2{ font-size:18px; margin-top:0; }
    #promotion.news-room .list{ margin-top:30px; }
}