/*
Theme Name: Restaurant
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.header-top {
    background: linear-gradient(98.3deg,rgba(111,73,2,.2) .45%,transparent 162.03%),linear-gradient(269.66deg,#000203 .28%,#09161d 99.7%);
    border-bottom: 1px solid hsla(0,0%,100%,.07);
}.header-full-width .container{padding:0 7%}
#top-bar .container{max-width:1320px !important}
.nav-small.nav>li.html span.label{color: #bf9444;
    margin-right: 5px;}
.nav-small.nav>li.html {
    font-size: 14px;
    letter-spacing: 0;
}#header-contact li a{font-size: 14px;
    text-transform: none;
    letter-spacing: 0;
    color: white;}
#top-bar li a i{color:#bf9444}
.header-block .icon-box p{    color: #bf9444;
    font-size: 15px;
    letter-spacing: 0;}
.header-block .icon-box strong{font-size: 18px;
    color: white;}
.header-block .icon-box img{    background: #bf9444;
    padding-top: 0;
    border-radius: 99%;
		padding: 7px;}
.header-block .icon-box .icon-box-text{padding-left:7px}.header-block .col{padding-bottom:0}
.header-block{min-width:460px}
.header-block a.dat-ban-ngay{background: #bf9444 !important;
    padding: 5px;
    font-weight: normal;
    letter-spacing: 0;
    border-radius: 12px 0 12px 0;}
.header-block .icon-box{align-items:center}
.nav-spacing-xlarge>li {
    margin: 0 21px;
}
.slider-section .banner-layers{max-width:100%}
.slider-section .img1, .slider-section .img2{width:532px !important}
.slider-section .img1 img, .section2 .slider .row.is-selected img{animation: CSSright 60s linear infinite running;padding:15px; width:400px !important;border-radius:99%}
.slider-section .img2 img{animation: CSSright 60s linear infinite running;padding:15px; width:400px !important;border-radius:99%}
@keyframes CSSright{
		0% {
    transform: rotate(0deg);
}
		100% {
    transform: rotate(1turn);
		}		
}
.slider-nav-light .flickity-prev-next-button svg{background: #bf9443;
    border-radius: 99%;
    padding: 11px;}
.home h1{font-size:80px}
.sub-text strong:before, .sub-text strong:after{content: "";
    display: inline-block;
    width: 17px;
    height: 13px;
    background-image: url(/wp-content/uploads/2023/08/sub-title-vec.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 17px;
    margin: 0 10px;}
.sub-text strong{    color: #bf9444;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0;}
.sub-text2 strong:before, .sub-text2 strong:after{content: "";
    display: inline-block;
    width: 17px;
    height: 13px;
    background-image: url(/wp-content/uploads/2023/08/sub-title-vec.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 17px;
    margin: 0 10px;}
.sub-text2 strong{    color: #bf9444;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0;}
.slider-section .img1{background-image: url(/wp-content/uploads/2023/08/union-left-1.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
    background-size: contain;
    padding-left: 93px;}
.slider-section .img2{background-image: url(/wp-content/uploads/2023/08/union-right.svg);
    background-repeat: no-repeat;
    background-position-x:right;
    background-position-y: center;
    background-size: contain;
    padding-right: 93px;}
.section1 .large-3{flex-basis:22%; max-width:22%}
.section1 .large-5{flex-basis: 44.666667%;
    max-width: 44.666667%;}
.section2{padding-bottom:80px !important}
.section3 .slider .row{width:33.33% !important; opacity:1; margin-left:0 !important; margin-right:0 !important}
.section3 .slider .row .box .box-image .image-cover{border-radius:15px;}
.section3 .slider .box h4{font-size: 1.875em;} .section3 .slider .box .box-text{padding: 135px 60px 40px;
    border: 1px solid hsla(0,0%,93%,.3);
    border-radius: 25px 0;
    margin-top: -105px;
    background: rgba(0,0,0,.3);}
.section3 .slider .box .box-image{max-width: 90%;
    z-index: 1;}
.section3 .box .price p{border-radius: 20px 0;
    position: absolute;
    top: 47px;
    z-index: 2;
    display: inline-block;
    background: white;
    padding: 4px;
    color: #bf9443;
    font-size: 23px;
    font-weight: bold;
    right: 30px;
}
.section3 .box:hover .price p{background:#bf9443;color:white}.section3 .slider .flickity-page-dots{margin-bottom:-10px}
.section1 h2, .section2 h2, .section3 h2, .section4 h2, .section5 h2, .section6 h2{font-size: 3.75rem;
		font-weight: 700;}.section1 blockquote:after{content: "";
    height: 35px;
    width: 35px;
    background-color: white;
    position: absolute;
    bottom: -18px;
    left: 83px;
    transform: rotate(45deg);
    border: 1px solid #eee;
    border-top: none;
    border-left: none;}
.section1 .large-5 .icon-box.icon1{border: 1px solid #eee;
    border-radius: 10px 0;
    padding: 20px;}
.section1 .large-5 .icon-box h3{font-size: 1.5rem;}
.section1 .large-5 .large-9{color: #5e5e5e;
    font-size: 1.125em;
    text-align: justify;}
.section1 .large-5 ul{display:inline-block;width:100%}
.section1 .large-5 ul li{background-image: url(/wp-content/uploads/2023/08/check-circle-svgrepo-com.svg);
    margin: 0;
    display: inline-block;
    width: 50%;
    font-size: 1.125em;
    color: #5e5e5e;
    float: left;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: 5px;
    padding-left: 25px;
    background-size: 19px;
    padding-right: 15px;
    margin-bottom: 15px}
.section1 .img img{border-radius:10px}
.section1 blockquote{max-width: 650px;
    border: 1px solid #eee;
    padding: 20px 45px;
    border-radius: 10px;
    margin-bottom: 25px;
    border-radius: 10px;
    font-size: 1.5rem;
    font-style: normal;
    line-height: 34px;
    color: #5e5e5e;}
.section1 .icon2{margin-left: 8.5%;}
.section1 .icon2 h4{font-size: 23px;
    margin-bottom: 0;}
.section1 blockquote p{margin-bottom:0}
.section1 .icon2 .icon-box-text p{color:#5e5e5e}
.sub-text{margin-bottom: 5px;}
.section2 .cot3 .banner .text-box h3{font-size:1.875rem}
.nut-xem-them{padding: 3px 15px;
    font-size: 15px;
    font-weight: normal;
    border-radius: 10px 0;
    letter-spacing: 0;}
.section2 .cot3 .banner, .section2 .cot3 .banner-bg, .section2 .cot3 .banner img{border-radius:10px}
.section2 .cot3 .banner .text-box .sub-text strong{color:white;font-size:16px}
.section2 .cot1 .col-inner h3{font-size:1.875rem}
.section2 .cot1 .col-inner{height:437px; border:1px solid #eee; border-radius: 10px;
    background: #fafafa;
    padding: 96px 40px;}
.section2 .descount-area {
    border-width: 1px;
    border-style: solid;
    border-color:#bf9444;
    border-radius: 10px;
    max-width: 235px;line-height:36px; 
    width: 100%;
    margin: 0 auto;
    padding: 17px 25px;
}
.descount-area p{margin-bottom:0}
.descount-area span {    
    font-size: 3.5rem;
    font-weight: 700;
    color: #bf9444;
    line-height: 36px;
    display: inline-block;
}
.descount-area h3{margin-bottom:0}
.slider-style-focus .flickity-slider>* {
    max-width: 300px;
}.slider-style-focus .flickity-slider>:not(.is-selected) {
    transform: scale(0.5);
}
.section2 .large-6 .col-inner{border-radius: 10px;
    border: 1px solid #eeeeee;
    min-height: 437px;
}.section2 .large-6 .col-inner .col-inner{border-radius:0;border:none; min-height:auto}
.section2 .slider .icon-box p strong{color: #bf9443;
    font-size: 20px;}
.section2 .slider .icon-box h4{line-height:30px;font-size: 25px;
		margin-bottom: 0;}.section2 .slider .col{padding-left:0; padding-right:0; padding-bottom:5px}
.section2 .flickity-page-dots .dot.is-selected, .section3 .flickity-page-dots .dot.is-selected{background-color: #bf9443;
    border: 2px solid #bf9442;}
.section2 .slider .icon-box .icon-box-img{
    margin: 0 auto 8px;
}
.slider-style-focus {
    padding: 20px 0;
}.slider-style-focus .flickity-page-dots {
    bottom: -12px;
}

.section4 .tieu-de p{margin-bottom:6px}
.section2 .slider img{border-radius:99%}
.section4 .large-6 h3{margin-bottom:0;font-size:2.81rem}.menu-list ul {
    padding: 0 50px;
    margin: 0;
}.menu-list ul li {
    display: flex;
    margin-bottom: 15px;
}.menu-list ul li .sl {
    margin-right: 10px;
}.menu-list ul li .menu-content {
    width: 100%;
} .menu-list ul li .menu-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
} .menu-list ul li .menu-title h4 {
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
    line-height: 29px;
}.menu-list ul li .menu-title .price {
    font-size: 1.125rem;
    font-weight: 600;
    color: red;
}
.section4 .so-thu-tu p{font-size: 1.125rem;
    font-weight: 600;
    color: #000;
    margin-bottom: 0;}
.section4 .ten-mon h4{    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
    line-height: 29px;}
.section4 .row .col{padding-bottom:0}
.section4 .price p{font-size: 1.125rem;
    font-weight: 600;
    color: #bf9444;margin-bottom:0}
.section4 .mo-ta{margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    color: #5e5e5e;
    line-height: 1.438rem;}
.section4 .large-6 .col-inner .col-inner{border:none; border-radius:0; background:none;padding:0;}
.section4 .large-6 .col-inner{border: 1px solid #eee;
    border-radius: 4px;
    background-color: #fafafa;
    position: relative;
    padding: 45px 50px;}
.section4 .img01{position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    max-width: 180px;}
.section4 .img02{position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    max-width: 180px;}
.section4 .img03{position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    max-width: 100px;}
.section4 .img04{position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    max-width: 100px;margin-bottom:0 !important}.section4 .large-6{padding-bottom:20px !important}
.section5 .box h3{    font-size: 1.875rem;
    font-weight: 700;}
.section5 .box p{font-size: 1.125rem;
    font-weight: 400;color:gray;}
.section5 .box .box-image{border-radius:15px}.section6 .slider .img img{border-radius:15px}
.section6 .slider .img{padding:15px; width:20% !important; opacity:1}
.section5 .large-6 .col-inner{    border: 1px solid #eee;
    border-radius: 5px;
    padding: 40px;}.absolute-footer{
    background-color: #000000;
}
.footer-section h4{font-size:30px}
.footer-section ul{margin-bottom:0}
.footer-section ul li{list-style: none;
    margin-left: 0;
    font-size: 1.125rem;}
.footer-section ul li a:hover{color:#bf9444; padding-left:10px; transition:all linear 0.3s}.absolute-footer.dark {color:white; font-size:17px;
		border-top: 1px solid #2f2f2f;}.absolute-footer {
    background-color: #000203;
}.blog-archive .post-item .box-image {
    border-radius: 10px;
}
a.back-to-top{background:#bf9444 !important;color:white !important;border:none !important}.blog-archive .post-item .post-title {
font-size: 20px;
    color: black;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: bold;
    font-family: Lexend, sans-serif;
}
.rank-math-breadcrumb p{margin-bottom:5px;font-size:1.125em}
.rank-math-breadcrumb .separator{    font-size: 25px;
    color: #bf9443;}
.banner-dau-trang h1{font-size: 4.375rem;
    margin-bottom: 0;}
.section4 .large-6.cot-anh .col-inner{padding:0}
.form-lien-he{background: #0000006b;
    padding: 30px;
}
form{margin-bottom:0}
.form-lien-he input, .form-lien-he textarea{border-radius:5px; box-shadow:none; font-size:16px}
.form-lien-he h3{font-size:30px}
.form-lien-he input[type=submit]{background: #bf9443;
    margin: 0;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;}
.section0 .icon-box {
    background: #fff;
    padding: 50px;
    border-radius: 20px;
    box-shadow: 2px 2px 40px #0000000f;
}
.section0 .icon-box h3 {
    color:#bf9444;
    font-size: 30px; margin-bottom:0
}.blog-archive h1.page-title {
    font-size: 45px;
    color:black;
    letter-spacing: 0;
}
.section0{padding-bottom:0 !important}
.lien-he-section .col{padding-bottom:0}
.footer-section .col{padding-bottom:0}
.blog-archive .post-item .from_the_blog_excerpt{font-size: 15px;
    color: #5d5d5d;}
.entry-title{text-align: left;
    font-size: 33px;
 
}
.single-post .is-divider{display:none}
.single-post .text-center {
    text-align: left;
}
.single-post .rank-math-breadcrumb p{font-size:18px}.bai-viet-lien-quan {
    margin-top: 15px;
}.bai-viet-lien-quan h3 {
    font-size: 25px;
font-family:"lexend", sans-serif;
}.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}.bai-viet-lien-quan ul li {
    list-style: none;
    width: 50%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}.bai-viet-lien-quan ul li .box-image img {
    height: 250px;
    border-radius: 4px;
    object-fit: cover;
    object-position: center;
}.bai-viet-lien-quan h4 {
    font-size: 18px;
    color: #5c6d2f;
    line-height: 24px;
    padding-top: 7px;
    height: 60px;
    overflow: hidden;
}.bai-viet-lien-quan h4 {
    font-size: 17px;
    color: #383838;
    line-height: 24px;
    padding-top: 7px;
    height: 60px;
    overflow: hidden;
    font-family: 'Lexend';
    font-weight: normal;
}.widget {
    background: rgba(230,226,195,.2);
    padding: 25px;
}span.widget-title {
    font-weight: 700;
    font-size: 23px;
    color: #000000;
    padding: 15px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #966c27;
    text-transform: none;
    letter-spacing: 0;
    display: block;
}.recent-blog-posts-li .badge {
    width: 6.8em;
    height: 5em;
}
.single-post .page-title-bg .title-overlay{background-color: rgb(0 0 0 / 76%) !important;}.blog-featured-title+#main .post-sidebar {
    padding-top: 0;
    border-left: none;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}