.elementor-122 .elementor-element.elementor-element-ed44d62{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--gap:5px 5px;--row-gap:5px;--column-gap:5px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-122 .elementor-element.elementor-element-0257cbb{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-122 .elementor-element.elementor-element-0257cbb img{width:100%;height:100px;object-fit:cover;object-position:center center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-122 .elementor-element.elementor-element-8113d76.elementor-element{--align-self:center;}.elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu .elementor-item{font-family:"Be Vietnam Pro", Sans-serif;font-size:15px;font-weight:400;}.elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--main .elementor-item:hover, .elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--main .elementor-item:focus{color:#F5A623;fill:#F5A623;}.elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#F5A623;}.elementor-122 .elementor-element.elementor-element-8113d76 .e--pointer-framed .elementor-item:before, .elementor-122 .elementor-element.elementor-element-8113d76 .e--pointer-framed .elementor-item:after{border-color:#F5A623;}.elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-primary );}.elementor-122 .elementor-element.elementor-element-8113d76 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-122 .elementor-element.elementor-element-8113d76 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-primary );}.elementor-122 .elementor-element.elementor-element-4318781{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-122 .elementor-element.elementor-element-4318781.elementor-element{--align-self:center;}.elementor-122 .elementor-element.elementor-element-28fa74c.elementor-element{--align-self:center;}.elementor-122 .elementor-element.elementor-element-3a9585f .elementor-menu-toggle{margin:0 auto;}.elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu .elementor-item{font-family:"Be Vietnam Pro", Sans-serif;font-size:15px;font-weight:400;}.elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--main .elementor-item:hover, .elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--main .elementor-item.highlighted, .elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--main .elementor-item:focus{color:#F5A623;fill:#F5A623;}.elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#F5A623;}.elementor-122 .elementor-element.elementor-element-3a9585f .e--pointer-framed .elementor-item:before, .elementor-122 .elementor-element.elementor-element-3a9585f .e--pointer-framed .elementor-item:after{border-color:#F5A623;}.elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-primary );}.elementor-122 .elementor-element.elementor-element-3a9585f .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-122 .elementor-element.elementor-element-3a9585f .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-primary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-122 .elementor-element.elementor-element-ed44d62{--width:100%;}}@media(max-width:1024px){.elementor-122 .elementor-element.elementor-element-ed44d62{--min-height:50px;--justify-content:space-evenly;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-122 .elementor-element.elementor-element-ed44d62.e-con{--align-self:center;}.elementor-122 .elementor-element.elementor-element-0257cbb{--container-widget-width:15%;--container-widget-flex-grow:0;width:var( --container-widget-width, 15% );max-width:15%;}.elementor-122 .elementor-element.elementor-element-0257cbb.elementor-element{--align-self:center;}.elementor-122 .elementor-element.elementor-element-0257cbb img{height:40px;object-fit:cover;object-position:center center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu .elementor-item{font-size:12px;}.elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--main .elementor-item{padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;}.elementor-122 .elementor-element.elementor-element-8113d76{--e-nav-menu-horizontal-menu-item-margin:calc( 5px / 2 );}.elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:5px;}.elementor-122 .elementor-element.elementor-element-4318781{--container-widget-width:5%;--container-widget-flex-grow:0;width:var( --container-widget-width, 5% );max-width:5%;}}@media(max-width:767px){.elementor-122 .elementor-element.elementor-element-ed44d62{--justify-content:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-122 .elementor-element.elementor-element-0257cbb{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-122 .elementor-element.elementor-element-0257cbb img{width:100%;height:0%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-122 .elementor-element.elementor-element-8113d76{padding:0px 0px 0px 0px;}.elementor-122 .elementor-element.elementor-element-8113d76.elementor-element{--align-self:center;}.elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu .elementor-item{font-size:10px;}.elementor-122 .elementor-element.elementor-element-4318781{--container-widget-width:10%;--container-widget-flex-grow:0;width:var( --container-widget-width, 10% );max-width:10%;}.elementor-122 .elementor-element.elementor-element-28fa74c{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-122 .elementor-element.elementor-element-28fa74c.elementor-element{--align-self:center;}.elementor-122 .elementor-element.elementor-element-3a9585f{padding:0px 0px 0px 0px;}.elementor-122 .elementor-element.elementor-element-3a9585f.elementor-element{--align-self:center;}}/* Start custom CSS for nav-menu, class: .elementor-element-8113d76 */@media (max-width: 767px) { .elementor-122 .elementor-element.elementor-element-8113d76 { width: auto; position: relative; } /* ========================= NÚT HAMBURGER ========================= */ .elementor-122 .elementor-element.elementor-element-8113d76 .elementor-menu-toggle { display: flex !important; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0 !important; background: #f4f6f8 !important; color: #333333 !important; border: 0; border-radius: 5px; font-size: 18px !important; } /* ========================= KHUNG MENU ========================= */ .elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--dropdown { position: absolute !important; top: calc(100% + 7px); right: 0; width: 205px !important; min-width: 205px !important; padding: 6px !important; background: #ffffff !important; border: 1px solid #e8ebef; border-radius: 8px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12); overflow: hidden; z-index: 99999; } /* ========================= MENU ITEM ========================= */ .elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--dropdown .elementor-nav-menu > li > a { display: flex !important; align-items: center; min-height: 32px !important; margin: 1px 0 !important; padding: 6px 9px !important; background: #ffffff !important; color: #222222 !important; border-radius: 5px; font-size: 11px !important; font-weight: 500 !important; line-height: 1.25 !important; transition: all .18s ease; } /* ========================= HOVER ========================= */ .elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--dropdown .elementor-nav-menu > li > a:hover { background: #f2f7fc !important; color: #168EF0 !important; } /* ========================= TRANG ACTIVE ========================= */ .elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--dropdown .elementor-nav-menu > li.current-menu-item > a, .elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--dropdown .elementor-nav-menu > li.current_page_item > a, .elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--dropdown .elementor-nav-menu > li > a.elementor-item-active { background: #168EF0 !important; color: #ffffff !important; font-weight: 600 !important; } /* Active vẫn trắng khi hover */ .elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--dropdown .elementor-nav-menu > li.current-menu-item > a:hover, .elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--dropdown .elementor-nav-menu > li.current_page_item > a:hover, .elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--dropdown .elementor-nav-menu > li > a.elementor-item-active:hover { background: #168EF0 !important; color: #ffffff !important; } /* ========================= SUBMENU ========================= */ .elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--dropdown .sub-menu { position: static !important; width: 100% !important; margin: 2px 0 !important; padding: 2px 0 !important; background: #ffffff !important; } .elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--dropdown .sub-menu a { min-height: 30px !important; padding: 6px 9px 6px 20px !important; background: #ffffff !important; color: #333333 !important; font-size: 10.5px !important; font-weight: 500 !important; } /* ========================= TRỞ THÀNH TÁC GIẢ ========================= */ .elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--dropdown a[href*="dang-ky-tac-gia"] { display: flex !important; align-items: center; justify-content: center; min-height: 34px !important; margin: 6px 2px 2px !important; padding: 7px 10px !important; background: #168EF0 !important; color: #ffffff !important; border-radius: 6px; font-size: 11px !important; font-weight: 700 !important; box-shadow: 0 3px 8px rgba(22, 142, 240, .22); } /* Thêm icon bút */ .elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--dropdown a[href*="dang-ky-tac-gia"]::before { content: "✎"; margin-right: 6px; color: #ffffff; font-size: 13px; font-weight: 700; } /* Hover nút tác giả */ .elementor-122 .elementor-element.elementor-element-8113d76 .elementor-nav-menu--dropdown a[href*="dang-ky-tac-gia"]:hover { background: #087BD6 !important; color: #ffffff !important; transform: translateY(-1px); } }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-3a9585f */@media (max-width: 767px) { .elementor-122 .elementor-element.elementor-element-3a9585f { width: auto; position: relative; } /* ========================= NÚT HAMBURGER ========================= */ .elementor-122 .elementor-element.elementor-element-3a9585f .elementor-menu-toggle { display: flex !important; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0 !important; background: #f4f6f8 !important; color: #333333 !important; border: 0; border-radius: 5px; font-size: 18px !important; } /* ========================= KHUNG MENU ========================= */ .elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--dropdown { position: absolute !important; top: calc(100% + 7px); right: 0; width: 205px !important; min-width: 205px !important; padding: 6px !important; background: #ffffff !important; border: 1px solid #e8ebef; border-radius: 8px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12); overflow: hidden; z-index: 99999; } /* ===================================================== TRANG CHỦ + THỂ LOẠI GIỐNG HIỆU ỨNG NÚT TÁC GIẢ NHƯNG GIỮ NỀN TRẮNG + CHỮ ĐEN ===================================================== */ .elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--dropdown .elementor-nav-menu > li:not(:last-child) > a { display: flex !important; align-items: center; justify-content: center; min-height: 34px !important; margin: 6px 2px 2px !important; padding: 7px 10px !important; background: #ffffff !important; color: #222222 !important; border-radius: 6px; font-size: 12px !important; font-weight: 500 !important; line-height: 1.4 !important; box-shadow: 0 3px 8px rgba(22, 142, 240, .22); transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease; } /* Hover Trang chủ + Thể Loại */ .elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--dropdown .elementor-nav-menu > li:not(:last-child) > a:hover { background: #ffffff !important; color: #222222 !important; transform: translateY(-1px); box-shadow: 0 4px 10px rgba(22, 142, 240, .28); } /* ========================= TRANG ACTIVE GIỮ NỀN TRẮNG + CHỮ ĐEN ========================= */ .elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--dropdown .elementor-nav-menu > li:not(:last-child).current-menu-item > a, .elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--dropdown .elementor-nav-menu > li:not(:last-child).current_page_item > a, .elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--dropdown .elementor-nav-menu > li:not(:last-child) > a.elementor-item-active { background: #ffffff !important; color: #222 !important; font-weight: 400 !important; box-shadow: 0 3px 8px rgba(22, 142, 240, .22); } /* Active + hover */ .elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--dropdown .elementor-nav-menu > li:not(:last-child).current-menu-item > a:hover, .elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--dropdown .elementor-nav-menu > li:not(:last-child).current_page_item > a:hover, .elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--dropdown .elementor-nav-menu > li:not(:last-child) > a.elementor-item-active:hover { background: #ffffff !important; color: #222222 !important; transform: translateY(-1px); box-shadow: 0 4px 10px rgba(22, 142, 240, .28); } /* ========================= SUBMENU ========================= */ .elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--dropdown .sub-menu { position: static !important; width: 100% !important; margin: 2px 0 !important; padding: 2px 0 !important; background: #ffffff !important; } .elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--dropdown .sub-menu a { min-height: 30px !important; padding: 6px 9px 6px 20px !important; background: #ffffff !important; color: #333333 !important; font-size: 12px !important; font-weight: 400 !important; } /* ========================= TRỞ THÀNH TÁC GIẢ GIỮ NGUYÊN ========================= */ .elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--dropdown a[href*="dang-ky-tac-gia"] { display: flex !important; align-items: center; justify-content: center; min-height: 34px !important; margin: 6px 2px 2px !important; padding: 7px 10px !important; background: #168EF0 !important; color: #ffffff !important; border-radius: 6px; font-size: 12px !important; font-weight: 500 !important; box-shadow: 0 3px 8px rgba(22, 142, 240, .22); } /* Thêm icon bút */ .elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--dropdown a[href*="dang-ky-tac-gia"]::before { content: ""; margin-right: 6px; color: #ffffff; font-size: 13px; font-weight: 700; } /* Hover nút tác giả */ .elementor-122 .elementor-element.elementor-element-3a9585f .elementor-nav-menu--dropdown a[href*="dang-ky-tac-gia"]:hover { background: #087BD6 !important; color: #ffffff !important; transform: translateY(-1px); } }/* End custom CSS */