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

/*************** ADD CUSTOM CSS HERE.   ***************/
.blog-archive{
    padding-top: 0px !important
}
.slider-home:after {
    content: '';
    width: 100%;
    height: 200px;
    background-image: url(https://www.aquacitybienhoa.net/wp-content/uploads/2019/08/edge-1.png);
    background-position: left bottom;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -2px;
    pointer-events: none;
    z-index: 10;
}
@font-face {
    font-family: 'ellefutura';
    src: url('fonts/elle-futura.otf');

}
@font-face {
    font-family: 'ellefuturabold';
    src: url('fonts/elle-futura-bold.otf');
 
}


@font-face{font-family:"NewParisText";src:url("fonts/NewParisText-Bold.woff") format("woff");font-weight:normal;font-style:normal;}

body,p{font-family:'ellefutura' !important;font-size:15px;}
.alt-font{font-family:"ellefutura" !important;}
.nav > li > a{font-family:"ellefuturabold" !important;}
h1,h2,h3,.heading-font{font-family:"ElleFuturaBold" !important;}
h4,h5,h6{font-family:"ElleFuturaBold" !important;}
span.widget-title {font-family: ElleFuturaBold !important}
.is-uppercase, .uppercase {line-height: 1.6;}
.title{font-family: 'NewParisText',Arial, serif!important;font-size:34px;margin-bottom:10px;font-weight:normal;text-transform:uppercase;}
@media(max-width: 855px){
    .section-tieu-de .page-title-inner {
    min-height: 200px !important;
}
}
@media(min-width:1023px){
    #fancybox-wrap{
    width: 670px !important;
}
    #fancybox-content{
    width: 650px !important;
}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* ----------------------------------------------------
   CSS hô biến Navigation Menu Widget của WP thành
   Menu Premium có hiệu ứng Hover mượt mà
---------------------------------------------------- */

/* Reset lại style mặc định của widget menu trong cột bên trái */
.bido-left-col .widget_nav_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.bido-left-col .widget_nav_menu ul li {
    margin-bottom: 24px; /* Khoảng cách giữa các mục menu */
}

/* Định dạng chữ mặc định */
.bido-left-col .widget_nav_menu ul li a {
    display: flex;
    align-items: center;
    color: #9ca3af !important; /* Màu xám mờ */
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    transition: all 0.3s ease;
    text-decoration: none;
}

/* Tạo thanh gạch màu xanh (bị ẩn mặc định - width: 0) bằng phần tử ảo ::before */
.bido-left-col .widget_nav_menu ul li a::before {
    content: "";
    height: 2px;
    background-color: #16a34a; /* Màu xanh lá Bido */
    width: 0;
    margin-right: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-block;
}

/* HIỆU ỨNG KHI HOVER VÀ KHI ĐANG Ở TRANG ĐÓ (Active) */
.bido-left-col .widget_nav_menu ul li a:hover,
.bido-left-col .widget_nav_menu ul li.current-menu-item > a {
    color: #111111 !important; /* Chữ đậm lên thành màu đen */
    transform: translateX(8px); /* Chữ đẩy nhẹ sang phải */
}

/* Gạch màu xanh trượt ra */
.bido-left-col .widget_nav_menu ul li a:hover::before,
.bido-left-col .widget_nav_menu ul li.current-menu-item > a::before {
    width: 32px; /* Kéo dài thanh màu xanh */
    margin-right: 16px;
}

/* Ẩn tiêu đề của widget (nếu có) để giao diện sạch sẽ */
.bido-left-col .widget_nav_menu h2.widgettitle {
    display: none;
}

/* CSS cho Bido Menu Premium */
.bido-sidebar-menu .bido-menu { list-style: none; padding: 0; margin: 0; }
.bido-sidebar-menu .bido-menu li { margin-bottom: 24px; }
.bido-sidebar-menu .bido-menu li a { display: flex; align-items: center; color: #9ca3af; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; transition: all 0.3s ease; text-decoration: none; }

/* Thanh gạch màu xanh (bị ẩn mặc định) */
.bido-sidebar-menu .bido-menu li a::before { content: ""; height: 2px; background-color: #16a34a; width: 0; margin-right: 0; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: inline-block; }

/* Hiệu ứng khi Hover và khi đang ở trang đó (Active) */
.bido-sidebar-menu .bido-menu li a:hover,
.bido-sidebar-menu .bido-menu li.current-menu-item > a { color: #111; transform: translateX(8px); }

/* Gạch màu xanh trượt ra */
.bido-sidebar-menu .bido-menu li a:hover::before,
.bido-sidebar-menu .bido-menu li.current-menu-item > a::before { width: 32px; margin-right: 16px; }

/* -----------------------------------------
   BIDO MUSHROOM - PREMIUM ABOUT US CSS
   (Bản cập nhật ÉP ƯU TIÊN - !important)
----------------------------------------- */

/* Hiệu ứng chữ cái đầu tiên (Dropcap) */
.bido-dropcap {
    float: left !important;
    font-size: 5rem !important;
    line-height: 0.8 !important;
    padding-right: 15px !important;
    font-weight: 900 !important;
    color: #16a34a !important;
    font-family: 'Playfair Display', serif, sans-serif !important;
    margin-top: 8px !important;
}

/* Font chữ nghệ thuật */
.bido-serif-italic {
    font-family: 'Playfair Display', serif, sans-serif !important;
    font-style: italic !important;
}

/* Hộp cam kết bo góc lẹm lên trên */
.bido-commitment {
    background: #ffffff !important;
    padding: clamp(30px, 5vw, 60px) !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.06) !important;
    border-top: 4px solid #16a34a !important;
    position: relative !important;
    z-index: 10 !important;
    transform: translateY(-60px) !important;
}

/* Hiệu ứng ảnh Ban Lãnh Đạo (Từ Đen Trắng sang Màu) */
.bido-leader-card .image-box img {
    filter: grayscale(100%) !important;
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.bido-leader-card:hover .image-box img {
    filter: grayscale(0%) !important;
    transform: scale(1.05) !important;
}

/* Sửa lỗi hiển thị mobile cho hộp cam kết không bị đè lên text */
@media (max-width: 849px) {
    .bido-commitment {
        transform: translateY(-30px) !important;
        padding: 30px !important;
    }
}