.emmc > li:hover button, .menu-item-has-children .sub-arrow{
      transform: rotate(180deg);
}

.uael-advanced-search-form, .uael-advanced-search-results{
  max-width: 800px;
}
.uael-advanced-search-form input{
  background: white;
  font-size: 16px !important;
}
.emmc > li button{
  margin-right: 0 !important;
}
.uael-advanced-search-form, .uael-advanced-search-results{
  max-width: 800px;
}
.uael-advanced-search-form input{
  background: white;
  font-size: 16px;
}
.page-id-44426 .site-content > .ast-container,.page-id-44419 .site-content > .ast-container {
    max-width: 100%;
    padding: 0;
}
.sle-cta br, .sle-tab br, .page-id-44426 .sle-toolbar > p, .sle-line br{
    display: none;
}
.sle-cta{
    padding: 14px 8px 14px;
}
.sle-cta:hover, .sle-tab:hover{
    color: white;
}
.sle-tab{
    padding: 14px 10px;
}

.sle-more:hover, .sle-chip:hover, .sle-more:hover{
    color: white !important;
}
.sle-line{
    font-size: 16px;
}
.sle-cta br, .sle-tab br, .page-id-44426 .sle-toolbar > p, .sle-line br, .slw-grid-cards .slw-card-btn br, .slw-btn br{
    display: none;
}
.sle-cta{
    padding: 14px 8px 14px;
}
.sle-cta:hover, .sle-tab:hover{
    color: white;
}
.sle-tab{
    padding: 14px 10px;
}

.sle-more:hover, .sle-chip:hover, .sle-more:hover{
    color: white !important;
}
.sle-line{
    font-size: 16px;
}

.sle-tab.is-active, button.sle-event-name{
    color: #169FDB;
}
.sle-tab.is-active:after{
    background: #169FDB;
}
.sle-search{
    border: 0;
    border-bottom: 1px solid black;
    border-radius: 0;
    padding: 6px 0px;
}
.sle-search #sle-search-input{
    font-size: 16px;
    padding: 0;
    height: auto;
}
.sle-search .sle-search-go{
    background: unset !important;
}
.hs-form .actions{
    margin: 0;
    padding: 0;
}
.hs-form .actions .hs-button{
    background: #169FDB;   
}

.sle-more-wrap{
    margin-bottom: 40px;
}
button.sle-event-name{
    text-decoration: none !important;
}
button.sle-event-name{
    text-decoration: none !important;
}
button:not(.sle-meeting-trigger):hover{
    background: #169FDB;
}
.sle-tab:hover{
    background: unset !important;
}
.sle-cta{
  color: #169FDB;
}
footer .menu-item a{
    font-weight: 300 !important;
    width: fit-content;
}
.slw-card-body .slw-card-title .slw-gate-trigger{
    background: unset !important;
    font-size: 20px;
}
.slw-search{
    border: 0;
    border-bottom: 1px solid black;
    border-radius: 0;
    padding: 6px 0px;
}
#slw-search-input{
    font-size: 16px;
    padding: 0;
    height: auto;
}
.slw-modal-close{
    padding: 0;
    background: unset !important;
}
#slw-modal .slw-btn{
    color: white !important;
}
/**
 * Single Webinar template styles.
 *
 * Lives at: wp-content/themes/astra-child/assets/css/single-webinar.css
 * Enqueued from functions.php, only on is_singular( 'webinar' ).
 *
 * Everything is scoped under .swp so nothing here can leak into the rest of
 * the site. The handful of .slw-* selectors are the module's own markup - the
 * player and the HubSpot form - which this page has to sit around; they are
 * always written as a descendant of .swp so this file wins on specificity
 * without a single !important.
 *
 * Contents
 *   1.  Tokens
 *   2.  Page shell + Astra resets
 *   3.  Hero
 *   4.  Layout
 *   5.  Video + gate
 *   6.  Content blocks
 *   7.  Sidebar panels
 *   8.  Buttons
 *   9.  Related webinars
 *   10. Responsive
 */

/* ==========================================================================
   1. Tokens
   ========================================================================== */

.swp {
    --swp-primary: #13294B;
    --swp-primary-dark: #0D1B2E;
    --swp-accent: #00A3AD;
    --swp-muted: #5A6779;
    --swp-body: #3F4A5A;
    --swp-border: #E3E8EF;
    --swp-surface: #FFFFFF;
    --swp-surface-alt: #F6F8FB;
    --swp-radius: 10px;
    --swp-radius-sm: 4px;
    --swp-shadow: 0 14px 34px rgba(19, 41, 75, .10);
    --swp-gutter: 32px;
    --swp-max: 1180px;
}

/* ==========================================================================
   2. Page shell + Astra resets
   ========================================================================== */

.swp,
.swp *,
.swp *::before,
.swp *::after {
    box-sizing: border-box;
}

.swp {
    color: var(--swp-body);
    background: var(--swp-surface);
}

/* Astra pads and constrains .site-content for its own blog layout. This
   template brings its own containers, so the theme's wrapper is neutralised
   and the hero can run edge to edge. */
body.single-webinar #content {
    padding-top: 0;
    padding-bottom: 0;
}

body.single-webinar .site-content > .ast-container,
body.single-webinar #content > .ast-container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    display: block;
}

body.single-webinar .ast-separate-container .ast-article-single {
    padding: 0;
    border: 0;
    background: transparent;
}

body.single-webinar #secondary {
    display: none;
}

.swp-article {
    margin: 0;
    padding: 0;
    border: 0;
}

/* ==========================================================================
   3. Hero
   ========================================================================== */

.swp-hero {
    background: linear-gradient(135deg, var(--swp-primary-dark) 0%, var(--swp-primary) 55%, #1B3A66 100%);
    color: #fff;
    padding: 54px 0 48px;
}

.swp-hero__inner {
    max-width: var(--swp-max);
    margin: 0 auto;
    padding: 0 var(--swp-gutter);
}

/* --- breadcrumb --- */

.swp-crumbs {
    font-size: 13px;
    margin: 0 0 22px;
    color: rgba(255, 255, 255, .70);
}

.swp-crumbs__link {
    color: rgba(255, 255, 255, .70);
    text-decoration: none;
    transition: color .2s;
}

.swp-crumbs__link:hover,
.swp-crumbs__link:focus-visible {
    color: #fff;
    text-decoration: underline;
}

.swp-crumbs__sep {
    margin: 0 8px;
    color: rgba(255, 255, 255, .40);
}

.swp-crumbs__current {
    color: #fff;
}

/* --- category tags --- */

.swp-tags {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 18px;
    padding: 0;
}

.swp-tags__item {
    margin: 0;
}

.swp-tag {
    display: inline-block;
    background: var(--swp-accent);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .09em;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: var(--swp-radius-sm);
}

/* --- title --- */

.swp-hero__title {
    margin: 0 0 26px;
    max-width: 26ch;
    color: #fff;
    font-size: clamp(28px, 3.4vw, 44px) !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;
}

/* --- facts row --- */

.swp-facts {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 38px;
    margin: 0;
    padding: 0;
}

.swp-facts__item {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin: 0;
}

.swp-facts__label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .10em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .58);
}

.swp-facts__value {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
}

.swp-facts__item--access {
    margin-left: auto;
}

/* --- access status pill --- */

.swp-status {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    background: rgba(255, 255, 255, .07);
}

.swp-status__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.swp-status--open .swp-status__dot {
    background: #2ECC71;
}

.swp-status--gated .swp-status__dot {
    background: #F1C40F;
}

/* ==========================================================================
   4. Layout
   ========================================================================== */

.swp-layout {
    padding: 54px 0 64px;
}

.swp-layout__inner {
    max-width: var(--swp-max);
    margin: 0 auto;
    padding: 0 var(--swp-gutter);
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 46px;
    align-items: start;
}

.swp-main {
    min-width: 0;
}

.swp-aside {
    display: flex;
    flex-direction: column;
    gap: 22px;
    position: sticky;
    top: 100px;
}

/* ==========================================================================
   5. Video + gate
   ========================================================================== */

.swp-video {
    margin: 0 0 44px;
}

/* The module's player markup lands inside .swp-video, either rendered by PHP
   or swapped in by the JS after the form is submitted. Reset its own outer
   margin so this template controls the rhythm. */
.swp-video .slw-player {
    margin: 0;
}

.swp-video .slw-player-frame {
    border-radius: var(--swp-radius) var(--swp-radius) 0 0;
}

/* --- the gate: poster on the left, form on the right --- */

.swp-video .swp-gate {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    margin: 0;
    border: 1px solid var(--swp-border);
    border-radius: var(--swp-radius);
    overflow: hidden;
    background: var(--swp-surface);
    box-shadow: var(--swp-shadow);
}

.swp-gate__poster {
    position: relative;
    min-height: 340px;
    background: var(--swp-primary-dark);
    overflow: hidden;
}

.swp-gate__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: brightness(.60);
}

.swp-gate__image--empty {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--swp-primary), var(--swp-accent));
    filter: none;
}

.swp-gate__play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .92);
    display: flex;
    align-items: center;
    justify-content: center;
}

.swp-gate__play::after {
    content: '';
    border-style: solid;
    border-width: 11px 0 11px 19px;
    border-color: transparent transparent transparent var(--swp-primary);
    margin-left: 5px;
}

.swp-gate__badge {
    position: absolute;
    left: 16px;
    bottom: 16px;
    right: 16px;
    background: rgba(19, 41, 75, .88);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    padding: 9px 13px;
    border-radius: var(--swp-radius-sm);
    text-align: center;
}

.swp-gate__form {
    padding: 34px;
    background: var(--swp-surface);
}

/* The HubSpot embed and the built-in form both sit in here. Their own styles
   come from the module; only the outer spacing is this file's business. */
.swp-gate__form .slw-form-title {
    margin-top: 0;
}

/* ==========================================================================
   6. Content blocks
   ========================================================================== */

.swp-block {
    margin: 0 0 40px;
}

.swp-block:last-child {
    margin-bottom: 0;
}

.swp-block__title {
    margin: 0 0 16px;
    padding: 0 0 12px;
    border-bottom: 2px solid var(--swp-border);
    color: var(--swp-primary);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
}

.swp-block__body {
    font-size: 16px;
    line-height: 1.72;
}

/* --- post content --- */

.swp-prose > *:first-child {
    margin-top: 0;
}

.swp-prose > *:last-child {
    margin-bottom: 0;
}

.swp-prose p {
    margin: 0 0 18px;
}

.swp-prose h2,
.swp-prose h3,
.swp-prose h4 {
    color: var(--swp-primary);
    margin: 30px 0 12px;
    line-height: 1.35;
}

.swp-prose ul,
.swp-prose ol {
    margin: 0 0 18px;
    padding-left: 22px;
}

.swp-prose li {
    margin: 0 0 8px;
}

.swp-prose a {
    color: var(--swp-accent);
}

.swp-prose img {
    max-width: 100%;
    height: auto;
    border-radius: var(--swp-radius-sm);
}

.swp-prose blockquote {
    margin: 24px 0;
    padding: 4px 0 4px 20px;
    border-left: 3px solid var(--swp-accent);
    color: var(--swp-primary);
    font-style: italic;
}

/* --- takeaways --- */

.swp-takeaways {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 12px;
}

.swp-takeaways__item {
    position: relative;
    margin: 0;
    padding: 0 0 0 32px;
    font-size: 16px;
    line-height: 1.65;
}

.swp-takeaways__item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 16px;
    height: 9px;
    border-left: 2.5px solid var(--swp-accent);
    border-bottom: 2.5px solid var(--swp-accent);
    transform: rotate(-45deg);
}

/* ==========================================================================
   7. Sidebar panels
   ========================================================================== */

.swp-panel {
    background: var(--swp-surface-alt);
    border: 1px solid var(--swp-border);
    border-radius: var(--swp-radius);
    padding: 24px;
}

.swp-panel__title {
    margin: 0 0 16px;
    color: var(--swp-primary);
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .10em;
    text-transform: uppercase;
}

.swp-panel__body {
    margin: 0;
    padding: 0;
}

/* --- speakers --- */

.swp-speakers {
    list-style: none;
    display: grid;
    gap: 18px;
}

.swp-speaker {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0;
}

.swp-speaker__photo {
    flex: 0 0 auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--swp-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.swp-speaker__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}

.swp-speaker__photo--empty {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}

.swp-speaker__text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.swp-speaker__name {
    color: var(--swp-primary);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
}

.swp-speaker__role {
    color: var(--swp-muted);
    font-size: 12.5px;
    line-height: 1.45;
}

/* --- resources --- */

.swp-resource {
    width: 100%;
    justify-content: flex-start;
}

.swp-resource__icon {
    flex: 0 0 auto;
    width: 14px;
    height: 16px;
    border: 2px solid currentColor;
    border-radius: 2px;
    position: relative;
}

.swp-resource__icon::after {
    content: '';
    position: absolute;
    left: 2px;
    right: 2px;
    top: 4px;
    border-top: 2px solid currentColor;
    box-shadow: 0 4px 0 currentColor;
}

/* --- share --- */

.swp-share {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.swp-share__item {
    margin: 0;
}

.swp-share__link {
    display: inline-block;
    border: 1px solid var(--swp-border);
    background: var(--swp-surface);
    border-radius: var(--swp-radius-sm);
    padding: 8px 15px;
    font-size: 13px;
    font-weight: 600;
    color: var(--swp-primary);
    text-decoration: none;
    transition: .2s;
}

.swp-share__link:hover,
.swp-share__link:focus-visible {
    border-color: var(--swp-accent);
    color: var(--swp-accent);
}

/* ==========================================================================
   8. Buttons
   ========================================================================== */

.swp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid transparent;
    border-radius: var(--swp-radius-sm);
    padding: 12px 22px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    transition: .2s;
}

.swp-btn--primary {
    background: var(--swp-primary);
    color: #fff;
}

.swp-btn--primary:hover,
.swp-btn--primary:focus-visible {
    background: var(--swp-accent);
    color: #fff;
}

.swp-btn--ghost {
    background: var(--swp-surface);
    color: var(--swp-primary);
    border-color: var(--swp-border);
}

.swp-btn--ghost:hover,
.swp-btn--ghost:focus-visible {
    border-color: var(--swp-accent);
    color: var(--swp-accent);
}

.swp a:focus-visible,
.swp button:focus-visible {
    outline: 2px solid var(--swp-accent);
    outline-offset: 2px;
}

/* ==========================================================================
   9. Related webinars
   ========================================================================== */

.swp-related {
    background: var(--swp-surface-alt);
    border-top: 1px solid var(--swp-border);
    padding: 56px 0 64px;
}

.swp-related__inner {
    max-width: var(--swp-max);
    margin: 0 auto;
    padding: 0 var(--swp-gutter);
}

.swp-related__title {
    margin: 0 0 28px;
    color: var(--swp-primary);
    font-size: 24px;
    font-weight: 700;
}

.swp-related__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

.swp-related__item {
    margin: 0;
}

.swp-rcard {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--swp-surface);
    border: 1px solid var(--swp-border);
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    transition: box-shadow .25s, transform .25s;
}

.swp-rcard:hover,
.swp-rcard:focus-visible {
    box-shadow: var(--swp-shadow);
    transform: translateY(-3px);
}

.swp-rcard__media {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    background: var(--swp-primary-dark);
    overflow: hidden;
}

.swp-rcard__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s;
}

.swp-rcard:hover .swp-rcard__image {
    transform: scale(1.05);
}

.swp-rcard__image--empty {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--swp-primary), var(--swp-accent));
}

.swp-rcard__play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .92);
    display: flex;
    align-items: center;
    justify-content: center;
}

.swp-rcard__play::after {
    content: '';
    border-style: solid;
    border-width: 8px 0 8px 14px;
    border-color: transparent transparent transparent var(--swp-primary);
    margin-left: 3px;
}

.swp-rcard__body {
    display: block;
    padding: 18px 20px 22px;
}

.swp-rcard__title {
    display: block;
    margin: 0 0 8px;
    color: var(--swp-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

.swp-rcard:hover .swp-rcard__title {
    color: var(--swp-accent);
}

.swp-rcard__meta {
    display: block;
    color: var(--swp-muted);
    font-size: 13px;
}

/* ==========================================================================
   10. Responsive
   ========================================================================== */

@media (max-width: 1024px) {

    .swp-layout__inner {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .swp-aside {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        align-items: start;
    }

    .swp-related__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 860px) {

    .swp-video .swp-gate {
        grid-template-columns: 1fr;
    }

    .swp-gate__poster {
        min-height: 220px;
        aspect-ratio: 16 / 9;
    }
}

@media (max-width: 700px) {

    .swp {
        --swp-gutter: 20px;
    }

    .swp-hero {
        padding: 36px 0 32px;
    }

    .swp-hero__title {
        max-width: none;
    }

    .swp-facts {
        gap: 14px 24px;
    }

    .swp-facts__item--access {
        margin-left: 0;
        width: 100%;
    }

    .swp-layout {
        padding: 36px 0 44px;
    }

    .swp-aside,
    .swp-related__grid {
        grid-template-columns: 1fr;
    }

    .swp-gate__form {
        padding: 24px 20px;
    }

    .swp-related {
        padding: 40px 0 46px;
    }
}