@font-face {
    font-family: 'DFVN Float';
    src: url('fonts/DFVN-Float-Regular.woff2') format('woff2'),
        url('fonts/DFVN-Float-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVN-Averia Serif Libre';
    src: url('fonts/SVN-AveriaSerifLibre-BoldItalic.woff2') format('woff2'),
        url('fonts/SVN-AveriaSerifLibre-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Averia Serif Libre';
    src: url('fonts/SVN-AveriaSerifLibre-Bold.woff2') format('woff2'),
        url('fonts/SVN-AveriaSerifLibre-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Averia Serif Libre';
    src: url('fonts/SVN-AveriaSerifLibre-Light.woff2') format('woff2'),
        url('fonts/SVN-AveriaSerifLibre-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Averia Serif Libre';
    src: url('fonts/SVN-AveriaSerifLibre-Regular.woff2') format('woff2'),
        url('fonts/SVN-AveriaSerifLibre-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Averia Serif Libre';
    src: url('fonts/SVN-AveriaSerifLibre-Italic.woff2') format('woff2'),
        url('fonts/SVN-AveriaSerifLibre-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Averia Serif Libre';
    src: url('fonts/SVN-AveriaSerifLibre-LightIta.woff2') format('woff2'),
        url('fonts/SVN-AveriaSerifLibre-LightIta.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Brice';
    src: url('fonts/SVN-Brice-Regular.woff2') format('woff2'),
        url('fonts/SVN-Brice-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Brice-black';
    src: url('fonts/SVN-Brice-Black.woff2') format('woff2'),
        url('fonts/SVN-Brice-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Brice-Semibold';
    src: url('fonts/SVN-Brice-SemiBold.woff2') format('woff2'),
        url('fonts/SVN-Brice-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tahoma';
    src: url('fonts/Tahoma.woff2') format('woff2'),
        url('fonts/Tahoma.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/** CUSTOM CSS **/
#qodef-page-footer-bottom-area {
    background: #223870 !important;
}

.qodef-header--standard #qodef-page-header {
    background: transparent !important;
}
body {
    font-family: Tahoma, sans-serif !important;
}
.dfvn {
    font-family: 'SVN-Brice' !important;
}
.custom_bg {
    background: #fef6e8;
}
#qodef-page-footer-middle-area,
.pattern_bg {
    background: #fef6e8 url(https://talad.thewanderingcoder.net/wp-content/uploads/2025/07/logo_pattern.png) repeat top left;
    background-size: 185px auto;
}
.qodef-e-text,
.qodef-e-text h5,
#qodef-page-footer-middle-area .widget:not(.widget_blanquette_core_title_widget) {
    color: #223870 !important;
}
#qodef-page-header .widget .qodef-contact-info-widget a {
    text-decoration: none !important;
}
.widget .qodef-contact-info-widget:is(h6) a:after, .widget .qodef-contact-info-widget:is(h6) a:before {
    bottom: -3px !important;
}
.qodef-header-navigation>ul>li>a .qodef-menu-item-text,
.qodef-mobile-header-navigation>ul>li>a,
.qodef-h1, h1,
.qodef-h2, h2,
.qodef-h3, h3,
.qodef-h4, h4,
.qodef-h5, h5,
.qodef-h6, h6,
.svn_brice {
    font-family: 'DFVN Float' !important;
}
/*#qodef-page-header-inner.qodef-skin--light .qodef-opener-icon.qodef-source--icon-pack, #qodef-page-header-inner.qodef-skin--light .qodef-opener-icon.qodef-source--predefined, #qodef-page-header-inner.qodef-skin--light .qodef-opener-icon.qodef-source--svg-path, #qodef-page-mobile-header-inner.qodef-skin--light .qodef-opener-icon.qodef-source--icon-pack, #qodef-page-mobile-header-inner.qodef-skin--light .qodef-opener-icon.qodef-source--predefined, #qodef-page-mobile-header-inner.qodef-skin--light .qodef-opener-icon.qodef-source--svg-path, .qodef-custom-header-layout.qodef-skin--light .qodef-opener-icon.qodef-source--icon-pack, .qodef-custom-header-layout.qodef-skin--light .qodef-opener-icon.qodef-source--predefined, .qodef-custom-header-layout.qodef-skin--light .qodef-opener-icon.qodef-source--svg-path {*/
/*    color: #223870 !important;*/
/*}*/
.blue_bg .qodef-horizontal-timeline:before {
    height: 120% !important;
    background: #223870 !important;
}
.blue_bg .qodef-e-date-range {
    font-size: 21px !important;
    color: #fff !important;
}
.qodef-e-image-holder {
    padding-left: 30px !important;
    right: unset !important;
    left: 0 !important;
}
.blue_bg .qodef-e-text {
    color: #fff !important;
}
.blue_bg .qodef-e-excerpt {
    color: #000 !important;
}
.qodef-header-navigation>ul>li>a .qodef-menu-item-text:after {
    background: #fff !important;
}
.blue_bg .qodef-horizontal-timeline .qodef-e-item .qodef-e-rhombus {
    background: #fff !important;
}
.qodef-header--sticky-display .qodef-header-navigation>ul>li>a .qodef-menu-item-text:after {
    background: #223870 !important;
}
.qodef-page-title .qodef-m-title {
    color: #FEF6E8 !important;
}
.qodef-page-title .qodef-m-title:before,
.qodef-page-title .qodef-m-title:after {
    content: '';
    position: relative;
    background: url(https://talad.thewanderingcoder.net/wp-content/uploads/2025/07/pattern.png) no-repeat top left;
    background-size: auto 100%;
    width: 40px;
    height: 60px;
    display: inline-block;
    top: 10px;
}
.qodef-header--sticky-display .qodef-header-navigation>ul>li.current-menu-ancestor>a, 
.qodef-header--sticky-display .qodef-header-navigation>ul>li.current-menu-item>a, 
.qodef-header--sticky-display .qodef-header-navigation>ul>li>a {
    color: #223870 !important;
}
.custom_ttl h2 {
    color: #223870 !important;
    position: relative;
    margin-bottom: 10px !important;
}
.custom_ttl h2:after {
    content: '';
    position: absolute;
    width: 100px;
    height: 2px;
    border-radius: 2px;
    display: block;
    left: 0;
    bottom: -5px;
    background: #223870;
}
.custom_box h5 {
    font-size: 18px !important;
    margin-bottom: 10px !important;
    font-family: Tahoma, sans-serif !important;
}
.custom_box h2 {
    font-size: 32px !important;
    color: #223870 !important;
}
.slide_img {
    position: relative;
}
.slide_img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
}
#qodef-page-footer-top-area {
    display: none !important;
}
.blue_bg {
    background: #223870 !important;
    color: #fff !important;
}
.blue_bg h2,
.blue_bg h5,
.blue_bg h6 {
    color: #fff;
}
.social_icon img {
    width: 30px;
}
.qodef-counter.qodef-layout--simple .qodef-m-digit,
.qodef-header-navigation>ul>li>a {
    color: #FEF6E8 !important;
}
.about_section:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    top: 0;
    left: 0;
}
.qodef-parallax-img-wrapper {
  overflow: hidden;
}
.qodef-parallax-img-wrapper img {
    transition: width 5s ease;
    animation: zoomSlow 10s ease-in-out infinite;
}
.qodef-blog.qodef--list .qodef-blog-item .qodef-e-media-image a img {
    transform: scale(1) translateX(-4px);
    transition: transform .8s cubic-bezier(.61,1,.88,1);
}
#qodef-page-header {
    position: absolute !important;
}
.home #qodef-page-header {
    position: relative !important;
}
#qodef-page-header-inner .qodef-widget-holder.qodef--one {
    display: none !important;
}
@keyframes zoomSlow {
  0%, 100% {
    width: 100%;
  }
  50% {
    width: 120%;
  }
}
.html_icon {
    width: 100px;
    height: auto;
    text-align: center;
}
.html_ttl {
    font-family: 'DFVN Float' !important;
    font-size: 24px;
    border-left: 4px solid #223870 !important;
    color: #223870 !important;
    margin: 15px 0;
    padding-left: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.counter_th .elementor-widget-image {
    display: flex;
    justify-content: center;
    align-items: center;
}
.counter_th .elementor-widget-image img {
    max-width: 120px;
    height: auto;
}
.counter_th .qodef-m-digit {
    font-family: 'DFVN Float' !important;
    border-left: 4px solid #223870 !important;
    padding-left: 10px;
}
.qodef-qi-charts .qodef-m-canvas {
    width: 100%;
}
.hethong_list {
    max-height: 500px;
    padding: 10px;
    overflow-y: scroll !important;
    width: 375px;
}
.hethong_list .hethong_ttl:first-child {
    margin-top: 0;
}
.hethong_list .hethong_ttl {
    font-size: 24px;
    font-weight: bold;
    font-family: 'DFVN Float' !important;
    border-left: 4px solid #223870 !important;
    padding-left: 10px;
    margin-bottom: 10px;
    margin-top: 30px;
}
.hethong_list .hethong_subttl {
    font-size: 20px;
    color: #223870;
    font-weight: bold;
    margin: 10px 0 0;
    text-align: center;
}
.hethong_list a {
    border-bottom: 1px solid #223870;
    padding: 15px 0;
    display: block;
    font-weight: bold;
    padding-left: 15px;
}
.hethong_list a.active {
    background: #eee;
}
.ht_address {
    color: #6b7280;
    font-size: 16px;
    display: block;
    font-weight: normal;
}
.ht_hotline {
    font-weight: bold;
    font-size: 16px;
    display: block;
}
.ht_hotline b {
    color: #223870;
}
.map_iframe {
    padding: 10px;
    width: calc(100% - 375px) !important;
}
.iframe_map iframe {
    width: 100% !important;
}
.qodef-section-title .qodef-m-title {
    color: #9B763B;
}
.qodef-blog.qodef--list .qodef-blog-item .qodef-e-media-image a img {
    transform: scale(1) translateX(-4px) !important;
}
@media screen and (max-width: 768px) {
    .html_txt {
        padding: 0 15px;
    }
    .html_icon {
        text-align: center;
        margin: 0 auto;
    }
    section.qodef-elementor-content-grid>.elementor-container, section.qodef-elementor-content-grid>.elementor-element {
        width: 100% !important;
    }
    .qodef-shortcode h2 a,
    .qodef-h1, h1 {
        font-size: 24px;
    }
    .e-con.e-flex>.e-con-inner {
        padding-top: 20px !important;
    }
    .elementor-9087 .elementor-element.elementor-element-198d0f2e.e-con,
    .elementor-9087 .elementor-element.elementor-element-2d5c6822.e-con,
    .elementor-9087 .elementor-element.elementor-element-78266b59.e-con,
    .elementor-9087 .elementor-element.elementor-element-4842968d,
    .elementor-9087 .elementor-element.elementor-element-34d9339c,
    .elementor-9087 .elementor-element.elementor-element-35177bc2,
    .elementor-2880 .elementor-element.elementor-element-1d813f5.e-con,
    .elementor-2880 .elementor-element.elementor-element-1953505.e-con,
    .elementor-2880 .elementor-element.elementor-element-ea1506d.e-con,
    .elementor-2880 .elementor-element.elementor-element-198d0f2e.e-con,
    .elementor-2880 .elementor-element.elementor-element-2d5c6822.e-con,
    .elementor-2880 .elementor-element.elementor-element-78266b59.e-con,
    .elementor-2880 .elementor-element.elementor-element-35177bc2,
    .elementor-2880 .elementor-element.elementor-element-34d9339c,
    .elementor-2880 .elementor-element.elementor-element-4842968d,
    .elementor-2880 .elementor-element.elementor-element-e7dc898,
    .elementor-2880 .elementor-element.elementor-element-6fe8d73,
    .elementor-2880 .elementor-element.elementor-element-03c4ad5 {
        padding: 15px 0;
    }
    
    .elementor-9087 .elementor-element.elementor-element-198d0f2e.e-con,
    .elementor-9087 .elementor-element.elementor-element-2d5c6822.e-con,
    .elementor-9087 .elementor-element.elementor-element-78266b59.e-con,
    .elementor-9087 .elementor-element.elementor-element-4842968d,
    .elementor-9087 .elementor-element.elementor-element-34d9339c,
    .elementor-9087 .elementor-element.elementor-element-35177bc2,
    .elementor-2880 .elementor-element.elementor-element-1d813f5.e-con,
    .elementor-2880 .elementor-element.elementor-element-1953505.e-con,
    .elementor-2880 .elementor-element.elementor-element-ea1506d.e-con,
    .elementor-2880 .elementor-element.elementor-element-198d0f2e.e-con,
    .elementor-2880 .elementor-element.elementor-element-2d5c6822.e-con,
    .elementor-2880 .elementor-element.elementor-element-78266b59.e-con {
        margin: 0 auto;
        order: 2;
    }
    .elementor-9087 .elementor-element.elementor-element-198d0f2e.e-con img,
    .elementor-9087 .elementor-element.elementor-element-2d5c6822.e-con img,
    .elementor-9087 .elementor-element.elementor-element-78266b59.e-con img,
    .elementor-2880 .elementor-element.elementor-element-1d813f5.e-con img,
    .elementor-2880 .elementor-element.elementor-element-1953505.e-con img,
    .elementor-2880 .elementor-element.elementor-element-ea1506d.e-con img,
    .elementor-2880 .elementor-element.elementor-element-198d0f2e.e-con img,
    .elementor-2880 .elementor-element.elementor-element-2d5c6822.e-con img,
    .elementor-2880 .elementor-element.elementor-element-78266b59.e-con img {
        max-width: 150px;
        margin: 0 auto;
        display: block;
    }
    .qodef-grid.qodef-responsive--custom.qodef-col-num--480--1.qodef-layout--masonry .qodef-grid-masonry-sizer, .qodef-grid.qodef-responsive--custom.qodef-col-num--480--1.qodef-layout--masonry>.qodef-grid-inner>.qodef-grid-item {
        padding: 0 30px !important;
    }
    .map_iframe  {
        display: none !important;
    }
}