:root {
  --urlwp-primary: #0053e0;
  --urlwp-primary-dark: #003fba;
  --urlwp-nav-copy: #ffff00;
  --urlwp-page: #f4f7ff;
  --urlwp-copy: #111827;
  --urlwp-muted: #5d6575;
  --urlwp-border: #dce5f8;
  --urlwp-card: #fff;
  --urlwp-content-width: 1170px;
}

html,
body {
  overflow-x: clip;
}

body,
#wrapper,
#main {
  background: var(--urlwp-page);
  color: var(--urlwp-copy);
  font-family: Roboto, sans-serif !important;
  font-size: 16px;
  line-height: 1.6;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  color: var(--urlwp-primary);
  font-family: Roboto, sans-serif !important;
  font-weight: 700;
}

body a {
  color: var(--urlwp-primary);
}

#header,
#header .header-wrapper,
#header .header-main,
#header .header-bg-color {
  background: var(--urlwp-page);
}

#header .header-main {
  height: 90px;
  min-height: 90px;
}

#header .header-inner {
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--urlwp-content-width);
  width: 100%;
}

#header #logo {
  height: 90px;
  width: 200px;
}

#header #logo img {
  height: auto;
  max-height: 80px;
  object-fit: contain;
  object-position: left center;
  width: auto;
}

#header .top-divider {
  display: none;
}

#header .header-bottom,
#wide-nav {
  background: var(--urlwp-primary);
  height: 55px;
  min-height: 55px;
}

#wide-nav > .flex-row {
  height: 55px;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--urlwp-content-width);
  width: 100%;
}

#header .header-bottom-nav {
  flex-wrap: nowrap;
  justify-content: space-between;
  min-height: 55px;
  width: 100%;
}

#header .header-bottom-nav > li {
  flex: 0 1 auto;
  margin-left: 2px;
  margin-right: 2px;
}

#header .header-bottom-nav > li > a {
  color: var(--urlwp-nav-copy);
  font-family: Roboto, sans-serif;
  font-size: 14.4px;
  font-weight: 700;
  line-height: 16px;
  padding: 5px 2px;
  white-space: nowrap;
}

#header .header-bottom-nav > li > a .ux-menu-icon {
  height: 20px;
  margin-right: 5px;
  object-fit: contain;
  width: 20px;
}

#header .header-bottom-nav > li.active > a,
#header .header-bottom-nav > li > a:hover {
  color: #fff;
}

#header .nav-dropdown {
  background: #fff;
  border-color: var(--urlwp-primary);
}

#header .nav-dropdown a {
  color: var(--urlwp-primary-dark);
}

.urlwp-header-actions {
  align-items: center;
  display: flex;
  gap: 12px;
  white-space: nowrap;
}

.urlwp-header-actions .urlwp-action {
  align-items: center;
  background: linear-gradient(180deg, #6aa0ff, var(--urlwp-primary));
  border: 1px solid rgb(255 255 255 / 30%);
  border-radius: 4px;
  box-shadow: 0 4px 10px rgb(0 83 224 / 24%);
  color: #fff;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  padding: 0 20px;
}

.urlwp-header-actions .urlwp-action-secondary {
  background: var(--urlwp-primary-dark);
}

.urlwp-content-container,
.urlwp-entry-content {
  margin: 0;
  max-width: none;
  padding: 0;
  width: 100%;
}

.urlwp-front-page .slider-wrapper,
.urlwp-front-page .slider,
.urlwp-front-page .slider .img,
.urlwp-front-page .slider .img-inner,
.urlwp-front-page .slider img {
  display: block;
  max-width: none;
  width: 100%;
}

.urlwp-front-page .slider-wrapper,
.urlwp-front-page .slider img {
  aspect-ratio: 1920 / 450;
}

.urlwp-front-page .slider img {
  height: auto;
  object-fit: cover;
}

.urlwp-front-page .row,
.urlwp-front-page .container,
.urlwp-home-posts {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--urlwp-content-width);
}

.urlwp-front-page .container {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

.urlwp-front-page .row:nth-of-type(1) .img-inner {
  border-radius: 6px;
  overflow: hidden;
}

.urlwp-entry-content h1,
.blog-single .entry-title {
  font-size: 27.2px;
  line-height: 1.3;
  margin-bottom: .5em;
}

.urlwp-entry-content h2 {
  font-size: 25.6px;
  line-height: 1.3;
  margin-bottom: .5em;
}

.urlwp-entry-content h3 {
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: .5em;
}

.urlwp-entry-content p,
.taxonomy-description p {
  margin-bottom: 1.3em;
}

.urlwp-entry-content img,
.taxonomy-description img,
.entry-content img {
  height: auto;
  max-width: 100%;
}

.urlwp-entry-content figure,
.taxonomy-description figure,
.entry-content figure {
  margin-left: auto;
  margin-right: auto;
  max-width: 100% !important;
}

.urlwp-entry-content figcaption,
.taxonomy-description figcaption,
.entry-content figcaption {
  color: var(--urlwp-muted);
  font-size: 14px;
  font-style: italic;
  text-align: center;
}

.urlwp-entry-content table,
.taxonomy-description table,
.entry-content table {
  border-collapse: collapse;
  display: table;
  max-width: 100%;
  width: 100%;
}

.urlwp-entry-content th,
.urlwp-entry-content td,
.taxonomy-description th,
.taxonomy-description td,
.entry-content th,
.entry-content td {
  border: 1px solid #9db7e9;
  padding: .65em;
}

.ez-toc-container,
#ez-toc-container {
  background: #f7f9ff;
  border: 1px solid #a8bde7;
  border-radius: 4px;
  box-sizing: border-box;
  display: table;
  margin: 18px 0;
  padding: 12px 18px;
  width: auto;
}

.ez-toc-title-container {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.ez-toc-title {
  font-weight: 700;
  margin: 0;
}

:is(.ez-toc-container, #ez-toc-container) nav ul {
  margin: 6px 0 0 1.15em;
}

:is(.ez-toc-container, #ez-toc-container) nav li {
  margin-bottom: 3px;
}

.urlwp-toc-collapsed nav {
  display: none;
}

.page-wrapper {
  padding-bottom: 30px;
  padding-top: 30px;
}

.content-area.page-wrapper > .row.row-main,
.archive-page-header > .row,
.blog-wrapper > .row,
.blog-single > .row {
  max-width: var(--urlwp-content-width);
}

.urlwp-page-content .large-12 {
  padding-left: 15px;
  padding-right: 15px;
}

.blog-wrapper .large-9.col,
.blog-single .large-9.col {
  flex-basis: 75%;
  max-width: 75%;
  padding: 0 30px 30px;
}

.blog-wrapper .post-sidebar,
.blog-single .post-sidebar {
  flex-basis: 25%;
  max-width: 25%;
  padding: 0 30px 30px;
}

.urlwp-entry-header .entry-meta {
  color: var(--urlwp-muted);
  display: flex;
  font-size: 14px;
  gap: 12px;
  margin-bottom: 18px;
}

.urlwp-featured-image {
  margin-bottom: 18px;
}

.urlwp-featured-image img {
  height: auto;
  width: 100%;
}

.post-sidebar .widget {
  background: #fff;
  border: 1px solid var(--urlwp-border);
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 15px;
}

.post-sidebar .widget-title,
.post-sidebar .widget-title span {
  color: var(--urlwp-primary);
}

.post-sidebar .wp-block-search__inside-wrapper {
  display: flex;
}

.post-sidebar .wp-block-search__button {
  background: var(--urlwp-primary);
  color: #fff;
}

.archive-page-header .page-title {
  color: var(--urlwp-primary);
  font-size: 27.2px;
  line-height: 1.3;
  margin-bottom: 20px;
}

.urlwp-archive-card {
  align-items: center;
  border-bottom: 1px solid var(--urlwp-border);
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(180px, 40%) 1fr;
  padding: 18px 0;
}

.urlwp-archive-thumb img {
  aspect-ratio: 2 / 1;
  border-radius: 4px;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.urlwp-archive-copy h2 {
  font-size: 21px;
  margin: 0 0 8px;
}

.urlwp-archive-copy p {
  color: var(--urlwp-muted);
  margin-bottom: 8px;
}

.urlwp-archive-copy time {
  color: var(--urlwp-muted);
  font-size: 13px;
}

.urlwp-home-posts {
  padding: 0 15px 30px;
}

.urlwp-post-card {
  background: #fff;
  border: 1px solid var(--urlwp-border);
  border-radius: 5px;
  display: block;
  height: 100%;
  overflow: hidden;
}

.urlwp-post-card img {
  aspect-ratio: 2 / 1;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.urlwp-post-card-copy {
  display: block;
  padding: 14px;
}

.urlwp-post-card-title {
  color: var(--urlwp-primary);
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 6px;
}

.urlwp-post-card-excerpt {
  color: var(--urlwp-muted);
  display: block;
  font-size: 14px;
}

.urlwp-footer {
  background: #eef3ff;
  border-top: 1px solid var(--urlwp-border);
  color: var(--urlwp-copy);
}

.urlwp-footer-links,
.urlwp-footer-details {
  margin: 0 auto;
  max-width: var(--urlwp-content-width);
  padding: 28px 15px;
}

.urlwp-footer-links > h2 {
  text-align: center;
}

.urlwp-footer-menu-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.urlwp-footer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.urlwp-footer-menu a {
  display: block;
  padding: 5px 0;
}

.urlwp-footer-details {
  align-items: start;
  border-top: 1px solid var(--urlwp-border);
  display: grid;
  gap: 50px;
  grid-template-columns: 1fr 1fr;
}

.urlwp-footer-logo {
  height: auto;
  max-height: 110px;
  max-width: 220px;
  object-fit: contain;
}

.urlwp-copyright {
  background: var(--urlwp-primary);
  color: #fff;
  font-size: 14px;
  padding: 10px 15px 15px;
  text-align: center;
}

.urlwp-source-fixed-ad,
.floating-gift,
.fixed-banner,
.gift-fixed,
.hau-dai-banner,
.thumb-gift {
  display: none !important;
}

@media (max-width: 849px) {
  #header .header-main {
    height: 70px;
    min-height: 70px;
  }

  #header .header-inner {
    height: 70px;
    padding-left: 15px;
    padding-right: 15px;
  }

  #header #logo {
    height: 70px;
    margin: 0 auto;
    width: 180px;
  }

  #header #logo img {
    max-height: 64px;
    object-position: center;
  }

  #header .header-bottom,
  #wide-nav {
    display: flex;
    height: 55px;
    min-height: 55px;
  }

  #wide-nav > .flex-row {
    height: 55px;
    justify-content: center;
  }

  .urlwp-front-page .flickity-viewport {
    aspect-ratio: 1920 / 450;
    height: auto !important;
  }

  .urlwp-front-page .loading-spin {
    display: none;
  }

  .urlwp-header-actions {
    display: flex;
    gap: 8px;
    justify-content: center;
    width: 100%;
  }

  .urlwp-header-actions .urlwp-action {
    font-size: 12px;
    height: 38px;
    padding: 0 14px;
  }

  .urlwp-header-actions .urlwp-action-secondary {
    display: none;
  }

  .off-canvas-left .mfp-content {
    width: 280px;
  }

  html .off-canvas .nav-sidebar .menu-item-has-children > .sub-menu[hidden] {
    display: none !important;
  }

  html .off-canvas .nav-sidebar .urlwp-submenu-open > .sub-menu {
    display: block !important;
  }

  .urlwp-front-page .row,
  .urlwp-front-page .container {
    max-width: 100%;
  }

  .urlwp-entry-content h1,
  .blog-single .entry-title,
  .archive-page-header .page-title {
    font-size: 22.4px;
    line-height: 1.3;
  }

  .urlwp-entry-content h2 {
    font-size: 21px;
  }

  .blog-wrapper .large-9.col,
  .blog-single .large-9.col,
  .blog-wrapper .post-sidebar,
  .blog-single .post-sidebar {
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .urlwp-archive-card {
    grid-template-columns: 120px 1fr;
  }

  .urlwp-archive-copy p {
    display: none;
  }

  .urlwp-footer-menu-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .urlwp-footer-details {
    gap: 24px;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 549px) {
  .urlwp-front-page .slider-wrapper,
  .urlwp-front-page .slider img {
    aspect-ratio: 1920 / 450;
  }

  .urlwp-archive-card {
    align-items: start;
    grid-template-columns: 1fr;
  }

  .urlwp-footer-menu-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}