/* A branded drawer with readable navigation and language controls. */
.off-canvas .mfp-content:has(#main-menu) {
  background: linear-gradient(155deg, #007c88 0%, #006775 45%, #003b55 100%);
}
#main-menu.mobile-sidebar {
  min-height: 100vh;
  min-height: 100dvh;
  color: #fff;
  background: linear-gradient(155deg, #007c88 0%, #006775 45%, #003b55 100%);
}
#main-menu .sidebar-menu { padding: 28px 18px; }
#main-menu .nav-sidebar > li,
#main-menu .nav-sidebar .children { border-color: rgba(255, 255, 255, 0.15); }
#main-menu .nav-sidebar a,
#main-menu .nav-sidebar .toggle { color: #fff; opacity: 1; }
#main-menu .nav-sidebar > li > a { padding: 15px 12px; font-weight: 600; letter-spacing: 0.03em; }
#main-menu .nav-sidebar .children a { padding: 10px 16px; color: #e1f4f5; }
#main-menu .nav-sidebar .children { background: rgba(0, 29, 52, 0.15); border-radius: 8px; margin: 0 0 12px; }
#main-menu .nav-sidebar li > a:hover,
#main-menu .nav-sidebar li.current-menu-item > a,
#main-menu .nav-sidebar li > a:focus-visible { background: rgba(255, 255, 255, 0.12); color: #fff; border-radius: 8px; }
#main-menu .header-search-form,
#main-menu .header-search-form-wrapper,
#main-menu .searchform-wrapper { width: 100%; max-width: 100%; min-width: 0; }
#main-menu .header-search-form { display: block; padding: 0; }
#main-menu .searchform-wrapper { margin: 10px 0 20px; color: #183d49; }
#main-menu .searchform { width: 100%; margin: 0; }
#main-menu .searchform > .flex-row { display: flex; flex-wrap: nowrap; width: 100%; gap: 0; }
#main-menu .searchform > .flex-row > .flex-col { min-width: 0; padding: 0; }
#main-menu .searchform > .flex-row > .flex-grow { flex: 1 1 0; }
#main-menu .searchform > .flex-row > .flex-col:last-child { flex: 0 0 52px; width: 52px; margin-left: 0; }
#main-menu .search-field { width: 100%; min-width: 0; height: 50px; margin: 0; padding: 0 12px; background: #fff; color: #183d49; border: 0; border-radius: 8px 0 0 8px; box-shadow: none; }
#main-menu .search-field::placeholder { color: #5b737c; }
#main-menu .searchform .ux-search-submit.button.icon { display: flex; align-items: center; justify-content: center; width: 52px; min-width: 52px; height: 50px; min-height: 50px; margin: 0; padding: 0; border: 0; border-radius: 0 8px 8px 0; background: #003b55 !important; color: #fff !important; }
#main-menu .ux-search-submit .icon-search { font-size: 20px; }
#masthead .header-nav-main .searchform .ux-search-submit.submit-button.secondary.button { display: inline-flex; align-items: center; justify-content: center; width: 34px; min-width: 34px; height: 34px; min-height: 34px; padding: 0; }
#main-menu .live-search-results { color: #183d49; }
#main-menu .live-search-results a { color: #006775; }
#main-menu .aus4skills-drawer-languages { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 18px; padding: 0 0 22px; border-bottom: 1px solid #ffffff30; }
#main-menu .aus4skills-drawer-languages a { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 9px 12px; border: 1px solid #ffffff50; border-radius: 8px; color: #fff; font-size: 14px; line-height: 1.3; text-decoration: none; }
#main-menu .aus4skills-drawer-languages a:hover,
#main-menu .aus4skills-drawer-languages a:focus-visible { background: #ffffff20; }
#main-menu .aus4skills-drawer-languages .is-current { background: #fff; color: #006775; border-color: #fff; font-weight: 600; }
#main-menu .aus4skills-drawer-languages .is-current:hover,
#main-menu .aus4skills-drawer-languages .is-current:focus-visible { background: #e4f5f6; }
#main-menu .aus4skills-drawer-languages img { width: 24px; height: 16px; object-fit: contain; flex-shrink: 0; }
#main-menu a:focus-visible,
#main-menu button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.off-canvas:has(#main-menu) .mfp-close { color: #fff !important; opacity: 1; }
.off-canvas:has(#main-menu) .mfp-close svg { color: #fff; fill: currentColor; }

/* Desktop navigation stays centred in the space between logo and search. */
#header.header { box-shadow: 0 2px 8px rgba(0, 29, 52, 0.05); }
#header .header-wrapper.stuck,
#header .header-wrapper.header-shadow,
#header.header.has-sticky .header-wrapper.stuck {
  box-shadow: 0 2px 10px rgba(0, 29, 52, 0.07);
}
#header .header-bg-container,
#header .header-main { box-shadow: none; }

/* Paint the gradient on the full banner, rather than its inset content container. */
#main .banner.gradienxanh .banner-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #007c88 0%, rgba(0, 124, 136, 0.96) 28%, rgba(0, 124, 136, 0.5) 55%, rgba(0, 124, 136, 0) 85%);
  pointer-events: none;
}
#main .banner.gradienxanh .banner-layers.container { background: none; }

.aus4skills-breadcrumbs ~ #main .duongdan { display: none; }
.aus4skills-breadcrumbs ~ #main .col:has(> .col-inner > .duongdan:only-child) { display: none; }

@media (min-width: 850px) {
  #masthead .header-inner > .flex-left.hide-for-medium {
    min-width: 0;
    margin-inline: clamp(20px, 2.5vw, 40px);
  }
  #masthead .header-inner > .flex-left > .header-nav-main {
    justify-content: center;
    column-gap: clamp(28px, 3vw, 48px);
  }
  #masthead .header-inner > .flex-left > .header-nav-main > li {
    margin-inline: 0;
  }
  #masthead .header-inner > .flex-right.hide-for-medium {
    flex-shrink: 0;
  }
}

/* Desktop dropdowns keep the parent's positioning and open/close behaviour. */
@media (min-width: 850px) {
  #header .header-nav-main > .menu-item > .nav-dropdown {
    min-width: 245px;
    padding: 10px;
    border: 1px solid #dfedef;
    border-top: 3px solid #007c88;
    border-radius: 12px;
    background: linear-gradient(155deg, #fff 20%, #f3fafb 100%);
    box-shadow: 0 12px 32px rgba(0, 59, 85, 0.12);
  }
  #header .header-nav-main > .menu-item > .nav-dropdown > .menu-item {
    margin: 0;
    padding: 2px 0;
  }
  #header .header-nav-main > .menu-item > .nav-dropdown > .menu-item > a {
    margin: 0;
    padding: 12px 14px;
    border: 0;
    border-radius: 7px;
    color: #244653;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.45;
    white-space: normal;
    text-transform: none;
    transition: color 0.15s ease, background-color 0.15s ease;
  }
  #header .header-nav-main > .menu-item > .nav-dropdown > .menu-item > a:hover,
  #header .header-nav-main > .menu-item > .nav-dropdown > .menu-item > a:focus-visible,
  #header .header-nav-main > .menu-item > .nav-dropdown > .current-menu-item > a {
    color: #006775;
    background-color: #e2f2f3;
  }
  #header .header-nav-main > .menu-item > .nav-dropdown > .menu-item > a:focus-visible {
    outline: 2px solid #007c88;
    outline-offset: -2px;
  }
}

/* Latest News and category archives share the same article-title styling. */
#main .home3 .baiviet .post-title a,
.category #main #post-list .post-title a {
  color: #181c32;
  font: inherit;
  text-decoration: none;
  text-underline-offset: 0.18em;
  text-decoration-thickness: 1px;
  text-decoration-skip-ink: auto;
  transition: color 0.15s ease;
}
#main .home3 .baiviet .post-title a:hover,
#main .home3 .baiviet .post-title a:focus-visible,
.category #main #post-list .post-title a:hover,
.category #main #post-list .post-title a:focus-visible {
  color: #005660;
  text-decoration-line: underline;
}

/* Underline editorial text links, without affecting navigation or linked cards. */
#main :is(.entry-content, .page-inner, .term-description, .taxonomy-description, .noidungbai, .text) :is(p, li, blockquote, figcaption, td, th) a:not(.button):not(.plain):not(.icon):not(:has(img)),
#main :is(.entry-content, .page-inner) > a:not(.button):not(.plain):not(.icon):not(:has(img)),
#main .text > a:not(.button):not(.plain):not(.icon):not(:has(img)) {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  text-decoration-skip-ink: auto;
}
#main :is(.entry-content, .page-inner, .noidungbai, .text) a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

#main .entry-content { padding-top: 0; }

.aus4skills-breadcrumbs { padding-top: 18px; padding-bottom: 18px; font-size: 14px; }
.aus4skills-breadcrumbs ol { display: block; list-style: none; margin: 0; line-height: 1.65; overflow-wrap: anywhere; }
.aus4skills-breadcrumbs li { display: inline; margin: 0; }
.aus4skills-breadcrumbs li + li::before { content: "/\00a0"; color: #777; margin-inline: 8px; }
.aus4skills-breadcrumbs a { white-space: nowrap; text-decoration: underline; text-underline-offset: 3px; }
.aus4skills-breadcrumbs [aria-current="page"] { color: #555; }
@media (max-width: 849px) {
  .aus4skills-breadcrumbs { padding-top: 12px; padding-bottom: 12px; font-size: 13px; }
  .aus4skills-breadcrumbs li + li::before { margin-inline: 6px; }
  .single-post #main .blog-single.page-wrapper { padding-top: 12px; }
  .single-post #main .entry-header { margin-bottom: 0; }
  .single-post #main .entry-header-text { padding-top: 0; padding-bottom: 8px; }
  .single-post #main .entry-title { margin-bottom: 0; }
  .single-post #main .aus4skills-article-meta { margin: 10px 0 0; gap: 4px 12px; }
  .single-post #main .aus4skills-article-meta > * + * { padding-inline-start: 12px; }
  .single-post #main .entry-content.single-page { padding-top: 0; }
  .single-post #main .entry-content.single-page > :first-child { margin-top: 0; }
}

/* Article details and large, centred social buttons. */
#main .aus4skills-article-meta {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline;
  gap: 8px 18px; margin: 18px 0 28px; color: #5c6670; font-size: 14px; line-height: 1.6;
}
#main .text-left .aus4skills-article-meta { justify-content: flex-start; }
#main .aus4skills-article-meta > * + * { border-inline-start: 1px solid #d6e2e5; padding-inline-start: 18px; }
#main .aus4skills-article-meta a { color: #007c88; text-decoration: underline; text-underline-offset: 3px; }
#main .aus4skills-social-share {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 26px auto; width: 100%;
}
#main .aus4skills-social-share .aus4skills-share-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  width: 32px; height: 32px; min-width: 32px; min-height: 32px; padding: 0; border-radius: 50%;
  background: var(--share-color, #007c88); color: #fff; font-size: 15px; font-weight: 600;
  line-height: 1.3; text-decoration: none; transition: transform 0.15s ease, box-shadow 0.15s ease;
}
#main .aus4skills-share-button i { font-size: 16px; line-height: 1; }
#main .aus4skills-share-button svg { width: 15px; height: 15px; fill: currentColor; }
#main .aus4skills-share-button:hover { transform: translateY(-2px); box-shadow: 0 5px 14px #001d3424; }
#main .aus4skills-share-button:focus-visible { outline: 3px solid #007c88; outline-offset: 4px; }
#main .aus4skills-share-facebook { --share-color: #1877f2; }
#main .aus4skills-share-linkedin { --share-color: #0a66c2; }
#main .aus4skills-share-x { --share-color: #17212b; }
#main .aus4skills-share-whatsapp { --share-color: #087e45; }
#main .aus4skills-share-telegram { --share-color: #0878a3; }
#main .aus4skills-share-email { --share-color: #007c88; }

/* Related carousel reuses Flatsome/Flickity; each card keeps the same rhythm. */
#main .aus4skills-related-carousel .post-item { min-width: 0; padding: 0 12px 24px; }
#main .aus4skills-related-carousel .post-item > .col-inner { display: flex; width: 100%; height: 100%; overflow: hidden; }
#main .aus4skills-related-carousel .box-blog-post { display: flex; flex-direction: column; width: 100%; height: 100%; }
#main .aus4skills-related-carousel .box-image { flex: 0 0 auto; width: 100%; }
#main .aus4skills-related-carousel .box-text { display: flex; flex: 1; padding: 0; }
#main .aus4skills-related-carousel .box-text-inner { display: flex; flex-direction: column; width: 100%; padding: 20px; }
#main .aus4skills-related-carousel .post-title { height: 75.6px; min-height: 75.6px; margin-bottom: 12px; font-size: 18px; line-height: 25.2px; -webkit-line-clamp: 3; }
#main .aus4skills-related-carousel .post-title a { color: #181c32; font: inherit; }
#main .aus4skills-related-carousel .post-title a:hover,
#main .aus4skills-related-carousel .post-title a:focus-visible { color: #005660; text-decoration: underline; text-underline-offset: 3px; }
#main .aus4skills-related-carousel .post-meta { margin-bottom: 12px; font-size: 13px; }
#main .aus4skills-related-carousel .from_the_blog_excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: 72px; min-height: 72px; margin-bottom: 18px; font-size: 15px; line-height: 24px; }
#main .aus4skills-related-carousel .button { align-self: flex-start; margin-top: auto; }
#main .aus4skills-related-carousel .flickity-prev-next-button { width: 38px; height: 38px; top: 42%; border: 1px solid #dce8ea; background: #fff; color: #007c88; box-shadow: 0 2px 8px #003b550d; }
#main .aus4skills-related-carousel .flickity-prev-next-button.previous { left: 0; }
#main .aus4skills-related-carousel .flickity-prev-next-button.next { left: auto; right: 0; }
#main .aus4skills-related-carousel .flickity-prev-next-button svg { background: none; border: 0; }
#main .aus4skills-related-carousel .flickity-prev-next-button .arrow { fill: #007c88; }
#main .aus4skills-related-carousel .flickity-page-dots .dot.is-selected { background: #007c88; }
#main .home3 .baiviet .post-item > .col-inner,
#main .aus4skills-related-carousel .post-item > .col-inner { box-shadow: 0 2px 8px rgba(0, 59, 85, 0.035); border: 1px solid #e8eff0; }

/* Footer menu links only gain an underline, retaining their original colours. */
#footer .ux-menu-link__link:hover,
#footer .ux-menu-link__link:focus-visible,
#footer .menu-item > a:hover,
#footer .menu-item > a:focus-visible { color: inherit; background: transparent; text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
#footer .ux-menu-link__link:hover .ux-menu-link__text,
#footer .ux-menu-link__link:focus-visible .ux-menu-link__text { color: inherit; background: transparent; }
/* Publication filters, including a real form fallback when JavaScript is off. */
.aus4skills-publication-filter { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 18px 22px; border-radius: 12px; background: #eef7f8; margin-bottom: 0; }
.aus4skills-publication-filter label { margin: 0; color: #003b55; }
.aus4skills-publication-filter select { width: auto; min-width: 150px; margin: 0; border-radius: 6px; }
.aus4skills-publication-filter button.button.primary { margin: 0; border-radius: 6px; background: #007c88; border-color: #007c88; color: #fff; font-size: 13px; line-height: 1.4; letter-spacing: 0; min-height: 40px; padding: 10px 18px; text-transform: none; }
.aus4skills-publication-filter button.button.primary:hover { background: #005c68; border-color: #005c68; }
#main .publication .taive { width: auto; }
#main .publication .taive a { display: inline-flex; align-items: center; justify-content: center; width: auto; min-width: max-content; max-width: none; flex-shrink: 0; white-space: nowrap; line-height: 1.4; }
#aus4skills-publication-status:empty { display: none; }
#aus4skills-publication-status { margin-top: 12px; }
#aus4skills-publication-results[aria-busy="true"] { opacity: 0.55; }
.aus4skills-publication-pagination ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; list-style: none; margin: 10px 0 30px; }
.aus4skills-publication-pagination li { margin: 0; }
.aus4skills-publication-pagination :is(a, span) { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; min-height: 42px; padding: 6px 12px; border: 1px solid #c8dfe2; border-radius: 7px; }
.aus4skills-publication-pagination .current { background: #007c88; border-color: #007c88; color: white; }

/* Contact keeps its original office details and Contact Form 7 integration. */
.aus4skills-contact-page #main { background: linear-gradient(180deg, #f0f8f9, #fff 420px); }
.aus4skills-contact-page #content { padding: 28px 0 64px; }
.aus4skills-contact-page #content > .row:first-child .tieudelienhe {
  color: #003b55; font-size: clamp(32px, 4vw, 46px); line-height: 1.2; font-weight: 700; margin: 0 0 18px;
}
.aus4skills-contact-page #main .wpcf7,
.aus4skills-contact-page #main .wpcf7-form,
.aus4skills-contact-page #main .contactus,
.aus4skills-contact-page #main .nhapvao,
.aus4skills-contact-page #main .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  max-width: none;
}
.aus4skills-contact-page #main :is(.aus4skills-contact-office, .aus4skills-contact-form) > .col-inner {
  height: 100%; padding: clamp(22px, 3vw, 40px); background: #fff; border: 1px solid #dfebed;
  border-radius: 18px; box-shadow: 0 8px 32px rgba(0, 59, 85, 0.05);
}
.aus4skills-contact-page #main :is(.sublienhe, .sublieneh) { color: #3d4e58; line-height: 1.85; }
.aus4skills-contact-page #main .sublienhe { color: #007c88; font-size: 23px; font-weight: 650; }
.aus4skills-contact-page #main .sublieneh strong { display: inline-block; margin-top: 8px; color: #003b55; }
.aus4skills-contact-page #main .col-inner > p { padding-bottom: 14px; margin-bottom: 16px; border-bottom: 1px solid #edf2f3; }
.aus4skills-contact-page #main .aus4skills-contact-label { display: block; font-size: 14px; font-weight: 600; color: #003b55; margin-bottom: 7px; }
.aus4skills-contact-page #main .nhapvao { margin-bottom: 18px; }
.aus4skills-contact-page #main .contactus :is(input:not([type="submit"]), textarea) {
  width: 100%; border: 1px solid #cbdde1; border-radius: 8px; background: #fbfdfd;
  box-shadow: none; margin-bottom: 0; padding: 12px 14px; font-size: 16px;
}
.aus4skills-contact-page #main .contactus input:not([type="submit"]) { height: 48px; }
.aus4skills-contact-page #main .contactus textarea { height: 160px; min-height: 140px; resize: vertical; }
.aus4skills-contact-page #main .contactus :is(input, textarea):focus { border-color: #007c88; outline: 3px solid #007c881a; }
.aus4skills-contact-page #main .guii { margin-top: 8px; }
.aus4skills-contact-page #main .wpcf7-submit { min-height: 50px; border-radius: 8px; background: #007c88; padding-inline: 26px; margin-bottom: 0; }
.aus4skills-contact-page #main .social-icons { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 22px; border-top: 1px solid #edf2f3; margin-top: 24px; }
.aus4skills-contact-page #main .social-icons .button { margin: 0; width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; }
@media (max-width: 549px) {
  #main .banner.gradienxanh .banner-bg::after { background: linear-gradient(90deg, #007c88 0%, rgba(0, 124, 136, 0.92) 40%, rgba(0, 124, 136, 0.2) 100%); }
  #main .aus4skills-social-share { gap: 10px; }
  #main .aus4skills-social-share .aus4skills-share-button { width: 30px; height: 30px; min-width: 30px; min-height: 30px; padding: 0; }
  .aus4skills-publication-filter { padding: 16px; }
  .aus4skills-publication-filter label { flex-basis: 100%; }
  .aus4skills-contact-page #content { padding-bottom: 32px; }
}