/**********  IMPORTANT  **********************/
/* THIS WEBSITE MUST USE REM FOR ALL SIZING */
/* EVERY SIZE IN PIXLES MUSE BE EVIDED BY 10 */
/* E.G: */
/* padding: 15px -> padding 1.5rem */
/* font-size: 42px -> font-size: 4.2rem */
/********************************************/
/**/
/**/
/****************************************/
/****************************************/
/** Law Society of South Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - Pre EMS template - 21 August 2024
 *  Version: 2 - EMS upgraded template - 17 September 2024
 *  Version: 3 - EMS upgraded template Go Live - 25 March 2025
 * 
 *  Document contains changes to Layout
 *
 *
*/
/****************************************/
/****************************************/
html#MainHtml {
    background: var(--grey-color);
}

/*******Header******/
header#hd {
    /* position: sticky; */
    /* top: 0; */
    /* z-index: 1; */
    /* background: #bbbbbb; */
    /* box-shadow: 0px 0px 13px #00000033; */
}

header#hd > .header-top-container {
    padding: 0;
}

.nav-aux-button.nav-aux-cart > a {
    padding: 0;
    width: 100%;
    display: flex;
    height: 100%;
    text-decoration: none !important;
    position: relative;
}

/*******nav toggle******/

  button.navbar-toggle.menu-toggle {
        margin: 0;
        padding: 0.5rem 0 0.5rem 0.5rem;
        background: transparent;
    }

    button.navbar-toggle.menu-toggle>span {
        background: var(--dark-color);
        height: 0.25rem;
        width: 2.2rem;
    }

    button.navbar-toggle span.icon-bar:nth-child(2), button.navbar-toggle span.icon-bar:nth-child(2)::before, button.navbar-toggle span.icon-bar:nth-child(2)::after {
        background: var(--dark-color);
        content: "";
        display: block;
        height: 0.2rem;
        position: absolute;
        transition: background ease 0.3s, top ease 0.3s 0.3s, transform ease 0.3s;
        width: 2.8rem;
    }

    button.navbar-toggle>span:not(:nth-child(2)) {
        display: none;
    }

    button.navbar-toggle:hover span.icon-bar:nth-child(2), button.navbar-toggle:hover span.icon-bar:nth-child(2)::before, button.navbar-toggle:hover span.icon-bar:nth-child(2)::after {
        background: var(--dark-color);
    }

    button.navbar-toggle span.icon-bar:nth-child(2)::before {
        top: -0.9rem;
    }

    button.navbar-toggle span.icon-bar:nth-child(2)::after {
        top: 0.9rem;
    }

    button.navbar-toggle.clicked span.icon-bar:nth-child(2) {
        background: transparent;
    }

    button.navbar-toggle.clicked span.icon-bar:nth-child(2)::before {
        transform: rotate(45deg);
    }

    button.navbar-toggle.clicked span.icon-bar:nth-child(2)::after {
        transform: rotate(-45deg);
    }

    button.navbar-toggle.clicked span.icon-bar:nth-child(2)::before, button.navbar-toggle.clicked span.icon-bar:nth-child(2)::after {
        top: 0;
        transition: top ease 0.3s, transform ease 0.3s 0.3s;
    }

    button.navbar-toggle>span:nth-child(3) {
        display: block;
        position: absolute;
        top: -1.6rem;
        left: 0;
        padding: 1.2rem 1.4rem;
        background: transparent;
    }

/****************************************/
/*** Desktop Nav ***/
/****************************************/
@media (min-width: 1200.98px) {
    /************* navigation *************/ header#hd {
        box-shadow: 0rem 0rem 2rem #0000004f;
        box-shadow: 0rem 1rem 1rem -1rem #0000004f;
        z-index: 100;
        position: sticky;
        top: 0;
        min-height: 0;
        background: var(--grey-alt-dark);
    }

    header#hd .header-bottom-container {
        margin: 0;
    }

    header#hd .header-bottom-container>div>div>div {
    }

    header#hd > .header-top-container > .header-container {
        display: grid;
        /* grid-template-columns: 20%; */
        /* grid-template-rows: repeat(1, 1fr); */
        grid-template-columns: 25rem 1fr;
        grid-template-rows: repeat(2, 1fr);
        /* max-width: 192rem; */
        align-items: center;
        justify-content: space-between;
        padding: calc(var(--row-padding) / 2) calc(var(--row-padding) / 2) 0 calc(var(--row-padding) / 2);
        justify-items: stretch;
        /* column-gap: 1.5rem; */
    }

    header#hd > .header-top-container > .header-container:before, header#hd > .header-top-container > .header-container:after {
        display: none;
    }

    header#hd > .header-top-container > .header-container > [data-label="Primary"] {
        grid-area: 2 / 2 / 3 / 3;
        height: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }

    div#auxiliary-container-two {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    div#masterLogoArea {
        grid-area: 1 / 1 / 3 / 2;
        justify-self: center;
        padding-bottom: calc(var(--row-padding) / 2);
    }

    /*******logo******/
    a#masterHeaderImage {
        background-image: none;
        font-size: 0 !important;
        height: auto;
        width: auto;
        margin: auto;
        border: none;
    }

    a#masterHeaderImage:after {
        content: "";
        background-image: url(/images/site/icons/logo.svg);
        background-color: transparent;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 10rem;
        width: 25rem;
        display: block;
    }

    div#masterLogoArea > div > div > div {
        display: flex;
    }

    /******aux*******/
    .nav-auxiliary {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        /* justify-content: space-between; */
        flex-grow: 1;
        align-items: center;
        /* gap: 1.5rem; */
    }

    .nav-auxiliary > * {
        margin-left: 2.5rem;
    }

    .nav-auxiliary > .UtilitySection.UtilityNavigationToggle {
        display: none;
    }

    .nav-auxiliary ul.NavigationUnorderedList {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 1.5rem;
        align-items: center;
        justify-content: flex-end;
    }

    .nav-auxiliary ul + ul {
        display: none;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal .header-aux-nav, ul.rmRootGroup.rmToggleHandles.rmHorizontal div#ste_container_Connectwithus {
        display: none;
    }

    .header-aux-nav {
        /* display: flex; */
        display: flex;
        gap: 1.5rem;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row;
        padding-inline-start: 0; list-style: none;
    }

    .nav-auxiliary ul.NavigationUnorderedList li {
        margin-left: 0;
        display: flex;
        z-index: 10000;
        position: relative;
    }

    .UtilityNavigationList .NavigationUnorderedList li > a:not(.nav-aux-account *) {
        padding: 0;
        color: var(--dark-color);
        font-size: 1.6rem;
        letter-spacing: -0.02em;
        font-weight: 600;
        transition: all 0.2s ease;
        /* background: transparent !important; */
        text-decoration: none;
        text-transform: none;
    }

    .UtilityNavigationList .NavigationUnorderedList li > a:hover {
        text-decoration: underline;
    }

    .search-icon {
    }

    .search-icon > a {
        padding: 0;
    }

    .search-icon > a > span {
        font-size: 0;
        display: flex;
    }

    .search-icon>a>span:before {
        content: "";
        width: 2.25rem;
        height: 2.5rem;
        display: inline-block;
        margin-left: 0;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        background-image: url(/images/site/icons/search.svg);
        filter: var(--primary-image-filter);
    }

    .UtilitySection.UtilityAuthentication > a:not(.logged-in *) {
        background: var(--primary-color);
        text-decoration: none;
        color: var(--secondary-color);
        font-weight: 500;
        border: none !important;
        border-radius: var(--button-border-radius);
        padding: 0.5em 1em;
        box-shadow: 0px 0px 0 0rem transparent, 0px 0px 0 0rem transparent;
        transition: box-shadow ease 0.2s;
    }

    .UtilitySection.UtilityAuthentication > a:not(.logged-in *):hover {
        box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--primary-color);
    }

    .UtilitySection.UtilityAuthentication > a:not(.logged-in *):before {
        background-image: url(/images/site/icons/user.svg);
        padding-left: 2.2rem;
        background-size: contain;
        margin-right: 0.5rem;
        background-repeat: no-repeat;
        background-position: left;
        aspect-ratio: 1/1;
        content: '';
        filter: var(--secondary-image-filter);
    }

    .UtilityNavigationList .NavigationUnorderedList > li.nav-aux-button.nav-aux-account > a {
        background: var(--primary-color);
        text-decoration: none;
        color: var(--secondary-color);
        font-weight: 500;
        border: none !important;
        border-radius: var(--button-border-radius);
        padding: 0.5em 1em;
        position: relative;
        display: block;
        box-shadow: 0px 0px 0 0rem transparent, 0px 0px 0 0rem transparent;
        transition: box-shadow ease 0.2s;
    }

    .UtilityNavigationList .NavigationUnorderedList > li.nav-aux-button.nav-aux-account > a:hover {
        box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--primary-color);
    }

    .UtilityNavigationList .NavigationUnorderedList > li.nav-aux-button.nav-aux-account > a:before {
        background-image: url(/images/site/icons/user.svg);
        padding-left: 2.2rem;
        background-size: contain;
        margin-right: 0.5rem;
        background-repeat: no-repeat;
        background-position: left;
        aspect-ratio: 1/1;
        content: '';
        filter: var(--secondary-image-filter);
    }

    .UtilityNavigationList .NavigationUnorderedList > li.nav-aux-button.nav-aux-account > a >span.nav-text {
        background: none;
        padding: 0;
    }

    .UtilitySection.UtilityAuthentication > a:hover {
    }

    li.nav-aux-button.nav-aux-account > a + .account-dropdown {
        z-index: 1000;
        position: absolute;
        opacity: 0;
        transition: opacity .2s .2s ease-in-out;
        left: -10000px;
        right: 0;
        top: 4rem;
        padding: 0.7em;
        background: #fff;
        border-radius: var(--border-radius);
        font-size: 1.3rem;
        display: flex;
        align-items: flex-start;
        box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 14%);
        flex-direction: column;
        padding: 1.5rem 4.8rem 1.5rem 1.9rem;
        display: none;
    }

    li.nav-aux-button.nav-aux-account > a:hover + .account-dropdown, li.nav-aux-button.nav-aux-account > a + .account-dropdown:hover {
        top: 4rem;
        right: 0;
        opacity: 1;
        color: var(--black-color);
        left: auto;
        transition: opacity .2s .2s ease-in-out;
        display: flex;
    }

    li.nav-aux-button.nav-aux-account > a + .account-dropdown > li >a, li.nav-aux-button.nav-aux-account > a + .account-dropdown > .UtilitySection.UtilityAuthentication >a {
        padding: 0;
        text-decoration: none;
        color: var(--black-color);
        margin-bottom: 0.25em;
    }

    li.nav-aux-button.nav-aux-account > a + .account-dropdown > li >a > span {
        background: none;
        padding: 0 !important;
    }

    li.nav-aux-button.nav-aux-account > a + .account-dropdown > .UtilitySection.UtilityAuthentication {
        margin: 0;
    }

    li.nav-aux-button.nav-aux-account > a + .account-dropdown > .UtilitySection.UtilityAuthentication > a {
        margin: 0.5em 0 0 0;
    }

    li.nav-aux-button.nav-aux-account > a + .account-dropdown > li >a:hover, li.nav-aux-button.nav-aux-account > a + .account-dropdown > .UtilitySection.UtilityAuthentication > a:hover {
        text-decoration: underline;
    }

    /******primary******/
    div#ste_container_ciNewUtilityNavigationCommon {
    }

    div#ste_container_ciPrimaryNavigation + div {
        display: none;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal {
        display: flex;
        width: 100%;
        flex-flow: wrap;
        height: 100%;
        justify-content: flex-start;
        flex-wrap: nowrap;
        align-items: center;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a {
        padding: 0;
    }

    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem {
        /* padding-bottom: calc(var(--row-padding) / 2); */
        /* margin-left: clamp(1.5rem, 1.5vw, 2.5rem); */
        box-shadow: inset 0 -0.2rem 0 0 transparent;
        transition: box-shadow 0.2s 0.2s ease;
    }

    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem>.rmLink {
        color: var(--dark-color);
        font-size: 1.6rem;
        letter-spacing: -0.01em;
        font-weight: 600;
        transition: all 0.2s ease;
        background: transparent !important;
        text-decoration: none;
        text-transform: none;
                padding: 0 calc(clamp(1.5rem, 1.5vw, 2.5rem) / 2) calc(var(--row-padding) / 2) !important;
    }

    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem:has( > .hide) {
        display: none;
    }

    .RadMenu.RadMenu_Toronto .rmRootGroup > .rmItem:has( > .rmLink:is( .rmExpanded, [name="clicked"], .rmFocused, :hover)) {
        background: transparent;
        box-shadow: inset 0 -0.2rem 0 0 var(--primary-color);
    }

    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem>.rmLink>span {
        padding: 0;
        margin-bottom: 0;
    }

    header#hd {
        --desiredwidth-var: 162.6rem;
        --width-var: calc(100vw - var(--desiredwidth-var));
        --fullwidth-var: calc(100%);
        --currentwidth-var: calc(100vw);
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div {
        position: absolute;
        position: fixed;
        left: 0 !important;
        right: 0;
        width: 100% !important;
        top: 0px !important;
        background: var(--grey-color);
        display: flex !important;
        overflow: hidden;
        max-height: 0vh;
        padding: 0rem clamp(1.5rem, calc(var(--width-var) / 2), 7.5rem);
        box-shadow: 0rem 1rem 1rem -1rem #0000004f;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a:is(.RadMenu.RadMenu_Toronto .rmRootGroup > .rmItem > .rmLink):is( .rmExpanded, [name="clicked"], .rmFocused, :hover)+div {
        opacity: 1;
        max-height: 72vh;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem>.rmLink>span.rmToggle {
        */ position: absolute;
        width: 100%;
        position: absolute;
        display: block;
    }

    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem>.rmLink>span.rmToggle > span.rmIcon {
        margin: 0;
        background: none;
        width: 0;
        height: 0;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal > li > a:is(.RadMenu.RadMenu_Toronto .rmRootGroup > .rmItem > .rmLink):is( .rmExpanded, [name="clicked"], .rmFocused, :hover) + div > ul {
        display: block;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a:is(.RadMenu.RadMenu_Toronto .rmRootGroup > .rmItem > .rmLink)+div {
        /* opacity: 0; */
        transition: 0.2s 0.3s ease opacity, 0.2s 0.3s ease max-height !important;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div > ul {
        /* width: 100%; */
        /* background: transparent; */
        /* max-width: var(--desiredwidth-var); */
        /* margin: auto !important; */
        /* padding: 0 calc(var(--row-padding) / 2); */
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div > ul {
        top: 0 !important;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div > ul >li {
        width: 100% !important;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div > ul >li > div {
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div  {
        padding: 0;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul {
        width: 100%;
        padding: 0;
        max-width: 100%;
        float: none;
        /* padding: 5rem 0 4rem 0 !important; */
        0; */
        padding-bottom: 4.7rem;
        display: grid !important;
        grid-template-columns: calc(25% - 2.5rem) calc(25% - 2.5rem) calc(25% - 2.5rem) calc(25% - 2.5rem);
        grid-template-rows: 1fr;
        grid-column-gap: 2.5rem;
        grid-row-gap: 0px;
        max-width: var(--desiredwidth-var);
        margin: auto !important;
        padding: 5rem  calc(var(--row-padding) / 2) !important;
        background: transparent;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul:not(:has( > li:last-child:is(:nth-child(1),:nth-child(2),:nth-child(3)))) {
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul:has( > li:last-child:is(:nth-child(1),:nth-child(2),:nth-child(3))) {
        grid-template-columns: calc(33.33% - 2.5rem) calc(33.33% - 2.5rem) calc(33.33% - 2.5rem);
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul * {
        transition: ease 0.2s all;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li {
        padding: 0;
        margin: 0 !important;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > a {
        color: var(--black-color) !important;
        font-size: 1.6rem !important;
        text-transform: none !important;
        letter-spacing: 0em !important;
        border: none;
        font-weight: bold !important;
        margin: 0 !important;
        line-height: 1.0;
        margin-bottom: 2rem !important;
        width: auto !important;
    }
        ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > a> span{
                   white-space: pre-wrap !important;
                   padding: 0 !important;
        }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div, .RadMenu.RadMenu_Toronto.MegaDropDownMenuOuter ul.rmLevel1 div.rmSlide, .RadMenu.RadMenu_Toronto.MegaDropDownMenuOuter ul.rmLevel1 ul.rmVertical div.rmSlide {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        width: auto !important;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul {
        width: 100% !important;
        padding: 0 !important;
        min-width: auto !important;
        background: transparent;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li {
        padding: 0;
        margin: 0 0 0.5em 1.8rem !important;
        min-width: auto !important;
        width: 100% !important;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li > a {
        border: 0;
        color: var(--black-color) !important;
        width: auto !important;
    }
ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li > a > span{
        padding: 0 !important;

    
}
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li > a:hover {
        color: var(--parrot-pea-red) !important;
        text-decoration: underline;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li[class*="lp-only"] {
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li[class*="ip-only"] {
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li[class*="m-only"] {
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li:has( > a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])) {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-left: 0 !important;
        align-content: center;
        position: relative;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li:has( > a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])) > span {
        /* margin-left: -1.9rem; */
        height: 1em;
        width: 2rem;
        display: inline-flex;
        z-index: 1;
        position: relative;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li:has( > a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])) > span:after {
        content: "";
        width: 1.3rem;
        height: 1.3rem;
        display: inline-block;
        margin: auto 0;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        background-image: url(/images/site/icons/locked.svg);
        filter: var(--primary-image-filter);
        z-index: -1;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li:has( > a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])) a {
        /* left: 1.7rem; */
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li:has( > a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])):has( span.locked:hover) span.locked:after {
        filter: invert(64%) sepia(16%) saturate(3117%) hue-rotate(323deg) brightness(86%) contrast(110%);
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li:has( > a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])) > div {
        z-index: 1000;
        position: absolute;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li:has( > a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])) > div {
        opacity: 0;
        transition: opacity .2s ease-in-out;
        left: -26rem;
        top: 2rem;
        top: 0;
        padding-bottom: 0.5rem;
        display: none;
    }

ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li:has( > a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])) span:hover + a + div  {
        top: -193%;
        left: 0;
        opacity: 1;
        display: block;
    }

    span.tooltip {
        color: var(--black-color);
        width: 13rem;
        height: 5rem;
        padding: 0.7em;
        background: #fff;
        border-radius: var(--border-radius);
        display: block;
        font-size: 1.3rem;
        display: flex;
        align-items: center;
        box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 14%);
    }
}

@media (min-width: 1200.98px) and (max-width: 1425.98px) {
    header#hd > .header-top-container > .header-container {
        a#masterHeaderImage: after {
            content: "";
            background-image: url(/images/site/icons/logo.svg);
            background-color: transparent;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            height: 10rem;
            width: 25rem;
            display: block;
        }

        ; grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 0fr);
        justify-content: start;
        padding: calc(var(--row-padding) / 3) calc(var(--row-padding) / 2) 0 calc(var(--row-padding) / 2);
        /* display: grid; */
        /* justify-items: stretch; */
        gap: 1.5rem;
    }

    div#masterLogoArea {
        grid-area: 1 / 1 / 2 / 2;
        padding-bottom: 0;
        justify-self: start;
    }

    header#hd > .header-top-container > .header-container > [data-label="Primary"] {
        grid-area: 2 / 1 / 3 / 3;
        display: flex;
        justify-content: flex-start;
        width: 100%;
    }

    .nav-primary {
        width: 100%;
    }

    header#hd > .header-top-container > .header-container > [data-label="Primary"] > div {
        width: 100%;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal {
        display: flex;
        justify-content: space-between;
    }

    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem {
        margin-left: 0;
    }

    .RadMenu:after, .RadMenu .rmRootGroup:after {
        display: none !important;
    }

    a#masterHeaderImage:after {
        height: 7rem;
        width: 17rem;
    }
}

/****************************************/
/*** Ipad Nav ***/
/****************************************/
@media (max-width: 1200.98px) {
    header#hd {
        box-shadow: 0rem 0rem 2rem #0000004f;
        box-shadow: 0rem 1rem 1rem -1rem #0000004f;
        z-index: 100;
        position: sticky;
        top: 0;
        min-height: 0;
        background: var(--grey-alt-dark);
    }

    header#hd .header-bottom-container {
        margin: 0;
    }

    header#hd .header-bottom-container>div>div>div {
    }

    header#hd > .header-top-container > .header-container {
        display: grid;
        /* grid-template-columns: 20%; */
        /* grid-template-rows: repeat(1, 1fr); */
        grid-template-columns: 12rem 1fr;
        grid-template-rows: repeat(2, 0fr);
        grid-template-columns: repeat(2, 0fr);
        grid-template-rows: repeat(2, 0fr);
        /* max-width: 192rem; */
        align-items: center;
        justify-content: space-between;
        padding: calc(var(--row-padding) / 2) calc(var(--row-padding) / 2) 0 calc(var(--row-padding) / 2);
        justify-items: stretch;
        /* column-gap: 1.5rem; */
    }

    header#hd > .header-top-container > .header-container:before, header#hd > .header-top-container > .header-container:after {
        display: none;
    }

    header#hd > .header-top-container > .header-container > [data-label="Primary"] {
        grid-area: 2 / 1 / 3 / 3;
        /* height: 100%; */
        /* display: flex; */
        /* align-items: flex-start; */
        /* width: 100%; */
        padding-top: calc(var(--row-padding) / 2);
    }

    div#auxiliary-container-two {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        grid-area: 1 / 2 / 2 / 3;
    }

    div#masterLogoArea {
        grid-area: 1 / 1 / 2 / 2;
        justify-self: center;
        /* padding-bottom: calc(var(--row-padding) / 2); */
        /* margin-left: 0.75em; */
    }

    /*******logo******/
    a#masterHeaderImage {
        background-image: none;
        font-size: 0 !important;
        height: auto;
        width: auto;
        margin: auto;
        border: none;
    }

    a#masterHeaderImage:after {
        content: "";
        background-image: url(/images/site/icons/logo.svg);
        background-color: transparent;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 7rem;
        width: 17rem;
        display: block;
    }

    div#masterLogoArea > div > div > div {
        display: flex;
    }

    /******aux*******/
    .nav-auxiliary {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        /* justify-content: space-between; */
        flex-grow: 1;
        align-items: center;
        /* gap: 1.5rem; */
    }

    .nav-auxiliary > *:nth-child(1) {
    }

    .nav-auxiliary > *:nth-child(2) {
    }

    .nav-auxiliary > *:nth-child(3) {
    }

    .nav-auxiliary > * {
        margin-left: 0.75em;
        /* margin-right: 0.75em; */
    }

    .nav-auxiliary > .UtilitySection.UtilityNavigationToggle {
        /* display: none; */
    }

    .nav-auxiliary ul.NavigationUnorderedList {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 1.5rem;
        align-items: center;
        justify-content: flex-end;
    }

    .nav-auxiliary ul.NavigationUnorderedList > ul {
        display: none;
    }

    .nav-auxiliary ul.NavigationUnorderedList li {
        margin-left: 0;
        display: flex;
        z-index: 10000;
        position: relative;
    }

    .UtilityNavigationList .NavigationUnorderedList li > a {
        padding: 0;
        color: var(--dark-color);
        font-size: 1.6rem;
        letter-spacing: -0.02em;
        font-weight: 600;
        transition: all 0.2s ease;
        /* background: transparent !important; */
        text-decoration: none;
        text-transform: none;
    }

    .UtilityNavigationList .NavigationUnorderedList li > a:hover {
        text-decoration: underline;
    }

    ul.header-aux-nav {
        display: flex;
        flex-direction: column;
    }

    ul.header-aux-nav > li> a {
        color: var(--dark-color);
        font-size: 1.8rem;
        letter-spacing: -0.01em;
        font-weight: 600;
        transition: all 0.2s ease;
        background: transparent !important;
        text-decoration: none;
        text-transform: none;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-radius: var(--border-radius);
        padding: 0.75em 1em;
    }

    .search-icon {
    }

    .search-icon > a {
        padding: 0;
    }

    .search-icon > a > span {
        /* font-size: 0; */
        display: flex;
        align-items: center;
    }

    .search-icon>a>span:before {
        content: "";
        width: 2.25rem;
        height: 2.5rem;
        display: inline-block;
        margin-right: 0.5em;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        background-image: url(/images/site/icons/search.svg);
        filter: var(--primary-image-filter);
    }

    .UtilitySection.UtilityAuthentication > a:not(.logged-in *) {
        text-decoration: none;
        color: var(--primary-color);
        font-weight: 500;
        /* border: none !important; */
        /* border-radius: var(--button-border-radius); */
        /* padding: 0.5em 1em; */
        text-wrap: nowrap;
        white-space: pre;
    }

    .UtilitySection.UtilityAuthentication > a:not(.logged-in *):before {
        background-image: url(/images/site/icons/user.svg);
        padding-left: 2.2rem;
        background-size: contain;
        margin-right: 0.5rem;
        background-repeat: no-repeat;
        background-position: left;
        aspect-ratio: 1/1;
        content: '';
        filter: var(--primary-image-filter);
    }

    .UtilityNavigationList .NavigationUnorderedList > li.nav-aux-button.nav-aux-account > a {
        background: var(--primary-color);
        text-decoration: none;
        color: var(--secondary-color);
        font-weight: 500;
        border: none !important;
        border-radius: var(--button-border-radius);
        padding: 0.5em 1em;
        position: relative;
        display: block;
        margin: 0;
        display: flex;
        box-shadow: 0px 0px 0 0rem transparent, 0px 0px 0 0rem transparent;
        transition: box-shadow ease 0.2s;
    }

    .UtilityNavigationList .NavigationUnorderedList > li.nav-aux-button.nav-aux-account > a:hover {
        box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--primary-color);
    }

    .UtilityNavigationList .NavigationUnorderedList > li.nav-aux-button.nav-aux-account > a:before {
        background-image: url(/images/site/icons/user.svg);
        padding-left: 1.8rem;
        background-size: contain;
        margin-right: 0.9rem;
        background-repeat: no-repeat;
        background-position: left;
        aspect-ratio: 1/1;
        content: '';
        filter: var(--secondary-image-filter);
    }

    .UtilityNavigationList .NavigationUnorderedList > li.nav-aux-button.nav-aux-account > a >span.nav-text {
        background: none;
        padding: 0;
        width: auto;
        height: auto;
        white-space: nowrap;
    }

    .UtilitySection.UtilityAuthentication > a:hover {
    }

    li.nav-aux-button.nav-aux-account > a + .account-dropdown {
        z-index: 1000;
        position: absolute;
        opacity: 0;
        transition: opacity .2s .2s ease-in-out;
        left: -10000px;
        right: 0;
        top: 4rem;
        padding: 0.7em;
        background: #fff;
        border-radius: var(--border-radius);
        font-size: 1.3rem;
        display: flex;
        align-items: flex-start;
        box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 14%);
        flex-direction: column;
        padding: 1.5rem 4.8rem 1.5rem 1.9rem;
        display: none;
    }

    li.nav-aux-button.nav-aux-account > a:hover + .account-dropdown, li.nav-aux-button.nav-aux-account > a + .account-dropdown:hover {
        top: 4rem;
        right: 0;
        opacity: 1;
        color: var(--black-color);
        left: auto;
        transition: opacity .2s .2s ease-in-out;
        display: flex;
    }

    li.nav-aux-button.nav-aux-account > a + .account-dropdown > li >a, li.nav-aux-button.nav-aux-account > a + .account-dropdown > .UtilitySection.UtilityAuthentication >a {
        padding: 0;
        text-decoration: none;
        color: var(--black-color);
        margin: 0;
        margin-bottom: 0.25em;
        background: transparent !important;
    }

    li.nav-aux-button.nav-aux-account > a + .account-dropdown > li >a > span {
        background: none;
        padding: 0 !important;
        text-wrap: nowrap !important;
        width: auto !important;
        height: auto !important;
    }

    li.nav-aux-button.nav-aux-account > a + .account-dropdown > .UtilitySection.UtilityAuthentication {
        margin: 0;
    }

    li.nav-aux-button.nav-aux-account > a + .account-dropdown > .UtilitySection.UtilityAuthentication > a {
        margin: 0.5em 0 0 0;
    }

    li.nav-aux-button.nav-aux-account > a + .account-dropdown > li >a:hover, li.nav-aux-button.nav-aux-account > a + .account-dropdown > .UtilitySection.UtilityAuthentication > a:hover {
        text-decoration: underline;
    }

    .primary-navigation-area >.navbar-collapse {
        overflow: hidden !important;
        height: 0svh !important;
        transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out;
        /* height: 100% !important; */
        opacity: 0;
        background: var(--grey-color);
        /* padding-top: 1.5rem; */
    }

    .navbar-collapse.in {
        height: calc(100svh - 8.2rem) !important;
        transition: height 0.2s cubic-bezier(0.4, 0, 1, 1), opacity 0.2s cubic-bezier(0.4, 0, 1, 1);
        opacity: 1;
    }

    .primary-navigation-area >.navbar-collapse > nav, .primary-navigation-area >.navbar-collapse > nav > div{height: 100%;}

    /******primary******/
    header#hd * {
        transition: 0.2s ease all;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal {
        display: flex;
        flex-direction: column;
        padding: 0 0.5em;
        overflow: auto;
        max-height: calc(100svh - 10rem) !important;
        padding-top: 1.5rem;
        /* flex-grow: 1; */
        height: 100%;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a {
        padding: 0;
    }

    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem {
    }

    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem>.rmLink {
        color: var(--dark-color);
        font-size: 1.8rem;
        letter-spacing: -0.01em;
        font-weight: 600;
        transition: all 0.2s ease;
        background: transparent !important;
        text-decoration: none;
        text-transform: none;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-radius: var(--border-radius);
    }

    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem>.rmLink:is( .rmExpanded, [name="clicked"], .rmFocused, :hover) {
        background: #eaebea !important;
    }

    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem:has( > .hide) {
        display: none;
    }

    .RadMenu.RadMenu_Toronto .rmRootGroup > .rmItem:has( > .rmLink:is( .rmExpanded, [name="clicked"], .rmFocused, :hover)) {
        background: transparent;
        /* box-shadow: inset 0 -0.2rem 0 0 var(--primary-color); */
    }

    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem>.rmLink>span {
        padding: 0;
        margin-bottom: 0;
        padding: 0.75em 1em;
    }

    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem>.rmLink>span+span.rmToggle {
        flex-grow: 1;
        display: flex;
    }

    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem>.rmLink>span+span.rmToggle > span {
        /* display: block; */
        padding: 0.8rem !important;
        color: white;
        margin: auto auto auto 0;
        background-image: url(/images/site/icons/arrow-down.svg);
        width: auto;
        height: auto;
        background-position: center;
        background-repeat: no-repeat;
        filter: var(--primary-image-filter);
        transform: rotateX(0deg);
    }

    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem>.rmLink:is(.rmExpanded)>span+span.rmToggle > span {
        transform: rotateX(180deg);
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div {
        /* position: absolute; */
        /* position: fixed; */
        /* left: 0 !important; */
        /* right: 0; */
        /* width: 100% !important; */
        /* top: 0px !important; */
        /* background: var(--grey-color); */
        display: flex !important;
        overflow: hidden;
        max-height: 0rem !important;
        /* padding: 0rem clamp(1.5rem, calc(var(--width-var) / 2), 7.5rem); */
        /* box-shadow: 0rem 1rem 1rem -1rem #0000004f; */
        margin-top: 0 !important;
        position: initial;
        overflow: hidden !important;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a:is(.RadMenu.RadMenu_Toronto .rmRootGroup > .rmItem > .rmLink):is( .rmExpanded, [name="clicked"])+div {
        opacity: 1;
        max-height: 100rem !important;
        transition: 0.2s 0.3s ease opacity, 0.2s 0.3s ease max-height !important;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a:is(.RadMenu.RadMenu_Toronto .rmRootGroup > .rmItem > .rmLink)+div {
        opacity: 0;
        transition: 0.2s 0.3s ease opacity, 0.2s 0.3s ease max-height !important;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div > ul {
        width: 100%;
        background: transparent;
        /* max-width: var(--desiredwidth-var); */
        /* margin: auto !important; */
        padding: calc(var(--row-padding) / 2) !important;
        top: 0 !important;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div > ul {
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div > ul >li {
        width: 100% !important;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div > ul >li > div {
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div {
        /* padding: 0; */
        padding: 0 calc(var(--row-padding) / 3) !important;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul {
        width: 100%;
        padding: 0;
        max-width: 100%;
        float: none;
        padding: calc(var(--row-padding) / 2) !important;
        0; */
        padding-bottom: 4.7rem;
        display: grid !important;
        /* grid-template-columns: calc(25% - 2.5rem) calc(25% - 2.5rem) calc(25% - 2.5rem) calc(25% - 2.5rem); */
        grid-template-rows: 1fr;
        grid-column-gap: 0;
        grid-row-gap: calc(var(--row-padding) / 2) !important;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul:not(:has( > li:last-child:is(:nth-child(1),:nth-child(2),:nth-child(3)))) {
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul:has( > li:last-child:is(:nth-child(1),:nth-child(2),:nth-child(3))) {
        /* grid-template-columns: calc(33.33% - 2.5rem) calc(33.33% - 2.5rem) calc(33.33% - 2.5rem); */
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul * {
        transition: ease 0.2s all;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li {
        padding: 0;
        margin: 0 !important;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > a {
        color: var(--black-color) !important;
        font-size: 1.8rem !important;
        text-transform: none !important;
        letter-spacing: 0em !important;
        border: none;
        font-weight: bold !important;
        margin: 0 !important;
        /* margin-bottom: 1em !important; */
        white-space: pre-wrap !important;
        display: flex;
    }
ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > a > span{
    
padding: 0 !important;
}

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > a > span + span{
    /* padding: 0 !important; */
    display: none;
}
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul {
        width: 100% !important;
        padding: 0;
        display: flex;
        flex-direction: column;
        background: transparent;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li {
        padding: 0;
        margin: 0em 0 0em 1.8rem !important;
        min-width: auto !important;
        width: 100% !important;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li > a {
        border: 0;
        color: var(--black-color) !important;
        width: auto !important;
        padding: 0.4em !important;
        /* padding-bottom: 0.4em !important; */
    }
ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li > a > span {

           padding: 0 !important;
 
}
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li > a:hover {
        color: var(--parrot-pea-red) !important;
        text-decoration: underline;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li[class*="lp-only"] {
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li[class*="ip-only"] {
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li[class*="m-only"] {
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li:has( > a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])) {
    
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-left: 0 !important;
        align-content: center;
        position: relative;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li:has( > a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])) > span {
        margin-left: -0.9rem;
        /* height: 2em; */
        /* width: 3rem; */
        /* display: inline-flex; */
        /* top: 0.2rem; */
        /* position: relative; */
        /* margin-top: -0.7rem; */
        /* z-index: 10; */
        /* position: relative; */
    */
        height: 1em;
        /* width: 2rem; */
        display: inline-flex;
        z-index: 1;
        position: relative;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li:has( > a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])) > span:after {
        content: "";
        width: 2.5rem;
        height: 1.5rem;
        display: inline-block;
        margin: auto 0;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right;
        background-image: url(/images/site/icons/locked.svg);
        filter: var(--primary-image-filter);
        z-index: -1;
        /* top: 5.1rem; */
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li:has( > a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])) a {
        padding-left: 0.7rem;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li:has( > a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])):has( span.locked:hover) span.locked:after {
        filter: invert(64%) sepia(16%) saturate(3117%) hue-rotate(323deg) brightness(86%) contrast(110%);
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li:has( > a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])) > div {
        z-index: 1000;
        position: absolute;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li:has( > a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])) > div {
     opacity: 0;
        transition: opacity .2s ease-in-out;
        left: -26rem;
        top: 2rem;
        top: 0;
        padding-bottom: 0.5rem;
        display: none;
    }

ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div >ul > li > div > ul > li:has( > a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])) span:hover + a + div  {
        top: -132%;
        left: 0;
        opacity: 1;
        display: block;
    }

    span.tooltip {
        color: var(--black-color);
        width: 13rem;
        height: 5rem;
        padding: 0.7em;
        background: #fff;
        border-radius: var(--border-radius);
        display: block;
        font-size: 1.3rem;
        display: flex;
        align-items: center;
        box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 14%);
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal {
        height: 100%;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal div#ste_container_Connectwithus {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        align-items: center;
        padding: 0.75em 1em;
        margin-top: auto;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal div#ste_container_Connectwithus:after {
        content: "";
        background-image: url(/images/site/icons/logo-thin.svg);
        background-color: transparent;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 10rem;
        width: 9rem;
        display: block;
        margin-left: auto;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal div#ste_container_Connectwithus h4 {
        display: none;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal div#ste_container_Connectwithus a img[src*=".svg"] {
        filter: var(--primary-image-filter);
    }
}

/****************************************/
/*** Mobile Nav ***/
/****************************************/
@media (max-width: 992.98px) {
    a#masterHeaderImage:after {
        content: "";
        background-image: url(/images/site/icons/logo.svg);
        background-color: transparent;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 5rem;
        width: 12rem;
        display: block;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal {
        height: 100%;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal div#ste_container_Connectwithus {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        align-items: center;
        padding: 0.75em 1em;
        margin-top: auto;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal div#ste_container_Connectwithus:after {
        content: "";
        background-image: url(/images/site/icons/logo-thin.svg);
        background-color: transparent;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 10rem;
        width: 9rem;
        display: block;
        margin-left: auto;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal div#ste_container_Connectwithus h4 {
        display: none;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal div#ste_container_Connectwithus a img[src*=".svg"] {
        filter: var(--primary-image-filter);
    }
}

/****************************************/
/*** MasterContentArea - Col-primary ***/
/****************************************/
#masterContentArea .col-primary > div > div > div > div.row {
    margin: 0;
}

.container, .header-container, .SliderPage1 {
    max-width: var(--desiredwidth-var);
}

/***** DESKTOP ******/
@media (min-width: 1200.98px) {
    /*Calculate the width of the site minus the desired width of the main content container, leaving the remainder empty content area on the sides*/ .row {
        --desiredwidth-var: 131.5rem;
        --width-var: calc(100vw - var(--desiredwidth-var));
        --fullwidth-var: calc(100%);
        --currentwidth-var: calc(100vw);
        flex-flow: nowrap;
        margin: 0;
    }

    /*divide the remaning content area by 2, apply it to each side of the main content container */
    #masterContentArea .col-primary > div > div > div > div.row {
        padding: 0 calc(var(--width-var) / 2);
        max-width: 100%;
    }

    /*margin auto content inside the columns*/
    #masterContentArea .col-primary > div > div > div > div.row > div {
        margin: 0 auto;
    }

    /*calculate new bootstrap style col widths*/
    #masterContentArea .col-primary > div > div > div > div.row > div.col-sm-12 {
        width: calc(var(--fullwidth-var) * 1);
        max-width: calc(var(--desiredwidth-var) * 1);
    }

    #masterContentArea .col-primary > div > div > div > div.row > div.col-sm-11 {
        width: calc(var(--fullwidth-var) * 0.916);
        max-width: calc(var(--desiredwidth-var) * 0.916);
    }

    #masterContentArea .col-primary > div > div > div > div.row > div.col-sm-10 {
        width: calc(var(--fullwidth-var) * 0.833);
        max-width: calc(var(--desiredwidth-var) * 0.833);
    }

    #masterContentArea .col-primary > div > div > div > div.row > div.col-sm-9 {
        width: calc(var(--fullwidth-var) * 0.75);
        max-width: calc(var(--desiredwidth-var) * 0.75);
    }

    #masterContentArea .col-primary > div > div > div > div.row > div.col-sm-8 {
        width: calc(var(--fullwidth-var) * 0.6666);
        max-width: calc(var(--desiredwidth-var) * 0.6666);
    }

    #masterContentArea .col-primary > div > div > div > div.row > div.col-sm-7 {
        width: calc(var(--fullwidth-var) * 0.583);
        max-width: calc(var(--desiredwidth-var) * 0.583);
    }

    #masterContentArea .col-primary > div > div > div > div.row > div.col-sm-6 {
        width: calc(var(--fullwidth-var) * 0.5);
        max-width: calc(var(--desiredwidth-var) * 0.5);
    }

    #masterContentArea .col-primary > div > div > div > div.row > div.col-sm-5 {
        width: calc(var(--fullwidth-var) * 0.416);
        max-width: calc(var(--desiredwidth-var) * 0.416);
    }

    #masterContentArea .col-primary > div > div > div > div.row > div.col-sm-4 {
        width: calc(var(--fullwidth-var) * 0.333);
        max-width: calc(var(--desiredwidth-var) * 0.333);
        --ctawidth-var: calc(var(--fullwidth-var) * 0.333);
    }

    #masterContentArea .col-primary > div > div > div > div.row > div.col-sm-3 {
        width: calc(var(--fullwidth-var) * 0.25);
        max-width: calc(var(--desiredwidth-var) * 0.25);
        --ctawidth-var: calc(var(--fullwidth-var) * 0.25);
    }

    #masterContentArea .col-primary > div > div > div > div.row > div.col-sm-2 {
        width: calc(var(--fullwidth-var) * 0.166);
        max-width: calc(var(--desiredwidth-var) * 0.166);
    }

    #masterContentArea .col-primary > div > div > div > div.row > div.col-sm-1 {
        width: calc(var(--fullwidth-var) * 0.183);
        max-width: calc(var(--desiredwidth-var) * 0.183);
    }

    #masterContentArea .col-primary .row.full:not(.call-to-action-row) {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    #masterContentArea .col-primary .row.full > .col-sm-12 {
        width: 100%;
        max-width: 100%;
    }

    #masterContentArea .col-primary > div > div > div > div.row > div.col-sm-9 div[id*="Panel"] > * {
        /*max-width: 100rem;*/
    }

    #masterContentArea .col-primary > div > div > div > div.row > div.col-sm-9:nth-child(2) div[id*="Panel"] > * {
        margin-left: auto;
    }

    #masterContentArea .col-primary > div > div > div > div.row > div.col-sm-8 div[id*="Panel"] > * {
        /* max-width: 100rem; */
    }

    #masterContentArea .col-primary > div > div > div > div.row > div.col-sm-8:nth-child(2) div[id*="Panel"] > * {
        margin-left: auto;
    }
}

/*** Ipad ***/
@media (max-width: 1200.98px) and (min-width: 992.98px) {
    header#hd {
        --desiredwidth-var: 131.5rem;
        --width-var: calc(100vw - var(--desiredwidth-var));
        --fullwidth-var: calc(100%);
        --currentwidth-var: calc(100vw);
    }

    .row {
        --desiredwidth-var: 131.5rem;
        --width-var: calc(100vw - var(--desiredwidth-var));
        --fullwidth-var: calc(100%);
        --currentwidth-var: calc(100vw);
        flex-flow: nowrap;
        margin: 0;
    }

    .iMIS-WebPart > .ContentItemContainer {
        /* margin-bottom: 0; */
    }

    .container, .header-container, .SliderPage1 {
        max-width: var(--desiredwidth-var);
    }

    #masterContentArea {
        max-width: 100% !important;
        padding: 0;
        margin-top: 0 !important;
    }

    #masterContentArea .col-primary > div > div > div > div.row:first-child h1:first-of-type {
        margin-bottom: 0;
    }

    #masterContentArea .col-primary > div > div > div > div.row .iMIS-WebPart > div {
        /* padding-top: var(--padding); */
    }

    #masterContentArea .col-primary > div > div > div > div.row .iMIS-WebPart + .iMIS-WebPart > div {
        padding: 0;
    }

    #masterContentArea .col-primary > div > div > div > div.row .iMIS-WebPart:last-of-type > div {
        /* padding-bottom: var(--padding); */
    }

    #masterContentArea .col-primary > div > div > div > div.row:first-child > .col-sm-12 .iMIS-WebPart:nth-child(2):last-child > div {
        padding-bottom: 0;
        padding-top: var(--padding);
    }

    #masterContentArea .col-primary .row.full {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    #masterContentArea {
        margin-top: 0 !important;
    }
}

/***** MOBILE ****/
@media (max-width: 992.98px) {
    .row {
        --desiredwidth-var: 131.5rem;
        --width-var: calc(100vw - var(--desiredwidth-var));
        --fullwidth-var: calc(100%);
        --currentwidth-var: calc(100vw);
        flex-flow: nowrap;
        flex-direction: column;
        margin: 0;
    }

    #masterContentArea {
        max-width: 100vw !important;
        padding: 0;
        margin-top: 0 !important;
        margin: 0;
    }

    #masterContentArea .col-primary > div > div > div > div.row {
        margin: 0;
        padding: var(--padding) 0;
    }

    #masterContentArea .col-primary .row.full {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    #masterContentArea {
        /* margin-top: 0 !important; */
    }

    
     #masterContentArea .col-primary > div > div > div > div.row .iMIS-WebPart:last-of-type > div {

        /* padding-bottom: var(--padding); */

    }
}

/****************************************/
/***  Footer ***/
/****************************************/
/***** DESKTOP ******/
div#ste_container_ciFooterContent2 {
    display: none;
}

footer#ft {
    display: flex;
    height: auto;
    background: var(--primary-color);
    flex-direction: column;
}

.footer-content {
    background: var(--primary-color);
    color: var(--secondary-color);
    text-align: left;
    padding: 0;
}

.footer-content {
    background: var(--primary-color);
    color: var(--secondary-color);
    text-align: left;
    padding: 0;
}

.footer-content>.container {
    padding: 0;
}

.footer-content>.container .row {
    --desiredwidth-var: 162.5rem;
    --width-var: calc(100vw - var(--desiredwidth-var));
    padding: 0 calc(var(--width-var) / 2);
    max-width: 100%;
}

.footer-content>.container .row>[class*="col-sm"] {
    padding-left: calc(var(--padding) / 2);
    padding-right: calc(var(--padding) / 2);
}

.footer-content>.container .row>[class*="col-sm"]>[class*="col-sm"] {
    padding: 0;
}

.footer-content [id*="ste_container"].ContentItemContainer, .footer-content [id*="ste_container"].ContentItemContainer *:not(img) {
    font-weight: 400 !important;
    color: var(--secondary-color) !important;
    margin-bottom: 1em;
    line-height: 1.2em;
}

div#ste_container_MajorSponsors img {
    max-width: 10rem;
}

div#ste_container_Connectwithus a img[src*=".svg"] {
    filter: var(--secondary-image-filter);
    width: 2.6rem;
    aspect-ratio: 1/1;
    object-fit: contain;
    margin-bottom: 0;
    margin-right: 1em;
}

div#ste_container_AcknowledgeofCountry * {
    text-align: right;
}

.footer-content>.container .row:nth-child(3) {
    border-top: 0.1rem solid var(--primary-alt-light);
    padding-top: 1em !important;
    margin-bottom: 1.5em !important;
}

.footer-content>.container .row:nth-child(3) * {
    margin: auto 0;
}

.footer-nav-copyright {
    display: none;
}

/*** Ipad ***/
@media (max-width: 1200.98px) and (min-width: 992.98px) {
}

/***** MOBILE ****/
@media (max-width: 992.98px) {
    .footer-content>.container .row>[class*="col-sm"] {
        padding-left: calc(var(--padding) / 1);
        padding-right: calc(var(--padding) / 1);
    }

    div#ste_container_AcknowledgeofCountry * {
        text-align: left;
    }
}