/*
Theme Name: BICTweb.vn.Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.17
*/

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


/*------------------------------
Css related

--------------------------------*/

.box-vang-nhat {
    background-color: #fdf6e9; /* nền vàng nhạt như ảnh 3 */
    border: 1px solid #e8dcc0; /* viền nhạt, có thể bỏ nếu không cần viền rõ */
    border-radius: 12px;       /* bo góc */
    padding: 24px 28px;        /* khoảng cách chữ với viền, tránh bị sát mép */
}

.box-vang-nhat p {
    margin-bottom: 12px;
}

/* Box bo viền, không nền vàng */
.box-bo-vien {
    position: relative;
    border: 1px solid #e0e0e0;
    border-radius: 16px;
    overflow: hidden;
}

.box-bo-vien img {
    border-radius: 16px 16px 0 0;
    display: block;
}

/* Vệt sáng chạy khi hover */
.box-bo-vien::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.5) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    pointer-events: none;
    transition: left 0.75s ease;
}

.box-bo-vien:hover::after {
    left: 125%;
}

.video-bo-goc {
    border-radius: 16px;
    overflow: hidden;
}

.video-bo-goc iframe,
.video-bo-goc video {
    border-radius: 16px;
}

figure.wp-block-image {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
figure.wp-block-image img {
  display: block !important;
  margin: 0 auto !important;
}
figure.wp-block-image figcaption {
  text-align: center !important;
  font-style: italic !important;
  font-size: 15px !important;
  color: #555555 !important;
  margin-top: 8px !important;
  line-height: 1.4 !important;
}

/*
html, body {
    overflow-x: hidden;
    width: 100%;
    position: relative;
}
*/

html {
    overflow-x: hidden;
}

/* Bo góc khung sidebar */
.post-sidebar.large-3.col .widget {
    background-color: #eaf3ff !important;
    border: 1px solid #d6e6fb !important;;
    border-radius: 16px !important;;
    padding: 20px !important;;
}

/* Sticky sidebar cho trang chi tiết bài viết */
.post-sidebar.large-3.col {
    padding: 0 10px;
}

.post-sidebar.large-3.col .is-sticky-column {
position: -webkit-sticky !important;
  position: sticky !important;
  top: 100px !important;
  align-self: flex-start !important;
}


@media (max-width: 849px) {
  .post-sidebar.large-3.col .is-sticky-column {
    position: static !important;
    top: auto !important;
  }
}

/*hover vệt sáng*/
.post-item .box-image {
    position: relative;
    overflow: hidden;
}
.post-item .box-image::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.post-item:hover .box-image::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
@-webkit-keyframes shine {
    100% { left: 125%; }
}
@keyframes shine {
    100% { left: 125%; }
}