.elementor-3201 .elementor-element.elementor-element-5a4c4ae9{--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;--gap:2rem 2rem;--row-gap:2rem;--column-gap:2rem;--padding-top:2rem;--padding-bottom:4rem;--padding-left:1rem;--padding-right:1rem;}.elementor-3201 .elementor-element.elementor-element-45f395e{--display:flex;}.elementor-3201 .elementor-element.elementor-element-d295f4f img{border-radius:15px 15px 15px 15px;}.elementor-3201 .elementor-element.elementor-element-321edea{--display:flex;}.elementor-3201 .elementor-element.elementor-element-78dddc0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3201 .elementor-element.elementor-element-039d240{padding:0px 08px 0px 16px;}.elementor-3201 .elementor-element.elementor-element-039d240.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-3201 .elementor-element.elementor-element-039d240 .elementor-icon-wrapper{text-align:center;}.elementor-3201 .elementor-element.elementor-element-039d240 .elementor-icon{font-size:20px;}.elementor-3201 .elementor-element.elementor-element-039d240 .elementor-icon svg{height:20px;}.elementor-3201 .elementor-element.elementor-element-2759fda{text-align:start;}.elementor-3201 .elementor-element.elementor-element-798aae21{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:1.5rem;--padding-bottom:6rem;--padding-left:1rem;--padding-right:1rem;}.elementor-3201 .elementor-element.elementor-element-b6821e5 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-3201 .elementor-element.elementor-element-666cbf4{--grid-side-margin:8px;--grid-column-gap:8px;--grid-row-gap:0px;--grid-bottom-margin:0px;--e-share-buttons-primary-color:#FFFFFF00;--e-share-buttons-secondary-color:var( --e-global-color-accent );}.elementor-3201 .elementor-element.elementor-element-666cbf4 .elementor-share-btn{font-size:calc(0.6px * 10);height:18px;}.elementor-3201 .elementor-element.elementor-element-666cbf4 .elementor-share-btn__icon{--e-share-buttons-icon-size:18px;}.elementor-3201 .elementor-element.elementor-element-666cbf4 .elementor-share-btn:hover{--e-share-buttons-secondary-color:var( --e-global-color-6b79e4a );}.elementor-3201 .elementor-element.elementor-element-80526e6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3201 .elementor-element.elementor-element-d479f7a{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-3201 .elementor-element.elementor-element-d479f7a .elementor-divider-separator{width:100%;}.elementor-3201 .elementor-element.elementor-element-d479f7a .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-3201 .elementor-element.elementor-element-33845bb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 012px) 0px;text-align:center;}.elementor-3201 .elementor-element.elementor-element-33845bb .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-3201 .elementor-element.elementor-element-2980ad9{--grid-columns:3;}.elementor-3201 .elementor-element.elementor-element-2980ad9 > .elementor-widget-container{margin:048px 0px 048px 0px;}.elementor-3201 .elementor-element.elementor-element-6e32050{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1365px){.elementor-3201 .elementor-element.elementor-element-b6821e5 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );} .elementor-3201 .elementor-element.elementor-element-666cbf4{--grid-side-margin:8px;--grid-column-gap:8px;--grid-row-gap:0px;--grid-bottom-margin:0px;}.elementor-3201 .elementor-element.elementor-element-33845bb .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-3201 .elementor-element.elementor-element-2980ad9{--grid-columns:2;}}@media(max-width:767px){.elementor-3201 .elementor-element.elementor-element-798aae21{--min-height:20rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}.elementor-3201 .elementor-element.elementor-element-b6821e5 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );} .elementor-3201 .elementor-element.elementor-element-666cbf4{--grid-side-margin:8px;--grid-column-gap:8px;--grid-row-gap:0px;--grid-bottom-margin:0px;}.elementor-3201 .elementor-element.elementor-element-80526e6{--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}.elementor-3201 .elementor-element.elementor-element-33845bb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3201 .elementor-element.elementor-element-33845bb .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-3201 .elementor-element.elementor-element-2980ad9{--grid-columns:1;}.elementor-3201 .elementor-element.elementor-element-2980ad9 > .elementor-widget-container{margin:16px 0px 16px 0px;}}@media(min-width:768px){.elementor-3201 .elementor-element.elementor-element-5a4c4ae9{--content-width:1440px;}.elementor-3201 .elementor-element.elementor-element-45f395e{--width:30%;}.elementor-3201 .elementor-element.elementor-element-321edea{--width:70%;}}@media(min-width:2400px){.elementor-3201 .elementor-element.elementor-element-b6821e5 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-3201 .elementor-element.elementor-element-33845bb .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}/* Start custom CSS */.learning-center {
    --lc-display: "Poppins", sans-serif;
    --lc-body: "DM Sans", sans-serif;

    --lc-h1: 48px;
    --lc-h2: 32px;
    --lc-h3: 28px;
    --lc-h4: 24px;
    --lc-h5: 22px;
    --lc-h6: 20px;

    --lc-quote: #410161;
}

/* --- Headings ------------------------------------------------------------
 *
 * Both the raw tags (what the imported article markup contains) and
 * Elementor's own heading widget, so a heading placed in the template picks
 * up the same scale as one inside the article body.
 */
 .learning-center-content :is(h1, h2, h3, h4, h5, h6) :is(strong) {
    font-weight: inherit!important;
}
.learning-center-content :is(h1, h2, h3, h4, h5, h6),
.learning-center-content .elementor-heading-title {
    font-family: var(--lc-display);
    font-style: normal;
    line-height: 120%;
    /* Long headlines break across lines evenly instead of leaving one
       orphaned word on the last line. */
    text-wrap: balance;
}

.learning-center-content h1,
.learning-center-content h1.elementor-heading-title {
    font-size: var(--lc-h1);
    font-weight: 700;
}

.learning-center-content h2,
.learning-center-content h2.elementor-heading-title {
    font-size: var(--lc-h2);
    font-weight: 600;
}

.learning-center h3,
.learning-center h3.elementor-heading-title {
    font-size: var(--lc-h3);
    font-weight: 600;
}

.learning-center-content h4,
.learning-center h4.elementor-heading-title {
    font-size: var(--lc-h4);
    font-weight: 600;
}

.learning-center-content h5,
.learning-center-content h5.elementor-heading-title {
    font-size: var(--lc-h5);
    font-weight: 600;
}

.learning-center-content h6,
.learning-center-content h6.elementor-heading-title {
    font-size: var(--lc-h6);
    font-weight: 600;
}

/* --- Links ---------------------------------------------------------------
 *
 * Restricted to links inside the article body. Applying this to every link
 * under .learning-center would also restyle the breadcrumb, the card titles
 * and anything else the template happens to contain.
 */
.learning-center-content .elementor-widget-theme-post-content a,
.learning-center-content .lc-article-body a {
    font-family: var(--lc-body);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

/* --- Pull quote ---------------------------------------------------------- */
.learning-center-content blockquote,
.learning-center-content .lc-quote {
    color: var(--color-accent-purple02, var(--lc-quote));
    text-align: center;
    font-family: var(--lc-body);
    font-size: 22px;
    font-style: italic;
    font-weight: 500;
    line-height: 140%;
}

/* The attribution under a quote — name, role, location.
 *
 * The comp exports this as `line-height: 48%`, which is not a mistake worth
 * copying: 48% of 14px is under 7px, so consecutive lines would sit on top of
 * one another. Figma reports a fixed leading as a percentage of the font size
 * and the export loses the unit. Set to a readable value; change it if the
 * design genuinely wants the lines tighter. */
.learning-center-content blockquote cite,
.learning-center-content blockquote footer,
.learning-center .lc-quote-attribution {
    display: block;
    color: var(--color-scheme-1-text, #000);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

/* --- Responsive ----------------------------------------------------------
 *
 * A 48px headline is 40% of the width of a small phone, so it wraps to four
 * or five lines and pushes the article below the fold. Only the two largest
 * sizes move; from h3 down the comp's values already fit.
 *
 * Delete this block if the design calls for the fixed sizes at every width.
 */
@media (max-width: 767px) {
    .learning-center-content {
        --lc-h1: 32px;
        --lc-h2: 26px;
    }
}

.learning-center-content-content .wp-block-embed__wrapper::before {
    content: none;
}

.learning-center-content  iframe {
    position: static;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    display: block;
}
.learning-center-content details > summary {
    display: flex;
    align-items: center;
    gap: 0.6em;
    cursor: pointer;
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 140%;
    color: var(--color-accent-purple03, #7A3FF6);
    padding: 0.75rem 0;

    /* Removing the default marker takes two rules: `list-style` covers Firefox
       and modern Chrome, the pseudo-element is what Safari still listens to. */
    list-style: none;
}

.learning-center-content details > summary::-webkit-details-marker {
    display: none;
}

/* The icon: a page of ruled lines, which reads as "text of what was said"
   without needing a label. Drawn through `mask` rather than set as a
   background image so it inherits `currentColor` — one less place to repeat
   the purple, and it follows the hover colour for free. */
.learning-center-content details > summary::before {
    content: "";
    flex: none;
    width: 1.15em;
    height: 1.15em;
    background-color: currentColor;
    -webkit-mask: var(--lc-transcript-icon) center / contain no-repeat;
            mask: var(--lc-transcript-icon) center / contain no-repeat;
}

.learning-center-content details {
    --lc-transcript-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Cpath d='M7.5 9h9M7.5 13h9M7.5 17h5'/%3E%3C/svg%3E");
}

/* The chevron: down when closed, up when open. Two borders and a rotation, so
   there is no second asset to load and it is always the same purple as the
   text beside it. */
.learning-center-content details > summary::after {
    content: "";
    flex: none;
    width: 0.45em;
    height: 0.45em;
    margin-left: 0.15em;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-0.15em) rotate(45deg);
    transition: transform 0.2s ease;
}

.learning-center-content details[open] > summary::after {
    transform: translateY(0.1em) rotate(-135deg);
}

.learning-center-content details > summary:hover {
    color: var(--color-accent-purple02, #410161);
}

/* summary is focusable, so the keyboard needs to see where it is. The default
   outline is fine — it just needs room, and it must survive any global
   `outline: none` the theme may carry. */
.learning-center-content details > summary:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
    border-radius: 2px;
}
.learning-center-content blockquote {
    color: #410161;
text-align: center;
font-family: "DM Sans";
font-size: 22px;
font-style: italic;
font-weight: 500;
line-height: 140%; 
}

@media (prefers-reduced-motion: reduce) {
    .learning-center-content details > summary::after {
        transition: none;
    }
}/* End custom CSS */