/*   Eqao Footer css   */

:root {

    --ftr-p-x: var(--global-dt-p-x);
    --sbscrb-wrpr-p-x: 0rem;
    --sbscrb-wrpr-p-y: var(--spacing-20-30);
    /* --sbscrb-wrpr-m-b: var(--spacing-30-75); */
    --sbscrb-wrpr-m-b: clamp(1.875rem, 0.9385rem + 4.6826vw, 4.6875rem);
    
    --sbscrb-col-p-x: 2.5rem;
    --sbscrb-col3-p-x: 2.5rem;
    --sbscrb-col3-p-t: 0rem;
    --sbscrb-cols-gap: 0.9375rem;
    --dt-side-cols-w: clamp(21.5%, calc(6.966% + 279.05px), 28.75%);

    /* --inputs-stack-p-t: clamp(1.25rem, 1.011rem + 0.9804vw, 2.1875rem); */
    --inputs-stack-p-t: clamp(1.875rem, 2.814rem + -0.7825vw, 2.1875rem);
    --inputs-stack-p-b: var(--spacing-20-40);
    --inputs-stack-gap: 0.9375rem;
    --sub-input-h: clamp(3.75rem, 3.7022rem + 0.1961vw, 3.9375rem);

    --m-sbscrb-img-w: 19.5rem;
    --m-sbscrb-img-w-hlf: 9.75rem;
    --dt-sbscrb-img-w: clamp(25rem, 21.7424rem + 4.0689vw, 26.625rem);
    --dt-sbscrb-img-top: clamp(-3.6562rem, 1.3203rem + -4.1471vw, -2rem);

    --ftr-logo-menu-wrapper-p-x: 0rem;
    --ftr-logo-caption-w: clamp(25rem, -4.5455rem + 60.6061vw, 50rem);
    --ftr-logo-gap: var(--spacing-20-30);
    --ftr-logo-row-m-b: 1.875rem;
    --ftr-logo-w: clamp(9.1875rem, 10.6875rem + -1.25vw, 9.6875rem);

    --ftr-menus-grd-gap: clamp(4.0625rem, -2.1382rem + 12.7193vw, 13.125rem);
    --ftr-follow-stack-gap: var(--spacing-10-20);
    --soc-links-stack-gap: 0.625rem;
    --soc-icons-sz: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);

    --ftr-menu-btm-p-y: var(--spacing-20-30);

    --fdbck-form-m-t: var(--spacing-75-125);
    --fdbck-form-m-b: var(--spacing-30-75);
    --fdbck-form-p-t: var(--spacing-20-30);
}
@media (max-width: 1280px) {
    :root {
        --ftr-p-x: 0px;
        --sbscrb-wrpr-p-x: var(--global-mob-p-x);
        --sbscrb-cols-gap: 0rem;
        --sbscrb-col-p-x: 0rem;
        --sbscrb-col3-p-x: 0rem;
        --sbscrb-col3-p-t: 1.875rem;

        --inputs-stack-p-t: clamp(1.25rem, 0.9378rem + 1.5609vw, 2.1875rem);

        --ftr-logo-menu-wrapper-p-x:  var(--global-mob-p-x);

        /* --fluid-128-155: clamp(8rem, 7.2605rem + 3.0337vw, 9.6875rem); */
        --ftr-logo-w: clamp(8rem, 7.2605rem + 3.0337vw, 9.6875rem);
        --ftr-logo-row-m-b: 0px;
        --soc-links-stack-gap: 4.0625rem;
    }
}

footer {
	position: relative;
}
.footer-group {
    width: var(--wp--style--global--wide-size) !important;
    padding: 0 var(--ftr-p-x) !important;
}

.subscribe-wrapper {
    box-sizing: border-box;
    padding: var(--sbscrb-wrpr-p-y) var(--sbscrb-wrpr-p-x);
    margin-block-end: var(--sbscrb-wrpr-m-b) !important;
}
@media only screen and (max-width: 1280px) {
    .subscribe-wrapper {
        height: auto !important;
    }
}

.subscribe-outer {
    margin-block-start: 0;
}
.subscribe-form-outer {
    width: var(--wp--style--global--content-size) !important;
}
.subscribe-cols {
    gap: var(--sbscrb-cols-gap) !important;
}

/* Subscribe cols - dt  */
.subscribe-cols .col-1 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding-left: var(--sbscrb-col-p-x) !important;   
} 
.subscribe-cols .col-2 {
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    .inputs-stack {
        width: 100% !important;
        padding-top: var(--inputs-stack-p-t) !important;
        padding-bottom: var(--inputs-stack-p-b) !important;
        gap: var(--inputs-stack-gap) !important;
    }
}
.subscribe-cols .col-3 {
    padding: var(--sbscrb-col3-p-t) var(--sbscrb-col-p-x) 0 0 !important;
}

@media only screen and (min-width: 1281px) {
    .subscribe-cols .col-1 {
        flex-basis: var(--dt-side-cols-w) !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
        width: var(--dt-side-cols-w) !important;             
        .subscribe-stack-details {
            padding-right: 1.875rem !important;
            gap: 1.25rem !important;
        }
    }    
    .subscribe-cols .col-2 {
        flex: 1 1 auto !important;
        p.is-style-p-large.subscribe-p-large {
            margin: 0 auto !important;
        }
    }
    .subscribe-cols .col-3 {
        flex-basis: var(--dt-side-cols-w) !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
        width: var(--dt-side-cols-w) !important;
        position: relative;
        overflow: visible;
    }
}

.subscribe-form-outer {
    width: -webkit-fill-available !important;
}


#subscribe-input-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width:100%;
    flex-shrink: 0;
}

#subscribe-input-section .input-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.5rem;
    flex-shrink: 0;
    align-self: stretch;
    label.input-label {
        font-family: var(--wp--preset--font-family--lexend);
        font-size: var(--wp--preset--font-size--custom-19) !important;
        line-height: 1.2 !important;
    }
}
.footer-subscribe-input {
    width: -webkit-fill-available;
    height: var(--sub-input-h);
    border-style: none;
    border-bottom: 1px solid #000;
}

.footer-sub-h2-group, .footer-subscribe-details{
    width: -webkit-fill-available;
}

.image-wrapper {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.footer-image.footer-image.hide-tblt-mobile {
    flex-direction: row !important;
    position:absolute;
    left: auto;
    right: -2.5rem;
    transform: translateY(-12.6%); 
    width: 26.625rem !important;
    max-width: 26.625rem !important;
    margin: 0;
}
/* 
@media only screen and (min-width: 1600px) {
    .footer-image.footer-image.hide-tblt-mobile {
        transform: translateY(-10.6%); 
    }
}
@media only screen and (min-width: 1900px) {
    .footer-image.footer-image.hide-tblt-mobile {
        transform: translateY(-12.6%); 
    }
} */


.footer-image.footer-image.hide-tblt-mobile img {    
    width:100% !important;
    height: auto !important;
    display: block;
}

.footer-subscribe-button.is-style-black-cta-filled a {
    padding-top: clamp(0.5625rem, 2.25vw, 1.125rem) !important;
    padding-bottom: clamp(0.5625rem, 2.25vw, 1.125rem) !important;
}

.footer-subscribe-stack {
    align-items: start !important;
}

.footer-subscribe-h2 {
    text-align: center !important;
}

.input-wrapper {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.footer-subscribe-buttons {
    width: 100%;
}
.footer-subscribe-button {
    align-self: stretch;
    width: 100%;
}


@media only screen and (max-width: 1280px) {
    .footer-group .subscribe-cols {
        display: flex !important;
        flex-direction: column !important;
        .col-1, .col-2, .col-3 {
            flex: auto !important;
            width: 100% !important;
        }
        .col-1 .subscribe-stack-details {
            padding: 0px !important;
        }
        .col-3 .image-wrapper {
            justify-content: center;
            figure.footer-image.mob {
                left: calc(50% - var(--m-sbscrb-img-w-hlf)) !important;
            }
        }
    }
}


.ftr-logo-menu-wrapper {
    padding: 0 var(--ftr-logo-menu-wrapper-p-x) !important;
}

.footer-top-button a {
    flex-direction: row;
    align-content: flex-end;
    align-items: center;
    justify-content: center;
    display: flex;
}
	
.social-link-img {
    width: 1.25rem !important;
}


.footer-menu-cols {
    justify-content: space-between;
    column-gap: 0px !important;
    row-gap: 1.25rem;
    padding-bottom: var(--ftr-menu-btm-p-y) !important;
}
@media screen and (max-width: 1280px) {
    .footer-menu-cols {
        display: flex !important;
        flex-wrap: wrap !important;
        flex-direction: column !important;
    }
}
@media (min-width: 1281px) {
    .wp-block-columns {
        flex-wrap: nowrap !important;
    }
}

.ftr-top-btn a.wp-block-button__link:hover {
    box-shadow: var(--btn-hover-box-shadow) !important;
}

.ftr-top-btn a.wp-block-button__link {
    flex-direction: row !important;
    white-space: nowrap;
}

.ftr-top-btn a.wp-block-button__link img {
    flex: 0 0 auto;
}


/*  Footer Logo  */

.footer-logo-row {
    margin-bottom: var(--ftr-logo-row-m-b) !important;
}
@media  screen and (max-width: 1280px) {
    .footer-logo-row {
        align-items: flex-start;
        position: relative;
        .top-btns {
            position: absolute;
            right: 0;
        }
    }
}
.footer-logo-stack {
    gap: var(--ftr-logo-gap);
    width:100%;
    align-items: center !important;
    figure.footer-eqao-logo {
        width: var(--ftr-logo-w) !important;
        img {
            width: 100% !important;
            height: auto !important;
            display: block;
        }
    }
}
.footer-logo-caption {
    max-width: var(--ftr-logo-caption-w) !important;
}

.footer-menus-grid {
    display: grid !important;
    /* grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); */
    gap: var(--ftr-menus-grd-gap) !important;
    row-gap: var(--grid-size-mob-main) !important;
    .ftr-menu-stack {
        gap: 1.25rem;
    }
}

.footer-follow-stack {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: var(--ftr-follow-stack-gap) !important;
    h4 {
        margin-bottom: 0px !important;
    }
}

.soc-outer {
    display: flex !important;
    flex-direction: row !important;
    justify-content: right !important;
    width:100% !important;
    /* height: -webkit-fill-available !important; */
}
.soc-links-stack {
    gap: var(--soc-links-stack-gap) !important;
}
ul.wp-block-social-links li.wp-social-link a {
    padding:0px !important;
}

@media screen and (max-width: 1280px) {
    ul.is-style-footer-nav.mobile {
        gap:0.9375rem !important;
    }
    ul.is-style-footer-nav.mobile li {
        width: 100% !important;
        justify-content: space-between !important;
        min-height: 2.5rem !important;
        align-items: flex-start;
        button.wp-block-navigation-submenu__toggle {
            width: 100% !important;
            padding: 0rem !important;
            outline-offset: 0px !important;
            outline-style: none !important;
            span.wp-block-navigation-item__label {
                font-size: var(--wp--preset--font-size--custom-4) !important;
                line-height: 1.2;
            }
        }
        span.wp-block-navigation__submenu-icon {
            display: flex;
            justify-content: space-between;
            align-items: center;
            align-self: stretch;
            width: 1.5rem;
            height: 1.5rem;
        }
    }
    ul.footer-nav-submenu.wp-block-navigation__submenu-container {
        width: 100% !important;
        background-color: #fff !important;
        li.wp-block-navigation-link {
            width: 100% !important;           
            border-bottom-style: none !important;
            margin-bottom: 0px !important;
            a.wp-block-navigation-item__content {
                padding-left: 0px !important;
                padding-right: 0px !important;
            }
        }
    }
}

nav.footer-nav-mobile {
    width:100%;
    border-style: none !important;
    button.wp-block-navigation-item__content.wp-block-navigation-submenu__toggle {
        width:100%;
        padding: var(--m-padding-lr) 0rem;
        min-height: 3.125rem;
        font-size: var(--wp--preset--font-size--custom-4);
        font-weight: 500;
        line-height: 120%;

    }
    .wp-block-navigation__submenu-icon {
        padding: 0px var(--global-p-x) 0px 0px;
        margin: 0;
        position: absolute;
        top: 0.8125rem;
        right: 0;
        /* transform: var(--icon-transform-y-lg) !important; */
        z-index: 1;
    }
    .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon
    {
        margin: 0;
    }
    span.wp-block-navigation__submenu-icon svg {
        width: 12px !important;
        height: 12px !important;
        /* margin-top: 0px !important; */
    }
}
ul.footer-nav-mobile {
    width:100%;
    display: flex;
    position: static !important;
    gap: 0px !important;
}   
ul.footer-nav-mobile > li { 
    width:100%;
    display: flex;
    flex-direction: column;
    /* flex-direction: row; */
    align-items: center !important;
    justify-content: center !important;
    min-height: 3.125rem;
    /* border-bottom: 1px solid #000; */
    border-bottom: 1px solid var(--neutral-light-grey-3);
    position: relative !important;
}
ul.footer-nav-mobile > li > button.wp-block-navigation-submenu__toggle {
    width:100%;
}
ul.footer-nav-mobile > li.wp-block-navigation-link a {
    text-decoration: none;
}

ul.footer-nav-mobile > li.footer-nav-submenu > ul.footer-nav-submenu {
    width: 100% !important;
    /* position:unset !important; */
    position: static !important;
    left: auto !important;
    top: auto !important;
}

.footer-group .wp-block-navigation .has-child .wp-block-navigation__submenu-container{
    /* position: unset !important;  */
    position: static !important;
    left: auto !important;
    top: auto !important;
}

nav.footer-nav-mobile .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ ul.wp-block-navigation-submenu {
    width: 100% !important;
    border-style: none !important;
    box-sizing: border-box;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
nav.footer-nav-mobile .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ ul.wp-block-navigation-submenu li.wp-block-navigation-item{
    box-sizing: border-box;
    border: 1px solid #000;
    border-left:none;	
    border-right:none;
    border-bottom:none;
    align-items: center !important;
    padding-top: 6.5px !important;
    padding-bottom: 6.5px !important; 
} 
nav.footer-nav-mobile .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ ul.wp-block-navigation-submenu:last-child{   
    border-bottom-style: none !important;
}
footer .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ ul.wp-block-navigation-submenu li.wp-block-navigation-item a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    min-height: 2.5rem;
    padding-left: 1.875rem !important; 
}


.wp-block-social-link-label {
    font-family: var(--navigation-item-label-font-family);
    font-size: var(--navigation-item-label-font-size) !important;
    font-style: var(--navigation-item-label-font-style);
    font-weight: var(--navigation-item-label-font-weight);
    letter-spacing: var(--navigation-item-label-letter-spacing);
    line-height: var(--navigation-item-label-line-height);

    margin-left: var(--icon-p-x) !important;
    margin-right: 0px !important;
}

/* custom soc icons */
.footer-follow-stack .wp-social-link a svg {
    display: none !important;
}
.footer-follow-stack .wp-social-link a::before {
    content: "";
    display: inline-block;
    width: var(--soc-icons-sz);
    height: var(--soc-icons-sz);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
}
.footer-follow-stack .wp-social-link-facebook a::before {
    background-image: url(/wp-content/uploads/2026/03/soc-facebook.png);
}
.footer-follow-stack .wp-social-link-x a::before {  
    background-image: url(/wp-content/uploads/2026/03/soc-twitter.png);
} 
.footer-follow-stack .wp-social-link-linkedin a::before {
    background-image: url(/wp-content/uploads/2026/03/soc-linkedin.png);
} 
.footer-follow-stack .wp-social-link-youtube a::before {
    background-image: url(/wp-content/uploads/2026/03/soc-Youtube.png); 
} 
.footer-follow-stack .wp-social-link-vimeo a::before {
    background-image: url(/wp-content/uploads/2026/03/soc-vimeo.png); 
} 

@media screen and (max-width: 1280px) {
    .soc-outer {
        border-left: 0px none transparent !important;
        justify-content: left !important;
    }
    .footer-follow-stack {
        width: 100% !important;
        justify-content: space-between;
    }
    .soc-links-stack {
        flex-direction: row !important;
        width: 100%;
    }
}

@media screen and (min-width: 1280px) { 
    ul.footer-nav.dt > li.wp-block-navigation-link > a.wp-block-navigation-item__content {
        text-decoration: none !important;
    }
    ul.footer-nav.dt > li.wp-block-navigation-link > a.wp-block-navigation-item__content > span.wp-block-navigation-item__label {
        width: 100% !important;
    }
}

.footer-menu-col-1 {
    flex-grow: 0 !important;
}

       
/*     Copyright row  */
.footer-copyright-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.875rem;
    align-self: stretch;
    padding-top: 1.25rem;
    padding-bottom: 1.88rem;
    width: -webkit-fill-available;
    p.copyright-p {
        margin-bottom: 0 !important;
    }
}
.footer-small-links-stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* gap: 0.9375rem; */
    gap: 0.625rem;
    a {
        text-decoration: none !important;
    }
    a:hover {
        text-decoration: underline !important;
    }
    p.copyright-p.mob {
        padding: 1.25rem 0px 0.9375rem 0px !important;
    }
    
}
.footer-small-link-dt {
    display: none;
}

.footer-copyright-row p.is-style-navigation-item-label a {
    text-decoration: none !important;
}
.footer-copyright-row p.is-style-navigation-item-label a:hover {
    text-decoration: underline !important;
}

.terms-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: -webkit-fill-available;
    gap: var(--spacing-dt-30-50);
}

@media screen and (min-width: 782px) {
    .footer-small-links-stack.mobile {
        display: none;
    }
    .footer-copyright-row {
        flex-direction: row;
        justify-content: space-between;
    }
    .footer-small-link-dt {
        display: flex;
    }
    p.small.copyright {
        flex-grow: 1;
        flex-basis: 0;
    }
}


/* fix for mobile spacing issue on find my school page */
/* 
@media screen and (max-width: 919px) {    
    .footer-menu-col-2 div.footer-nav-stack.is-vertical {
        container-type: normal !important;
    }
}        
*/



/* daexthefu  Feedback form  */

#helpful-container {
    margin-top: var(--fdbck-form-m-t) !important;
    margin-bottom: var(--fdbck-form-m-b) !important;
    padding: 0px var(--global-p-x) !important;
}

#daexthefup-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0rem !important;
    margin-right: 0rem !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
    >p {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .daexthefup-feedback {
        padding-top: var(--fdbck-form-p-t) !important;
        padding-bottom: 0px !important;
        /* gap: var(--wp--preset--spacing--50); */
        gap: 0;
        border-top: 1px solid #000 !important;
        h3.daexthefup-title {
            --p-large-font-family: var(--wp--preset--font-family--lexend);
            --p-large-font-size: var(--wp--preset--font-size--large);
            --p-large-font-weight: 500;
            --p-large-line-height: 1.2;
        }
    }
    .daexthefup-buttons-container {
        padding-top: var(--gutter) !important;
        .daexthefup-buttons {
            display: flex;
            justify-content: center !important; 
            gap: var(--spacing-15-20) !important;
        }
        .daexthefup-button {
            width:5rem !important;
            height: 2.5rem !important;	  
            align-items: center !important;
            border-radius: var(--dt-button-rad) !important;
            border: 1px solid var(--black) !important;
            color: var(--black) !important;
        }
        .daexthefup-button > div.daexthefup-button-text {
            border-radius: 0rem !important;
            border-style: none !important;
            font-family: var(--wp--preset--font-family--lexend) !important;
            font-size: var(--wp--preset--font-size--custom-9) !important;
            line-height: 1.1;
            color: var(--black) !important;
        }        
        .daexthefup-button:hover {
            box-shadow: var(--btn-hover-box-shadow) !important;
        }
    }    
    .daexthefup-successful-submission-text {
        text-align: center !important;
    }
}
    

/*  french  */
html:lang(fr-FR) .daexthefup-feedback h3.daexthefup-title {
    text-indent: -9999px;
    line-height: 0 !important;
}
html:lang(fr-FR) .daexthefup-feedback h3.daexthefup-title::after {
    content: 'Cela vous a-t-il été utile?';
    text-indent: 0;
    display: inherit;
    line-height: initial;
}

html:lang(fr-FR) .daexthefup-yes > .daexthefup-button-text {
    text-indent: -9999px;
    line-height: 0 !important;
    height: 2.125rem !important;
}
html:lang(fr-FR) .daexthefup-yes > .daexthefup-button-text::after {
    content:'Oui';
    text-indent: 0;
    display: flex;
    line-height: initial;
    margin-top: 0.35rem;
}
       
html:lang(fr-FR) .daexthefup-no > .daexthefup-button-text::after {
    content:'n';
}

html:lang(fr-FR) .daexthefup-successful-submission-text {
    text-indent: -9999px;
    line-height: 0 !important;   
}
html:lang(fr-FR) .daexthefup-successful-submission-text::after {
    content:'Merci pour votre retour!';
    text-indent: 0;
    display: block;
    line-height: initial;
}