/*
Theme Name: Child Theme
Theme URI: https: //dongdomedia.vn
Description: Day la child theme cua Dong Do Media
Author: Dong Do Media
Author URI: https://dongdomedia.vn
Template: dongdo
Version: 1.15
*/
@import url("../dongdo/style.css");
@font-face{font-family:'Gilroy';font-style:Thin;font-weight:200;src:url(fonts/SVN-Gilroy-Thin.otf);font-display:swap}
@font-face{font-family:'Gilroy';font-style:Light;font-weight:300;src:url(fonts/SVN-Gilroy-Light.otf);font-display:swap}
@font-face{font-family:'Gilroy';font-style:Regular;font-weight:400;src:url(fonts/SVN-Gilroy-Regular.otf);font-display:swap}
@font-face{font-family:'Gilroy';font-style:Medium;font-weight:500;src:url(fonts/SVN-Gilroy-Medium.otf);font-display:swap}
@font-face{font-family:'Gilroy';font-style:SemiBold;font-weight:600;src:url(fonts/SVN-Gilroy-SemiBold.otf);font-display:swap}
@font-face{font-family:'Gilroy';font-style:bold;font-weight:700;src:url(fonts/SVN-Gilroy-Bold.otf);font-display:swap}
@font-face{font-family:'Gilroy';font-style:extraBold;font-weight:800;src:url(fonts/SVN-Gilroy-XBold.otf);font-display:swap}
.links>li>a:before, i[class*=" icon-"], i[class^=icon-] {font-family:"Font Awesome 6 Pro"!important;font-weight:400!important}
.icon-search:before {content:"\f002";font-weight:300;}
.icon-phone:before {content:"\f095"}
.icon-envelop:before {content:"\f0e0"}
.icon-globe-pointer:before {content:"\e60e"}
.icon-map-pin-fill:before {content:"\f124"}
.icon-angle-left:before {content:"\f060"}
.icon-angle-right:before {content:"\f061"}
.icon-menu:before {content:"\f0c9";font-weight:300;}
.icon-plus:before {content:"\2b";font-weight:100;font-size:11px}
.icon-play:before {content:"\f04b";}
.icon-facebook:before {content:"\f39e";font-family:"Font Awesome 6 Brands"}
.icon-youtube:before {content:"\f167";font-family:"Font Awesome 6 Brands"}
.icon-twitter:before {content:"\f099";font-family:"Font Awesome 6 Brands"}
.icon-pinterest:before {content:"\f0d2";font-family:"Font Awesome 6 Brands"}
.icon-telegram:before {content:"\f2c6";font-family:"Font Awesome 6 Brands"}
.icon-tiktok:before {content:"\e07b";font-family:"Font Awesome 6 Brands"}
.icon-x:before {content:"\e61b";font-family:"Font Awesome 6 Brands"}
.icon-linkedin:before {content:"\f0e1";font-family:"Font Awesome 6 Brands"}
.icon-angle-down:before {content:"\f107";font-weight:300;}
.icon-lock:before {content:"\f367";}
.icon-clock:before {content:"\f017"}
.icon-user:before {content:"\f0c0";font-weight:700;}
.icon-heart:before {content:"\e2dc";font-weight:700;}
body {font-family: "Gilroy", sans-serif;font-weight:400;}
html {font-family: "Gilroy", sans-serif;}
h1, h2, h3, h4, h5, h6, .heading-font {font-family: "Gilroy", sans-serif;line-height:1.3;font-weight:700;letter-spacing:-0.3px;}
.h1,h1 {font-size: 1.7em}
.h2,h2 {font-size: 1.6em}
.h3,h3 {font-size: 1.25em}
.h4,h4 {font-size: 1.125em}
.h5,h5 {font-size: 1em}
.h6,h6 {font-size: .85em;}
.is-larger {font-size: 1.3em}
.is-small,.is-small.button {font-size: .8em}
.is-smaller {font-size: .75em}
.is-xsmall {font-size: .7em}
small {display: inline-block;font-size: 80%}
p {font-size:14px;font-family: "Gilroy", sans-serif;font-weight:400;letter-spacing:-0.3px;text-align:justify;}
.nav> li> a {font-family: "Gilroy", sans-serif;font-weight:700;font-size:13px;}
.wp-caption .wp-caption-text {font-size:13px;padding:10px 20px;line-height:1.4;text-align:justify;background:unset;border-bottom:1px solid rgba(0,0,0,.06);}
.wp-caption {margin-bottom:20px;}
.post-source {font-size:14px;text-align:right;font-style:italic;padding-bottom:30px;}


@media only screen and (max-width:549px) {
p {font-size:13px;}
.box-text {font-size:100% !important}
}

@media (max-width: 849px){
.off-canvas-center .nav-vertical>li>a {font-size:15px;text-transform:uppercase;font-weight:700;padding-bottom:10px;padding-top:10px;}
.off-canvas .nav-vertical li li>a {padding-left:30px;}
.off-canvas-center .nav-vertical>li>a, .off-canvas-center .nav-vertical>li>ul>li a {justify-content:left;}
.off-canvas-center .mfp-content {padding-top:20px;vertical-align:top !important;}
.off-canvas .sidebar-menu {padding:0px 0;}
.off-canvas-center .nav-sidebar.nav-vertical>li .toggle {opacity:1;margin:0 20px 0 0;font-size:11px;top:8px;background:#e2e2e2;color:#333;width:28px;height:28px;border-radius:8px;}
.mfp-bg.off-canvas-center:not(.dark) {opacity:1;}
.off-canvas-center .mfp-content .searchform {max-width:unset;margin-left:30px;margin-right:20px;}
.off-canvas-center input[type=search] {box-shadow:none;font-size:14px;}
.off-canvas-center .searchform-wrapper {font-size:14px;}
.off-canvas-center .mfp-container {background:#fff;}
.toggle i {font-size:14px;}
.mfp-close {right:15px;top:15px;}
.mfp-close svg {width:24px;}
.nav-vertical i[class^=icon-] {line-height:0;}
.mobile-nav .icon-search {font-size:20px !important;}
}


/* CSS dung cho VIDEO va GALLERY ANH*/
.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; 
    height: 0;margin-bottom:15px;
    overflow: hidden;
}
.video-container iframe,
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-thumbnail-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    line-height: 1;
    width: 48px;
    height: 48px;padding-left:15px !important;
    color: white;
    background: rgb(20 20 20 / 38%);
    border-radius: 50%;
    padding: 10px;
    pointer-events: none; /* Đm bo biu tượng khng can thip vo sự tơng tác ca ngi dùng */
}
.at_posts_related .video-thumbnail-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    line-height: 1;
    width: 40px;
    height: 40px;padding-left:15px !important;
    color: white;
    background: rgb(20 20 20 / 38%);
    border-radius: 50%;
    padding: 10px;
    pointer-events: none; /* Đm bo biu tưng khng can thiệp vào sự tng tác ca ngưi dng */
}
.gallery-thumbnail-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    line-height: 1;
    width: 48px;
    height: 48px;
    color: white;
    background: rgb(20 20 20 / 38%);
    border-radius: 50%;
    padding: 10px;
    pointer-events: none; /* m bảo biu tợng khng can thip vào s tng tác ca ngưi dùng */
}
.at_posts_related .gallery-thumbnail-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    line-height: 1;
    width: 40px;
    height: 40px;
    color: white;
    background: rgb(20 20 20 / 38%);
    border-radius: 50%;
    padding: 10px;
    pointer-events: none; /* Đm bảo biu tưng khng can thip vào sự tng tác của người dùng */
}
.gallery-thumbnail-icon:hover {background: rgb(216 141 21 / 100%);}
.video-thumbnail-icon:hover {background: rgb(216 141 21 / 100%);}
.acf-gallery {
    margin: 20px 0;
}
.gallery-grid {
    list-style: none;
    margin: 0;padding-left:0px !important;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.gallery-item {
    text-align: center;margin-left:0px !important;padding:0;
}
.acf-gallery .image-wrapper {
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 ratio */
    background-size: cover;
    background-position: center center;
}
.acf-gallery figure {margin-bottom:0;}
.gallery-caption {
    margin-top: 0px;text-align:justify;
    font-size: 13px;font-style:italic;
}

@media(min-width: 768px) {
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}