/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');
/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
    font-family: 'aria';
    src: url(fonts/arial.ttf);
}
@font-face {
    font-family: 'aria_b';
    src: url(fonts/arialbd.ttf);
}
@font-face {
    font-family: 'HLT-Hummingbird';
    src: url(fonts/HLT-Hummingbird.ttf);
}
.playfair {
    font-family: "Playfair", sans-serif;
}
.playfair h2 {
    font-size: 40px;
    font-family: "Playfair", sans-serif;
    font-weight: 900;
}
body {
	max-width: 100%;
	overflow: hidden;
    font-family: "Inter", sans-serif;
}
.medium h2 {
    font-size: 38px;
    font-weight: 500;
}
.single-post h1.title {
	display: none;
}
h2.entry-title {
	font-size: 35px;
}
.header-top .flex-right {
	min-width: 270px;
}
.banner-custom h2 {
	font-size: 30px;
}
.banner p {
	margin-bottom: 0;
	margin-top: 0;
}
.btn-custom.button {
	background-color: #fca439 !important;
	font-size: 14px;
	background-image: url(images/Layer_2.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	padding-right: 40px;
}
.btn-custom.button:hover {
	opacity: 1;
	box-shadow: none;
}

/* Border mặc định */
.btn-custom.button::before {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid #fca439;
    opacity: 1;
    transform: scale(1);
    transition: all .4s ease;
	top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
}

/* Khi hover thì biến mất */
.btn-custom.button:hover::before {
    opacity: 0;
    transform: scale(1.1);
}
.woocommerce-tabs.tabbed-content .nav {
	display: none;
}

@media only screen and (min-width: 1024px) {
    .widget ul.menu > li {
        position: relative;
    }
    .widget ul > li.has-child:hover >.sub-menu{
        display:block !important;
    }
    .widget ul.menu ul.sub-menu {
        display: none !important;
        position: absolute;
        width: 100%; 
        left:99%;
        top: 0;
        z-index: 999;
        border: 1px solid #e1e1e1 !important;
        background: #fff;
        margin: 0;
        padding: 0;
    }
    .widget .toggle{
        transform: rotate(-90deg);
        margin-right: 10px;
    }
    .widget ul.menu>li li {
        padding: 2px 0;
        border-bottom: 1px solid #e1e1e1;
    }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .blog-archive .post-sidebar.col {
        padding: 0 15px !important;
    }

}
/* */
body.nav-dropdown-has-border .nav-dropdown {
    border: none;
    padding: 0;
}
body.nav-dropdown-has-border .nav-dropdown a {
    padding: 12px 10px !important;
    margin: 0 !important;
    border-radius: 0;
	font-size: 14px;
}
body.nav-dropdown-has-border .nav-dropdown a {
	color: #000;
}
body.nav-dropdown-has-border .nav-dropdown a:hover {
    background: #1291b0 !important;
    color: #fff;
}
body .nav-dropdown {
	top: 40px;
}
.post_comments  {
    display: none;
}

/* Sidebar */

.blog-wrapper.blog-single {
    padding-top: 30px;
}
.entry-header-text {
    text-align: center;
}
.related-post .box-text .button {
    border-radius: 4px;
    border: 1px solid #fff;
    color: #fff;
}
.related-post .box-text .button:hover {
    border: 1px solid var(--primary-color);
}

.featured-posts .box-vertical {
    border: none !important;
}
.featured-posts .box-vertical .box-image {
    border-radius: 0;
}
.featured-posts .box-vertical .box-text {
    background-color: transparent;
    text-align: left;
    color: #333;
    border: none !important;
}
.featured-posts .col.post-item .box-text .post-title {
    color: #333;
    font-size: 22px;
    line-height: 30px;
}
.featured-posts .box-vertical .box-text .cat-label {
    color: var(--primary-color);
    font-size: 14px;
}
.featured-posts .box-vertical .box-text p.from_the_blog_excerpt {
    display: block;
}
.featured-posts .box-vertical .box-text .button {
    border: 1px solid var(--primary-color);
    text-transform: uppercase;
    font-size: 18px;
    font-weight: normal;
    color: var(--primary-color);
}
.featured-posts .box-vertical .box-text .button:hover {
    color: #fff;
}
.featured-posts .flickity-prev-next-button.previous {
    right: 60px;
    left: auto;
    opacity: 1;
    top: 0px;
    bottom: auto;
}
.featured-posts .flickity-prev-next-button.next {
    opacity: 2;
    top: 0;
    right: 0;
    bottom: auto;
}

.col.post-item .alm-item .img {
    overflow: hidden;
    display: block;
}
.col.post-item .alm-item .img img {
    height: 230px;
    object-fit: cover;
    border-radius: 6px 6px 0 0;
    transition: transform 0.5s ease;
}
.col.post-item .alm-item:hover .img img {
    transform: scale(1.1);
}
.alm-item .box-text {
    background-color: var(--primary-color);
    color: #fff;
}
.col.post-item .alm-item h3 {
    margin-bottom: 15px;
}
.col.post-item .alm-item h3 a {
    font-size: 16px;
    color: #fff;
    display: block;
    line-height: 20px;
}


.single-post .page-title-bar {
    display: block;
}

.page-title-bar {
    background-image: url('https://cereform.vn/wp-content/uploads/2025/10/Slide-home-1.png');
    background-size: cover;
    padding: 25% 0 2%;
    position: relative;
    margin-bottom: 30px;
}
/*.page-title-bar:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, #000, #00000000);
    position: absolute;
    bottom: 0;
}*/
.page-title-bar h1 {
    font-size: 50px;
    color: #000;
    text-align: left;
    text-transform: uppercase;
    border-bottom: 1px solid var(--primary-color);
    display: block;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.page-title-bar .breadcrumb {
    color: #000;
    
    z-index: 2;
}
.page-title-bar .breadcrumb a {
    color: #000;
}
/* */
.product-small.box ins *,
.product-small.box .price > .amount * {
    color: red;
    font-size: 16px;
}
.product-small.box del * {
    color: #333;
}
.product-small.box .product-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 22px;
    height: 44px;
    font-weight: 600;
}

/* */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}
.pulse {
    transition: all 150ms linear 0s;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

blockquote {

    font-size: 110%;
    color:#666;

    margin: 0 auto;
    border-left:0px;
    margin-left: 20px;
    padding-bottom: 50px;
}
blockquote h1 {
    font-size: 3rem;
}
blockquote p {
    font-style: italic;
    margin-bottom: 0;
}
blockquote p::before,
blockquote p::after {
    content: "“";
    font-family: Georgia;
    font-size: 6rem;
    margin: -3rem 0 0 -4rem;
    position: absolute;
    opacity: 0.5;
    color:var(--primary-color);
}
blockquote p::after {
    content: "”";
    margin: -2rem -3rem 0 0;
}
blockquote cite {
    font-size: 1.5rem;
}
/* */

#masthead {
    position: relative;
    z-index: 99;
}
.header-main .flex-col.flex-right {
    width: 70%;
}
.header-contact li a {
    color: #333;
}
.header:not(.transparent) .header-bottom-nav.nav > li > a {
    text-transform: uppercase;
    font-size: 16px;
}
.header:not(.transparent) .header-bottom-nav.nav > li.active > a {
    font-weight: 600;
}

#footer p {margin-bottom:5px;}
#footer ul {list-style:none; margin-bottom:0; margin-left:0;}
#footer li {margin-left:0; margin-bottom:5px;}


form {margin-bottom:0;}
.wpcf7-spinner {display:none;}
.nav>li.header-divider {border-color:#008bad;}
#top-bar .nav.nav-small>li>a {color:#008bad;}
.header:not(.transparent) .header-bottom-nav.nav > li  {margin-right:30px;}
.button.white {color:#3e97b6 !important; border:1px solid #008bad;}
.sp-img1 {z-index:9999}
.flickity-page-dots .dot.is-selected {background-color:#008bad; border-color:#4cbfdb;}
.tuvan-box .box-image {border-radius:10px 10px 0px 0px;}
.tuvan-box .box-text {border:2px solid #fff; border-radius:0px 0px 10px 10px; min-height:110px}

.absolute-footer {display:none;}
#footer li:before {content: "\f105"; font-family: FontAwesome; padding-right:5px; font-size:10px;}
.lienhe-col p {margin-bottom:5px;}
.lienhe-col input {background:#ebf4f8; border-radius:99px; }
textarea {background:#ebf4f8; border-radius:20px;}
.lienhe-col {z-index:99999;}
.tuvan-box {border:1px solid #ddd; border-radius:12px}
.ctform-row {display:inline-flex; width:100%;}
.ctform-col {width:100%; margin-right:10px; margin-left:10px;}
.ctform-col input[type=submit] {width:100%; margin-bottom:0; margin-top:30px; border-radius:99px;}
.ctform-col select {background:transparent; border:none; box-shadow:none; border-bottom:2px solid #3e97b6;}
.wpcf7 label {color:#3e97b6;}
.page-wrapper {padding-top:0;}
.box-blog-post .is-divider {display:none}
.post-date {display:none;}
.blog-wrapper .box-blog-post {border:1px solid #ddd; border-radius:10px;}
.blog-wrapper .box-text {background:#3e97b6; color:#fff; border-radius:0px 0px 10px 10px; padding:15px;}
.blog-wrapper .box-text .post-title {color:#fff; font-size: 18px; height: 60px; line-height: 20px; margin-bottom: 10px;}
.blog-wrapper .box-image {border-radius:10px 10px 0px 0px;}
.blog-wrapper p.from_the_blog_excerpt {
    display: none;
}
.blog-wrapper .box-text span {
    font-style: italic;
}

/* */
.ses-gioithieu .bg {
    background-repeat: repeat-x !important;
    background-size: contain !important;
}
.ses-gioithieu .section-content > .is-divider {
    height: 100px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    bottom: 0;
}
.ses-gioithieu .row {
    z-index: 9;
    position: relative;
}
p {
    margin-bottom: 10px;
}
.banner p {
    padding-top: 0;
    padding-bottom: 0;
}
.banner h2,
.banner h3, 
.banner h4 {
    margin: 0 0 15px;
}

h3 {
    font-size: 24px;
}
b, strong {
    font-weight: bold;
}

.banner-custom .banner-layers:before {
    content: '';
    display: block;
    width: 100%;
    height: 94%;
    background-color: rgb(223, 237, 240);
    border-radius: 10px;
}
.slider-home-cus .flickity-page-dots {
    left: 22%;
    bottom: 10%;
    width: auto;
    right: auto;
}
.tuvan-box h4 {
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    display: block;
    overflow: hidden;
}
.gallery-home .col {
    padding-bottom: 0 !important;
}
.bg-page-product .bg {
    background-size: contain !important;
}
.about h2 {
    font-size: 40px;
}
.hummingbird p {
    font-family: 'HLT-Hummingbird';
}
.lienhe-col input {
    height: 53px;
    border: 1px solid #f6fafc;
    box-shadow: none;
}
.lienhe-col textarea {
    border: 1px solid #f6fafc;
    box-shadow: none;
    min-height: 109px;
}

.box-filter {
    background-color: #def1f7;
    border-radius: 10px;
    padding: 20px 20px 0;
}
#mapstore-filter {
    align-items: center;
}
#mapstore-filter .filter-item {
    padding-bottom: 0;
}
#mapstore-filter .filter-item select {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #3e97b6;
    color: #6795ac;
    font-style: italic;
    font-size: 14px;
    box-shadow: none;
}
#mapstore-filter .filter-item select option {
  padding: 8px;
  font-size: 14px;
  background: #fff;
  color: #333;
  font-style: normal;
}

#mapstore-filter .filter-item button {
    margin-bottom: 0;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    width: 100%;
    border-radius: 30px;
    height: 58px;
    line-height: 58px;
}
#mapstore-filter .filter-item label {
    font-size: 20px;
    color: #6795ac;
    font-weight: 500;
}
.box-grid {
    margin-top: 30px;
}
.box-grid .box {
    border: 1px solid #ccc;
    border-radius: 10px;
}
.box-grid .box .clinic-img img {
    border-radius: 10px 10px 0 0;
    height: 239px;
    object-fit: cover;
}
.box-grid .box .box-textt {
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    padding: 2px;
}
.box-grid .box .box-text-l {
    background-color: #3e97b6;
    color: #fff;
    text-align: center;
    border-radius: 0 0 10px 10px;
    padding: 20px 10px;
}
.box-grid .box .box-text-l h3 {
    font-size: 14px;
    color: #fff;
    display: block;
    line-height: 16px;
    height: 34px;
    overflow: hidden;
}
.box-grid .box .box-text-l p {
    font-size: 12px;
    margin-bottom: 0;
}
.box-left .icon-box-top {
    text-align: right;
}
.box-center .col-inner {
    position: relative;
}
.box-center .col-inner .img-custom .img-inner {
    position: relative;
    bottom: -52px;
}
.banner-home .banner-inner {
    top: -40px;
    z-index: 2;
}
.col.post-item .box-text .post-title {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px;
    font-weight: 500;
}
.footer-wrapper input.wpcf7-form-control {
    border-radius: 99px;
    border: none;
    box-shadow: none;
    height: 56px;
    padding: 0 20px;
}
.footer-wrapper input.wpcf7-submit {
    position: absolute;
    right: 10px;
    top: 0;
    background-color: transparent !important;
    height: 56px;
    margin-right: 0;
    background-image: url(images/btn-search.png);
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -999px;
}
.footer-wrapper .slider .flickity-button {
    display: none;
}
.box-txt-custom {
    background-color: #E2F9FF;
    padding: 40px 30px;
}
#breadcrumbs {
    margin-bottom: 0;
}
.circle-title {
    width: 271px;
    height: 271px;
    background-image: url(images/bg-c.png);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -50px;
    z-index: 2;
}
.bx-txt {
    background-image: url(images/bg-1.png);
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    height: 100%;
    padding: 0px 100px;
    padding-top: 65%;
    width: 674px;
    left: -51px;
    top: -70px;
    position: relative;
}
.bx-txt-2 {
    background-image: url(images/bg-2.png);
    z-index: 1;
}
.bx-txt-3 {
    background-image: url(images/bg-3.png);
}
.woocommerce-tabs.tabbed-content {
    max-width: 100%;
    padding: 0;
}

.row-number {
    position: absolute;
    left: -135px;
    top: -125px;
}
.row-number-2 {
    left: auto;
    right: -135px;
    z-index: 2;
}

.box-img-custom h3 {
    font-size: 30px;
}
.box-img-custom.box-overlay .box-text {
    bottom: auto;
    top: 120px;
}

@media (min-width: 480px) {
    .box-txt-custom-1 {
        width: 125%;
        position: relative;
        top: -20px;
        left: -85px;
    }
    .box-txt-custom-2 {
        width: 109%;
    }
}

@media (max-width: 1024px) {
    .ses-gioithieu .bg {
        background-size: cover !important;
        background: #3e97b6 !important;
    }

    .page-title-bar {
        padding: 40% 0 2%;
    }
}
@media (max-width: 480px) {

    .box-filter {
        padding-bottom: 20px;
    }
    .box-grid .box .clinic-img img {
        height: auto;
    }

    .box-left .icon-box-top {
        text-align: center;
    } 
    .box-right .icon-box-top {
        text-align: center;
    } 
    .box-left .icon-box .icon-box-img,
    .box-right .icon-box .icon-box-img {
        display: block;
        margin: 0 auto 20px;
    }
    .col.post-item .box-text .post-title {
        font-size: 16px;
    }
    .box-txt-custom-1 {
        margin-bottom: 20px;
    }
    .col-cus .col-inner .img {
        margin: 0 auto;
    }
    .circle-title {
        width: 171px;
        height: 171px;
        background-image: url(images/bg-c.png);
        background-size: contain;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 0px;
        z-index: 2;
        top: 45px;
    }
    .bx-txt {
        background-size: contain;
        background-position: top;
        background-repeat: no-repeat;
        height: 100%;
        padding: 0px 30px;
        padding-top: 65%;
        width: auto;
        left: 0;
        top: 0;
        position: relative;
    }
    .page-title-bar {
		padding: 31% 0 58%;
        background: url(https://cereform.vn/wp-content/uploads/2025/10/mobile.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .page-title-bar h1 {
        font-size: 30px;
    }
    .row-number {
        position: relative;
        top: -35px;
        left: 0;
    }
    .box-img-custom h3 {
        font-size: 25px;
    }
    .box-img-custom.box-overlay .box-text {
        top: 80px;
    }
    .medium h2 {
        font-size: 30px;
    }
}
.entry-meta {
display: none !important;
}
.z-99 {
    z-index: 9999;
}
.bor-r-1 img {
    border-radius: 287.5px 24px 287.5px 287.5px;
}
.bor-l-1 img {
    border-radius: 24px 287.5px  287.5px 287.5px;
}
.bor-l-2 img {
    border-radius: 287.5px 24px 387.5px 287.5px;
}