/*
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.85
*/
@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:500;}
.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:0px;}
.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;}
ol, ul {font-size:14px;padding-left:15px;text-align:justify}
::marker {color:#f37021;}
.portfolio-single-page h3 {color:#004e9a;text-transform:uppercase;}
.nav-dropdown .menu-item-has-children>a, .nav-dropdown .nav-dropdown-col>a {font-size:14px;}
.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:0px;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);}
.uppercase, h6, span.widget-title, th {letter-spacing:0px;}
.wp-caption {margin-bottom:20px;}
.post-source {font-size:14px;text-align:right;font-style:italic;padding-bottom:30px;}
.nav>li {margin:0 16px;}
.button.icon.is-small i {top:1px;}
.nav-dark .nav>li.active>a {color:#f37021;}
.scroll-for-more .icon-angle-down {color:#f37021;}
.title-slider h1 {margin-bottom:0px;}
.title-slider h5 {max-width:700px;margin:0 auto;font-weight:500;}
.button span {font-weight:700;}
.button.truyenthong {margin-top:0px;}
.portfolio-bottom {background:#fff7ed;}
.social-icons span {font-weight:500;font-size:12px;}
.ux-menu-link__text  {font-weight:500;font-size:13px;}
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #dfdfdf;
}

::-webkit-scrollbar-thumb {
  background-color: #f37021;}
.has-dropdown .icon-angle-down {font-size:12px;margin-left:5px;}
.nav-column>li>a, .nav-dropdown>li>a {font-size:14px;font-weight:500;}
.entry-header .entry-title {color:#004e9a;text-transform:uppercase;}
.section-title a {font-size:13px;font-weight:500;letter-spacing:-0.3px;color:#f37021;}
.featured_item_cats {padding-bottom:5px;font-size:13px;font-weight:600;color:#004e9a;text-transform:uppercase;}
.portfolio-box .portfolio-box-title {color:#fff;text-transform:uppercase;opacity:1;font-size:16px;}
.portfolio-box .box-text {padding-bottom:15px;background:#f37021;border-radius:0px 0px 4px 4px;}
.portfolio-box .image-cover {border-radius:4px 4px 0px 0px;}
.show-on-hover {display:none;}
.ux-logo-link {padding:0!important;margin:0 auto;}
.khachhang-logo {background-color:#fff;border:1px solid #eee;padding:0;}
.entry-content {padding-top:10px;padding-bottom:0;}
#content.col {padding:0 15px 0px;}
.blog-archive .page-title {color:#004e9a;}
.copyright-footer {font-size:13px;color:#fff;}
.service-home {margin-top:-220px;}
.flickity-prev-next-button {opacity:1;width:44px;color:#004e9a;}
.slider-nav-circle .flickity-prev-next-button svg  {border:0px solid;background:#fff;filter:drop-shadow(0 4px 7px rgba(0,0,0,.15));height:44px;width:44px;padding:15px;position:absolute;}
.tooltipster-base {display:none;}
.nav-dropdown .menu-item-has-children>a, .nav-dropdown .nav-dropdown-col>a, .nav-dropdown .title>a {font-weight:500;text-transform:unset;color:hsla(0,0%,40%,.85);}
.logo-footer .ux-logo-link {padding:0px !important;margin-bottom:10px;}
.nav-box>li.active>a, .nav-pills>li.active>a {padding:3px 20px;}
.nav-pills>li>a  {padding:3px 20px;background:#f1f1f1;border-radius:4px;}
.box-dichvu .box-text {padding-bottom:10px;background:#f1f1f1;border-radius:0px 0px 4px 4px;}
.box-dichvu .box-text h5 {font-size:14px;color:#333;margin-bottom:0;text-align:center;font-weight:600;}
.box-dichvu .box-image {border-radius:4px 4px 0px 0px;}
.box-about {background:#fff;padding: 40px 30px;text-align:left;border-radius:4px;box-shadow:0px 0px 30px 0px hsl(0deg 0% 0% / 7%);min-height:300px;}
.box-about .icon-box-text h4 {font-size:16px;color:#004e9a;}
.box-about .icon-box-text p {font-size:13px;color:#333;}
.box-about:hover {background:#f1f1f1;}
.person-name {color:#004e9a;font-size:16px;}
.person-title {font-size:12px;font-weight:600 !important;text-transform:math-auto;}
.team-home .image-cover {border:3px solid #f37021;}
.star-rating span:before {color:#ffe359;}
.bg-footer {background-image:url("/data/uploads/2025/05/contact_page_footer_buildings.png");background-position:bottom center;background-repeat:repeat-x;background-size:25% auto;}
.section-title span {color:#004e9a;}
.tamnhin-sumenh {min-height:340px;background:rgb(255 255 255 / 50%);padding:20px 30px;border-radius:4px;box-shadow:0px 0px 30px 0px hsl(0deg 0% 0% / 7%);}
.giatri {background:rgb(255 255 255 / 50%);padding:20px 30px;border-radius:4px;box-shadow:0px 0px 30px 0px hsl(0deg 0% 0% / 7%);}
.giatri ul {padding-left:0px;text-align:justify;}
.giatri h3 {color:#004e9a;text-transform:uppercase}
.tamnhin-sumenh h3 {color:#004e9a;text-transform:uppercase}
.contact-box {
    background: #f37021;
    padding: 20px;
    color: #fff;
    width: 91.0666666667%;
    margin-left: 0px !important;
    margin-right: 0px !important;
    border-radius: 8px;
    position: relative
}
.contact-box:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    bottom: -20px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 25px solid #f37021
}
.form-lienhe input[type=date], input[type=email], input[type=password], input[type=tel], input[type=text], input[type=url], textarea {box-shadow:inset 0 0px 0px rgba(0,0,0,.1)!important;border:0px solid #ddd!important;border-bottom:1px solid #ddd!important;font-weight:500;padding-left:0px;font-size:13px}
.form-lienhe select {box-shadow:inset 0 0px 0px rgba(0,0,0,.1)!important;border:0px solid #ddd!important;border-bottom:1px solid #ddd!important;font-weight:600;font-size:13px}
.form-tuvan {margin-top:30px;border:2px solid #f37021;border-radius:4px;}
.lienhe0 .col {padding-bottom:0px;}
.widget-title {font-weight:700;font-size:18px;}
.widget ul {padding-left:0px;}
.team-home .box-text h4 {line-height:1;}

@media only screen and (max-width:549px) {
p {font-size:14px;}
.box-text {font-size:100% !important}
.bg-footer {background-size:396px auto;}
.tamnhin-sumenh {min-height:auto;padding-bottom:30px;}
.section-title a {font-size:12px;}
.transparent #logo img {max-height:160px !important;}
::-webkit-scrollbar {display:none;}
.section-title span {font-size:22px;}
.service-home {margin-top:-100px;}
.nav-vertical li li.menu-item-has-children>a {font-weight:500;text-transform:unset;color:hsla(0,0%,40%,.85);}
.row-slider .flickity-prev-next-button {width:36px!important;}
.slider-nav-circle .flickity-prev-next-button svg  {border:0px solid;background:#fff;filter:drop-shadow(0 4px 7px rgba(0,0,0,.15));height:36px;width:36px;padding:12px !important;position:absolute;}
.flickity-page-dots {left:13px;text-align:left;}
.slider-homepage {min-height:600px !important}
.title-slider h5 {font-size:14px;}
.slider-homepage .title-slider {margin-top:50px;}
.title-service-home {font-size:14px;}
.title-slider h1 {font-size:26px;}
.title-slider h3 {font-size:18px;}
.nav-pills {width:-webkit-fill-available;display:-webkit-box !important;overflow-x:scroll;overflow-y:hidden;margin-right:-20px !important;padding-right:20px;-ms-overflow-style: none; scrollbar-width: none;white-space:nowrap}
.box-dichvu .box-text h5 {padding-left:5px;padding-right:5px;}
.box-dichvu .box-text {min-height:60px;}
.slider-nav-dots-dashes-spaced .flickity-page-dots .dot {width:20px;}
.flickity-page-dots {bottom:-5px;}
.person-name {color:#004e9a;font-size:14px;}
.person-title {font-size:11px;font-weight:600 !important;}
.box-about {min-height:280px;}
.widget {display:none;}
}

@media (max-width: 849px){
.mfp-wrap {z-index:100000;}
.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;font-size:14px;}
.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;padding-bottom:30px;vertical-align:top !important;background:#fff;}
.off-canvas .sidebar-menu {padding:0px 0;}
.nav-vertical .header-button, .nav-vertical .social-icons {text-align:left;padding-left:30px;}
.off-canvas-center .nav-sidebar.nav-vertical>li .toggle {opacity:1;margin:0 20px 0 0;font-size:11px;top:8px;background:#004e9a;color:#fff;width:28px;height:28px;border-radius:4px;}
.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);
    }
}