/*!
Theme Name: Thoitiet Theme
Theme URI: https://thoitiet4m.com
Author: thoitiet
Author URI: https://thoitiet4m.com
Description: Đây là theme được tạo bởi Beetrust
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: thoitiet
Tags: thoitiet
*/
 :root{--height-header:70px;--white-color:#ffffff;--gray-white-color:#efefef;--gray-color:#fafafa;--reverse-color:#757575;--dark-color:#151e28;--orange-color:#fa4d23;--green-color:#00ab56;--red-color:#ff424e;--blue-color:#2D67AD;--background-blue-color:#eff5ff;--box-shadow:2px 0px 24px 0px #1c4cba1a;--good-color:linear-gradient(45deg, #4cf410, #16cfd7);--fair-color:linear-gradient(45deg, #3c8ce7, #00eaff);--moderate-color:linear-gradient(45deg, #fff500, #ff9900);--poor-color:linear-gradient(45deg, #fdd819, #e80505);--very-poor-color:linear-gradient(45deg, #f05f57, #360940);--sky-color:linear-gradient(45deg, #017dff, #00aff0);--cloudy-color:linear-gradient(45deg, #b2d4f7, #d9e2f3);--light-color:linear-gradient(45deg, #f5bd52, #f5da79);--sun-color:linear-gradient(45deg, #ff9900, #f6cf67);--rain-color:linear-gradient(45deg, #95b6f6, #5193de);--scroll-bar-color:var(--gray-white-color);--scroll-thumb-color:var(--reverse-color);--scroll-thumb-hover-color:var(--dark-color);--h1-font-size:28px;--h2-font-size:24px;--h3-font-size:20px;--h4-font-size:18px;--body-font-size:16px}@media screen and (min-width:768px){:root{--h1-font-size:32px;--h2-font-size:28px;--h3-font-size:24px;--h4-font-size:18px;--body-font-size:16px}}@media screen and (min-width:1024px){:root{--height-header:80px}}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth;margin:0!important}body{margin:0;font-family:"Arial";font-size:var(--body-font-size);background-color:var(--white-color);color:var(--dark-color)}h1{font-size:var(--h1-font-size);font-weight:700;line-height:40px;letter-spacing:-.02em;text-align:left;margin-bottom:12px}h2{font-size:var(--h2-font-size);font-weight:700;line-height:26px;letter-spacing:-.02em;text-align:left;margin-bottom:12px}h3{font-size:var(--h3-font-size);font-weight:700;line-height:24px;letter-spacing:-.02em;text-align:left;margin-bottom:12px}h4{font-size:var(--h4-font-size);font-weight:700;line-height:24px;letter-spacing:-.02em;text-align:left}ul{list-style:none}a{text-decoration:none;color:var(--text-color)}img{max-width:100%;height:auto}textarea{resize:none}section,aside{margin-top:.75rem}.container{padding:0 .5rem;width:100%;margin-left:auto;margin-right:auto}.container-header{padding:0 1rem;width:100%;margin-left:auto;margin-right:auto}main{margin-bottom:2rem}hr{width:100%;border:1px solid var(--gray-white-color)}.box-section{background-color:var(--white-color);box-shadow:var(--box-shadow);border-radius:10px;padding:15px}.section-breadcrumbs{width:100%;background-color:var(--white-color);margin-top:0.5rem!important;margin-bottom:0.5rem!important}.breadcrumbs{line-height:1.5;height:max-content}.section-breadcrumbs i{width:13px;height:13px;font-size:13px;display:flex;justify-content:center;align-items:center}.breadcrumbs .fa-angle-right{width:13px;height:13px;font-size:13px}.breadcrumbs span:nth-child(1){display:flex;align-items:center;gap:3px;flex-wrap:wrap;height:max-content}.breadcrumbs span{display:block}.breadcrumbs span,.breadcrumbs a,.breadcrumbs i{font-size:13px}.breadcrumbs span,.breadcrumbs a{color:#1877f2}.breadcrumbs .fa-angle-right,.breadcrumbs .breadcrumb_last{color:#797979}::-webkit-scrollbar{width:.4rem;height:.4rem;background-color:var(--scroll-bar-color);border-radius:5rem}::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb-color);border-radius:.5rem}::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-thumb-hover-color)}a{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation}.button{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:25px;background-color:var(--white-color);border:2px solid var(--dark-color);color:var(--dark-color);padding:6px 8px;font-size:14px;font-weight:500;cursor:pointer;width:max-content;text-align:center;transition:all ease-in-out 0.3s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation}.button:hover{background-color:var(--dark-color);color:var(--white-color)}.button i{transition:all 0.3s ease}.button:hover i{transform:translateX(5px)}.button-select-view{min-width:116px;height:34px}.button-active{background-color:var(--dark-color);color:var(--white-color)}.button-view-more:hover i{transform:translateY(3px)}.nav-select-view .button{padding:0 24px}.chart{margin:12px}@media screen and (min-width:768px){section,aside{margin-top:.85rem}.button{padding:8px 16px}.box-section{padding:20px}h2{line-height:28px}.section-breadcrumbs{margin-top:1rem!important;margin-bottom:1rem!important}}@media screen and (min-width:1024px){section,aside{margin-top:.95rem}.container{max-width:1000px}.container-header{max-width:1280px}.nav-select-view .button{padding:0}h2{line-height:30px}}@media screen and (min-width:1280px){section,aside{margin-top:1rem}.container{max-width:1280px}.container-header{max-width:1640px}h2{line-height:32px}}.icon-menu{display:block}.site-header{box-shadow:var(--box-shadow);font-size:14px!important;position:sticky;top:0;z-index:9999;background:var(--white-color)}.site-header .header-container{display:flex;align-items:center;justify-content:space-between;height:var(--height-header);min-height:var(--height-header);max-height:var(--height-header);position:relative}.site-branding a{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation}.site-branding img{width:200px;height:auto;min-width:200px;max-width:200px}.navigation-desktop{display:none;width:100%;height:100%}.navigation-desktop-left{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;height:100%}.navigation-desktop .title-menu-city{font-size:18px;font-weight:700;padding-left:16px;padding-bottom:16px}.navigation-desktop .main-navigation,.navigation-desktop .menu{display:flex;align-items:center;justify-content:center;gap:10px;height:100%}.navigation-mobile .main-navigation .menu-item .sub-menu .menu-item a{padding:10px 10px 10px 0}.navigation-desktop .menu-menu-city-container,.navigation-desktop .menu-menu-header-container{height:100%}.navigation-desktop .menu-item{position:relative;white-space:nowrap;height:100%;border-bottom:3px solid var(--white-color);transition:all ease-in 0.3s}.navigation-desktop .menu-city{height:100%;display:flex;align-items:center;justify-content:center;border-bottom:3px solid var(--white-color);transition:all ease-in 0.3s;position:relative}.navigation-desktop .menu-city .link-menu-city{cursor:pointer;height:100%;display:flex;align-items:center;justify-content:center}.navigation-desktop .menu-item a{display:inline-grid;cursor:pointer;height:100%;align-items:center}.navigation-desktop .sub-menu a,.navigation-desktop .sub-menu-city a{border-bottom:none!important;padding:10px}.navigation-desktop .sub-menu{display:none;position:absolute;top:var(--height-header);background-color:var(--white-color);box-shadow:var(--box-shadow);padding:16px;z-index:10}.navigation-desktop .sub-menu-city{display:none;position:absolute;top:var(--height-header);left:50%;transform:translateX(-50%);background-color:var(--white-color);box-shadow:var(--box-shadow);padding:12px;gap:36px;z-index:10;width:max-content;box-sizing:border-box}.navigation-desktop .sub-menu .menu-item,.navigation-desktop .menu-item-city{border-bottom:3px solid var(--white-color)!important}.navigation-desktop .icon-click i{padding:0 5px;transition:all ease-in-out 0.3s}.navigation-desktop .list-menu-city{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;padding:12px}.navigation-desktop .button-get-location{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:25px;background-color:var(--white-color);border:2px solid var(--dark-color);color:var(--dark-color);padding:8px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all ease 0.3s}.navigation-desktop .button-get-location .temp{font-size:16px;font-weight:600}.slide-header{background-color:var(--white-color);width:100%;height:100%;position:fixed;top:0;right:-80%;z-index:2147483647;transition:all 0.3s ease;box-shadow:var(--box-shadow)}.show{display:flex}.hide{display:none}.rotate{transform:rotate(-180deg)}.navigation-mobile{display:flex;flex-direction:column;gap:16px;padding:16px}.navigation-mobile .menu{display:flex;flex-direction:column}.navigation-mobile .sub-menu{display:flex;flex-direction:column;padding-left:6px;max-height:400px;overflow-y:auto;gap:10px;width:100%;transition:all ease 0.3s}.navigation-mobile .menu-item{width:100%;position:relative;display:flex;align-items:flex-start;flex-wrap:wrap;height:auto;justify-content:space-between;flex-direction:column;white-space:nowrap;padding-top:10px;padding-bottom:16px}.menu-item ul li{padding-top:4px!important;padding-bottom:6px!important}.navigation-mobile .menu-item a{padding:4px!important}.navigation-mobile .menu-item .icon-click{position:absolute;right:10px;font-size:16px;cursor:pointer;width:50%;display:flex;justify-content:flex-end;padding:3px 0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation}.navigation-mobile .list-menu-city,.navigation-mobile .menu-item-city div{width:50%;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation}.navigation-mobile .menu-item a{width:50%;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;padding:4px}.navigation-mobile .main-navigation{font-size:16px}.navigation-mobile .sub-menu-city,.navigation-mobile .sub-menu-city div,.navigation-mobile .sub-menu-city ul,.navigation-mobile .sub-menu a,.navigation-mobile .sub-menu-city .menu-item a{width:100%!important}.navigation-mobile .menu-item .icon-click i{transition:all ease-in-out 0.3s}.navigation-mobile .menu-item-current,.navigation-mobile .icon-click-current{color:var(--orange-color);transition:all ease-in 0.3s}.navigation-mobile .title-menu-city{font-weight:700;margin-bottom:3px}.navigation-mobile .list-menu-city{display:flex;flex-direction:column;gap:10px}.navigation-mobile .button-get-location{display:flex;align-items:center;justify-content:flex-start;gap:10px;background-color:var(--white-color);color:var(--dark-color);font-size:14px;font-weight:500;width:max-content;cursor:pointer;border:none}.navigation-mobile-weather{display:flex;align-items:center;gap:16px}.navigation-mobile .header-navigation-mobile{display:flex;align-items:center;justify-content:space-between}.navigation-mobile .icon-close,.icon-menu{font-size:24px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation}.navigation-mobile .navigation-mobile-title{font-size:18px;font-weight:700}.slide-header-hide{right:-100%}.slide-header-open{right:0}.sub-menu-hide{overflow:hidden;height:0}.sub-menu-expanded{height:max-content;padding-top:10px}.menu-menu-city-container .sub-menu-expanded{height:400px!important}.icon-click.rotate{transform:rotate(180deg)}.modal-slide-header{background-color:var(--dark-color);width:100%;height:100%;position:fixed;top:0;left:-100%;z-index:2147483646;transition:all 0.3s ease}.modal-slide-header-hide{opacity:0;left:-100%}.modal-slide-header-show{opacity:.8;left:0}#current_location-mobile{white-space:nowrap}.sub-menu-change-color{color:var(--orange-color)}.box-popup-search{display:flex;width:max-content;gap:16px}.popup-search{position:fixed;top:var(--height-header);right:-100%;z-index:1000;background:var(--white-color);box-shadow:var(--box-shadow);padding:12px;width:100%;transition:all 0.3s ease}.icon-menu-popup-search:hover .popup-search{right:0}.icon-menu-popup-search{display:flex;align-items:flex-start}.popup-search .link-suggest{font-size:16px}.no-scroll{overflow:hidden}@media screen and (min-width:768px){.slide-header-hide{right:-80%}.slide-header{width:80%}.navigation-mobile{padding:32px}}@media screen and (min-width:1280px){.icon-menu-popup-search{display:none}.icon-menu{display:none}.navigation-desktop .menu-city:hover .sub-menu-city{display:block}.navigation-desktop{display:flex;align-items:center;justify-content:space-between;padding-left:24px}.navigation-desktop .menu-item:hover .sub-menu{display:flex;flex-direction:column}.navigation-desktop .menu-city:hover a,.navigation-desktop .menu-item:hover a{color:var(--orange-color)}.navigation-desktop .menu-city:hover,.navigation-desktop .menu-item:hover{border-bottom:3px solid var(--orange-color)}.navigation-desktop .menu-city:hover span i,.navigation-desktop .menu-item:hover span i{transform:rotate(-180deg)!important;color:var(--orange-color)}.navigation-desktop .menu-menu-south-container .menu-item a:hover,.navigation-desktop .menu-menu-central-container .menu-item a:hover,.navigation-desktop .menu-menu-north-container .menu-item a:hover{color:var(--orange-color)}.navigation-desktop .menu-item .sub-menu a:hover{color:var(--orange-color)}.navigation-desktop .menu-menu-south-container .menu-item a,.navigation-desktop .menu-menu-central-container .menu-item a,.navigation-desktop .menu-menu-north-container .menu-item a{color:var(--dark-color)}.navigation-desktop .menu-item .sub-menu a,.navigation-desktop .menu-item .sub-menu-city a{color:var(--dark-color)}.navigation-desktop .button-get-location:hover{background-color:var(--dark-color);color:var(--white-color)}}.background-footer{background-color:#141e28;background-position:right;background-repeat:no-repeat;background-size:cover;position:relative}.text-link{color:#141e28!important}.site-footer{padding:24px 0}.site-info,.site-about,.site-social{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:24px}.site-info p{text-align:justify;line-height:1.5}.detail-site-info{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px}.site-title{font-size:18px;font-weight:700;line-height:24px;letter-spacing:-.02em;text-align:left;height:36px;display:flex;align-items:flex-end}.group-footer{display:grid;grid-template-columns:1fr;color:var(--white-color);gap:36px}.value-info{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:6px}.value-info b{white-space:nowrap;line-height:1.5}.footer-about{display:grid;grid-template-columns:1fr 1fr;list-style:disc;gap:12px}.footer-about .menu-item{margin-left:16px}.social-items{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:24px}.site-copyright{margin-top:48px;color:var(--white-color)}.group-copyright{display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:flex-start;gap:12px}.policy{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:24px}@media screen and (min-width:768px){.background-footer{}.group-copyright{flex-direction:row;justify-content:space-between}}@media screen and (min-width:1024px){.group-footer{grid-template-columns:2fr 1fr 1fr}}.container-home-banner{position:relative;height:300px;width:100%}.content-home-banner{position:absolute;top:50%;transform:translateY(-50%);padding:0 24px;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:6px}.title-home{text-align:left;font-size:18px;font-weight:500;line-height:32px;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:12px;color:var(--white-color)}.title-home span{font-size:36px;font-weight:700;text-align:left}.section-current{display:flex;flex-direction:column;gap:24px}.box-current-weather{display:flex;flex-direction:column;gap:12px;width:100%}.box-value-weather{display:flex;flex-direction:row;gap:12px;align-items:center}.current-day{font-size:12px;font-weight:400;line-height:18px;text-align:left;color:var(--reverse-color)}.current-icon-weather{width:50px;height:50px}.current-temp{font-size:60px;font-weight:700}.box-detail-weather{display:flex;flex-direction:column;gap:12px}.list-weather-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;padding:6px 0;align-items:center;overflow-x:auto;overflow-y:hidden}.box-weather-weekday{background-color:var(--gray-color);border-radius:5px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:75px}.value-weekday{font-size:12px;text-align:center}.box-search-city{display:flex;width:100%;flex-direction:column;gap:16px}.text-search-city{font-size:15px;font-weight:600}.list-suggest{display:grid;grid-template-columns:1fr 1fr;gap:16px}.list-suggest .menu-item a{transition:all 0.3s ease-in;color:var(--white-color);background-color:#000;padding:3px 6px;border-radius:6px;border:1px solid #000}.list-suggest .menu-item a:hover{color:#000;background-color:var(--white-color)}.section-role{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.box-role-text{width:100%}.box-role-image{width:100%}.box-role-text h3{font-size:28px;font-weight:700;line-height:36px;color:var(--orange-color);margin-bottom:12px}.box-role-text p{font-size:16px;font-weight:500;line-height:32px;letter-spacing:-.02em;text-align:justify}.section-describe{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.box-describe{position:relative}.box-describe h3{font-size:24px;font-weight:700;line-height:30px;letter-spacing:-.02em;margin-bottom:12px;color:var(--orange-color);text-align:center}.box-describe .bold{font-size:16px;font-weight:700;line-height:22px;letter-spacing:-.02em;margin-bottom:24px;text-align:center}.box-describe p{font-size:14px;font-weight:500;line-height:18px;letter-spacing:-.02em;text-align:center;width:100%;margin:0 auto}.box-describe .line-bold{position:absolute;top:60px;left:56%;transform:translateX(-50%)}.list-box-describe{display:grid;grid-template-columns:1fr;gap:24px}.box-icon-describe{width:72px;height:72px}.box-title-describe{font-size:18px;font-weight:700;line-height:24px;letter-spacing:-.02em;text-align:center}.item-box-describe{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px;padding:20px;border-radius:10px;border:1px solid var(--gray-white-color);background:#f5f5f540}.header-section{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-link{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--dark-color);font-size:14px;font-weight:500;cursor:pointer;width:max-content;transition:all ease-in-out 0.3s;font-weight:600}.section-link i{transition:all 0.3s ease}.section-link:hover i{transform:translateX(5px)}.list-news{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}.item-news{background-color:var(--white-color);box-shadow:var(--box-shadow)}.item-news .news-image img{width:100%}.news-title{font-size:16px;font-weight:700;line-height:22px;letter-spacing:-.02em;text-align:left}.news-read-more{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--dark-color);font-size:14px;font-weight:500;cursor:pointer;width:max-content;transition:all ease-in-out 0.3s;font-weight:600}.item-news .news-content{padding:12px;display:flex;flex-direction:column;gap:12px}.item-news .news-link .fa-arrow-right{transition:all 0.3s ease}.item-news .news-link:hover .fa-arrow-right{transform:translateX(5px)}.item-news .news-date{font-size:12px;font-weight:400;line-height:18px;color:var(--reverse-color);display:flex;align-items:center;flex-direction:row;justify-content:flex-start;gap:6px}.section-brand{background-color:var(--background-blue-color);padding:40px 0}.section-brand .item-slider{-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:all ease-in-out 0.3s;border:1px solid #b9b9b9;margin:0 5px;border-radius:5px;height:70px;max-height:70px;min-height:70px;object-fit:contain;display:inline-block}.section-brand .item-slider img{height:70px;max-height:70px;min-height:70px;display:flex;margin:auto;padding:5px}.section-brand .item-slider:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%)}.news-image{overflow:hidden;max-height:160px;min-height:160px;height:160px}.box-content-describe{line-height:1.5;text-align:center}.current_location{margin-bottom:0}.char-values-3-day-current-day .title-time-current-weather-every-day{margin-top:36px}.button-transparent{background-color:transparent;border:var(--white-color) 2px solid;color:var(--white-color)}@media screen and (min-width:768px){.box-role-text p{font-size:20px;font-weight:500;line-height:36px;letter-spacing:-.02em;text-align:justify}.list-box-describe{grid-template-columns:repeat(2,1fr)}.list-news{grid-template-columns:repeat(2,1fr)}.title-home{font-size:24px;font-weight:500;line-height:42px;letter-spacing:-.02em;text-align:left}.title-home span{font-size:64px;font-weight:700;text-align:left}.content-home-banner{padding:0 36px}}@media screen and (min-width:1024px){.box-role-text h3{margin-bottom:32px}.current-icon-weather{width:100px;height:100px}.current-temp{font-size:100px;font-weight:700}.box-value-weather{gap:36px}.section-current{gap:48px;flex-direction:row}.box-current-weather{width:55%}.box-search-city{width:40%}.title-home{font-size:28px;font-weight:500;line-height:42px;letter-spacing:-.02em;text-align:left}.title-home span{font-size:64px;font-weight:700;text-align:left}.background-banner{background-image:url(../../../../../../themes/thoitiet4m/assets/images/banner-tablet.png);background-position:right;background-repeat:no-repeat;background-size:cover;position:relative;margin-top:0!important}.container-home-banner{height:350px}.section-role{flex-direction:row}.box-role-text{width:40%}.box-role-image{width:60%}.box-describe h3{font-size:32px;font-weight:700;line-height:48px;letter-spacing:-.02em}.box-describe .bold{font-size:24px;font-weight:700;line-height:30px;letter-spacing:-.02em}.box-describe p{font-size:20px;font-weight:500;line-height:32px;letter-spacing:-.02em;width:80%}.box-describe .line-bold{top:90px}.list-box-describe{grid-template-columns:repeat(4,1fr)}.content-home-banner{padding:0 64px}}@media screen and (min-width:1280px){.background-banner{background-image:url(../../../../../../themes/thoitiet4m/assets/images/banner-desktop.png);background-position:right;background-repeat:no-repeat;background-size:cover;position:relative;margin-top:0!important}.title-home{font-size:32px;font-weight:500;line-height:48px;letter-spacing:-.02em;text-align:left}.title-home span{font-size:72px;font-weight:700;text-align:left}.container-home-banner{height:550px}.list-news{grid-template-columns:repeat(4,1fr)}.box-weather-weekday{width:auto}.content-home-banner{padding:0 96px}}.container-main{display:flex;flex-direction:column;gap:0;align-items:flex-start;justify-content:space-between}.container-main .main-page{min-width:100%;width:100%}.container-main .aside-page{min-width:100%;width:100%;display:flex;flex-direction:column;gap:16px}.box-banner-current{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:24px;padding-top:24px;padding-bottom:24px}.slider-select-view .slick-track{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:6px}.background-current-banner{background:linear-gradient(45deg,#161e28,#03050d)}.box-info-current-weather{color:var(--white-color);width:100%}.title-current-weather{font-size:32px;font-weight:700;line-height:48px;letter-spacing:-.02em;text-align:left}.box-datetime-current-weather{display:flex;flex-direction:row;align-items:center;gap:12px}.date-current-weather,.time-current-weather{font-size:14px;font-weight:400;line-height:18px;letter-spacing:-.02em;text-align:left;color:var(--gray-white-color);display:flex;align-items:center;gap:4px}.box-value-current-weather{display:flex;flex-direction:row;align-items:center;gap:12px}.describe-current-weather{font-size:24px;font-weight:700;line-height:30px;letter-spacing:-.02em;text-align:left;color:var(--white-color)}.feel-current-weather{font-size:16px;font-weight:400;line-height:22px;letter-spacing:-.02em;text-align:left;color:var(--reverse-color)}.box-detailed-description-current-weather{margin-top:6px}.detailed-description-current-weather{font-size:16px;font-weight:400;line-height:22px;letter-spacing:-.02em;text-align:left;color:var(--gray-white-color)}.list-detailed-values-current-weather{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.item-detailed-value-current-weather{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.item-detailed-value-current-weather i{font-size:16px}.title-detailed-value-current-weather{font-size:12px;font-weight:400;line-height:18px;letter-spacing:-.02em;text-align:left;color:var(--white-color)}.value-detailed-value-current-weather{font-size:16px;font-weight:400;line-height:22px;letter-spacing:-.02em;text-align:left;color:var(--white-color)}.box-info-day-night{width:100%}.list-day-night{width:100%}.list-day-night{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;gap:12px}.item-day-night{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.icon-day-night{width:24px;height:24px}.list-time-current-weather{display:grid;grid-template-columns:repeat(13,1fr);gap:10px;overflow-x:auto;padding-top:12px;padding-bottom:12px;margin-bottom:24px}.item-time-current-weather{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;background-color:var(--gray-color);border-radius:10px;color:var(--dark-color);width:75px;padding:12px}.current-time-icon-weather{min-width:32px;min-height:32px;width:32px;height:32px}.icon-header{min-width:24px;min-height:24px;max-width:24px;max-height:24px;width:24px;height:24px}.current-time-temp-current-weather{font-size:18px;font-weight:500}.box-time-humidity-current-weather{display:flex;align-items:center;justify-content:center;gap:3px}.box-time-humidity-current-weather svg{width:16px;height:16px;color:var(--dark-color)}.current-time-describe{font-size:12px;font-weight:400;text-align:center}.item-time-current-weather-active{color:var(--dark-color);background-color:var(--dark-color)}.item-time-current-weather-active svg{stroke:var(--dark-color)}.text-time-current-weather{font-size:12px;font-weight:500}.item-time-current-weather-active .text-time-current-weather,.item-time-current-weather-active .current-time-temp-current-weather,.item-time-current-weather-active .current-time-humidity-current-weather,.item-time-current-weather-active .current-time-describe{color:var(--white-color)}.item-time-current-weather-active .box-time-humidity-current-weather svg path{stroke:var(--blue-color)}.current-time-humidity-current-weather{font-size:12px}.list-time-current-weather-every-day{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;margin-top:24px;margin-bottom:24px}.item-time-current-weather-every-day{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;background-color:var(--gray-color);border-radius:5px;padding:10px;border:1px solid #e8e8e8;transition:all 0.3s ease;cursor:pointer}.box-day-time-current-weather-every-day{min-width:65px;max-width:65px}.weekday-time-current-weather-every-day{font-size:16px;font-weight:400;line-height:22px;letter-spacing:-.02em;text-align:left}.date-time-current-weather-every-day{font-size:12px;font-weight:400;line-height:18px;letter-spacing:-.02em;text-align:left;color:var(--reverse-color)}.box-info-time-current-weather-every-day{display:flex;flex-direction:row;align-items:center;gap:10px;justify-content:flex-start;width:250px}.temp-time-current-weather-every-day{font-size:18px;font-weight:700;line-height:24px;letter-spacing:-.02em;text-align:left}.feel-time-current-weather-every-day{font-size:12px;font-weight:400;line-height:18px;letter-spacing:-.02em;text-align:left;color:var(--reverse-color)}.icon-time-current-weather-every-day .fa-plus{cursor:pointer;transition:all 0.3s ease}.icon-time-current-weather-every-day{width:24px;height:24px;display:flex;justify-content:center;align-items:center}.item-time-current-weather-every-day:hover .fa-plus{transform:rotate(90deg)}.content-current-weather-every-day{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-bottom:0;transition:all 0.3s ease}.item-time-current-weather-every-day-active .content-current-weather-every-day{margin-bottom:10px}.full-content-detail-current-weather-every-day{width:100%;height:350px;overflow:hidden;transition:all 0.3s ease}.content-detail-current-weather-every-day{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;margin-top:12px;gap:24px}.list-values-current-weather-every-day{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;width:100%}.item-values-current-weather-every-day{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:0 6px;border-bottom:1px solid var(--gray-color)}.title-value-current-weather-every-day{font-size:15px;font-weight:500;line-height:20px;letter-spacing:-.02em;text-align:left}.value-current-weather-every-day{font-size:15px;font-weight:500;line-height:20px;letter-spacing:-.02em;text-align:left}.item-time-current-weather-every-day-active{background-color:var(--white-color)!important;border:1px solid #ababab!important}.full-content-detail-current-weather-every-day-hide{height:0!important}.list-city-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;padding-left:18px;list-style-type:disc}.item-city-aside .link-city-aside{transition:all 0.3s ease;color:var(--blue-color);padding:10px 12px}.item-city-aside .link-city-aside:hover{color:var(--orange-color)}.nav-select-view{display:grid;grid-template-columns:repeat(10,1fr);align-items:center;gap:10px;width:100%;margin-top:12px;margin-bottom:12px;overflow:hidden;cursor:default;overflow:hidden;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.nav-select-view .button{width:100%;min-width:max-content}.nav-select-view::-webkit-scrollbar{display:none}.box-section-slider-day-night{display:grid;grid-template-columns:1fr}.ring-live{display:flex;justify-content:center;align-items:center;gap:6px;background-color:#333;padding:3px 6px;border-radius:6px}.text-live{font-size:12px}.ring-container{position:relative;width:16px;height:16px}.circle{width:8px;height:8px;background-color:#62bd19;border-radius:50%;position:absolute;top:4px;left:4px}.ringring{border:3px solid #62bd19;-webkit-border-radius:30px;height:20px;width:20px;position:absolute;left:-2px;top:-2px;-webkit-animation:pulsate 1s ease-out;-webkit-animation-iteration-count:infinite;opacity:0}@-webkit-keyframes pulsate{0%{-webkit-transform:scale(.1,.1);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1.2,1.2);opacity:0}}@media screen and (min-width:768px){.item-day-night{flex-direction:row}.box-section-slider-day-night{display:grid;grid-template-columns:1fr 1fr}}@media screen and (min-width:1024px){.container-main{flex-direction:row;gap:24px}.container-main .main-page{min-width:65%}.container-main .aside-page{min-width:30%;max-width:30%;width:30%}.content-detail-current-weather-every-day{flex-direction:row}.box-banner-current{flex-direction:row;align-items:end}.list-detailed-values-current-weather{gap:48px}.list-day-night{gap:24px}.item-day-night{flex-direction:column}.box-info-day-night{width:30%;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.list-day-night{width:max-content}.box-info-current-weather{width:65%}.icon-day-night{width:48px;height:48px}.list-city-aside{grid-template-columns:1fr}.full-content-detail-current-weather-every-day{height:220px}.item-time-current-weather-every-day:hover{background-color:var(--gray-white-color)}.box-section-slider-day-night{display:grid;grid-template-columns:1fr}}@media screen and (min-width:1280px){.list-detailed-values-current-weather{gap:96px}.list-day-night{gap:48px}}.box-table-hour-weather{width:100%;overflow-x:auto}.table-hour-weather{width:100%;margin-top:12px}.th-hour-weather{font-size:14px;font-weight:600;line-height:18px;letter-spacing:-.02em;text-align:center;padding:6px 0;white-space:nowrap}.td-hour-weather{text-align:center;padding:12px 6px;white-space:nowrap}.td-hour-weather .wind-row{display:flex;flex-direction:row;align-items:center;gap:6px;width:80px;justify-content:flex-start;padding-left:0}.td-hour-weather-center{display:flex;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:18px;letter-spacing:-.02em}.td-hour-weather-current{color:var(--red-color)}.tr-hour-weather-body{position:relative}.tr-hour-weather-body::after{content:"";width:100%;height:1px;position:absolute;left:0;top:2px;background-color:var(--gray-white-color)}.feel-hour-weather{font-size:12px;font-weight:400;line-height:18px;letter-spacing:-.02em;text-align:left;color:var(--reverse-color)}.box-value-hour-weather{display:flex;justify-content:flex-start;align-items:center;gap:12px;font-size:14px;font-weight:500;line-height:18px;letter-spacing:-.02em;border-bottom:1px solid var(--gray-white-color);padding:6px 0}.box-value-hour-weather .hour-icon-weather{width:50px;height:50px}.box-value-hour-weather .hour-temp{font-size:48px;font-weight:700;line-height:57.6px;letter-spacing:-.05em;text-align:left}.list-values-hour-current-day{display:grid;grid-template-columns:1fr}.item-values-hour-current-day{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:18px;letter-spacing:-.02em;border-bottom:1px solid var(--gray-white-color);padding:16px 0}.box-detail-hour-weather .describe-hour-weather{font-size:16px;font-weight:700;line-height:22px;letter-spacing:-.02em;text-align:left}.box-detail-hour-weather .feel-hour-weather{font-size:14px;font-weight:400;line-height:18px;letter-spacing:-.02em;text-align:left}.title-values-hour-current-day{display:flex;align-items:center;gap:6px}.title-values-hour-current-day i{display:flex;align-items:center;justify-content:center;width:24px;height:24px}@media screen and (min-width:768px){.td-hour-weather .wind-row{width:80px;padding-left:24px}.list-values-hour-current-day{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:36px}}@media screen and (min-width:1024px){.list-values-hour-current-day{display:grid;grid-template-columns:1fr}}.title-tomorrow-weather{margin-bottom:12px}.box-value-tomorrow-weather{display:flex;flex-direction:column;justify-content:space-between;gap:16px;align-items:center;margin-top:24px}.info-tomorrow-weather{display:flex;flex-direction:row;justify-content:flex-start;gap:4px;align-items:center;width:100%}.tomorrow-icon-weather{min-width:60px;min-height:60px;width:60px;height:60px}.tomorrow-temp{font-size:52px;font-weight:700;line-height:72px;letter-spacing:-.05em;text-align:left}.describe-tomorrow-weather{font-size:20px;font-weight:700;line-height:30px;letter-spacing:-.02em;text-align:left;white-space:nowrap}.feel-tomorrow-weather{font-size:14px;font-weight:400;line-height:18px;letter-spacing:-.02em;text-align:left;color:var(--reverse-color);white-space:nowrap}.box-detail-values-tomorrow-weather{display:flex;flex-direction:row;justify-content:space-between;gap:12px;align-items:center;width:100%}.list-box-detail-values-tomorrow-weather{display:flex;flex-direction:column;gap:12px;flex:1;width:100%}.describe-values-tomorrow-weather{display:flex;flex-direction:row;align-items:center;gap:12px}.describe-values-tomorrow-weather .fa-temperature-three-quarters{width:24px;height:24px;display:flex;justify-content:center;align-items:center}.list-values-tomorrow-current-day{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}.item-values-tomorrow-current-day{display:flex;flex-direction:column;align-items:center;gap:12px}.item-values-tomorrow-current-day{flex-direction:row}.title-values-tomorrow-current-day{white-space:nowrap}.value-values-tomorrow-current-day-2{width:100%;text-align:right}.item-values-tomorrow-current-day i{min-width:24px;min-height:24px;display:flex;justify-content:center;align-items:center}@media screen and (min-width:768px){.box-value-tomorrow-weather{flex-direction:row}.info-tomorrow-weather{width:max-content;justify-content:space-between;gap:16px}.tomorrow-icon-weather{min-width:72px;min-height:72px;width:72px;height:72px}.tomorrow-temp{font-size:72px;font-weight:700;line-height:86.4px;letter-spacing:-.05em;text-align:left}.list-values-tomorrow-current-day{grid-template-columns:repeat(4,1fr);margin-top:24px}.item-values-tomorrow-current-day{flex-direction:column}.value-values-tomorrow-current-day-2{text-align:center}.describe-tomorrow-weather{font-size:24px}.tomorrow-temp{font-size:60px}}.container-archive-tin-tuc{align-items:flex-start;position:relative}.container-archive-tin-tuc .main-page{position:relative;overflow:hidden}.container-archive-tin-tuc .main-page .slick-next,.container-archive-tin-tuc .main-page .slick-prev{position:absolute;top:40%;transform:translateY(-50%);z-index:10;width:40px;height:40px;font-size:24px;background-color:transparent;border:none;outline:none;cursor:pointer;transition:all 0.3s ease;color:var(--white-color)}.container-archive-tin-tuc .main-page .slick-next:hover,.container-archive-tin-tuc .main-page .slick-prev:hover{font-size:28px}.container-archive-tin-tuc .main-page .slick-prev{left:15px}.container-archive-tin-tuc .main-page .slick-next{right:15px}.title-article{margin-bottom:12px}.list-article{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:24px}.list-article-header{width:100%}.article-post-2-1{margin-top:6px}.article-post-link{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:12px}.box-article-thumbnail{width:145px;max-width:145px;max-height:80px;min-width:145px;min-height:80px;border-radius:3px;overflow:hidden}.article-post-link:hover .article-thumbnail{transform:scale(1.05)}.article-thumbnail{width:100%;height:100%;object-fit:cover;transition:all 0.3s ease}.article-post-title{font-size:16px;font-weight:700;line-height:22px;letter-spacing:-.02em;text-align:left;margin-bottom:4px}.article-post-date{font-size:12px;font-weight:400;line-height:18px;letter-spacing:-.02em;text-align:left;color:var(--reverse-color);display:flex;flex-direction:row;align-items:center;gap:6px}.slider-article .slick-slider,.slider-article .slick-list{overflow:hidden;height:480px;max-height:480px;min-height:480px;border-radius:6px}.slider-article .slick-track{display:flex;align-items:center;justify-content:space-between;flex-direction:row!important;height:480px;max-height:480px;min-height:480px}.item-slider-article-link{position:relative;display:block}.box-slider-article-thumbnail{width:100%;height:480px;max-height:480px;min-height:480px;overflow:hidden}.slider-article-thumbnail{width:100%;height:100%;object-fit:cover;transform:scale(1.05)}.box-slider-article-info{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);background-color:var(--white-color);padding:12px;width:90%;margin:0;display:flex;flex-direction:column;gap:6px}.slider-article-post-date{display:flex;flex-direction:row;gap:6px}.item-category-article{padding:6px 12px;color:var(--white-color);background-color:var(--dark-color);width:max-content}.archive-tin-tuc-2{margin-top:24px}.container-archive-tin-tuc-2{display:grid;grid-template-columns:1fr;gap:24px}.box-archive-tin-tuc-2{display:flex;flex-direction:column;gap:6px}.header-archive-tin-tuc-2{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-bottom:12px}.title-article-archive-tin-tuc-2{margin-bottom:0}.title-archive-tin-tuc-2{margin:0}.box-article-thumbnail-post-2-1{width:100%;height:200px;max-height:200px;min-height:200px;border-radius:3px;overflow:hidden}.article-post-link-2-1:hover .article-thumbnail-post-2-1{transform:scale(1.05)}.article-thumbnail-post-2-1{width:100%;height:100%;object-fit:cover;transition:all 0.3s ease}.article-info-post-2-1{display:flex;flex-direction:column;gap:6px}.article-post-title-post-2-1{font-size:18px;font-weight:700;line-height:24px;letter-spacing:-.02em;text-align:left;margin-top:12px}.article-post-date-post-2-1{display:flex;flex-direction:row;gap:6px;align-items:center;font-size:12px;font-weight:400;line-height:18px;letter-spacing:-.02em;text-align:left;color:#302f2d}.article-post-link-2-2{display:flex;flex-direction:row;gap:12px;align-items:center;font-size:14px;font-weight:500;line-height:18px;letter-spacing:-.02em;text-align:left;border-bottom:1px solid var(--gray-white-color);padding-bottom:12px;padding-top:6px}.article-post-link-2-2 .fa-angle-right{transition:all 0.3s ease}.article-post-link-2-2:hover .fa-angle-right{transform:translateX(5px)}.article-post-title-post-2-2{font-size:14px;font-weight:500;line-height:18px;letter-spacing:-.02em;text-align:left}.item-article-link-3-1{display:flex;flex-direction:row;gap:12px;align-items:flex-start}.box-article-thumbnail-3-1{width:160px;max-width:160px;min-width:160px;height:90px;max-height:90px;min-height:90px;border-radius:3px;overflow:hidden}.item-article-link-3-1:hover .article-thumbnail-3-1{transform:scale(1.05)}.article-thumbnail-3-1{width:100%;height:100%;object-fit:cover;transition:all 0.3s ease}.box-article-info-3-1{display:flex;flex-direction:column;gap:6px}.article-post-title-3-1{font-size:18px;font-weight:700;line-height:24px;letter-spacing:-.02em;text-align:left;margin:0}.article-post-date-3-1{display:flex;flex-direction:row;gap:6px;align-items:center;font-size:12px;font-weight:400;line-height:18px;letter-spacing:-.02em;text-align:left;color:var(--reverse-color)}.container-archive-tin-tuc-3 .main-page{display:flex;flex-direction:column;gap:16px}.box-article-thumbnail-3-2{width:100%;height:200px;max-height:200px;min-height:200px;border-radius:3px;overflow:hidden}.article-post-link-3-2:hover .article-thumbnail-3-2{transform:scale(1.05)}.article-thumbnail-3-2{width:100%;height:100%;object-fit:cover;transition:all 0.3s ease}.article-info-3-2{display:flex;flex-direction:column;gap:6px;margin-top:12px}.article-post-3-2{padding-bottom:6px;border-bottom:1px solid var(--gray-white-color);width:100%}.article-post-date-3-2{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:12px;font-weight:400;line-height:18px;letter-spacing:-.02em;text-align:left;color:var(--reverse-color)}.article-post-title-3-2,.article-post-title-post-3-2{font-size:18px;font-weight:700;line-height:24px;letter-spacing:-.02em;text-align:left}.pagination{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin:20px 0;width:100%}.page-numbers{color:var(--dark-color);background-color:var(--white-color);border:1px solid var(--dark-color);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;transition:all 0.3s ease}.page-numbers:hover:not(.current):not(.dots){background-color:var(--dark-color);color:var(--white-color)}.pagination .prev,.pagination .next{color:var(--dark-color);background-color:transparent;border:none}.pagination .current{background-color:var(--dark-color);color:var(--white-color)}.pagination .dots{cursor:default}.list-article-aside-page{overflow-y:auto}@media screen and (min-width:768px){.container-archive-tin-tuc-2{grid-template-columns:1fr}.list-article{height:max-content}.box-slider-article-thumbnail{width:100%;height:100%;max-height:100%;min-height:100%;overflow:hidden}}@media screen and (min-width:1024px){.list-article{margin-top:0}.container-archive-tin-tuc-2{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:1280px){.list-article{height:480px}.box-slider-article-thumbnail{width:100%;height:480px;max-height:480px;min-height:480px;overflow:hidden}.list-article{margin-top:0}.container-archive-tin-tuc-2{grid-template-columns:1fr 1fr 1fr}}.heading-post{scroll-margin-top:calc(var(--height-header))}.author-box{display:flex;align-items:center;justify-content:space-between;gap:24px;width:max-content}.author-box a{display:flex;align-items:center;justify-content:space-between;gap:12px;width:max-content}.author-avatar{border-radius:24px;width:24px;height:24px;overflow:hidden;object-fit:cover}.author-avatar img{width:24px;height:24px}.time-modified{display:flex;align-items:center;justify-content:space-between;gap:3px;width:max-content;font-size:12px;font-weight:400;line-height:18px;letter-spacing:-.02em;text-align:left;color:var(--reverse-color)}.header-post{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;width:100%;flex-direction:column;padding-bottom:6px}.share-link svg rect{transition:all 0.3s ease}.share-link-facebook:hover svg rect{fill:#3b579d;fill-opacity:1}.share-link-twitter:hover svg rect{fill:#1da0f1;fill-opacity:1}.share-link-copy:hover svg rect{fill:var(--dark-color);fill-opacity:1}.info-post{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:6px;width:100%;background-color:var(--gray-white-color);padding:10px;border-radius:10px;margin:12px 0}.create-date-box{font-size:14px;font-weight:400;line-height:18px;letter-spacing:-.02em;text-align:left;color:var(--reverse-color)}.follow-link{display:flex;flex-direction:row;align-items:center;gap:6px}.follow-title{font-size:12px;font-weight:400;line-height:18px;letter-spacing:-.02em;text-align:left;color:var(--blue-color)}.follow-image{height:14px;width:auto;min-height:14px;max-height:14px}.table-of-contents-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:12px;margin-top:12px;height:0;overflow-y:auto;transition:all 0.3s ease-in-out;list-style-type:none!important;padding:0!important}.sub-table-of-contents-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;margin-top:6px;gap:12px;list-style-type:none!important;padding-left:16px!important}.table-of-contents-title{margin:0!important;transition:all 0.3s ease-in-out;color:var(--blue-color)!important;font-size:var(--h3-font-size);font-weight:700;line-height:30px;letter-spacing:-.02em;text-align:left}.table-of-contents-title-active,.show-table-of-contents-active{color:var(--dark-color)!important}.table-of-contents-item,.table-of-contents-item a{color:var(--dark-color);transition:all 0.3s ease-in-out;font-size:15px;font-weight:400;line-height:18px;letter-spacing:-.02em;text-align:left}.table-of-contents-item a{display:block;width:100%}.table-of-contents-item .table-of-contents-link{font-weight:600}.table-of-contents-item:hover .table-of-contents-link,.sub-table-of-contents-item:hover .sub-table-of-contents-link{color:var(--blue-color)}.table-of-contents-item{position:relative;margin-left:16px}.table-of-contents-item-active,.table-of-contents-item-active .table-of-contents-link,.sub-table-of-contents-item-active .sub-table-of-contents-link{color:var(--blue-color)}.table-of-contents-item-active::before{content:"";position:absolute;background-color:var(--blue-color);width:2px;height:100%;top:0;left:-15px}.table-of-contents-item::after{content:"";position:absolute;background-color:var(--blue-color);width:2px;height:0%;top:50%;left:-30px;transform:translateY(-50%);transition:all 0.3s ease-in-out}.table-of-contents-item:hover::after{height:100%}.table-of-contents-list-active{height:max-content;max-height:80vh}.table-of-contents-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}#show-table-of-contents{color:var(--blue-color);transition:all 0.3s ease-in-out;font-size:1.5rem;cursor:pointer}.show-table-of-contents-active{transform:rotate(-180deg)}.full-post-content{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column-reverse;gap:6px;width:100%}.site-main-single .post-title{line-height:1.2;margin-bottom:16px}.post-content{font-size:16px}.post-content p,.post-content span{margin-bottom:16px;color:var(--dark-color);font-style:normal;line-height:1.7;margin-top:6px}.post-content li{margin-bottom:4px;color:var(--dark-color);font-style:normal;line-height:1.8;margin-top:8px}.post-content a{cursor:pointer;text-decoration:none;transition:all 0.3s ease;color:#008ee9}.post-content a:hover{color:var(--orange-color)}.post-content iframe,.post-content figure{width:100%!important}.post-content figure{margin:6px 0}.post-content label{font-weight:600}.post-content figcaption{text-align:center;font-size:14px;line-height:1.5}.post-content ul,.post-content ol{color:var(--dark-color);padding-left:32px;line-height:1.6;width:100%;margin-bottom:16px}.post-content ul{list-style-type:disc}.post-content ol{list-style-type:decimal}.post-content img{display:flex;margin:auto!important;height:auto;object-fit:cover;border-radius:5px}.post-content table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb;margin-bottom:16px;width:100%}.post-content table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.post-content table td,.post-content table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.post-content table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.post-content table td{background-color:transparent}.post-content table tr:nth-child(odd) td{background-color:#f2f2f2}.post-content table tr:nth-child(even) td{background-color:#fff}.post-content table th{background-color:#666;color:#fff;font-weight:700}.post-content h2{margin-bottom:16px;margin-top:30px}.post-content h3{margin-bottom:12px;margin-top:24px}.post-content h4{margin-bottom:8px;margin-top:18px}.category-list{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:6px}.category-link{padding:5px 10px;border-radius:3px;background-color:var(--gray-color);transition:all 0.3s ease}.category-link:hover{background-color:var(--dark-color);color:var(--white-color)}.list-article-post{display:flex;flex-direction:column;gap:12px;align-items:flex-start;margin-top:12px}.post-article-link{display:flex;flex-direction:row;gap:12px;align-items:flex-start}.box-post-article-thumbnail{width:160px;max-width:160px;min-width:160px;height:90px;max-height:80px;min-height:80px;border-radius:3px;overflow:hidden}.post-article-link:hover .post-article-thumbnail{transform:scale(1.05)}.post-article-thumbnail{width:100%;height:100%;object-fit:cover;transition:all 0.3s ease}.post-article-info{display:flex;flex-direction:column;gap:6px}.post-article-title{font-size:14px;font-weight:600;line-height:18px;letter-spacing:-.02em;text-align:left}.post-article-date{display:flex;flex-direction:row;gap:6px;align-items:center;font-size:12px;font-weight:400;line-height:18px;letter-spacing:-.02em;text-align:left;color:var(--reverse-color)}.list-post-category{display:flex;flex-direction:row;gap:6px;align-items:center;flex-wrap:wrap;margin-top:12px}.post-category{font-size:14px;font-weight:500;line-height:18px;letter-spacing:-.02em;text-align:left;color:var(--reverse-color)}.title-post-seem{font-size:22px;font-weight:700;line-height:22px;letter-spacing:-.02em;text-align:left;margin-bottom:12px}.list-post-category{display:none}blockquote{position:relative}blockquote p{padding-left:20px}blockquote:before{content:"";width:2px;height:100%;background-color:var(--blue-color);position:absolute;top:0;left:0;transition:all 0.3s ease}blockquote:hover::before{background-color:var(--red-color)}.related-posts{margin-top:20px}@media screen and (min-width:768px){.header-post{align-items:center;flex-direction:row}}@media screen and (min-width:1024px){.post-content-data{width:65%}.full-post-content{flex-direction:row;gap:24px}.post-table-of-contents{width:30%;position:sticky;top:100px}.list-post-category{display:block}.box-post-article-thumbnail{width:160px;max-width:160px;min-width:160px;height:90px;max-height:90px;min-height:90px}.post-article-title{font-size:18px;font-weight:700;line-height:26px;letter-spacing:-.02em;text-align:left}.post-article-date{color:var(--reverse-color);font-size:15px}}.form-search{display:flex;width:100%;height:36px;min-height:36px;max-height:36px;align-items:center;justify-content:center;gap:12px}.search-field{width:100%;height:100%;border:var(--gray-white-color) solid 1px;border-radius:25px;outline:none;background:var(--white-color);color:var(--dark-color);padding:12px 16px;padding-right:36px;cursor:text;font-size:15px}.search-field::placeholder{color:var(--reverse-color)}.input-search{width:100%;position:relative}.icon-search-submit{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.icon-search-submit .fa-magnifying-glass{font-size:20px;color:var(--reverse-color)}.box-form-search .form-search{width:100%!important;min-width:100%!important;max-width:100%!important}.widget-suggest{display:none}.widget-suggest.show{display:flex}.widget-suggest{align-items:flex-start;justify-content:space-between;gap:12px;flex-direction:column;position:absolute;background:var(--white-color);width:max-content;min-width:100%;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);z-index:100;margin-top:6px;transition:all 0.3s ease}ul.widget-list-suggest li:first-child a{padding-top:15px;border-radius:10px 10px 0 0}ul.widget-list-suggest li:last-child a{padding-bottom:15px;border-radius:0 0 10px 10px}ul.widget-list-suggest li:first-child{border-radius:10px 10px 0 0}ul.widget-list-suggest li:last-child{border-radius:0 0 10px 10px}.widget-suggest li a:hover{background-color:#f5f5f5}.widget-suggest a{color:var(--dark-color);transition:all 0.3s ease;cursor:pointer}.widget-suggest a:hover{color:var(--orange-color)}.widget-list-suggest{align-items:flex-start;justify-content:space-between;flex-direction:column;width:100%}.widget-link-suggest{display:flex;align-items:center;gap:12px;cursor:pointer}.item-suggest .link-suggest{display:block;width:100%;text-decoration:none;line-height:1.5;color:#393939;padding:10px 15px}.item-suggest{width:100%}@media screen and (min-width:1024px){.form-search{min-width:250px;max-width:250px;height:36px;min-height:36px;max-height:36px}}.fa-facebook-f,.fa-x-twitter,.fa-instagram,.fa-linkedin,.fa-pinterest,.fa-tiktok,.fa-youtube,.fa-square-behance{font-size:18px;color:var(--white-color)}.fa-facebook-f:hover,.fa-x-twitter:hover,.fa-instagram:hover,.fa-linkedin:hover,.fa-pinterest:hover,.fa-tiktok:hover,.fa-youtube:hover,.fa-square-behance:hover{opacity:.8}@media screen and (min-width:768px){.fa-facebook-f,.fa-x-twitter,.fa-instagram,.fa-linkedin,.fa-pinterest,.fa-tiktok,.fa-youtube,.fa-square-behance{font-size:24px}}.slider-brand,.slider-select-view,.slider-article{overflow:hidden}.slider-article{overflow:hidden;height:480px;max-height:480px;min-height:480px;border-radius:6px}@media screen and (max-width:768px){.slick-list{overflow:hidden}}.background-404{background:linear-gradient(90deg,#141e30 0%,#243b55 100%);margin:0!important;margin-top:12px!important}.error-404{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:160px 1rem;gap:24px;margin-top:0!important}.title-404{font-size:28px;font-weight:700;line-height:36px;letter-spacing:-.02em;text-align:center;color:var(--white-color)}.content-404{font-size:16px;font-weight:400;line-height:22px;letter-spacing:-.02em;text-align:center;color:var(--white-color)}.button-404{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:25px;background-color:var(--white-color);border:2px solid var(--white-color);color:var(--dark-color);padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;width:max-content;transition:all ease-in-out 0.3s}.button-404:hover{background-color:transparent;color:var(--white-color)}.box-slider{position:relative;width:100%;height:200px;display:flex;align-items:center;justify-content:center;margin-top:24px}.box-slider::after{content:"";position:absolute;top:104px;left:50%;transform:translateX(-50%);width:100%;height:2px;background-color:var(--gray-color)}.slider-wrapper-day,.slider-wrapper-night{display:flex;justify-content:center;align-items:center;position:absolute;width:12.5em;top:80px;max-width:100%}.slider-input-day,.slider-input-night{position:absolute;opacity:0;pointer-events:none}.slider-thumb-day,.slider-thumb-night{display:flex;justify-content:center;align-items:center;position:absolute;z-index:1;left:calc(var(--slider-value) / 100 * (100% - var(--slider-height))+var(--slider-height) / 2);transform:translate(-50%,-50%);border-radius:50%;touch-action:none;cursor:pointer}.slider-value-container-day,.slider-value-container-night{display:flex;justify-content:center;align-items:center;column-gap:.5em;position:absolute;bottom:.5em;transform:translateY(-100%);border-radius:4px;padding:6px 8px;color:var(--white-color);background-color:var(--dark-color);font-size:.5em;white-space:nowrap;pointer-events:none}.slider-value-container-day::after,.slider-value-container-night::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border:4px solid transparent;border-top-color:var(--dark-color);border-bottom:0}.slider-svg-day,.slider-svg-night{width:100%;height:100%;overflow:visible;position:relative}.slider-time-icon-weather{max-width:16px;max-height:16px;min-width:16px;min-height:16px;width:16px;height:16px}.wrapper-time-sun{display:flex;justify-content:space-between;align-items:center;width:250px;position:absolute;top:120px}.box-time-sun{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2px}.icon-time-sun{max-width:24px;max-height:24px;min-width:24px;min-height:24px;width:24px;height:24px}.title-time-sun{font-size:14px;font-weight:400;line-height:18px;letter-spacing:-.02em;text-align:left;color:var(--reverse-color)}.value-time-sun{font-size:16px;font-weight:400;line-height:22px;letter-spacing:-.02em;text-align:left}.value-time-sun{font-size:12px;font-weight:500}@media screen and (min-width:768px){.box-slider::after{top:108px}}