/*
CTC Separate Stylesheet
Updated: 2025-02-03 08:25:17
*/


.menu-flex {
    display: flex;
    margin: 15px 0;
    align-items: center;
}

.menu-flex .image-menu {
    max-width: 150px;
    margin-left: 15px;
}

.menu-flex .content-menu {
    width: 100%;
}

.order-menu {
    padding: 20px;
    background: url(/wp-content/uploads/2023/12/form_bg.jpg);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.32);
}

.title-order {
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.text-total {
    font-weight: bold;
    color: var(--fs-color-primary);
    font-size: 15px;
}

.total {
    font-size: 35px;
}

.header-inner.flex-row.container.logo-left.medium-logo-center {
    justify-content: center;
}

.header-inner.flex-row.container.logo-left.medium-logo-center .flex-col.hide-for-medium.flex-right {
    margin-left: 0;
}

.note {
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: underline;
    color: var(--fs-color-primary);
}

.order-menu ul li {
    margin-bottom: 0;
}

.order-menu span.wpcf7-spinner {
    display: none;
}

.ft .title-ft {
    color: #fff;
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 10px;
}

.ft .text-ft {
    margin-bottom: 5px;
    color: #fff;
}

.ft.vdx .title-ft,
.ft.vdx .text-ft {
    color: #000;
}

.info-contact {
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 30px;
    background-color: #fff;
    box-shadow: 0 10px 35px 0 rgba(0, 27, 175, .1);
    margin-left: 0;
    list-style: none;
}

.info-contact p {
    margin-bottom: 0;
}

.info-contact span {
    font-size: 20px;
    display: block;
    font-weight: 700
}

.row-lh .form-lh {
    height: 50px;
    margin-bottom: 0;
    padding-left: 20px;
    border: 1px solid #e7e7e7;
    color: #495057;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-shadow: none
}

.row-lh .form-lh:focus,
.row-lh .form-lh:hover {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.row-lh input#bt-lh {
    margin: 30px auto 5px;
    border: none;
    width: 215px;
    height: 55px;
    border-radius: 30px;
    background-size: 200%, 1px;
    transition: all .2s linear 0s;
    background-image: linear-gradient(90deg, #e69f28 0, #ffe6bd 50%, #e69f28);
    position: relative;
    z-index: 1;
    transition: .3s;
    display: block
}

.row-lh input#bt-lh:hover {
    box-shadow: -0.558px 7.981px 8px 0 #cbcbcb, inset 0 3px 0 0 rgba(3, 234, 255, .004);
    background-position: 120%;
    color: #fff
}

.row-lh input#bt-lh:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 215px;
    height: 55px;
    border-radius: 50px;
    z-index: -1;
    box-shadow: 0 3px 1px #03eaff;
    transition: .3s
}

.row-lh input#bt-lh:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 215px;
    height: 55px;
    background-image: linear-gradient(to left, #005ce6 0, #02ccff 100%);
    border-radius: 50px;
    z-index: -1;
    box-shadow: 0 3px 1px #03eaff;
    transition: .3s
}

.row-lh input#bt-lh:hover:after {
    opacity: 0
}

.small-title {
    font-weight: bold;
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
}

.title {
    font-size: 40px;
    line-height: 10px;
    margin-bottom: 35px;
    margin-top: 15px;
}

.post-sidebar input#s {
    border: 1px solid #e2e2e2;
    box-shadow: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    color: #555;
}

.post-sidebar button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    color: #fff;
    border: 1px solid;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.post-sidebar button.ux-search-submit.submit-button.secondary.button.icon.mb-0:hover {
    box-shadow: none;
}

.post-sidebar input#s:focus {
    border-color: var(--primary-color);
}

.post-sidebar span.widget-title {
    font-size: 20px;
    font-weight: normal;
    color: #6d6d6d;
    padding-bottom: 12px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
    text-transform: none;
    /* line-height:  60px; */
    display: block;
}

.post-sidebar .is-divider.small {
    display: none;
}

.post-sidebar aside {
    margin: 0 0 40px 0;
}

.post-sidebar ul li a {
    font-size: 14px;
    color: #6d6d6d;
    transition: all ease-in-out 0.2s;
}

.post-sidebar ul li a:hover {
    color: #000;
}

.post-sidebar a.tag-cloud-link {
    font-size: 13px !important;
    padding: 6px 8px;
    line-height: 34px;
    background-color: #f1f3f4;
    white-space: nowrap;
    border-radius: 4px;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.post-sidebar a.tag-cloud-link:hover {
    background-color: var(--primary-color);
    color: #fff;
    text-decoration: none;
}

.entry-header .entry-image.relative {
    margin-top: 15px;
}

.entry-header .entry-image.relative .badge.absolute.top.post-date.badge-outline {
    display: none;
}


.entry-header .entry-header-text.entry-header-text-top.text-center {
    padding: 0;
    text-align: left;
}

.entry-header h6.entry-category.is-xsmall {
    max-width: 100%;
    width: auto;
    margin: 0;
    display: inline-block;
    opacity: 1;
    transition: all 0.3s ease;
}

.entry-header .entry-meta.is-xsmall {
    max-width: 100%;
    margin: 0;
    display: inline-block;
    width: auto;
}

.entry-header h6.entry-category.is-xsmall:before {
    content: '\f02e';
    font-family: "Font Awesome 5 Free";
    color: #000;
    font-weight: normal;
    transition: all 0.3s ease;
}

.entry-header .entry-meta.is-xsmall>span {
    margin-right: 10px;
    font-size: 12px;
}

.entry-header .entry-meta span.posted-on:before {
    content: '\f017';
    color: #000;
    font-family: "Font Awesome 5 Free";
    padding-right: 3px;
    transition: all 0.3s ease;
}

.entry-header .entry-meta span.byline:before {
    content: '\f007';
    font-family: "Font Awesome 5 Free";
    color: #000;
    transition: all 0.3s ease;
}

.entry-header .entry-meta a {
    color: #000;
    text-transform: none;
    transition: all 0.3s ease;
}

.entry-header .entry-meta span.posted-on {
    padding-right: 20px;
}

.entry-header .entry-meta span.byline {
    padding-right: 20px;

}

.entry-header h6.entry-category.is-xsmall a {
    color: #000;
    font-weight: normal;
    text-transform: none;
    transition: all 0.3s ease;
}

.entry-header .entry-meta span.posted-on:hover:before,
.entry-header .entry-meta span.posted-on:hover a,
.entry-header .entry-meta span.byline:hover:before,
.entry-header .entry-meta span.byline:hover a,
.entry-header h6.entry-category.is-xsmall:hover:before,
.entry-header h6.entry-category.is-xsmall:hover a {
    color: #f27c66;
}


.entry-image-float .badge.absolute.top.post-date.badge-outline {
    display: none;
}

.chuyen-muc {
    display: flex;
    width: 100%;
}

.entry-image-float img.attachment-large.size-large.wp-post-image {
    width: 100%;
    transition: transform 3s;
    -webkt-transition: transform 3s;
    -moz-transition: transform 3s;
    border-top-left-radius: 10px;
    -ms-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -ms-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border: 1px solid #cfcfcf;
    padding: 3px;
    border-top-left-radius: 10px;
    -ms-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -ms-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

.chuyen-muc .entry-image-float a {
    overflow: hidden;
    padding-top: 65%;
    background-position: 50% 50%;
    background-size: cover;
}

.chuyen-muc .entry-image-float a img {
    right: 0;
    width: 100%;
    height: 80%;
    bottom: 0;
    left: 0;
    top: 0;
    position: absolute;
    object-position: 50% 50%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}

.entry-image-float {
    display: inline-flex;
    max-width: 30%;
    width: 100%;
    margin: 0;
    /* border: 1px solid #cfcfcf; */
    /* padding: 3px; */
    /* border-top-left-radius: 10px; */
    -ms-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    /* -webkit-border-top-left-radius: 10px; */
    /* border-bottom-right-radius: 10px; */
    -ms-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    /* -webkit-border-bottom-right-radius: 10px; */
}

#post-list .entry-content {
    display: flex;
    margin-left: 20px;
    width: 70%;
    padding-bottom: 0;
}

#post-list footer.entry-meta.clearfix {
    display: none;
}

#post-list .entry-content .text-center {
    float: right;
}

#post-list .entry-content .text-center a {
    margin: 0;
    text-transform: none;
    border-radius: 5px;
}


#post-list a:hover img.attachment-large.size-large.wp-post-image {
    transform: scale(1.1, 1.1);
}

#post-list .entry-content span.posted-on {
    display: block;
    font-size: 13px;
    color: #000;
    padding-bottom: 5px;
    padding-top: 5px;
}

#post-list .entry-content span.posted-on:before {
    content: "\f017";
    font-family: "Font Awesome 5 Free";
    padding-right: 5px;
    font-size: 13px;
}

#post-list .entry-content span.posted-on a {
    color: #000;
}

#post-list .entry-content span.byline:before {
    content: "\f007";
    font-family: "Font Awesome 5 Free";
    padding-right: 2px;
    padding-left: 1px;
    font-size: 13px;
    color: #000;
}

#post-list .entry-content span.byline a {
    color: #000;
    font-size: 13px;
    text-transform: none;
}

#post-list .entry-content p {
    font-size: 14px;
    color: #000;
    text-align: justify;
}

.chuyen-muc .entry-meta.is-xsmall {
    display: inline-block;
    width: 50%;
}

.chuyen-muc .entry-meta.is-xsmall span {
    margin-right: 10px;
}

.chuyen-muc .text-left {
    display: inline-block;
    width: 49%;
}

.chuyen-muc .text-left a.more-link.button.primary.is-outline.is-smaller {
    margin: 0;
    float: right;
    margin-top: 20px;
}

.text-total:not(.active) {
    display: none;
}

input#bt-booking {
    display: none;
}

span#send-mail {
    border: 1px solid transparent;
    cursor: pointer;
    font-size: .97em;
    font-weight: bolder;
    letter-spacing: .03em;
    line-height: 2.4em;
    margin-right: 1em;
    padding: 0 1.2em;
    text-align: center;
    text-transform: uppercase;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    background-color: var(--fs-color-primary);
    border-color: rgba(0, 0, 0, .05);
    color: #fff;
    width: 100%;
}

@media only screen and (min-width: 768px) {

    .header-inner.flex-row.container.logo-left.medium-logo-center .flex-col.show-for-medium.flex-left,
    .header-inner.flex-row.container.logo-left.medium-logo-center .flex-col.hide-for-medium.flex-left.flex-grow {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
    ul.info-contact li {
        width: 100%;
    }

    .sc-about .col-inner {
        padding: 0 15px !important;
    }

    .menu-mobile {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 0 0 calc(1px + 0px) rgb(214 211 209/ 1);
        display: flex;
        z-index: 9999;
    }

    .menu-mobile a {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 5px;
        align-items: center;
        text-align: center;
    }

    .menu-mobile a:not(:last-child) {
        border-right: 1px solid #ededed;
    }

    .menu-mobile a span {
        display: block;
        line-height: 20px;
    }

    .arcontactus-widget.right.arcontactus-message {
        bottom: 70px;
        z-index: 9999;
    }

    div#wrapper {
        padding-bottom: 50px;
    }
}

@media only screen and (max-width: 549px) {
    .menu-mobile a span:last-child {
        font-size: 10px;
        line-height: 15px;
    }

    .menu-flex {
        display: block;
    }

    .menu-flex .image-menu {
        margin: 0 auto;
        max-width: 350px;
    }

    .chuyen-muc {
        display: block;
    }

    .entry-image-float {
        max-width: 100%;
    }

    .entry-content {
        margin-left: 0 !important;
        padding-top: 5px;
    }

    #post-list .entry-content h2.entry-title {
        text-align: justify;
    }

    #post-list .entry-content p {
        text-align: justify;
    }

    .chuyen-muc .text-left {
        display: inline-block;
        width: 48%;
    }
}

@media only screen and (max-width: 375px) {
    .menu-mobile a span:last-child {
        font-size: 9px;
        line-height: 10px;
    }
}

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    src: url("webfonts/fa-solid-900.ttf") format("truetype");
}

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-weight: normal;
    src: url("webfonts/fa-regular-400.ttf") format("truetype");
}

.fa,
.fas {
    font-family: 'Font Awesome 6 Free';
}

input[type=date] {
    position: relative;
}

input[type=date]:before {
    font-family: 'dashicons';
    font-weight: normal;
    content: "\f508";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background-color: #fff;
    width: 20px;
    pointer-events: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.table-info h1.entry-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    margin: 0 0 5px;
}

.table-info td {
    text-align: center;
}

img.bg {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.table-order td {
    text-align: left;
}

.table-order,
.table-order th,
.table-order td {
    border: 1px solid #cfcfcf;
    -webkit-border: 1px solid #cfcfcf;
    -moz-border: 1px solid #cfcfcf;
    border-collapse: collapse;
    padding: 2px 3px;
    color: #000;
}

.table-order td:last-child {
    width: 100%;
}

.table-order td:first-child {
    white-space: nowrap;
}

.note-print {
    margin: 0;
    text-align: justify;
    font-size: 14px;
    font-style: italic;
    line-height: 18px;
}

p.title-note {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
    margin-top: 5px;
    text-decoration: underline;
}

.note-print li {
    margin-bottom: 0;
    list-style: none;
}

.note-print li::marker {
    margin-right: 0px !important;
}

.table-order select,
.table-order option {
    font-family: unset;
    font-size: 15px;
}

.sign td {
    font-size: 13px;
    width: 50%;
}

.table-order td {
    font-size: 15px;
    background: transparent;
}

.table-info * {
    border: none;
    font-size: 12px;
    padding: 0 5px;
}

.table-info img {
    height: 60px;
    margin-bottom: 5px;
}

.table-info {
    margin-bottom: 10px;
    padding-right: 20px;
}

header.entry-header.text-center h1 {
    margin-bottom: 5px;
    font-size: 30px;
}

.table-order {
    margin-bottom: 0;
}

.sign {
    margin-top: 5px;
}

.sign * {
    border: none;
    text-align: center;
    padding: 0;
    color: #000;
    font-size: 16px;
}

.sc-print {
    visibility: hidden;
    height: 0;
}

.group-button {
    display: flex;
    justify-content: space-evenly;
}

.group-button input,
.group-button a {
    max-width: 350px;
    width: 100%;
    margin: 0;
    display: block;
    text-align: center;
    border: none;
    min-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    opacity: 1;
    border-radius: 8px;
    cursor: pointer;
    transition: all .3s ease;
}

.group-button a {
    background-color: #24c7be;
}

.print {
    cursor: no-drop;
}

.print.active {
    cursor: pointer;
}

.sc-order:has(#select-hall option:first-child:checked) .text-total, .sc-order:has(#select-hall option:first-child:checked) .total{
    display: none;
}

.loading-processing {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #ffffffab;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-processing img {
    width: 75px;
    animation: loading 2s linear infinite;
}

@keyframes loading {
    100% {
        transform: rotate(1turn);
    }
}

@media print {

    header#header,
    footer#footer,
    .sc-about,
    .sc-order,
    .menu-mobile {
        display: none !important;
    }

    .sc-print {
        visibility: visible;
        height: auto;
    }

    /* Ẩn nút in khi in trang */
    .print,
    #bt-booking {
        display: none;
    }

    #printArea {
        scale: 0.95;
    }

    select,
    input {
        -moz-appearance: none;
        /* Firefox */
        -webkit-appearance: none;
        /* Safari and Chrome */
        appearance: none;
        border: none;
        background: transparent;
    }

    img.bg {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }


    @page {
        size: A4 portrait;
        margin-top: 0mm;
        margin-right: 0mm;
        margin-bottom: 0mm;
        margin-left: 0mm;
    }
}