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

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





@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* BOX */
.row-box-whover .box {
    overflow: hidden;
    transition: all ease 0.2s;
}

.row-box-whover .box:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}

.row-box-whover .box .box-text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
}

.row-box-whover .box .box-text h4 {
    margin-bottom: 12px;
}

.row-box-whover .box .box-text p {
    line-height: 1.3;
}

.row-box-whover .box .box-text .overlay-text {
    max-height: 0;
    transition: max-height 0.8s ease-out;
    overflow: hidden;
}

.row-box-whover .box:hover .box-text .overlay-text {
    max-height: 500px;
    transition: max-height 0.4s ease-in;
}

.row-box-whover .box:hover .box-text .text-gradient-2 {
    color: #fff !important;
    -webkit-text-fill-color: #fff;
}


.button.primary {
    background: rgb(0, 109, 102);
    background: -moz-linear-gradient(left, rgba(252, 2, 255, 100) 30%, rgba(1, 254, 255, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(252, 2, 255, 100) 30%, rgba(1, 254, 255, 1) 100%);
    background: linear-gradient(to right, rgba(252, 2, 255, 100) 30%, rgba(1, 254, 255, 1) 100%);
    border: 0;
    color: white; /* <-- Dòng được thêm vào để đổi màu chữ */
}