.site-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}.site-branding img{min-height:38px;min-width:95px}.menu-header{max-width:100%;display:flex;justify-content:flex-end;align-items:center;text-align:center;gap:20px;flex-wrap:nowrap}.menu-header a:hover{color:var(--color-hover)}.main-navigation,.menu-container{width:100%}.main-navigation{display:flex;justify-content:center;align-items:center;text-align:center;flex:1 1 auto}.mobile-menu-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;position:relative;z-index:1100;color:var(--color-hover)}.icon-close{border:solid 1px var(--color-hover);padding:5px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}@media screen and (max-width:680px){.site-header{gap:5px}.mobile-menu-toggle{display:block}.main-navigation .menu-header{flex-direction:column;position:fixed;justify-content:flex-start;top:0;right:0;height:100vh;width:100vw;background:#fff;z-index:10000;transition:transform 0.5s ease;transform:translateX(100%);padding-top:70px}.main-navigation{flex-direction:column;position:absolute;top:100%;right:0;background:#fff;width:100%;z-index:1000;padding:10px 0;box-shadow:0 4px 6px rgba(0,0,0,.1)}.main-navigation.active{display:flex}.main-navigation.active .menu-header{padding-top:70px;transform:translateX(0)}}.search-field{width:100%;height:40px;border-radius:20px;border:solid 1px var(--color-hover);padding:0 10px;padding-left:30px}.input-search{width:100%;position:relative}.form-search-header{min-width:200px}.input-search .icon-search-submit{border:none;border-radius:100%;padding:12px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;color:var(--color-hover);position:absolute}@media screen and (max-width:468px){.form-search-header{width:100%;padding:0 5px;min-width:200px}}.site-footer{display:flex;align-items:center;justify-content:center;width:100%;padding:2rem 0;flex-direction:column;border-top:solid 1px var(--color-decimal)}.site-footer p,.site-footer a,.site-footer h3{color:var(--color-black)!important}.copyright{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:6px;flex-direction:column}.copyright-text{color:var(--color-black);font-size:var(--normal-font-size);font-weight:700}.social-items{display:flex;align-items:center;flex-direction:row;margin:6px 0;gap:6px}.footer-content{display:grid;grid-template-columns:1fr;gap:12px}.site-footer .menu-item a{height:auto;font-weight:var(--font-medium)}@media screen and (min-width:768px){.social-items{gap:12px}.footer-content{grid-template-columns:2fr 1fr 1fr}.copyright{flex-direction:row}}/*!
 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
 .fa{font-family:"Font Awesome 6 Free";font-weight:900}.fa,.fa-brands,.fa-regular,.fa-solid{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-regular,.fa-solid{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-solid{font-weight:900}.fa-regular,.fa-brands{font-weight:400}.fa-angle-down:before{content:"\f107"}.fa-magnifying-glass:before{content:"\f002"}.fa-angle-right:before{content:"\f105"}.fa-plus:before{content:"\2b"}.fa-facebook-f:before{content:"\f39e"}.fa-x-twitter:before{content:"\e61b"}.fa-instagram:before{content:"\f16d"}.fa-linkedin:before{content:"\f08c"}.fa-pinterest:before{content:"\f0d2"}.fa-tiktok:before{content:"\e07b"}.fa-youtube:before{content:"\f167"}.fa-square-behance:before{content:"\f1b5"}.fa-angle-left:before{content:"\f104"}.fa-arrow-right:before{content:"\f061"}.fa-clock:before{content:"\f017"}.fa-xmark:before{content:"\f00d"}.fa-minus:before,.fa-subtract:before{content:"\f068"}.fa-bolt:before,.fa-zap:before{content:"\f0e7"}.fa-calendar-minus:before{content:"\f272"}.fa-location-dot:before,.fa-map-marker-alt:before{content:"\f3c5"}.fa-note-sticky:before,.fa-sticky-note:before{content:"\f249"}.fa-check-circle:before,.fa-circle-check:before{content:"\f058"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url(../../../themes/blogthoitrang/assets/font/fa-solid-900.woff2) format("woff2"),url(../../../themes/blogthoitrang/assets/font/fa-solid-900.woff) format("woff"),url(../../../themes/blogthoitrang/assets/font/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(../../../themes/blogthoitrang/assets/font/fa-brands-400.woff2) format("woff2"),url(../../../themes/blogthoitrang/assets/font/fa-brands-400.woff) format("woff")}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:swap;src:url(../../../themes/blogthoitrang/assets/font/fa-regular-400.woff2) format("woff2"),url(../../../themes/blogthoitrang/assets/font/fa-regular-400.woff) format("woff"),url(../../../themes/blogthoitrang/assets/font/fa-regular-400.ttf) format("truetype")}/*!
Theme Name: blogthoitrang
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
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: blogthoitrang
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

blogthoitrang is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
 :root{--color-primary:#ff0000;--color-secondary:#00ff00;--color-tertiary:#0000ff;--color-quaternary:#ffff00;--color-quinary:#ff00ff;--color-senary:#00ffff;--color-septenary:#ffffff;--color-octonary:#000000;--color-nonary:#808080;--color-decimal:#c0c0c0;--color-black:#000000;--color-h3:#222;--color-hover:#c7a140;--primary-color:#070f2b;--white-color:#ffffff;--color-footer:#a47149;--dark-color1:#a47149;--dark-color:#151e28}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:sans-serif;line-height:1.5}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}h1{font-size:2em;line-height:1.2}h2{font-size:1.125rem;font-weight:700}h3{font-size:1em;line-height:1.2;color:var(--color-h3);margin-block-start:0;margin-block-end:0}.container{max-width:1200px;margin:0 auto;padding:10px}a{color:var(--color-black);text-decoration:none}.author-template .container{max-width:1170px;margin:auto;background:#fff}.author-template{width:100%}.container.has-sidebar{display:grid;grid-template-columns:70% auto;gap:30px}.author-profile-card{display:flex;justify-content:space-between;align-items:center;flex-flow:row wrap;margin:15px 0;border:0;margin-top:0;background:#e1e1e1;border-radius:7px;padding:10px 15px}.author-photo{max-width:15%;flex-basis:15%;line-height:1}.author-photo img{border-radius:50px;width:96px;border:2px solid #bebebe;padding:2px;margin:0}.author-des{flex-basis:85%;max-width:85%;font-size:1em;font-weight:500}@media screen and (max-width:991px){.container.has-sidebar{grid-template-columns:65% auto;gap:20px}}@media screen and (max-width:767px){.container.has-sidebar{grid-template-columns:100% auto}.author-des{flex-basis:77%;max-width:77%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;max-height:8rem;font-size:.9em}.author-photo{max-width:20%;flex-basis:20%}}.home-top{display:grid;grid-template-columns:3fr 1fr;gap:30px;max-height:650px;overflow:hidden}.post-featured img{width:500px;height:300px;object-fit:cover;border-radius:10px;margin-right:20px}.post-featured .title-post{margin-bottom:10px}.post-featured{gap:20px}.thumbnail-featured{position:relative;float:left}.home-left{display:flex;flex-direction:column;float:left;gap:20px}.home-featured{margin-bottom:20px}.home-featured{flex-direction:column;flex-wrap:wrap;display:flex}.home-half-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:solid .5px #e5e5e5;padding-top:10px}.home-half-row .post-half{width:100%;gap:20px;display:flex;flex-direction:column}.post-half img{width:100%;height:200px;object-fit:cover;border-radius:10px}.home-right{position:sticky;top:0;align-self:start;overflow-y:auto;max-height:650px;display:flex;flex-direction:column;gap:15px}.post-small{display:grid;grid-template-columns:2fr 1fr;gap:10px;border-bottom:1px solid #ddd;padding-bottom:10px;align-items:center}.post-small img{width:100%;height:80px;object-fit:cover}.home-bottom{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px;border-top:solid .5px #e5e5e5;padding-top:20px}.post-bottom img{width:100%;height:200px;object-fit:cover;border-radius:10px}.post-bottom{display:flex;flex-direction:column;gap:10px}.post-bottom .title-post{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.description-post{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.title-post a:hover{color:var(--color-hover)}.content-section{margin-top:20px;margin-bottom:10px}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0;width:100%}.page-numbers{color:var(--dark-color1);background-color:var(--white-color);border:1px solid var(--dark-color1);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-color1);color:var(--white-color)}.pagination .prev,.pagination .next{color:var(--dark-color1);background-color:transparent;border:none}.pagination .current{background-color:var(--dark-color1);color:var(--white-color)}.pagination .dots{cursor:default}@media (max-width:1080px){.home-top{grid-template-columns:1fr;height:auto;max-height:none}.home-right{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));position:static;max-height:none}.home-right .post-small{border:none}}@media (max-width:768px){.post-featured img{width:400px;height:250px}}@media (max-width:480px){.post-featured img{margin-right:0;width:100%;min-width:100%}.thumbnail-featured{width:100%;margin-bottom:20px}.home-half-row{grid-template-columns:1fr}}