/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*Add your own styles here:*/


/* ── Thin scrollbars ─────────────────────────────────────────────── */
*{
  scrollbar-width: thin;
  scrollbar-color: #888 transparent;
}
*::-webkit-scrollbar{ width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb{ background:#888; border-radius:8px; }
*::-webkit-scrollbar-track{ background:transparent; }

/* ── Top nav-header padding ─────────────────────────────────────────────── */
.html_header_top.html_header_sticky.html_bottom_nav_header #main {
  padding-top: 148px!important;
}

/* ── Training mega menu styling ──────────────────────────────────── */
#top #wrap_all .avia_mega_div {background-color: #ff6900!important;}

.mega_menu_title.heading-color.av-special-font {
	color: #f5a216;
}

#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
	display: flex;
}

#top #wrap_all .avia_mega_div {background-color: #ff6900!important;}

.mega_menu_title.heading-color.av-special-font {
	color:#404040!important;
}
/* first-level (Corporate, Individual) */
.mega-sub-menu > .mega-menu-item.mega-menu-item-has-children > a.mega-menu-link {
  color: #000 !important;
}

/* second-level items that have dashicons */
.mega-sub-menu .mega-menu-item-has-children > a.mega-menu-link[class*="dashicons-"] {
	color: #123459 !important;
}

.mega-menu-footer {
	background-color: #f8F8F8 !important;
}

.max-mega-menu .av-language-switch-item {
	float: right;
	padding: 16px 10px;
}

.max-mega-menu #menu-item-search {
	padding: 12px 10px;
}

.menu-individual-column, .menu-promo-column {
	border-left: 1px solid #fff !important;
}

#mega-menu-avia
  .mega-menu-column > .mega-sub-menu                 /* column list */
  > li.mega-menu-item-has-children                   /* Expertise / Growth */
  > ul.mega-sub-menu                                 /* their inner list */
  > li.mega-menu-item  .mega-menu-item-has-children > a.mega-menu-link {           /* the course links */
  color: #11aaba!important;
}

#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item:not(.mega-menu-item-has-children) > a.mega-menu-link::before {
	font-family: "dashicons";
	content: "\f139";
}

/* Highlight specific items by URL slug (no mega-menu-item-XXXX) */
#mega-menu-wrap-avia a.mega-menu-link[href*="individual/train-the-trainer/"],
#mega-menu-wrap-avia a.mega-menu-link[href*="/talent-career-management/"]{
  color:#ff0000 !important;
}

/* ── You may also like slider ─────────────────────────────────────────── */
/* the slider wrapper itself */
.avia-content-slider.avia-content-slider-active.you-may-also-like { 
  /* styles for this specific slider instance */
}

/* slide cards */
.avia-content-slider.avia-content-slider-active.you-may-also-like .slide-entry {
	background-color: #fff;
	padding: 10px;
	border-radius: 8px;
}

/* slide images/overlay */
.avia-content-slider.avia-content-slider-active.you-may-also-like .slide-image {}

/* titles & links */
.avia-content-slider.avia-content-slider-active.you-may-also-like .slide-entry-title a {}

/* dots/arrows (if visible) */
.avia-content-slider.avia-content-slider-active.you-may-also-like .avia-slideshow-arrows a {
	
}

/* scope to this slider only */
.avia-content-slider.avia-content-slider-active.you-may-also-like .avia-slideshow-arrows {
  position: absolute;          /* Enfold usually does this already */
  inset: 0;                    /* stretch to wrapper edges (optional) */
  pointer-events: none;        /* let child anchors handle clicks */
  z-index: 5;
}

/* Left arrow */
.avia-content-slider.avia-content-slider-active.you-may-also-like .avia-slideshow-arrows .prev-slide {
  position: absolute !important;
  left: -64px !important;                 /* push outside */
  top: 50%;
  transform: translateY(-50%);
  pointer-events: auto;        /* re-enable click on the anchor */
	margin: auto !important;
}

/* Left & Right arrow */
.avia-content-slider.avia-content-slider-active.you-may-also-like .avia-slideshow-arrows .next-slide {
  position: absolute!important;
  right: -64px !important;                /* push outside */
  /* top: 50%; */
	
  transform: translateY(-50%);
  pointer-events: auto;
	margin:auto !important;
}

/* allow arrows to bleed outside content area */
.avia-content-slider.avia-content-slider-active.you-may-also-like {
  position: relative;     /* positioning context */
  overflow: visible;      /* in case wrapper hides overflow */
}

.avia-content-slider.avia-content-slider-active.you-may-also-like .avia-content-slider-inner {
  overflow: visible !important;   /* Enfold sets hidden; override here */
}


/* ── Add colour tint to an images ───────────────────────────────────────── */
/* Base: enable overlay tint on any Enfold image container with .tint-wrap */
.tint-wrap { position: relative; }
.tint-wrap .avia-image-overlay-wrap { position: relative; }

/* Overlay */
.tint-wrap .avia-image-overlay-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--tint, #11aaba); /* default if none set */
  mix-blend-mode: var(--blend, color); /* try: overlay, screen, color */
  opacity: var(--tint-opacity, 1);      /* strength of the tint */
  pointer-events: none;
}

/* Color presets – replace hexes with your exact brand colors */
.tint-blue   { --tint: #11aaba; --tint-opacity: 1; --blend: color; }
.tint-red    { --tint: #E53935; --tint-opacity: 1; --blend: color; }
.tint-orange { --tint: #FB8C00; --tint-opacity: 1; --blend: color; }
.tint-mono   { --tint: #808080; --tint-opacity: 1; --blend: color; }

.tint-wrap.tint-mono img{
  filter: grayscale(100%) contrast(105%);
}


/* Optional: combine with a subtle desaturation under the tint */
.tint-wrap img { filter: saturate(85%); }


h2 {
  font-size: 1.4em!important;
}

/* ── Timeline styling ───────────────────────────────────────── */
.avia-timeline .milestone_icon {
  height: 2em;
  width: 2em;
  line-height: 2em;
  font-size: 1.4em;
}

.active_tc.toggle_wrap {
	display:block;
}

.avia-timeline-vertical .av-milestone-date {
  text-wrap: nowrap;
}

/* ── Team member styling ───────────────────────────────────────── */
.iirhd-accreditations img {max-width: 6em;}

.team-img-container {
	float: left;
	width: 35%;
	margin-right: 20px;
}

/*
#top .tm-more { display:inline-block; margin-top:8px; }
#top .tm-more-content { margin-top:10px; }
*/

#top .tm-more-content { display: none; }

.team-img-container img.av-team-img-original {
	filter: grayscale(100%);
}

.team-member-description, .avia_textblock.tm-more-content {
	color: #444;
}

.title_container .main-title {
	font-size: 2em;
}

/*.alternate_color .breadcrumb, .alternate_color .breadcrumb a, #top .alternate_color.title_container .main-title, */
#top .alternate_color.title_container .main-title a {
	color: #d30e3d;
}

/* ── Ninja request form layout ───────────────────────────────────────── */
#top .iirhd-request-form #nf-form-4-cont .nf-form-content nf-fields-wrap {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 24px;
  row-gap: 14px;
  align-items: start;
}

/* Prevent Ninja Forms one-third floats from controlling layout */
#top .iirhd-request-form #nf-form-4-cont .nf-field-container {
  float: none !important;
  clear: none !important;
  width: auto !important;
  margin: 0 !important;
}

/* Make the custom nf-field wrapper behave as a normal grid item */
#top .iirhd-request-form #nf-form-4-cont nf-field {
  display: block;
  min-width: 0;
}

/* Hide hidden fields so they do not occupy grid cells */
#top .iirhd-request-form #nf-form-4-cont nf-field:has(.hidden-container),
#top .iirhd-request-form #nf-form-4-cont nf-field:has(#nf-field-41-container),
#top .iirhd-request-form #nf-form-4-cont nf-field:has(#nf-field-42-container) {
  display: none !important;
}

/* Full-width inputs inside each grid column */
#top .iirhd-request-form #nf-form-4-cont .nf-field-element input:not([type="submit"]) {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0 !important;
}

/* Keep validation messages inside their own column */
#top .iirhd-request-form #nf-form-4-cont .nf-error-wrap {
  margin-top: 4px;
  min-height: 1.4em;
}

/* Submit button color */
#top .iirhd-request-form input.ninja-forms-field[type="submit"],
#top .iirhd-request-form input.ninja-forms-field[type="submit"]:hover {
  background-color: #CBA842;
}

/* Row 2 placement */
#top .iirhd-request-form #nf-form-4-cont #nf-field-39-container {
  grid-column: 1;
}

#top .iirhd-request-form #nf-form-4-cont #nf-field-38-container {
  grid-column: 2;
}

/* Mobile layout */
@media only screen and (max-width: 640px) {
  #top .iirhd-request-form #nf-form-4-cont .nf-form-content nf-fields-wrap {
    grid-template-columns: 1fr;
  }

  #top .iirhd-request-form #nf-form-4-cont #nf-field-39-container,
  #top .iirhd-request-form #nf-form-4-cont #nf-field-38-container {
    grid-column: auto;
  }
}

/* ── Our people popup ───────────────────────────────────────── */
.mfp-wrap:has(.our-people) > .mfp-container{
  overflow-y: scroll!important;
  overflow-x: hidden!important;
  /*margin: 10vh auto;*/
}

.mfp-container:has(.our-people){
  /*max-height: 80vh;*/
}

.mfp-content:has(.our-people) {
  /*max-width: 80%;*/
  display: inline-block;
  width: fit-content;
  height: fit-content;
  aspect-ratio: 1 / 1;
  max-height: 80%;
  max-width: 80%;
  overflow-y: scroll;
}

.mfp-wrap:has(.our-people) > .mfp-container .avia_textblock {
  padding: 1.4em 1em 0em 1em!important;
/*  place-items: center;*/
}

.mfp-wrap:has(.our-people) img {
  filter:grayscale(1);
  max-width: 300px;
  max-height: 300px ;
}

.mfp-content:has(.our-people) {

}

.our-people .container {
  padding-left: 10px;
  padding-right: 10px;
}

.our-people .container .template-page.content {
  padding-top: 0;
  padding-bottom: 0;
}

/* ── Footer partner logos ───────────────────────────────────────── */
.avia-logo-element-container.footer-partner-logos .slide-entry {
  margin-left: 0.5em !important;
}

#footer-page .main_color {
  background-color: initial;
  color: white;
  font-size: 0.7em;
}

#footer-page .featured_article_title {
  color: white;
}

/* ── Home pate slider image ───────────────────────────────────────── */
#home-page-slider-image .avia-caption-content {
    position: relative;
    display: inline-block;
    padding: 0.1em 0.4em;
    color: white;
    font-size: 1.6em !important;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.8),
        0 3px 8px rgba(0, 0, 0, 0.6);
    z-index: 1;
}

#home-page-slider-image .avia-caption-content::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: -1;
    border-radius: 4px;
}

#home-page-slider-image .avia-caption-title {
    color: white;
    position: relative;
    font-size: 1.6em !important;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.8),
        0 3px 8px rgba(0, 0, 0, 0.6);
}

/* ── Training pages slider image ───────────────────────────────────────── */
#trainings-slider-image .avia-caption-title {
    position: relative;
    display: inline-block;
    padding: 0.1em 0.4em;
    color: white;
    font-size: 1.3em !important;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.8),
        0 3px 8px rgba(0, 0, 0, 0.6);
    z-index: 1;
}

#trainings-slider-image .avia-caption-title::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: -1;
    border-radius: 4px;
}

/* footer page */
#footer-page .column-top-margin {
  margin-top: 1em !important;
}

#footer-page a[href^="mailto:"] {
    color: #ffffff;
}

/* ── Training pages title and content ───────────────────────────────────────── */
#training-title .container .content {
  padding-bottom: 0 !important;
}

/* ── Home page iso logos ───────────────────────────────────────── */
#home-page-iso-logos.column-top-margin {
  margin-top: 0;
}

/* ── child page tree structure ───────────────────────────────────────── */
.child-page-tree ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.child-page-tree li {
    margin: 0.35rem 0;
}

.child-page-tree li ul {
    margin-top: 0.35rem;
    margin-left: 1.25rem;
}

.child-page-tree a {
    text-decoration: none;
}

.child-page-tree a:hover {
    text-decoration: underline;
}

#after_section_2 .template-page {
  padding-bottom: 0;
}

.iirhd-request-form + div {
  display: none
}

/* ── Shared Entypo icon system ───────────────────────────────────────────────
   Purpose:
   - Keep icon identity separate from icon presentation.
   - Classes such as .iirhd-icon-date only select the icon glyph.
   - Contexts such as .iirhd-post-meta or .iirhd-training-key-details decide size,
     colour, spacing, alignment, and layout.
──────────────────────────────────────────────────────────────────────────── */

/* Central icon code map. Change icon glyphs here only. */
:root {
  --iirhd-icon-font: "entypo-fontello";

  --iirhd-entypo-icon-date: "\e862";
  --iirhd-entypo-icon-calendar: "\e85b";
  --iirhd-entypo-icon-author: "\e80a";
  --iirhd-entypo-icon-categories: "\e827";
  --iirhd-entypo-icon-location: "\e842";
  --iirhd-entypo-icon-credits: "\1f393";
  --iirhd-entypo-icon-cohort: "\1f465";
  --iirhd-entypo-icon-certified: "\2713";
}

/* Icon identity classes: these only select which icon to render. */
.iirhd-icon-date { --iirhd-icon: var(--iirhd-entypo-icon-date); }
.iirhd-icon-calendar { --iirhd-icon: var(--iirhd-entypo-icon-calendar); }
.iirhd-icon-author { --iirhd-icon: var(--iirhd-entypo-icon-author); }
.iirhd-icon-categories { --iirhd-icon: var(--iirhd-entypo-icon-categories); }
.iirhd-training-location { --iirhd-icon: var(--iirhd-entypo-icon-location); }
.iirhd-icon-credits { --iirhd-icon: var(--iirhd-entypo-icon-credits); }
.iirhd-icon-cohort { --iirhd-icon: var(--iirhd-entypo-icon-cohort); }
.iirhd-icon-certified { --iirhd-icon: var(--iirhd-entypo-icon-certified); }

/* Generic Entypo icon renderer. Presentation is handled by each context. */
.iirhd-icon::before {
  content: var(--iirhd-icon);
  font-family: "entypo-fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Backward-compatible icon identity aliases for existing programme-detail markup.
   These aliases allow existing items such as .iirhd-training-date to keep working
   even when the icon is rendered with a ::before pseudo-element on the parent item. */
.iirhd-training-date { --iirhd-icon: var(--iirhd-entypo-icon-date); }
.iirhd-training-calendar { --iirhd-icon: var(--iirhd-entypo-icon-calendar); }
.iirhd-training-location { --iirhd-icon: var(--iirhd-entypo-icon-location); }
.iirhd-training-credits { --iirhd-icon: var(--iirhd-entypo-icon-credits); }
.iirhd-training-cohort { --iirhd-icon: var(--iirhd-entypo-icon-cohort); }
.iirhd-training-certified { --iirhd-icon: var(--iirhd-entypo-icon-certified); }

/* Keep training key-detail text left-aligned while centering icons in their icon column. */
.iirhd-training-key-details .iirhd-meta-item {
    text-align: left;
}

/* Centre the pseudo-icon horizontally inside its fixed icon column. */
.iirhd-training-key-details .iirhd-meta-item::before {
    display: inline-flex;
    justify-content: center;
    align-items: flex-start;
    flex: 0 0 22px;
    width: 22px;
    margin-right: 10px;
    text-align: center;
}

/* ── Single article pages ───────────────────────────────────────────────────
   These classes style the generated header added by iirhd_add_post_header_to_avia_posts().
   The PHP outputs title, meta, and featured image before the Avia article body.
──────────────────────────────────────────────────────────────────────────── */
.iirhd-avia-post-header {
    margin-bottom: 35px;
}

.iirhd-post-title {
    margin-bottom: 10px;
}

/* Shared post-meta row used on both single articles and the articles listing. */
.iirhd-post-meta {
    font-size: 14px;
    color: #777;
    margin-bottom: 25px;
}

.iirhd-post-meta .iirhd-meta-item {
    display: inline-flex;
    align-items: center;
    margin-right: 18px;
}

.iirhd-post-meta .iirhd-meta-item:last-child {
    margin-right: 0;
}

/* Context-specific icon presentation for post metadata. */
.iirhd-post-meta .iirhd-icon {
    display: inline-block;
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 1;
    margin-right: 6px;
    color: inherit;
}

.iirhd-post-meta a {
    color: inherit;
    text-decoration: none;
}

.iirhd-post-meta a:hover {
    text-decoration: underline;
}

.iirhd-post-featured-image {
    margin-bottom: 30px;
}

.iirhd-post-featured-image img {
    width: 60%;
    height: auto;
    display: block;
    margin: auto;
}

@media (max-width: 767px) {
  .iirhd-post-featured-image img {
      width: 100%;
  }
}

/* ── Articles landing page listing ──────────────────────────────────────────
   These classes style the [iirhd_articles] shortcode output: thumbnail, meta,
   title, excerpt, read-more link, and pagination. The meta row intentionally
   reuses .iirhd-post-meta and the shared .iirhd-icon-* classes above.
──────────────────────────────────────────────────────────────────────────── */
.iirhd-articles-list {
    max-width: 1050px;
}

.iirhd-article-item {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 28px;
    padding-bottom: 36px;
    margin-bottom: 36px;
    border-bottom: 1px solid #e6e6e6;
}

.iirhd-article-thumb {
    display: block;
}

.iirhd-article-thumb img {
    width: 100%;
    height: auto;
    display: block;
}

/* Tighter meta spacing inside article cards than on single article pages. */
.iirhd-article-content .iirhd-post-meta {
    margin-bottom: 8px;
}

.iirhd-article-title {
    margin: 0 0 12px;
    font-size: 28px;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.iirhd-article-title a {
    color: #00335f;
    text-decoration: none;
}

.iirhd-article-title a:hover {
    text-decoration: underline;
}

.iirhd-article-excerpt {
    margin-bottom: 12px;
    color: #555;
}

.iirhd-article-excerpt p {
    margin: 0;
}

.iirhd-article-readmore {
    color: #c9a227;
    font-size: 16px;
    text-decoration: none;
}

.iirhd-article-readmore:hover {
    text-decoration: underline;
}

.iirhd-articles-pagination ul {
    list-style: none;
    display: flex;
    gap: 8px;
    padding: 0;
    margin: 30px 0 0;
}

.iirhd-articles-pagination a,
.iirhd-articles-pagination span {
    display: inline-block;
    padding: 6px 10px;
    border: 1px solid #ddd;
    text-decoration: none;
}

.iirhd-articles-pagination .current {
    background: #00335f;
    color: #fff;
    border-color: #00335f;
}

@media (max-width: 767px) {
    .iirhd-article-item {
        grid-template-columns: 1fr;
    }

    .iirhd-article-title {
        font-size: 22px;
    }
}

/* ── Programme details block ───────────────────────────────────────────────
   This section styles training/course detail rows. It supports both:
   - Existing markup where the parent item has .iirhd-training-date, etc.
   - Newer markup where an inner <span class="iirhd-icon iirhd-icon-date"></span>
     is used before the text.
──────────────────────────────────────────────────────────────────────────── */
#training-key-details-wrapper { margin-top: 0; }
.iirhd-training-key-details {
    display: grid;
    gap: 12px;
    font-size: 14px;
    color: #777;
    margin: 24px 0 30px;
}

.iirhd-training-key-details .iirhd-meta-item {
    display: flex;
    align-items: flex-start;
    margin-right: 0;
    line-height: 1.45;
}

/* Existing training-detail markup: render icon as a parent pseudo-element. */
.iirhd-training-key-details .iirhd-meta-item::before {
    content: var(--iirhd-icon);
    font-family: "entypo-fontello";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    flex: 0 0 18px;
    width: 18px;
    margin-right: 10px;
    line-height: 1.45;
    color: inherit;
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Newer training-detail markup: render icon with an inner .iirhd-icon span. */
.iirhd-training-key-details .iirhd-icon {
    display: inline-block;
    flex: 0 0 18px;
    width: 18px;
    margin-right: 10px;
    line-height: 1.45;
    color: inherit;
}

.iirhd-training-key-details strong {
    color: #00335f;
    font-weight: 700;
}

#training-key-details .iirhd-training-location::before {
    font-size: 20px;
    line-height: 1;
}

#certifications {
  vertical-align: top;
}

/* Megamenu training-detail title */
.iirhd-training-card-title {
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 700;
    color: #00335f;
}

.iirhd-training-card-title a {
    color: inherit;
    text-decoration: none;
}

.iirhd-training-card-title a:hover {
    text-decoration: underline;
}

.main_menu .iirhd-training-card-title > a {
  height: 0px!important;
  line-height: 0px!important;
}

/* Megamenu upcoming training courses carousel */
#top .main_menu .iirhd-upcoming-trainings {
    max-width: 980px;
}

#top .main_menu .iirhd-upcoming-trainings-track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(240px, 1fr);
    gap: 18px;
    overflow-x: auto;
    /* padding: 4px 4px 12px; */
    padding-bottom: 12px;
    scroll-snap-type: x mandatory;
}

#top .main_menu .iirhd-upcoming-training-card {
    scroll-snap-align: start;
    background: #fff;
    border: 1px solid #e3e7ee;
    border-radius: 8px;
    padding: 16px;
    min-width: 240px;
}

#top .main_menu .iirhd-upcoming-training-card .iirhd-training-card-title {
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 700;
    color: #00335f;
}

#top .main_menu .iirhd-upcoming-training-card .iirhd-training-card-title > a {
    color: inherit;
    text-decoration: none;
}

#top .main_menu .iirhd-upcoming-training-card .iirhd-training-card-title > a:hover {
    text-decoration: underline;
}

#top .main_menu .iirhd-upcoming-training-card .iirhd-training-key-details {
    margin: 0;
    gap: 8px;
    font-size: 13px;
}

#top .main_menu .iirhd-upcoming-training-card .iirhd-meta-item {
    line-height: 1.35;
}

/* mega menu upcoming courses column */
.mega-sub-menu .mega-menu-column.mega-upcoming-training.upcoming-training {
  background-color: #123459 !important;
}

#top #mega-menu-wrap-avia #mega-menu-avia .upcoming-training h4.mega-block-title {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 0 0.5em;
    color: white;
}

/* Mega-menu training card: More info button */
#top .main_menu .upcoming-training .iirhd-training-button {
    justify-content: center;
    margin-top: 10px;
}

/* Do not show an icon column for the button row */
#top .main_menu .upcoming-training .iirhd-training-button::before {
    content: none;
    display: none;
}

/* Button sizing */
#top .main_menu .upcoming-training .iirhd-training-button > a.avia-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 0;
    height: auto !important;
    line-height: 1.2 !important;

    padding: 7px 14px;
    font-size: 13px;
    margin: 0;
}

/* Text inside Enfold button */
#top .main_menu .upcoming-training .iirhd-training-button > a.avia-button .avia_iconbox_title {
    font-size: inherit;
    line-height: inherit;
}


/* Upcoming training carousel: show one full card in the visible area */
#top .main_menu .upcoming-training .iirhd-upcoming-trainings-track {
    grid-auto-columns: 100%;
}

/* Make each card fill the carousel viewport without forcing overflow */
#top .main_menu .upcoming-training .iirhd-upcoming-training-card {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}

/* Upcoming training carousel: hide scrollbar for auto-rotating cards */
#top .main_menu .upcoming-training .iirhd-upcoming-trainings-track {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

/* Keep one card visible at a time */
#top .main_menu .upcoming-training .iirhd-upcoming-training-card {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}