/****************************************/
/****************************************/
/** www.vfma.org.au **/
/*
 * 
 *  Author: CAUSEIS PTY LTD
 * 
 *  Version: 1 -  20/07/23
 *
 * 
 *  Document contains changes to Fonts
 *
 *
*/
/****************************************/
/****************************************/
@font-face {
    font-family: 'PraterSansPro';
    src: url('/App_Themes/fonts/PraterSansPro-Bold.eot');
    src: url('/App_Themes/fonts/PraterSansPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('/App_Themes/fonts/PraterSansPro-Bold.woff') format('woff'),
        url('/App_Themes/fonts/PraterSansPro-Bold.ttf') format('truetype'),
        url('/App_Themes/fonts/PraterSansPro-Bold.svg#PraterSansPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/**********  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 */
/********************************************/
/**/
/**/
/****************************************/
/****************************************/
/** www.vfma.org.au **/
/*
 * 
 *  Author: CAUSEIS PTY LTD
 * 
 *  Version: 1 -  20/07/23 
 *
 * 
 *  Document contains changes to Layout
 *
 *
*/
/****************************************/
/****************************************/
/****************************************/
/*** Desktop Nav ***/
/****************************************/
@media (min-width: 1025px) {
    header#hd {
        background: var(--color-white);
        box-shadow: 0px 0px 2rem 0px rgb(0 0 0 / 11%);
        z-index: 100;
    }

    header#hd>.pre-header {
        background: var(--color-grey);
        /* padding: 0px 3.5rem 0px 2rem; */
        /* max-width: var(--docwidth); */
    }

    header#hd>.pre-header>.preheader-bar-container {
        /* max-width: var(--docwidth); */
        margin: auto;
        padding: 0px 3.5rem 0px 2rem;
        max-width: var(--docwidth);
    }

    header#hd>.pre-header>.preheader-bar-container>div {
        display: flex;
    }

    header#hd>.pre-header>.preheader-bar-container>div>div:nth-child(1) {
        /* flex-grow: 1; */
        display: flex;
        order: 0;
        width: 100%;
    }

    header#hd>.pre-header>.preheader-bar-container>div>div:not(:nth-child(1)) {
        /* display: none !important; */
        display: flex;
    }

    header#hd>.pre-header>.preheader-bar-container>div>div:nth-child(1)>div {
        display: flex;
        width: 100%;
    }

    header#hd>.pre-header>.preheader-bar-container>div>div:nth-child(1)>div>div {
        width: 100%;
    }

    header#hd>.pre-header ul.NavigationUnorderedList {
        display: flex;
        width: 100%;
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li {
        /*         border-left: 0.1rem solid var(--color-white); */
        background: transparent;
        transition: all 0.2s ease-in-out;
        margin: 0;
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li a:hover {
        background: var(--color-green);
        /* filter: invert(61%) sepia(20%) saturate(6157%) hue-rotate(81deg) brightness(122%) contrast(51%); */
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li a:hover span.nav-text {
        filter: brightness(1000);
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li.nav-aux-cart>a {
        padding: 1.5rem;
        line-height: 1rem;
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li>a {
        color: white;
        text-decoration: none;
        padding: 0;
        line-height: 1;
        display: flex;
        margin: 0 auto;
        padding: 2rem 1.5rem;
        align-self: inherit;
        /* margin: auto; */
    }

    ul.NavigationUnorderedList>li[class*="-icon"] span.nav-text {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        padding: 1rem !important;
        position: relative;
        font-size: 0;
        background: transparent;
        align-content: normal;
        background: no-repeat;
        filter: invert(60%) sepia(93%) saturate(697%) hue-rotate(5deg) brightness(104%) contrast(100%);
        filter: invert(61%) sepia(20%) saturate(6157%) hue-rotate(81deg) brightness(122%) contrast(51%);
    }

    ul.NavigationUnorderedList>li.facebook-icon span.nav-text {
        background-image: url(/images/site/theme/icons/facebook-black.svg);
    }

    ul.NavigationUnorderedList>li.twitter-icon span.nav-text {
        background-image: url(/images/site/theme/icons/twitter-black.svg);
    }

    ul.NavigationUnorderedList>li.linkedin-icon span.nav-text {
        background-image: url(/images/site/theme/icons/linkedin-black.svg);
    }

    ul.NavigationUnorderedList>li.phone-icon span.nav-text {
        background-image: url(/images/site/theme/icons/phone-black.svg);
    }

    ul.NavigationUnorderedList>li.instagram-icon {
        /* flex-grow: 1; */
    }

    ul.NavigationUnorderedList>li.instagram-icon span.nav-text {
        background-image: url(/images/site/theme/icons/instagram-black.svg);
    }

    ul.NavigationUnorderedList>li.email-icon span.nav-text {
        background-image: url(/images/site/theme/icons/mail-black.svg);
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li.nav-aux-cart>a>span:first-child {
        background-image: url(/images/site/theme/icons/cart-black.svg);
        background-repeat: no-repeat;
        background-position: initial !important;
        background-size: contain;
        padding: 0.4rem 1rem !important;
        position: relative;
        font-size: 0;
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li.nav-aux-account,
    header#hd>.pre-header ul.NavigationUnorderedList>li.nav-aux-account a {
        color: var(--color-black);
        margin-right: 1rem;
    }

    .nav-auxiliary .nav-aux-account .nav-text {
        background-image: url(/images/site/theme/icons/user-black.svg);
        background-repeat: no-repeat;
        background-position: initial !important;
        background-size: contain;
        position: relative;
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li a span.nav-text {
        color: var(--color-dark);
    }

    .nav-auxiliary .nav-aux-account {
        order: 0;
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li.register-button {
        order: 1;
        display: flex;
        align-items: center;
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li.nav-aux-account a {
        margin-right: 0;
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li:last-child {
        flex-grow: 1;
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li:last-child {
        flex-grow: 1;
        display: flex;
        align-items: center;
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li.register-button>a {
        margin-left: auto;
        margin-right: 0;
        padding: 1.2rem 1.4rem;
        background: var(--color-green);
        text-decoration: none;
        color: var(--color-white);
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(0.1rem) translateZ(0);
        transform: perspective(0.1rem) translateZ(0);
        box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0);
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        line-height: 1;
        border-radius: 0rem;
        font-weight: 500;
        border: none !important;
        border-radius: 1rem;
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li.register-button>a span {
        color: var(--color-white);
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li.register-button>a:hover {
        background: transparent;
        color: var(--color-white);
        overflow: overlay;
        background: var(--color-green-hover);
        /* box-shadow: 0px 0px 0 2px #569d42; */
        border: none !important;
        /* filter: brightness(0.9); */
    }

    a.UtilitySection.UtilityAuthenticationLink.sign-in-link,
    a.UtilitySection.UtilityAuthenticationLink.sign-out-link {
        margin-left: auto;
        margin-right: 0;
        padding: 1.2rem 1.4rem;
        background: var(--color-orange);
        text-decoration: none;
        color: var(--color-white);
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(0.1rem) translateZ(0);
        transform: perspective(0.1rem) translateZ(0);
        box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0);
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        line-height: 1;
        border-radius: 0rem;
        font-weight: 500;
        border: none !important;
        white-space: nowrap;
        border-radius: 1rem;
    }

    a.UtilitySection.UtilityAuthenticationLink.sign-in-link:hover,
    a.UtilitySection.UtilityAuthenticationLink.sign-out-link:hover {
        background: transparent;
        color: var(--color-white);
        overflow: overlay;
        background: var(--color-orange-hover);
        /* box-shadow: 0px 0px 0 2px #569d42; */
        border: none !important;
        /* filter: brightness(0.9); */
    }

    header#hd>.pre-header>.preheader-bar-container>div>div:not(:nth-child(1))>div {
        margin: auto;
    }

    header#hd>.pre-header>.preheader-bar-container>div>div:not(:nth-child(1))>div>div {
        margin-left: 2rem;
    }

    header#hd>.pre-header>.preheader-bar-container>div>div:nth-child(1)>div>.UtilitySection.UtilityNavigationToggle,
    header#hd>.pre-header>.preheader-bar-container>div>div:nth-child(1)>div>.UtilitySection.UtilitySearch {
        display: none;
    }

    header#hd>.pre-header>.preheader-bar-container>div>div:nth-child(1)>div>.searchbar-collapse {
        margin: 0;
        padding: 0;
        display: flex;
        height: 100% !important;
        border-left: 0.1rem solid var(--color-white);
        padding: 0 0 0 1.5rem;
        display: none;
    }

    header#hd>.pre-header>.preheader-bar-container>div>div:nth-child(1)>div>.searchbar-collapse>div {
        display: flex;
        padding: 0;
        align-items: center;
    }

    header#hd>.pre-header>.preheader-bar-container>div>div:nth-child(1)>div>.searchbar-collapse>.search-container>.pre-header-search>div>input {
        margin: auto;
        background: transparent url(/images/site/theme/icons/search-white.svg) no-repeat;
        border-radius: 0;
        border: none;
        color: white;
        padding: 0 0 0 3rem !important;
        background-size: 1.8rem;
        background-position: left center;
        box-shadow: none;
    }

    header#hd>.pre-header>.preheader-bar-container>div>div:nth-child(1)>div>.searchbar-collapse>.search-container>.pre-header-search>div>input[type="button"] {
        display: none;
    }

    div#ste_container_ciHeaderSignIn {
        margin: auto;
        order: 2;
    }

    div#ste_container_ciHeaderSignIn>.header-signin>div#ste_container_ContactSignInCommon {
        display: flex;
        order: 2;
    }

    div#ste_container_ciHeaderSignIn>.header-signin>div#ste_container_ContactSignInCommon .panel {
        display: flex;
        margin: auto;
        height: 100%;
    }

    div#ste_container_ciHeaderSignIn>.header-signin>div#ste_container_ContactSignInCommon .panel>div:nth-of-type(1) {
        display: none;
    }

    div#ste_container_ciHeaderSignIn>.header-signin>div#ste_container_ContactSignInCommon .panel>div:nth-of-type(2) {
        display: flex;
        height: 100% !important;
    }

    div#ste_container_ciHeaderSignIn>.header-signin>div#ste_container_ContactSignInCommon .panel>div:nth-of-type(2)>div {
        display: block;
        margin: auto;
        padding: 0 10px 0px 0px;
    }

    div#ste_container_ciHeaderSignIn>.header-signin>div#ste_container_ContactSignInCommon .panel>div:nth-of-type(2) .SignIn {
        display: flex;
        max-width: 100%;
    }

    div#ste_container_ciHeaderSignIn>.header-signin>div#ste_container_ContactSignInCommon .panel>div:nth-of-type(2) .SignIn>div:nth-of-type(1) {
        display: flex;
    }

    div#ste_container_ciHeaderSignIn>.header-signin>div#ste_container_ContactSignInCommon .panel>div:nth-of-type(2) .SignIn>div:nth-of-type(1)>div>div:nth-of-type(3) {
        display: flex;
    }

    div#ste_container_ciHeaderSignIn>.header-signin>div#ste_container_ContactSignInCommon .panel>div:nth-of-type(2) .SignIn>div:nth-of-type(1)>div>div:nth-of-type(3) label {
        display: none;
    }

    div#ste_container_ciHeaderSignIn>.header-signin>div#ste_container_ContactSignInCommon .panel>div:nth-of-type(2) .SignIn>div:nth-of-type(1)>div>div:nth-of-type(3) .PanelField {
        margin-right: 1rem;
        padding: 0;
    }

    div#ste_container_ciHeaderSignIn>.header-signin>div#ste_container_ContactSignInCommon .panel>div:nth-of-type(2) .SignIn>div:nth-of-type(1)>div>div:nth-of-type(3) input[type="text"],
    div#ste_container_ciHeaderSignIn>.header-signin>div#ste_container_ContactSignInCommon .panel>div:nth-of-type(2) .SignIn>div:nth-of-type(1)>div>div:nth-of-type(3) input[type="password"] {
        border-radius: 0.7rem;
        height: 3rem;
        padding: 1rem;
        font-size: 1.2rem;
        background: var(--color-white);
        border: none;
        color: white;
        webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: 0.2s ease-in-out box-shadow, 0.2s ease-in-out border;
    }

    div#ste_container_ciHeaderSignIn>.header-signin>div#ste_container_ContactSignInCommon .panel>div:nth-of-type(2) .SignIn>div:nth-of-type(1)>div>div:nth-of-type(3) .PanelField .forgot-link-field>a {
        display: block;
        border: none;
        font-size: 0;
        line-height: 1;
        top: 1.5rem;
    }

    div#ste_container_ciHeaderSignIn>.header-signin>div#ste_container_ContactSignInCommon .panel>div:nth-of-type(2) .SignIn>div:nth-of-type(1)>div>div:nth-of-type(3) .PanelField:nth-of-type(2) .forgot-link-field>a:before {
        content: '';
        background-image: url(/images/site/theme/icons/question.svg);
        background-repeat: no-repeat;
        background-position: initial !important;
        background-size: contain;
        padding: 1rem 1rem !important;
        position: relative;
    }

    div#ste_container_ciHeaderSignIn>.header-signin>div#ste_container_ContactSignInCommon .panel>div:nth-of-type(2) .SignIn>div:nth-of-type(1)>div>div:nth-of-type(3) input[type="text"]::placeholder,
    div#ste_container_ciHeaderSignIn>.header-signin>div#ste_container_ContactSignInCommon .panel>div:nth-of-type(2) .SignIn>div:nth-of-type(1)>div>div:nth-of-type(3) input[type="password"]::placeholder {
        color: var(--color-black);
    }

    div#ste_container_ciHeaderSignIn>.header-signin>div#ste_container_ContactSignInCommon .panel>div:nth-of-type(2) .SignIn>div:nth-of-type(3) {
        display: none;
    }

    div#ste_container_ciHeaderSignIn>.header-signin>div#ste_container_ContactSignInCommon .panel>div:nth-of-type(2) .SignIn>div:nth-of-type(2) {
        padding: 0 !important;
        display: flex;
        align-items: center;
    }

    div#ste_container_ciHeaderSignIn>.header-signin>div#ste_container_ContactSignInCommon .panel>div:nth-of-type(2) .SignIn>div:nth-of-type(2) input {
        margin: 0;
        background: url(/images/site/theme/icons/arrow-white-right.svg) no-repeat;
        background-color: var(--color-white);
        font-size: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 61%;
        padding: 0px;
        border: none;
        height: 3rem;
        width: 3rem;
        border-radius: 100%;
        box-shadow: 0px 0px 0 2px transparent;
        transition: 0.2s ease-in-out background-color;
        transition: 0.2s ease-in-out box-shadow;
    }

    div#ste_container_ciHeaderSignIn>.header-signin>div#ste_container_ContactSignInCommon .panel>div:nth-of-type(2) .SignIn>div:nth-of-type(2) input:hover {
        background-color: var(--color-green);
        color: var(--color-white);
        box-shadow: 0px 0px 0 2px var(--color-white);
    }

    header#hd>.pre-header>.preheader-bar-container>div>div:nth-child(3) {
        order: 1;
        display: flex;
    }

    header#hd>.pre-header>.preheader-bar-container>div>div:nth-child(3)>div {
        display: flex;
    }

    header#hd>.pre-header>.preheader-bar-container>div>div:nth-child(3)>div>div {
        margin: auto;
        border: none !important;
    }

    header#hd>.pre-header>.preheader-bar-container>div>div:nth-child(3) a {
        color: var(--color-white);
        font-weight: 400;
        text-decoration: none;
        padding: 1rem 1.5rem;
    }

    div#ste_container_ciLogindetails .GridTitlePanel {
        margin: 0;
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch {
        border: none;
        background: transparent;
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table {
        background: transparent;
        display: flex;
        margin: 0;
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table thead {
        display: none;
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table>tbody>tr>td {
        padding: 0;
        border: 0;
        display: flex;
        height: 100%;
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table>tbody>tr {
        display: flex;
        margin: 0;
        height: 100%;
        background: transparent !important;
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table>tbody>tr>td>.loggedin {
        display: flex;
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table>tbody>tr>td>div .image {
        margin: auto;
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table>tbody>tr>td>div>.user {
        display: flex;
        padding-left: 1.5rem;
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table>tbody>tr>td>div .image img#login {
        width: 2rem;
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table>tbody>tr>td>div .welcome {
        padding: 0 1.5rem 0 1rem;
        margin: auto 0;
        font-weight: 600;
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table>tbody>tr>td>div .welcome a {
        color: white !important;
        text-decoration: none;
        margin: auto;
        /* pointer-events: none; */
        padding: 0;
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table>tbody>tr>td>div .welcome a:hover {
        text-decoration: none !important;
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table>tbody>tr>td>.loggedin .image img {
        width: 3rem !important;
        height: 3rem !important;
        object-fit: cover;
        border-radius: 50%;
        background: var(--color-white);
        padding: 0.1rem;
        margin: auto;
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table>tbody>tr>td>.loggedin>.profile {
        display: flex;
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table>tbody>tr>td>.loggedin>.profile a>span {
        color: white !important;
        padding: 0;
        line-height: 1;
        display: flex;
        margin: auto;
        padding: 1.5rem;
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table>tbody>tr>td>.loggedin>.profile {
        margin: 0;
        line-height: 1;
        border-left: 0.1rem solid var(--color-green);
        display: flex;
        background: transparent;
        transition: 0.2s ease-in-out background;
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table>tbody>tr>td>.loggedin>.user:hover {
        background: var(--color-green);
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table>tbody>tr>td>.loggedin>.profile:hover {
        background: var(--color-green);
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table>tbody>tr>td>.loggedin>.profile>a {
        text-decoration: none !important;
        margin: 0;
        display: flex;
        padding: 0;
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table>tbody>tr>td>.loggedin>.move-to-loggedin-iqa {
        display: flex;
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table>tbody>tr>td>.loggedin>.move-to-loggedin-iqa a>span {
        color: white !important;
        padding: 0;
        line-height: 1;
        display: flex;
        margin: auto;
        padding: 1.5rem;
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table>tbody>tr>td>.loggedin>.move-to-loggedin-iqa {
        margin: 0;
        line-height: 1;
        border-left: 0.1rem solid var(--color-green-hover);
        display: flex;
        background: transparent;
        transition: 0.2s ease-in-out background;
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table>tbody>tr>td>.loggedin>.move-to-loggedin-iqa:hover {
        background: var(--color-green-hover);
    }

    div#ste_container_ciLogindetails .RadGrid.RadGrid_MetroTouch table>tbody>tr>td>.loggedin>.move-to-loggedin-iqa>a {
        text-decoration: none !important;
        margin: 0;
        display: flex;
        padding: 0;
    }

    .Login-details .panel-body {
        padding: 0;
    }

    .Login-details {}

    header#hd>.pre-header>.preheader-bar-container>div>div:nth-child(4) {
        order: 1;
        display: flex;
        border-left: 0.1rem solid var(--color-green);
        border-right: 0.1rem solid var(--color-green);
        padding: 0 1.5rem;
        transition: 0.2s ease-in-out background;
        background: transparent;
    }

    header#hd>.pre-header>.preheader-bar-container>div>div:nth-child(4)>.nav-auxiliary {
        margin: auto;
    }

    header#hd>.pre-header>.preheader-bar-container>div>div:nth-child(4)>.nav-auxiliary a {
        color: white;
        margin: auto;
        text-decoration: none;
    }

    header#hd>.pre-header>.preheader-bar-container>div>div:nth-child(4)>.nav-auxiliary>div {
        margin: 0;
    }

    header#hd>.pre-header>.preheader-bar-container>div>div:nth-child(4):hover {
        background: var(--color-green);
    }

    /*********** header-bottom-container ************/
    header#hd .header-top-container {
        display: none;
    }

    header#hd .header-bottom-container {
        background: var(--color-white);
        /* margin: 1rem 1rem 1rem 3.5rem; */
        /* max-width: var(--docwidth); */
        margin: auto;
        width: auto;
    }

    .FloatRight,
    .pull-right div {
        margin-top: .5rem;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem>a.rmLink.home.icon>span {
        background-image: url(/images/site/theme/icons/vfma-logo.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        font-size: 0 !important;
        height: 9rem;
        width: 21rem;
        margin: auto 0;
        padding: 0;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem>a.rmLink.nav-aux-cart span {
        background-image: url(/images/site/theme/icons/cart.svg);
        filter: brightness(0);
        background-repeat: no-repeat;
        background-position: initial !important;
        background-size: contain;
        padding: 1.3rem 1.6rem !important;
        /* top: -0.4rem; */
        position: relative;
        font-size: 0;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem>a.rmLink.search.icon span {
        background-image: url(/images/site/theme/icons/search-white.svg);
        filter: brightness(.2);
        background-repeat: no-repeat;
        background-position: initial !important;
        background-size: contain;
        padding: 1.2rem 1.2rem !important;
        /* top: -0.6rem; */
        position: relative;
        font-size: 0;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal {
        display: flex;
        width: 100%;
        flex-flow: wrap;
    }

    header#hd .header-bottom-container>div {
        padding: 0;
        max-width: 100%;
        margin: auto;
        max-width: var(--docwidth);
    }

    header#hd .header-bottom-container div#ste_container_ciPrimaryNavigation {
        padding: 1.5rem 0;
        transition: .8s ease-in-out all;
        margin: 0rem 1rem 0rem 3.5rem;
    }

    header#hd .header-bottom-container div#ste_container_ciPrimaryNavigation .navbar-collapse.collapse {
        width: 100%;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem {
        margin: auto;
        padding: 0.5rem 1.5rem;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem:nth-of-type(2) {
        flex-grow: 1;
        display: flex;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem.rmFirst {
        /* flex-grow: 1; */
        padding: 0;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem>a.rmLink {
        text-transform: none;
        color: var(--color-black);
        font-size: 1.8rem;
        letter-spacing: 0;
        background: transparent;
        display: flex;
        padding: 1rem;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem>a.rmLink.icon.home {
        padding: 0;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem>a.rmLink span {
        padding: 0;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem[class*="Level"]>a.rmLink>span.rmText {
        padding-right: 1rem;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem[class*="Level"]>a.rmLink:after {
        display: block;
        content: "";
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-image: url(/images/site/theme/icons/arrow-black-down.svg);
        font-size: 0;
        background-position: center;
        background-repeat: no-repeat;
        width: 1rem;
        height: 1.0rem;
        background-size: contain;
        vertical-align: middle;
        margin: auto;
        opacity: 1;
        transition: all 0.2s ease-in-out;
        transform: rotateX(0deg);
        padding-right: 1rem;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem[class*="Level"]:hover>a.rmLink:after {
        /*         background-image: url(/images/site/theme/icons/arrow-black-down.svg); */
        transform: rotateX(180deg);
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem:hover>a.rmLink {
        color: var(--color-green);
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide {
        align-items: center;
        width: auto !important;
        display: inline-block;
        min-width: 14rem;
        max-width: 27rem;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem>a.rmLink+.rmSlide {
        min-height: 0vh;
        max-height: 0rem;
        display: block !important;
        overflow: overlay;
        transition: max-height 0.4s ease-in-out, min-height 0.4s ease-in-out !important;
        height: 100% !important;
        margin: 0 !important;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem>a.rmLink.rmExpanded+.rmSlide {
        min-height: 100vh;
        max-height: 50rem;
        transition: max-height 0.8s ease-in-out, min-height 0.8s ease-in-out !important;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem>a.rmLink+.rmSlide>ul.rmGroup>li.rmItem>a.rmLink+.rmSlide {
        max-height: 0rem;
        display: block !important;
        overflow: hidden !important;
        transition: max-height 0.4s ease-in-out, min-height 0.4s ease-in-out !important;
        height: 100% !important;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem>a.rmLink+.rmSlide>ul.rmGroup>li.rmItem.clicked>a.rmLink+.rmSlide {
        max-height: 50rem;
        transition: max-height 0.8s ease-in-out, min-height 0.8s ease-in-out !important;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup {
        -webkit-animation: shadow 0.3s 0.5s normal forwards;
        -moz-animation: ease-in-out shadow 0.3s 0.5s normal forwards;
        -o-animation: ease-in-out shadow 0.3s 0.5s normal forwards;
        padding: 2rem 0 !important;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup.rmLevel1 {
        background-color: var(--color-white);
        margin: auto !important;
        float: none;
        padding: 0px 1.5rem;
        border: 1px solid var(--color-grey);
        /* box-shadow: 5px 3px 11px 5px var(--color-grey); */
        box-shadow: 0px 0px 2rem 0px rgb(0 0 0 / 11%);
        border-radius: 1rem;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup>.rmItem {
        display: flex;
        margin-bottom: 0;
        flex-direction: column;
        padding: 0.5rem 2.5rem;
        max-width: 100%;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup>.rmItem>a.rmLink {
        width: auto !important;
        display: flex;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup>.rmItem>a.rmLink,
    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup>.rmItem>a.rmLink>span {
        font-weight: 100;
        font-size: 1.8rem;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup>.rmItem>a.rmLink>span {
        min-width: 19rem;
        max-width: 31rem;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup>.rmItem>a.rmLink>span {
        text-align: left;
        text-transform: none;
        width: auto !important;
        display: block;
        margin: auto 0;
        white-space: break-spaces;
        color: var(--color-black);
        letter-spacing: 0px;
        padding: 0;
        float: none;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup>.rmItem>a.rmLink:hover>span {
        color: var(--color-green);
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup>.rmItem>a.rmLink>span.rmToggle {
        font-size: 0;
        min-width: 0;
        float: left;
        margin-left: 0rem;
        right: -4px;
        position: relative;
        padding: 1rem;
        z-index: 10000000;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup>.rmItem>a.rmLink>span.rmToggle>span {
        content: '';
        transform: rotateX(0deg);
        transition: all 0.2s ease-in;
        float: left;
        padding: 0.6rem;
        background-size: 100%;
        background-position: center !important;
        background-image: url(/images/site/theme/icons/arrow-black-down.svg);
        /* margin-top: 0.1rem; */
        width: 0;
        height: 0;
        background-repeat: no-repeat;
        margin: 0;
        position: relative;
        left: 0;
        top: 0;
        /* margin-left: -1.5rem; */
        /* z-index: 1; */
        /* position: relative; */
        /* filter: opacity(1); */
        /* transform: scale(0.9); */
        /* display: none; */
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup>.rmItem.clicked>a.rmLink>span.rmToggle>span {
        filter: opacity(1);
        transform: rotate(180deg);
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup>.rmItem>a.rmLink+.rmSlide {
        background: white;
        opacity: 1;
        overflow: hidden !important;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup>.rmItem>a.rmLink+.rmSlide {
        transition: max-height 0.5s cubic-bezier(0, 1, 0, 1), opacity 0.5s cubic-bezier(0, 1, 0, 1);
        transition-delay: 0.4s;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup>.rmItem>a.rmLink+.rmSlide {
        width: auto !important;
        /* display: block !important; */
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup>.rmItem>a.rmLink+.rmSlide {
        max-height: 70rem;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup>.rmItem>a.rmLink+.rmSlide>ul {
        width: 100% !important;
        padding: 0 !important;
        min-width: 0 !important;
        background-color: transparent;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup>.rmItem>a.rmLink+.rmSlide>ul:last-of-type {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup>.rmItem>a.rmLink+.rmSlide>ul:first-of-type {
        margin-top: 0rem;
        padding-top: 1rem !important;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup>.rmItem>a.rmLink+.rmSlide>ul>li.rmItem {
        padding: 0.2rem 1.5rem;
        width: auto;
        min-width: 16rem !important;
        max-width: 25rem;
        margin: auto;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup>.rmItem>a.rmLink+.rmSlide>ul>li.rmItem>a {
        min-width: 20rem !important;
        max-width: 28rem;
        padding: 0;
        margin: auto;
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup>.rmItem>a.rmLink+.rmSlide>ul>li.rmItem>a>span {
        font-size: 1.2rem;
        color: var(--color-green);
    }

    .RadMenu.RadMenu ul.rmHorizontal>li.rmItem .rmLink+.rmSlide>ul.rmGroup>.rmItem>a.rmLink+.rmSlide>ul>li.rmItem>a:hover>span {
        color: var(--color-green);
    }

    div[id*="SignInCommon_SignInPanel"]>div>div {
        margin: auto;
    }

    div[id*="SignInCommon_signInDiv"] label {
        display: none;
    }

    div[id*="SignInCommon_signInDiv"] input {
        border-radius: 0.7rem !important;
        height: 4rem;
        padding: 1rem;
        font-size: 1.4rem;
        background: var(--color-white);
        border: none;
        /* border-bottom: 0.1rem solid white; */
        /* color: white; */
        webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: 0.2s ease-in-out box-shadow, 0.2s ease-in-out border;
    }

    div[id*="SignInCommon_signInDiv"] input::placeholder {
        color: var(--color-black);
    }
}

@media (max-width: 1025px) {
    header#hd>.pre-header ul.NavigationUnorderedList>li:last-child {
        margin-left: auto !important;
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li.nav-aux-account a {
        color: var(--color-dark);
        margin-left: auto;
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li.nav-aux-account a>span {
        background-image: url(/images/site/theme/icons/user-black.svg);
        background-repeat: no-repeat;
        background-position: initial !important;
        background-size: contain;
        position: relative;
        padding-left: 26px;
        width: auto;
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li.register-button {
        order: 1;
        flex-grow: 0 !important;
        margin-left: 0 !important;
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li.nav-aux-account a {
        margin: 0;
    }
}

@media (max-width: 580px) {
    ul.NavigationUnorderedList>li:is(.instagram-icon, .facebook-icon, .email-icon, .phone-icon .contact) {
        /* display: none !important; */
    }
}

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

@media (width: 768px) {}

@media (width: 1024px) {}

/****************************************/
/*** Mobile Nav ***/
/****************************************/
@media (max-width: 1024px) {
    header#hd {
        background: var(--color-white);
        box-shadow: 0px 0px 2rem 0px rgb(0 0 0 / 11%);
        z-index: 100;
        display: flex;
        flex-flow: column;
    }

    /****** .pre-header styling *****/
    header#hd>.pre-header {
        background: var(--color-grey);
        padding: 0 1.1rem 0 0;
    }

    header#hd #preheader-bar>div {
        display: flex;
        /* flex-flow: wrap; */
    }

    header#hd #preheader-bar>div>div:nth-of-type(1) {
        /* order: 0; */
        /* flex-grow: 1; */
        display: flex;
        order: 0;
        width: 100%;
    }

    header#hd #preheader-bar>div>div:not(:nth-of-type(1)) {
        /* display: none !important; */
    }

    header#hd #preheader-bar>div>div:nth-of-type(2) {
        order: 2;
        /* flex: 1 1 100%; */
        display: flex;
    }

    header#hd #preheader-bar>div>div:nth-of-type(3) a {
        white-space: nowrap;
        color: white;
        text-decoration: none;
        font-weight: 600;
        margin: auto;
        line-height: 1;
        padding: 1.5rem;
        font-size: 1.4rem;
        border-left: 0.1rem solid var(--color-white);
    }

    header#hd #preheader-bar>div>div:nth-of-type(1)>div {
        display: flex;
        width: 100%;
    }

    header#hd #preheader-bar>div>div:nth-of-type(1)>div>div:not(:nth-of-type(1)) {
        display: none;
    }

    header#hd #preheader-bar>div>div:nth-of-type(1)>div>div:nth-of-type(1),
    header#hd #preheader-bar>div>div:nth-of-type(1)>div>div:nth-of-type(1)>ul {
        display: flex;
        width: 100%;
    }

    header#hd #preheader-bar>div>div:nth-of-type(1)>div>div:nth-of-type(1)>ul>li {
        display: flex;
        margin: 0;
        line-height: 1;
    }

    header#hd #preheader-bar>div>div:nth-of-type(1)>div>div:nth-of-type(1)>ul>li.register-button {
        flex-grow: 1;
        /* align-items: flex-end; */
        border: none;
        flex-grow: 1;
        display: flex;
        align-items: center;
        margin-left: auto;
    }

    header#hd #preheader-bar>div>div:nth-of-type(1)>div>div:nth-of-type(1)>ul>li.register-button>a {
        margin-left: auto;
        /* border-left: 0.1rem solid var(--color-green); */
    }

    header#hd #preheader-bar>div>div:nth-of-type(1)>div>div:nth-of-type(1)>ul>li.nav-aux-cart {
        display: none;
    }

    header#hd #preheader-bar>div>div:nth-of-type(1)>div>div:nth-of-type(1)>ul>li:nth-last-child(2) {
        /* border-right: 0.1rem solid #f2c766; */
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li.nav-aux-cart {
        display: none !important;
    }

    header#hd #preheader-bar>div>div:nth-of-type(1)>div>div:nth-of-type(1)>ul>li[class*="-icon"]>a {
        padding: 2rem 1.2rem;
        color: var(--color-white);
        text-decoration: none;
        line-height: 1;
        display: flex;
        font-size: 1.4rem;
        background: transparent;
        transition: all 0.2s ease-in-out;
    }

    header#hd #preheader-bar>div>div:nth-of-type(1)>div>div:nth-of-type(1)>ul>li[class*="icon"]:hover>a {
        background: var(--color-yellow);
        background: var(--color-green);
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li.register-button>a {
        margin-left: auto;
        margin-right: 0;
        padding: 1.2rem 1.4rem;
        background: var(--color-green);
        text-decoration: none;
        color: var(--color-white);
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(0.1rem) translateZ(0);
        transform: perspective(0.1rem) translateZ(0);
        box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0);
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        line-height: 1;
        border-radius: 0rem;
        font-weight: 500;
        border: none !important;
        border-radius: 1rem;
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li.register-button>a:hover {
        background: transparent;
        color: var(--color-white);
        overflow: overlay;
        background: var(--color-green-hover);
        /* box-shadow: 0px 0px 0 2px #569d42; */
        border: none !important;
        /* filter: brightness(0.9); */
    }

    a.UtilitySection.UtilityAuthenticationLink.sign-in-link,
    a.UtilitySection.UtilityAuthenticationLink.sign-out-link {
        margin-left: auto;
        margin-right: 0;
        padding: 1.2rem 1.4rem;
        background: var(--color-orange);
        text-decoration: none;
        color: var(--color-white);
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(0.1rem) translateZ(0);
        transform: perspective(0.1rem) translateZ(0);
        box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0);
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        line-height: 1;
        border-radius: 0rem;
        font-weight: 500;
        border: none !important;
        white-space: nowrap;
        border-radius: 1rem;
    }

    a.UtilitySection.UtilityAuthenticationLink.sign-in-link:hover,
    a.UtilitySection.UtilityAuthenticationLink.sign-out-link:hover {
        background: transparent;
        color: var(--color-white);
        overflow: overlay;
        background: var(--color-orange-hover);
        /* box-shadow: 0px 0px 0 2px #569d42; */
        border: none !important;
        /* filter: brightness(0.9); */
    }

    header#hd #preheader-bar>div>div:nth-of-type(1)>div>div:nth-of-type(1)>ul>li[class*="icon"]>a>span.nav-text {
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        padding: 0.0rem;
        position: relative;
        content: '';
        margin: auto;
        font-size: 0;
    }

    header#hd #preheader-bar>div>div:nth-of-type(1)>div>div:nth-of-type(1)>ul>li[class*="icon"]>a>span.nav-text:before {
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        padding: 0.8rem !important;
        position: relative;
        content: '';
        margin: auto;
        font-size: 0;
        filter: invert(60%) sepia(93%) saturate(697%) hue-rotate(5deg) brightness(104%) contrast(100%);
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li>a {
        color: white;
        text-decoration: none;
        padding: 0;
        line-height: 1;
        display: flex;
        margin: 0 auto;
        padding: 2rem 1.5rem;
        align-self: inherit;
    }

    ul.NavigationUnorderedList>li[class*="-icon"] span.nav-text {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        padding: 0.8rem 0.0rem !important;
        position: relative;
        font-size: 0;
        background: transparent;
        align-content: normal;
        background: no-repeat;
        filter: invert(60%) sepia(93%) saturate(697%) hue-rotate(5deg) brightness(104%) contrast(100%);
        filter: invert(61%) sepia(20%) saturate(6157%) hue-rotate(81deg) brightness(122%) contrast(51%);
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li a:hover span.nav-text {
        filter: brightness(1000);
    }

    ul.NavigationUnorderedList>li.facebook-icon span.nav-text {
        background-image: url(/images/site/theme/icons/facebook-black.svg);
    }

    ul.NavigationUnorderedList>li.twitter-icon span.nav-text {
        background-image: url(/images/site/theme/icons/twitter-black.svg);
    }

    ul.NavigationUnorderedList>li.linkedin-icon span.nav-text {
        background-image: url(/images/site/theme/icons/linkedin-black.svg);
    }

    ul.NavigationUnorderedList>li.phone-icon span.nav-text {
        background-image: url(/images/site/theme/icons/phone-black.svg);
    }

    ul.NavigationUnorderedList>li.instagram-icon {
        /* flex-grow: 1; */
    }

    ul.NavigationUnorderedList>li.instagram-icon span.nav-text {
        background-image: url(/images/site/theme/icons/instagram-black.svg);
    }

    ul.NavigationUnorderedList>li.email-icon span.nav-text {
        background-image: url(/images/site/theme/icons/mail-black.svg);
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li.nav-aux-cart>a>span:first-child {
        background-image: url(/images/site/theme/icons/cart-black.svg);
        background-repeat: no-repeat;
        background-position: initial !important;
        background-size: contain;
        padding: 0.4rem 1rem !important;
        position: relative;
        font-size: 0;
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li:nth-child(5) {
        flex-grow: 1;
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li.register-button {
        flex-grow: 1;
        display: flex;
        align-items: center;
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li.register-button>a {
        margin-left: auto;
        margin-right: 0;
        padding: 1.2rem 1.4rem;
        background: var(--color-green);
        text-decoration: none;
        color: var(--color-white);
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(0.1rem) translateZ(0);
        transform: perspective(0.1rem) translateZ(0);
        box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0);
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        line-height: 1;
        border-radius: 0rem;
        font-weight: 500;
        border: none !important;
        border-radius: 1rem;
        font-size: 1.3rem;
    }

    header#hd>.pre-header ul.NavigationUnorderedList>li.register-button>a:hover {
        background: transparent;
        color: var(--color-white);
        overflow: overlay;
        background: var(--color-green-hover);
        /* box-shadow: 0px 0px 0 2px #569d42; */
        border: none !important;
        /* filter: brightness(0.9); */
    }

    a.UtilitySection.UtilityAuthenticationLink.sign-in-link,
    a.UtilitySection.UtilityAuthenticationLink.sign-out-link {
        margin-left: auto;
        margin-right: 0;
        padding: 1.2rem 1.4rem;
        background: var(--color-orange);
        text-decoration: none;
        color: var(--color-white);
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(0.1rem) translateZ(0);
        transform: perspective(0.1rem) translateZ(0);
        box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0);
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        line-height: 1;
        border-radius: 0rem;
        font-weight: 500;
        border: none !important;
        white-space: nowrap;
        border-radius: 1rem;
        font-size: 1.3rem;
    }

    a.UtilitySection.UtilityAuthenticationLink.sign-in-link:hover,
    a.UtilitySection.UtilityAuthenticationLink.sign-out-link:hover {
        background: transparent;
        color: var(--color-white);
        overflow: overlay;
        background: var(--color-orange-hover);
        /* box-shadow: 0px 0px 0 2px #569d42; */
        border: none !important;
        /* filter: brightness(0.9); */
    }

    header#hd>.pre-header>.preheader-bar-container>div>div:not(:nth-child(1))>div {
        margin: auto;
    }

    header#hd>.pre-header>.preheader-bar-container>div>div:not(:nth-child(1))>div>div {
        margin-left: 1rem;
    }

    div[id*="SignInCommon_SignInPanel"]>div>div {
        margin: auto;
    }

    div[id*="SignInCommon_signInDiv"] label {
        display: none;
    }

    div[id*="SignInCommon_signInDiv"] input {
        border-radius: 0.7rem !important;
        height: 4rem;
        padding: 1rem;
        font-size: 1.4rem;
        background: var(--color-white);
        border: none;
        /* border-bottom: 0.1rem solid white; */
        color: white;
        webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: 0.2s ease-in-out box-shadow, 0.2s ease-in-out border;
    }

    div[id*="SignInCommon_signInDiv"] input::placeholder {
        color: var(--color-black);
    }

    /****** .header-top-container styling *****/
    .header-top-container {
        padding: 0;
        background: white;
    }

    .header-top-container>.header-container {
        display: flex;
        padding: 0;
        width: 100%;
        max-width: 100%;
        flex-grow: 1;
    }

    div#masterLogoArea {
        display: none !important;
    }

    .header-top-container>.header-container>div#auxiliary-container,
    .header-top-container>.header-container>div#auxiliary-container>div,
    .header-top-container>.header-container>div#auxiliary-container>div>div {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .header-top-container>.header-container>div#auxiliary-container>div>div>div {
        display: flex;
        flex-flow: wrap;
        width: 100%;
        padding: 1.5rem;
    }

    .header-top-container>.header-container>div#auxiliary-container>div>div>div>div {
        margin: auto 0;
    }

    .header-top-container>.header-container>div#auxiliary-container>div>div>div>div:nth-of-type(1) {
        display: flex;
        flex-grow: 1;
        /* padding: 1.5rem 0 1.5rem 1.5rem; */
        /* width: 100%; */
    }

    .header-top-container>.header-container>div#auxiliary-container>div>div>div>div:nth-of-type(1)>ul {
        display: flex;
        flex-grow: 1;
    }

    .header-top-container>.header-container>div#auxiliary-container>div>div>div>div:nth-of-type(1)>ul>li.home {
        flex-grow: 1;
        display: flex;
        padding: 0;
        /* width: 100%; */
    }

    .header-top-container>.header-container>div#auxiliary-container>div>div>div>div:nth-of-type(1)>ul>li.home>a {
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 0;
        display: flex;
    }

    .header-top-container>.header-container>div#auxiliary-container>div>div>div>div:nth-of-type(1)>ul>li.home>a>span.nav-text {
        background-image: url(/images/site/theme/icons/vfma-logo.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        font-size: 0 !important;
        height: 6rem;
        width: 15rem;
        margin: auto 0;
        padding: 0;
    }

    .UtilityNavigation.nav-auxiliary ul>li.home+.nav-aux-cart {
        margin: auto;
    }

    .header-top-container>.header-container>div#auxiliary-container>div>div>div>div:nth-of-type(1)>ul>li.nav-aux-cart>a {
        padding: 0;
        border: none;
        border-radius: 0;
        display: flex;
        margin: 1.5rem 1.2rem 1rem 1.2rem !important;
    }

    .header-top-container>.header-container>div#auxiliary-container>div>div>div>div:nth-of-type(1)>ul>li.nav-aux-cart>a>span.nav-text {
        background-image: url(/images/site/theme/icons/cart.svg);
        background-repeat: no-repeat;
        background-position: center !important;
        background-size: contain;
        padding: 1.3rem !important;
        position: relative;
        font-size: 0;
        filter: brightness(0.4);
        width: 0 !important;
        height: 0 !important;
    }

    .NavigationUnorderedList>.nav-aux-cart>a:hover,
    .NavigationUnorderedList>.nav-aux-cart>a:focus,
    .NavigationUnorderedList>.nav-aux-cart>a:active {
        background-color: transparent !important;
    }

    .header-top-container>.header-container>div#auxiliary-container>div>div>div>div:nth-of-type(1)>ul>li.nav-aux-cart>a>span {
        font-size: 0;
    }

    .header-top-container>.header-container>div#auxiliary-container>div>div>div>div:nth-of-type(2)>button.navbar-toggle.searchbar-toggle {
        margin: 1rem 0.2rem !important;
        padding: 0;
        display: flex;
        background: transparent !important;
    }

    .header-top-container>.header-container>div#auxiliary-container>div>div>div>div:nth-of-type(2)>button.navbar-toggle.searchbar-toggle>span.icon-search {
        background-image: url(/images/site/theme/icons/search-white.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        opacity: 1;
        transition: opacity 0.4s ease;
        filter: brightness(0.5);
        padding: 1.1rem !important;
        width: 0;
        height: 0;
        margin: auto;
    }

    .header-top-container>.header-container>div#auxiliary-container>div>div>div>div:nth-of-type(1)>ul>li.search.icon {
        display: inline-block !important;
        margin: auto;
        padding: 0;
    }

    .header-top-container>.header-container>div#auxiliary-container>div>div>div>div:nth-of-type(1)>ul>li.search.icon>a>span {
        background-image: url(/images/site/theme/icons/search-white.svg);
        filter: brightness(.2);
        background-repeat: no-repeat;
        background-position: initial !important;
        background-size: contain;
        padding: 1.2rem 1.2rem !important;
        top: -0.3rem;
        position: relative;
        font-size: 0;
    }

    .search-container-sm {
        display: none !important;
    }

    button.navbar-toggle.menu-toggle {
        margin-left: 1rem;
        transform: rotatez(0deg);
        transition: cubic-bezier(0.32, 0.96, 0.58, 1) 0.4s transform;
        background: transparent !important;
    }

    button.navbar-toggle.menu-toggle>span:nth-of-type(2) {
        margin-top: 0 !important;
    }

    button.navbar-toggle.menu-toggle>span.icon-bar {
        margin-top: 0.7rem !important;
        height: 0.2rem !important;
        width: 2.4rem;
        background-color: var(--color-black);
        border-radius: 0.1rem;
    }

    .header-top-container>.header-container>div#auxiliary-container>div>div>div>div[id*="UtilityNavigationCommonPrimary_search-collapse"].searchbar-collapse {
        flex: 1 1 100%;
        background: var(--color-white);
        border-top: 0.1rem solid var(--color-grey);
    }

    .header-top-container>.header-container>div#auxiliary-container>div>div>div>div[id*="UtilityNavigationCommonPrimary_search-collapse"].searchbar-collapse>div {
        padding: 0;
    }

    .header-top-container>.header-container>div#auxiliary-container>div>div>div>div[id*="UtilityNavigationCommonPrimary_search-collapse"].searchbar-collapse>div input {
        width: 20rem;
        background: transparent url(/images/site/theme/icons/search-white.svg) no-repeat;
        border-radius: 0rem;
        box-shadow: none;
        border: none;
        color: var(--color-black);
        background-size: 2rem;
        background-position: left;
        filter: brightness(0.4);
    }

    /****** .header-bottom-container styling *****/
    .header-bottom-container>.header-container {
        padding: 0
    }

    .header-bottom-container>.header-container .collapse.in {
        max-height: 100rem;
        transition: max-height 0.9s ease;
        height: 100% !important;
        margin-top: 0px !important;
    }

    .header-bottom-container>.header-container .navbar-collapse {
        max-width: 100%;
        margin: 0;
        background-color: var(--color-white);
        height: 100% !important;
        display: block !important;
        overflow: hidden !important;
        max-height: 0px;
        transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
        height: 100% !important;
        border-top: 0.1rem solid var(--color-grey);
    }

    .header-bottom-container>.header-container .navbar-collapse ul>li.rmItem {
        /* border-bottom: 0.1rem solid var(--color-grey); */
    }

    .header-bottom-container>.header-container .navbar-collapse ul>li.rmItem>a.rmLink {
        color: var(--color-black) !important;
        background: transparent !important;
        border-bottom: 0.1rem solid var(--color-grey);
    }

    .header-bottom-container>.header-container .navbar-collapse ul>li.rmItem>a.rmLink>span.rmText {
        text-transform: initial;
        letter-spacing: -0.04rem;
    }

    .header-bottom-container>.header-container .navbar-collapse ul>li.rmItem>a.rmLink>span.rmToggle>span.rmIcon {
        transform: rotateX(0deg);
        transition: all 0.2s ease-in;
        float: right;
        padding: 0.7rem;
        background-size: contain;
        background-position: center !important;
        background-image: url(/images/site/theme/icons/arrow-black-down.svg);
        margin: 2rem 1.5rem 1.5rem;
    }

    .header-bottom-container>.header-container .navbar-collapse ul>li.rmItem>a.rmLink.rmExpanded>span.rmToggle>span.rmIcon {
        transform: rotatex(180deg);
        background-image: url(/images/site/theme/icons/arrow-black-down.svg);
    }

    a.rmLink.rmRootLink.rmExpanded+.rmSlide {
        margin-left: 0;
        position: initial;
        border-bottom: 0.1rem solid var(--color-grey);
        border-top: 0.1rem solid var(--color-grey);
        margin-top: 0 !important;
    }

    .header-bottom-container>.header-container .navbar-collapse ul>li.rmItem>.rmSlide>ul {
        background: var(--color-grey);
    }

    .header-bottom-container>.header-container .navbar-collapse ul>li.rmItem>.rmSlide>ul>li.rmItem {
        border: none;
    }

    .header-bottom-container>.header-container .navbar-collapse ul>li.rmItem>.rmSlide>ul>li.rmItem>a.rmLink>span.rmText {
        padding: 1.1rem 1.5rem 1.1rem 0rem !important;
        float: left;
        margin-left: 3rem;
    }

    .header-bottom-container>.header-container .navbar-collapse ul>li.rmItem>.rmSlide .rmSlide {
        margin-top: -0.3rem;
        margin-left: 1.5rem;
    }

    .header-bottom-container>.header-container .navbar-collapse ul>li.rmItem>.rmSlide .rmSlide>ul {
        background: var(--color-white);
    }
}

/****************************************/
/*** MasterContentArea - Col-primary ***/
/****************************************/
/***** DESKTOP ******/
@media (min-width: 768px) {
    .iMIS-WebPart>.ContentItemContainer {
        margin-bottom: 0;
    }

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

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

    div#masterContentArea .col-primary>div>div>div>div.row>div {
        max-width: var(--docwidth);
        margin: auto;
    }

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

    .col-primary>div>div>div>div.row .iMIS-WebPart>div {
        padding-top: 5rem;
    }

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

    .col-primary>div>div>div>div.row .iMIS-WebPart:last-of-type>div {
        padding-bottom: 5rem;
    }

    div#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: 5rem;
    }
}

div#masterContentArea .col-primary>div>div>div>div.row {
    margin: 0;
}

/***** MOBILE ****/
@media (max-width: 767px) {
    div#masterContentArea {
        max-width: 100%;
        padding: 0;
        margin-top: 0 !important;
    }

    div#masterContentArea .col-primary>div>div>div>div.row {
        margin: 0;
        padding: 2rem 0;
    }

    div[id*="PageHeading_Carousel"]~div#masterContentArea {}

    div[id*="PageHeading_Carousel"]~div#masterContentArea .col-primary>div>div>div>div.row:first-of-type {
        padding: 0;
    }

    div[id*="PageHeading_Carousel"]~div#masterContentArea .col-primary>div>div>div>div.row:first-of-type div#ste_container_ciPageHeading {
        display: none;
    }
}

@media (max-width: 1024px) {
    div#masterContentArea {
        margin-top: 0 !important;
    }
}

/****** TaggedList Styling ******/
div[id*="_ciLatestNewsTaggedList_"] .TaggedListPanel {
    display: flex;
    flex-wrap: wrap;
}

div[id*="_ciLatestNewsTaggedList_"] .TaggedListPanel>div {
    width: 33.33333333333%;
    padding: 1rem;
}

div[id*="_ciLatestNewsTaggedList_"] .TaggedListPanel>div>a>div {
    padding: 2rem;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid var(--color-grey);
    height: 100%;
    border-radius: 0.7rem;
    transition: all 0.2s ease-in-out;
}

div[id*="_ciLatestNewsTaggedList_"] .TaggedListPanel>div>a>div>div:nth-of-type(1) {
    width: 40%;
}

div[id*="_ciLatestNewsTaggedList_"] .TaggedListPanel>div>a>div>div:nth-of-type(2) {
    width: 60%;
    padding-left: 1rem;
}

div[id*="_ciLatestNewsTaggedList_"] .TaggedListPanel>div>a>div>div:nth-of-type(3) {
    width: 100%;
    padding: 1rem 0;
}

div[id*="_ciLatestNewsTaggedList_"] .TaggedListPanel>div>a>div>div:nth-of-type(4) {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

div[id*="_ciLatestNewsTaggedList_"] .TaggedListPanel>div>a>div>div:nth-of-type(4)>div:last-of-type {
    padding-right: 0.5rem;
}

div[id*="_ciLatestNewsTaggedList_"] .TaggedListPanel>div>a>div h4 {
    color: var(--color-green);
    font-size: 1.6rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

div[id*="_ciLatestNewsTaggedList_"] .TaggedListPanel>div>a>div>div:nth-of-type(1) img {
    border: none;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center center;
    min-height: 8.5rem;
    max-height: 8.5rem;
    border-radius: 0.7rem;
}

div[id*="_ciLatestNewsTaggedList_"] .TaggedListPanel>div>a>div>div:nth-of-type(3) p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 1.4rem;
    margin: 0;
}

div[id*="_ciLatestNewsTaggedList_"] .TaggedListPanel>div>a>div>div:nth-of-type(4) p {
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: 0;
}

div[id*="_ciLatestNewsTaggedList_"] .TaggedListPanel>div>a>div a {
    display: none;
}

div[id*="_ciLatestNewsTaggedList_"] .TaggedListPanel>div>a:hover>div {
    box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 8%);
}

@media (max-width: 768px) {
    div[id*="_ciLatestNewsTaggedList_"] .TaggedListPanel>div {
        width: 100%;
        padding: 1rem 0;
    }
}

/****************************************/
/***  Footer ***/
/****************************************/
/***** DESKTOP ******/
@media (min-width: 768px) {
    footer#ft>div {
        background: var(--color-orange-hover);
        padding: 0;
    }

    footer#ft>.footer-nav-content {
        display: none;
    }

    footer#ft>.footer-nav-copyright>div {
        max-width: 100%;
        padding: 0;
    }

    footer#ft>.footer-nav-copyright #ste_container_ciFooterContent1 .row {
        max-width: var(--docwidth);
        margin: auto;
    }

    footer#ft>.footer-nav-copyright #ste_container_ciFooterContent1 .row:nth-of-type(2) {
        padding: 5rem 0;
        display: flex;
    }

    footer#ft>.footer-nav-copyright #ste_container_ciFooterContent1 .row:nth-of-type(2)>div {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    footer#ft>.footer-nav-copyright #ste_container_ciFooterContent1 .row:nth-of-type(2)>div:after {
        display: none;
    }

    footer#ft>.footer-nav-copyright h4 {
        margin-bottom: 3rem;
        color: var(--color-white);
        text-align: left;
        font-size: 2rem;
        font-weight: 600;
    }

    footer#ft>.footer-nav-copyright p {
        color: var(--color-white);
    }

    footer#ft>.footer-nav-copyright a {
        text-decoration: none;
    }

    footer#ft>.footer-nav-copyright a:hover {
        text-decoration: underline;
    }

    footer#ft>.footer-nav-copyright div#ste_container_QuickLinks1>ul {
        columns: 2;
        list-style: none;
        padding: 0;
    }

    footer#ft>.footer-nav-copyright div#ste_container_QuickLinks1>ul>li>a {
        text-decoration: none;
    }

    footer#ft>.footer-nav-copyright div#ste_container_QuickLinks1>ul>li>a:hover {
        text-decoration: underline;
    }

    footer#ft>.footer-nav-copyright div#ste_container_logos {
        margin-top: 2rem;
    }

    footer#ft>.footer-nav-copyright div#ste_container_logos img {
        width: 20rem;
    }

    footer#ft .footer-nav-copyright .socials #ste_container_ContactLinks {
        /* display: flex; */
        /* justify-content: space-between; */
    }

    footer#ft .footer-nav-copyright .socials p {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 1.5rem;
    }

    footer#ft .footer-nav-copyright .socials p img {
        margin: 0;
    }

    footer#ft .footer-nav-copyright .socials img {
        width: 2rem;
        height: 2rem !Important;
        margin-right: 1rem;
    }

    footer#ft .footer-nav-copyright .socials p {
        margin-bottom: 1em;
    }
}

/***** MOBILE ****/
@media (max-width: 768px) {
    footer#ft>div {
        background: var(--color-orange-hover);
        padding: 0;
    }

    footer#ft>.footer-nav-content {
        display: none;
    }

    footer#ft>.footer-nav-copyright>div {
        max-width: 100%;
        padding: 0;
    }

    div#ctl01_ciFooterContent1_ContentRecordTemplateArea_Zone3PlaceHolder {
        display: none;
    }

    footer#ft>.footer-nav-copyright #ste_container_ciFooterContent1 .row {
        max-width: var(--docwidth);
        margin: auto;
    }

    footer#ft>.footer-nav-copyright #ste_container_ciFooterContent1 .row:nth-of-type(2) {
        padding: 5rem 0;
        display: flex;
        flex-direction: column;
    }

    footer#ft>.footer-nav-copyright #ste_container_ciFooterContent1 .row:nth-of-type(2)>div {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    footer#ft>.footer-nav-copyright #ste_container_ciFooterContent1 .row:nth-of-type(2)>div>div {
        padding: 1.5rem;
    }

    footer#ft>.footer-nav-copyright #ste_container_ciFooterContent1 .row:nth-of-type(2)>div:after {
        display: none;
    }

    footer#ft>.footer-nav-copyright h4 {
        margin-bottom: 3rem;
        color: var(--color-white);
        text-align: left;
        font-size: 2rem;
        font-weight: 600;
    }

    footer#ft>.footer-nav-copyright p {
        color: var(--color-white);
    }

    footer#ft>.footer-nav-copyright div#ste_container_QuickLinks1>ul {
        columns: 2;
        list-style: none;
        padding: 0;
    }

    footer#ft>.footer-nav-copyright div#ste_container_QuickLinks1>ul>li>a {
        text-decoration: none;
    }

    footer#ft>.footer-nav-copyright div#ste_container_QuickLinks1>ul>li>a:hover {
        text-decoration: underline;
    }

    footer#ft>.footer-nav-copyright div#ste_container_logos {
        margin-top: 2rem;
    }

    footer#ft>.footer-nav-copyright div#ste_container_logos img {
        width: 20rem;
    }

    footer#ft .footer-nav-copyright .socials #ste_container_ContactLinks {
        display: flex;
        justify-content: space-between;
    }

    footer#ft .footer-nav-copyright .socials img {
        width: 2rem;
        height: 2rem !Important;
        margin-right: 1rem;
    }

    footer#ft .footer-nav-copyright .socials p {
        margin-bottom: 0em;
    }

    div#ste_container_logo img {
        width: 26rem;
        margin-right: auto;
        margin-left: 0 !important;
        display: block;
    }

    div#ste_container_abouttext {
        text-align: left !important;
    }
}

div#ste_container_abouttext {
    text-align: right;
}

div#ste_container_ciFooterContent2 {
    display: none;
}

.footer {
    display: block;
}

footer#ft>.footer-nav-copyright ul {
    list-style: none;
    padding: 0;
    color: white;
}

div#ste_container_QLlinks a {
    text-decoration: n;
}

div#ste_container_QLlinks ul {
    /* column-count: 2; */
}

div#ste_container_Contactuslinks ul li {
    margin-bottom: 0.9em;
}

div#ste_container_Contactuslinks ul li:before {
    /* content: 'a'; */
}

div#ste_container_logo {}

div#ste_container_logo img {
    width: 26rem;
    margin-left: auto;
    display: block;
}

footer#ft>.footer-nav-copyright h4 {
    margin-bottom: 0;
}

footer#ft>.footer-nav-copyright #ste_container_ciFooterContent1 .row:nth-of-type(2)>div>div>div {
    margin-bottom: 1.9rem;
}

footer#ft>.footer-nav-copyright p {
    margin-bottom: 0.9em;
}

.socials {
    display: flex;
    line-height: 1;
}

/***** reorder styling *****/
.row.reorder>div {
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    .row.reorder>div {
        display: block;
    }
}

/****************************************/
/*** Social - sharing ***/
/****************************************/
/***** DESKTOP ******/
@media (min-width: 768px) {}

/***** MOBILE ****/
@media (max-width: 767px) {}

/****************************************/
/*** accordion ***/
/****************************************/
h4.accordionheading {
    margin: 0;
    padding: 0.5rem;
}

.accordion {
    /* max-height: 0px; */
    /* display: block; */
    overflow: hidden;
    /* border-top: 0.2rem solid var(--color-white); */
    /* margin-top: -0.1rem; */
    /* opacity: 0.01.001; */
    /* border: 0.1rem solid transparent; */
    max-width: var(--docwidth);
}

h4.accordionheading+div:not([hidden]) {
    max-height: 400rem;
    background: var(--color-white);
    padding: 2rem;
    /* border-bottom: 1px solid var(--color-white); */
    /* margin-bottom: 0.1rem; */
    border: none;
    /* margin-top: 
1rem; */
    margin: -0.5rem 0.5rem 0.5rem 0.5rem;
}

h4.accordionheading button:after {
    content: '';
    margin: auto 0 auto 0;
    display: inline-block;
    position: absolute;
    left: auto;
    right: 2.1rem;
    color: var(--color-dark);
    background-image: url(/images/site/theme/icons/arrow-black-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 1.2rem 0.7rem;
    transform: rotate(0deg);
    webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: transform;
    transition-property: transform, opacity;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    top: 1.2rem;
}

h4.accordionheading button[aria-expanded="true"]:after {
    content: '';
    transform: rotateX(180deg);
}

h4.accordionheading button {
    display: block;
    text-align: left;
    cursor: pointer;
    background-color: transparent;
    padding: 0;
    border: none !important;
    font-weight: 500;
    font-size: 2.6rem;
    color: var(--color-dark) !important;
    letter-spacing: -0.04em;
}

h4.accordionheading button {
    /* margin-top: -1.4rem; */
    padding: 1.2rem 6.2rem 1.2rem 1.8rem;
    margin-bottom: 0 !important;
    cursor: pointer;
    max-width: var(--docwidth);
    position: relative;
    font-size: 2rem;
    background: var(--color-white);
    /* top: 1.4rem; */
    border-bottom: none !important;
    font-weight: 500;
    /* font-size: 2.6rem; */
    color: var(--color-dark) !important;
    letter-spacing: -0.04em;
    /* border-top: 1px solid var(--color-white) !important; */
    display: block;
    width: 100%;
    /* top: -3px; */
    border-radius: var(--border-radius);
}

h4.accordionheading button[aria-expanded="true"] {
    background: var(--color-white);
    margin-bottom: 0px;
    padding: 1.2rem 6.2rem 1.2rem 1.8rem;
    /* border-top: 1px solid #e6e6e6 !important; */
}

.row>h4.accordionheading {
    margin-top: 0;
}

@media (max-width: 767px) {
    h4.accordionheading {}
}

.accordion h4.accordionheading:after {
    content: none;
}

h4.accordionheading+div:not([hidden])>* {
    margin-bottom: 0;
    padding-bottom: 1.5rem;
}

.accordion ul,
.accordion ol {
    padding-left: 4rem !important;
}

.accordion {
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1), opacity 0.5s cubic-bezier(0, 1, 0, 1), margin-bottom 0.5s cubic-bezier(0, 1, 0, 1), opacity 0.5s cubic-bezier(0, 1, 0, 1);
    transition-delay: 0.1s;
}

h4.accordionheading+div:not([hidden]) {
    transition: max-height 1s ease-in-out, opacity 1s ease-in-out, margin-bottom 1s ease-in-out;
    transition-delay: 0.1s;
    opacity: 1;
}

h4.accordionheading+div>* {
    margin: 0 2rem;
}

.accordion * {
    line-height: 2.5rem !important;
}

html.html-main>body#MainBody {
    opacity: 0.01;
    background: var(--color-grey);
}

html.html-main>body#MainBody.animateIn {
    opacity: inherit;
    -webkit-animation: fade-in 0.9s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.1s both;
    animation: fade-in 0.9s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.1s both;
}

/************************/
header#hd.animateIn>.pre-header {
    -webkit-animation: fade-in-top 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.1s both;
    animation: fade-in-top 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.1s both;
}

header#hd.animateIn {
    -webkit-animation: fade-in-top 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.4s both;
    animation: fade-in-top 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.4s both;
}

header#hd.animateIn+.HeaderRow {
    -webkit-animation: fade-in-top 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.6s both;
    animation: fade-in-top 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.6s both;
}

header#hd.animateIn+#HomePageContent+div#masterContentArea {
    -webkit-animation: fade-in 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.6s both;
    animation: fade-in 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.6s both;
}

header#hd.animateIn+.HeaderRow~div#masterContentArea {
    -webkit-animation: fade-in 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.8s both;
    animation: fade-in 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.8s both;
}

@-webkit-keyframes fade-in-top {
    0% {
        /* -webkit-transform: translateY(-50px); */
        transform: translateY(-15rem);
        opacity: 0.01;
    }

    100% {
        /* -webkit-transform: translateY(0); */
        transform: translateY(0px);
        opacity: 1;
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0.01;
    }

    100% {
        opacity: 1;
    }
}

/******   UPGRADE FIXES - ultrawave overwrite  ******/
div[class*="col-sm"] {
    flex: 0 1 auto;
    float: left;
    position: relative;
}

.row>*:not([class*="col-sm"]) {
    flex-shrink: 1;
    padding: 0;
    margin: 0;
    display: flex;
}

.row {
    --bs-gutter-x: none;
    --bs-gutter-y: none;
    flex-wrap: nowrap;
}

@media (max-width: 881px) {
    .row {
        flex-direction: column;
        width: 100%;
        display: flex;
    }

    .row>*:not([class*="col-sm"]) {
        flex-direction: column;
    }
}

@media (max-width: 1024px) {
    .HeaderRow {
        margin-top: 0 !important;
    }
}

/****************************************/
/****************************************/
/** www.vfma.org.au **/
/*
 * 
 *  Author: CAUSEIS PTY LTD
 * 
 *  Version: 1 -  20/07/23
 *
 * 
 *  Document contains changes to Typography
 *
 *
*/
/****************************************/
/****************************************/
body,
p,
a,
p a,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.PageTitle,
.PanelTitle,
.SectionTitle,
.SectionLabel,
.SectionLabelSmaller,
.carousel h1,
.carousel h2,
.carousel h3,
.carousel h4,
.carousel h5,
input,
button,
select,
textarea {
    font-family: 'Manrope' !important;
}

body,
p,
.iMIS-WebPart div[id*="_Panel_"],
p a {
    color: var(--color-black);
    font-size: 1.6rem;
    font-weight: 400;
}

body div[id*="_Panel_"],
body div[id*="_Panel_"] p,
body div[id*="_Panel_"] p a {}

h1,
.h1,
.PageTitle {
    color: var(--color-green);
    font-size: 5.8rem;
    font-weight: bold;
    letter-spacing: -0.04em;
    font-family: 'PraterSansPro' !important;
    text-transform: uppercase;
}

h2,
.h2,
.PanelTitle {
    color: var(--color-yellow);
    color: var(--color-green);
    font-size: 3.5rem;
    font-weight: bold;
    border: none !important;
    letter-spacing: -0.04em;
}

h3,
.h3,
.SectionTitle {
    color: var(--color-green);
    font-size: 3rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    font-family: 'PraterSansPro';
}

h4,
.h4,
.SectionLabel {
    color: var(--color-yellow);
    color: var(--color-green);
    font-size: 2.6rem;
    font-weight: 300;
    letter-spacing: -0.02em;
}

h5,
.h5 {
    font-weight: 500;
    font-size: 2.2rem;
    color: var(--color-black);
    letter-spacing: -0.02em;
}

h6 {
    color: var(--color-yellow);
    color: var(--color-green);
    font-size: 1.7rem;
    margin-bottom: 1rem;
    letter-spacing: -0.02em;
    font-weight: 500;
}

.col-primary a[href]:not(.button):not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow) {
    color: var(--color-green);
}

.panel-title,
.panel-title a {
    color: var(--color-green);
    font-size: 3rem;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.panel-heading.Distinguish {
    padding: 0;
    border-bottom: none;
    margin-top: 18px;
    margin-bottom: 9px;
}

div#masterContentArea .col-primary>div>.row>div>div>div>div>div>div>h1,
div#masterContentArea .col-primary>div>.row>div>div>div>div>div>div>h2,
div#masterContentArea .col-primary>div>.row>div>div>div>div>div>div>h3,
div#masterContentArea .col-primary>div>.row>div>div>div>div>div>div>h4,
div#masterContentArea .col-primary>div>.row>div>div>div>div>div>div>h5,
div#masterContentArea .col-primary>div>.row>div>div>div>div>div>div>h6,
div#masterContentArea .col-primary>div>.row>div>div>div>div>div>div>p {
    margin-bottom: 1.5rem;
}

.iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow),
a:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow) :visited {
    color: var(--color-green);
    text-decoration: none;
}

.iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow) {
    transition: background-size .6s ease-out;
    background: linear-gradient(var(--color-green), var(--color-green)) no-repeat left 127%/0 30%;
}

.iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):hover,
.iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):active,
.iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):focus {
    background-size: 97% 30%;
}

/****************************************/
/****************************************/
/** www.vfma.org.au **/
/*
    *
    *  Author: CAUSEIS PTY LTD
    *
    *  Version: 1 - 20/07/23
    *
    *
    *  Document contains changes to Sticky NAV
    *
    *
    */
/****************************************/
/****************************************/
@media (min-width: 1025px) {
    header#hd {
        position: fixed;
        width: 100%;
        z-index: 100;
        transition: opacity 0.6s ease-in-out, top 0.6s ease-in-out;
        top: 0;
    }

    header#hd.prepresticky.presticky.sticky .header-bottom-container {
        /* margin-top: -5.6rem; */
        padding: 0;
        transition: 0.4s opacity ease-in-out, 0.4s 0.4s margin-top ease-in-out;
        opacity: 1;
    }

    header#hd .header-bottom-container {
        margin-top: 0rem;
        transition: 0.4s opacity ease-in-out, 0.4s 0.4s margin-top ease-in-out;
    }

    header#hd.prepresticky {}

    header#hd.prepresticky a.rmLink.rmRootLink+.rmSlide {
        top: 9rem !important;
        transition: opacity 0.5s ease-in-out, top 0.4s ease-in-out !important;
        opacity: 0.01;
    }

    header#hd.prepresticky a.rmLink.rmLink.rmExpanded+.rmSlide {
        top: 7rem !important;
        opacity: 1;
    }

    header#hd.prepresticky {
        position: fixed;
        top: 0 !important;
    }

    header#hd.prepresticky.presticky.sticky {
        top: 0;
        opacity: 1;
    }

    header#hd.prepresticky.presticky {
        /* opacity: 1; */
    }

    header#hd.presticky>.pre-header {
        /* display: none; */
        /* max-height: 0;*/
        overflow: hidden;
    }

    header#hd.prepresticky~div#masterContentArea {
        transition: 0.4s margin-top ease-in-out;
    }

    header#hd.prepresticky.presticky .header-bottom-container div.primary-navigation-area>.navbar-collapse {
        width: 100%;
        /* padding: 5rem 0; */
        transition: 0.8s padding ease-in-out;
    }

    header#hd.prepresticky.presticky.sticky .header-bottom-container div.primary-navigation-area>.navbar-collapse {
        width: 100%;
        /* padding: 1rem 0; */
    }

    header#hd.prepresticky.presticky .header-bottom-container li.rmItem>a.rmLink.home.icon>span {
        transition: 0.8s height ease-in-out, 0.8s width ease-in-out;
    }

    header#hd.prepresticky.presticky.sticky .header-bottom-container li.rmItem>a.rmLink.home.icon>span {
        /* height: 5rem; */
        /* width: 16rem; */
    }

    header#hd.prepresticky.presticky.sticky .header-bottom-container div#ste_container_ciPrimaryNavigation {
        /* padding: 0.5rem 0; */
    }
}

header#hd>.pre-header {
    transition: ease 0.4s max-height;
    max-height: 9rem;
}

.RadMenu.RadMenu ul.rmHorizontal>li.rmItem:nth-child(2) {
    padding-right: 0;
}

/****************************************/
/****************************************/
/** www.vfma.org.au **/
/*
 * 
 *  Author: CAUSEIS PTY LTD
 * 
 *  Version: 1 -   20/07/23
 *
 * 
 *  Document contains changes to call-to-action
 *
 *
*/
/****************************************/
/****************************************/
/***** primary + ellow tile *****/
div[id*="tile"]>div:nth-child(1),
div[id*="tile"]>a>div:nth-child(1) {
    padding: 3rem 3rem;
    margin: 0;
    margin-bottom: 1rem;
    /* border-radius: 0rem; */
    background: var(--color-white);
    border-radius: 0.7rem;
}

div[id*="tile"]>div:nth-child(1) ol,
div[id*="tile"]>div:nth-child(1) ul {
    margin-bottom: 1rem;
}

div[id*="ellowtile"]>div:nth-child(1),
div[id*="ellowtile"]>a>div:nth-child(1) {
    background: var(--color-yellow);
}

div[id*="reentile"]>div:nth-child(1),
div[id*="reentile"]>a>div:nth-child(1) {
    background: var(--color-green);
}

div[id*="reentile"] h4 {
    margin-top: 0;
    font-weight: 700;
    font-size: 2.4rem;
    margin-bottom: 1rem;
    color: #fff;
    letter-spacing: -0.04em;
}

div[id*="reentile"] p {
    /* font-size: 1.5rem; */
    text-shadow: none;
    margin-bottom: 1rem;
    color: #fff;
}

div[id*="reentile"]>div:nth-child(1) ol li,
div[id*="reentile"]>div:nth-child(1) ul li {
    color: white;
}

div[id*="reentile"] li {
    /* font-size: 1.5rem; */
    /* font-weight: 500; */
}

div[id*="ellowtile"] h4 {
    color: var(--color-black);
    letter-spacing: -0.04em;
    font-weight: 700;
    font-size: 2.4rem;
    margin-bottom: 1rem;
}

div[id*="ellowtile"] p {
    color: var(--color-black);
}

div[id*="hitetile"] h4 {
    letter-spacing: -0.04em;
    font-weight: 700;
    font-size: 2.4rem;
    margin-bottom: 1rem;
}

div[id*="ellowtile"]>div:nth-child(1) ol li,
div[id*="ellowtile"]>div:nth-child(1) ul li {
    color: var(--color-black);
}

/**************** Standard call-to-action ****************/
.call-to-action-row {
    display: flex;
}

.call-to-action-row div {
    display: flex !important;
    /* width: 100%; */
}

.call-to-action-row .iMIS-WebPart>.ContentItemContainer {
    /* display: flex !important; */
    /* width: 100%; */
    padding-top: 0 !important;
    margin-bottom: 3rem;
}

div.row.call-to-action-row a.noeffect {
    display: flex;
}

.col-primary>div>div>div>div.row.call-to-action-row .iMIS-WebPart:last-of-type>div {
    padding-bottom: 0;
}

.row.call-to-action-row .WebPartZone>div>div>a>div {
    display: flex;
    box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 0%);
    overflow: hidden;
    border-radius: 0.7rem;
    transition: all .3s ease-in-out;
    padding-bottom: 0 !important;
}

.row.call-to-action-row .WebPartZone>div>div>a:hover>div {
    box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 14%);
}

.row.call-to-action-row .WebPartZone>div>div>a>div {
    flex-direction: column;
    background: #fff;
}

.row.call-to-action-row .WebPartZone>div>div>div {
    display: flex;
    box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 0%);
    overflow: hidden;
    border-radius: 0.7rem;
    transition: all .3s ease-in-out;
    padding-bottom: 0px !important;
}

.row.call-to-action-row .WebPartZone>div>div>div:hover {
    box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 14%);
}

.row.call-to-action-row .WebPartZone>div>div>div {
    flex-direction: column;
    background: #fff;
}

.row.call-to-action-row .image-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 74.67%;
    border-radius: .7rem .7rem 0 0;
}

@media(min-width: 1140px) {
    div#masterContentArea {
        --currentwidth-var: calc(100vw);
        --column-var: calc(var(--currentwidth-var) - calc(var(--currentwidth-var) - var(--desiredwidth-var)));
        --desiredwidth-var: calc(var(--docwidth) + 1rem);
    }

    .col-sm-4 div[id*="_Panel_calltoaction"] {
        --width: calc(calc(var(--column-var) / 3) - calc(3.5rem - 0.385rem));
    }

    .col-sm-3 div[id*="_Panel_calltoaction"] {
        --width: calc(calc(var(--column-var) / 4) - calc(3.5rem - 0.385rem));
    }

    div[id*="_Panel_calltoaction"] img {
        /* width: var(--width) !important; */
        /* height: calc(var(--width) * 0.615); */
        /* object-fit: cover; */
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100% !important;
        object-fit: cover;
    }
}

@media(min-width: 768px) and (max-width: 1140px) {
    div#masterContentArea {
        --currentwidth-var: calc(100%);
        --column-var: calc(var(--currentwidth-var) - calc(var(--currentwidth-var) - var(--desiredwidth-var)));
        --desiredwidth-var: calc(var(--docwidth) + 1rem);
    }

    .col-sm-4 div[id*="_Panel_calltoaction"] {
        --width: calc(calc(100VW / 3) - calc(3.5rem - 0.385rem));
    }

    .col-sm-3 div[id*="_Panel_calltoaction"] {
        --width: calc(calc(100VW / 4) - calc(3.5rem - 0.385rem));
    }

    div[id*="_Panel_calltoaction"] img {
        /* width: var(--width); */
        /* height: calc(var(--width) * 0.60); */
        /* object-fit: cover; */
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100% !important;
        object-fit: cover;
    }
}

@media(max-width: 768px) {
    div#masterContentArea {
        --currentwidth-var: calc(100%);
        --column-var: calc(var(--currentwidth-var) - calc(var(--currentwidth-var) - var(--desiredwidth-var)));
        --desiredwidth-var: calc(var(--docwidth) + 1rem);
    }

    .col-sm-4 div[id*="_Panel_calltoaction"] {
        --width: calc(var(--currentwidth-var) - calc(var(--currentwidth-var) - 100%));
    }

    .col-sm-3 div[id*="_Panel_calltoaction"] {
        --width: 100%;
    }

    div[id*="_Panel_calltoaction"] img {
        /* width: var(--width); */
        /* object-fit: cover; */
        /* height: calc(100vw * 0.6165); */
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100% !important;
        object-fit: cover;
    }
}

.row.call-to-action-row .WebPartZone>div>div>a>div>div.details:last-of-type {
    align-self: flex-start;
    flex-grow: 1;
    align-items: flex-start;
    padding: 3rem;
}

.row.call-to-action-row .WebPartZone>div>div>a>div:last-of-type a {
    margin-top: auto;
}

.row.call-to-action-row .WebPartZone>div>div>a>div h4 {
    font-weight: 600;
    font-size: 2.7rem;
    color: var(--color-orange);
    letter-spacing: -0.02em;
}

.row.call-to-action-row .WebPartZone>div>div>a>div>div.details {
    flex-direction: column;
    padding: 4rem 4rem 0 4rem;
}

.row.call-to-action-row .WebPartZone>div>div>div>div.details:last-of-type {
    align-self: flex-start;
    flex-grow: 1;
    align-items: flex-start;
    padding: 3rem;
}

.row.call-to-action-row .WebPartZone>div>div>div:last-of-type a {
    margin-top: auto;
}

.row.call-to-action-row .WebPartZone>div>div>div h4 {
    font-weight: 600;
    font-size: 2.7rem;
    color: var(--color-orange);
    letter-spacing: -0.02em;
}

.row.call-to-action-row .WebPartZone>div>div>div>div.details {
    flex-direction: column;
    padding: 4rem 4rem 0 4rem;
}

@media (max-width: 767px) {
    .call-to-action-row>div {
        display: block;
    }

    .col-primary>div>div>div.row .iMIS-WebPart>div {
        padding-top: 0 !important;
        padding-bottom: 0rem !important;
    }

    .call-to-action-row div {
        display: block;
    }

    .row.cta-row>div>div>div>div>div>div:nth-child(1) img {
        max-height: 21rem;
        min-height: 21rem;
    }
}

.row.call-to-action-row {}

div#masterContentArea .col-primary>div>div>div>div.row.call-to-action-row {
    margin: 5rem auto;
}

.row.call-to-action-row .WebPartZone {
    flex-wrap: wrap;
}

.row.call-to-action-row>div>div:not([class*="col-sm-4"], [class*="col-sm-3"]) .WebPartZone>div {
    list-style: none;
    flex: 0 0 33.333333%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

@media (max-width: 881px) {
    .row.call-to-action-row .WebPartZone>div {
        flex: 0 0 100%;
    }
}

.row.call-to-action-row .WebPartZone>div:nth-child(1) {
    /* flex: 1 1 100%; */
}

.row.call-to-action-row .WebPartZone>div:nth-child(1) div[id*="_Panel_"] {
    /*     flex-direction: column; */
    /*     padding-bottom: 5rem; */
}

.row.call-to-action-row .WebPartZone>div:nth-child(1) div[id*="_Panel_"]>* {
    /* text-align: center; */
}

.row.call-to-action-row .col-sm-12 {
    padding: 0;
}

a.call-to-action-link {
    display: none;
}

div[id*="tile"]>div:nth-child(1)>*,
div[id*="tile"]>a>div:nth-child(1)>* {
    z-index: 1;
    position: relative;
}

/****************************************/
/****************************************/
/** www.vfma.org.au **/
/*
 * 
 *  Author: CAUSEIS PTY LTD
 * 
 *  Version: 1 - 20/07/23  
 *
 * 
 *  Document contains changes to Buttons
 *
 *
*/
/****************************************/
/****************************************/
a.button,
a.Button,
.PrimaryButton,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton,
.btn,
.TextButton,
.TextButtonWithImage,
.ruButton,
#masterHeaderActionArea a,
.RadGrid input.TextButton,
html input[type="button"] {
    padding: 1.2rem 1.4rem;
    text-decoration: none;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(0.1rem) translateZ(0);
    transform: perspective(0.1rem) translateZ(0);
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    line-height: 1;
    border-radius: 0.7rem !important;
    font-weight: 500;
    border: none !important;
    background: var(--color-green);
    color: var(--color-white);
}

a.button:focus,
a.Button:focus,
.PrimaryButton:focus,
.SaveAndClose:focus,
.SaveAs:focus,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButtonWithImage:focus,
#masterHeaderActionArea a:focus,
.RadGrid input.PrimaryButton:focus,
.btn:focus,
.TextButton:focus,
.TextButtonWithImage:focus,
.ruButton:focus,
#masterHeaderActionArea a:focus,
.RadGrid input.TextButton:focus,
html input[type="button"]:focus {
    padding: 1.2rem 1.4rem;
    background: var(--color-green);
    text-decoration: none;
    color: var(--color-white);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(0.1rem) translateZ(0);
    transform: perspective(0.1rem) translateZ(0);
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    line-height: 1;
    border-radius: 0rem;
    font-weight: 500;
    border: none !important;
    background: var(--color-green-hover);
    color: var(--color-white);
    transition: background 0.4s ease;
}

a.Button:after,
a.button:after,
.PrimaryButton:after,
.SaveAndClose:after,
.SaveAs:after,
.UsePrimaryButton .TextButton:after,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a:after,
.RadGrid input.PrimaryButton:after,
.btn:after,
.TextButton:after,
.TextButtonWithImage:after,
.ruButton,
#masterHeaderActionArea a:after,
.RadGrid input.TextButton,
html input[type="button"]:after {}

a.button:hover,
a.Button:hover,
.PrimaryButton:hover,
.SaveAndClose:hover,
.SaveAs:hover,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a:hover,
.RadGrid input.PrimaryButton:hover,
.btn:hover,
.TextButton:hover,
.TextButtonWithImage:hover,
.ruButton,
#masterHeaderActionArea a:hover,
.RadGrid input.TextButton,
html input[type="button"]:hover {
    background: var(--color-green-hover);
    color: var(--color-white);
    transition: background 0.4s ease;
    box-shadow: none;
}

a.button:active,
a.Button:active,
.PrimaryButton:active,
.SaveAndClose:active,
.SaveAs:active,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a:active,
.RadGrid input.PrimaryButton:active,
.btn:active,
.TextButton:active,
.TextButtonWithImage:active,
.ruButton,
#masterHeaderActionArea a:active,
.RadGrid input.TextButton,
html input[type="button"]:active {
    background: var(--color-green-hover);
    color: var(--color-white);
    transition: background 0.4s ease;
    top: 0;
}

[class*="utton"][disabled] {
    background: var(--color-green) !important;
}

a.large.button,
a.Large.Button {
    padding: 1.7rem 2rem;
    font-size: 2rem;
    font-weight: 400;
}

a.Green.button,
a.Green.Button {
    background: var(--color-green);
    color: var(--color-white);
}

a.Green.button:hover,
a.Green.Button:hover {
    background: var(--color-white);
    color: var(--color-black);
    box-shadow: 0px 0px 0 0px var(--color-green-hover);
    color: var(--color-white);
    overflow: overlay;
    background: var(--color-green-hover);
}

a.Yellow.button,
a.Yellow.Button {
    background: var(--color-yellow);
    color: var(--color-white);
}

a.Yellow.button:hover,
a.Yellow.Button:hover {
    background: var(--color-white);
    color: var(--color-yellow);
    box-shadow: 0px 0px 0 0px var(--color-yellow-hover);
    color: var(--color-white);
    overflow: overlay;
    background: var(--color-yellow-hover);
}

a.Orange.button,
a.Orange.Button {
    background: var(--color-orange);
    color: var(--color-white);
}

a.Orange.button:hover,
a.Orange.Button:hover {
    background: var(--color-white);
    color: var(--color-orange);
    box-shadow: 0px 0px 0 0px var(--color-orange-hover);
    color: var(--color-white);
    overflow: overlay;
    background: var(--color-orange-hover);
}

a.Disabled.Button {
    background: grey !important;
    color: var(--color-white);
    opacity: 0.01.4;
    pointer-events: none;
    cursor: pointer;
}

div#masterContentArea .col-primary>div>div>div>div.row.colored-row a.button,
div#masterContentArea .col-primary>div>div>div>div.row.colored-row a.Button {
    background: var(--color-white);
    color: var(--color-green);
}

div#masterContentArea .col-primary>div>div>div>div.row.colored-row a.button:hover,
div#masterContentArea .col-primary>div>div>div>div.row.colored-row a.Button:hover {
    background: transparent;
    color: var(--color-white);
    box-shadow: 0px 0px 0 2px var(--color-white);
}

div#masterContentArea .col-primary>div>div>div>div.row.green-row a[class*="utton"] {
    background: var(--color-white);
    font-weight: 500;
    font-size: 2rem;
    margin-top: 3rem;
    color: var(--color-green);
    box-shadow: 0px 0px 0 2px var(--color-green);
    transition: all 0.2s ease;
}

div#masterContentArea .col-primary>div>div>div>div.row.green-row a[class*="utton"]:hover {
    background: var(--color-green);
    box-shadow: 0px 0px 0 2px var(--color-white);
    color: var(--color-white);
}

div#masterContentArea .col-primary>div>div>div>div.row.yellow-row a[class*="utton"] {
    background: var(--color-white);
    font-weight: 500;
    font-size: 2rem;
    margin-top: 1rem;
    color: var(--color-yellow);
    box-shadow: 0px 0px 0 2px var(--color-yellow);
    transition: all 0.2s ease;
}

div#masterContentArea .col-primary>div>div>div>div.row.yellow-row a[class*="utton"]:hover {
    background: var(--color-yellow);
    box-shadow: 0px 0px 0 2px var(--color-white);
    color: var(--color-white);
}

div#masterContentArea .col-primary>div>div>div>div.row.orange-row a[class*="utton"] {
    background: var(--color-white);
    font-weight: 500;
    font-size: 2rem;
    margin-top: 1rem;
    color: var(--color-orange);
    box-shadow: 0px 0px 0 2px var(--color-orange);
    transition: all 0.2s ease;
}

div#masterContentArea .col-primary>div>div>div>div.row.orange-row a[class*="utton"]:hover {
    background: var(--color-orange);
    box-shadow: 0px 0px 0 2px var(--color-white);
    color: var(--color-white);
}

div[id*="reentile"] a[class*="utton"] {
    background: var(--color-yellow);
    color: var(--color-white);
}

div[id*="reentile"] a[class*="utton"]:hover {
    background: var(--color-white);
    color: var(--color-yellow);
    box-shadow: 0px 0px 0 0px var(--color-yellow-hover);
    color: var(--color-white);
    overflow: overlay;
    background: var(--color-yellow-hover);
}

div[id*="ellowtile"] a[class*="utton"] {
    background: var(--color-orange);
    color: var(--color-white);
}

div[id*="ellowtile"] a[class*="utton"]:hover {
    background: var(--color-white);
    color: var(--color-orange);
    box-shadow: 0px 0px 0 0px var(--color-orange-hover);
    color: var(--color-white);
    overflow: overlay;
    background: var(--color-orange-hover);
}

/****************************************/
/****************************************/
/** www.vfma.org.au **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 -   20/07/23
 *
 * 
 *  Document contains changes to Banners
 *
 *
*/
/****************************************/
/****************************************/
*:is(.row.green-row, .row.yellow-row, .row.orange-row, .HeaderRow, div[id*="_Panel_"][id*="tile"]:not([id*="white"])):after {
    content: '';
    background-image: url(/images/site/theme/noisemap-small.webp);
    position: absolute;
    width: 100%;
    height: 100%;
    mix-blend-mode: luminosity;
    background-size: contain;
    background-repeat: repeat;
    left: 0;
    z-index: 0;
    background-position: center;
    top: 0;
    background-size: 2.6rem;
}

*:is(.row.green-row, .row.yellow-row, .row.orange-row, div[id*="_Panel_"][id*="tile"]:not([id*="white"])) {
    position: relative;
}

*:is(.row.green-row, .row.yellow-row, .row.orange-row, .HeaderRow, div[id*="_Panel_"][id*="tile"]:not([id*="white"]))>div {
    z-index: 1;
    position: relative;
}

.HeaderRow {
    background: var(--color-grey);
}

.HeaderRow>div {
    max-width: var(--docwidth);
    margin: 0 auto;
    padding: 4.7rem 1.5rem;
}

.HeaderRow h1 {
    margin-top: 0;
    color: var(--color-white);
}

div[id*="_container_ciPageHeading"] {
    padding: 0 !important;
}

.HeaderRow[id*="reen"] {
    background: var(--color-green);
}

.HeaderRow[id*="ellow"] {
    background: var(--color-yellow);
}

.HeaderRow+.HeaderRow {
    position: relative;
}

.HeaderRow[id*="mage"] img {
    max-height: 61vh;
    width: 100%;
    object-fit: cover;
    object-position: 0 0%;
}

.HeaderRow[id*="mage"]>div {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.HeaderRow[id*="mage"]:after {
    content: none !important;
}

.row.image-row>div {
    max-width: 100% !important;
    margin: 0;
}

.row.image-row>div>div {
    padding: 0;
}

.row.image-row .iMIS-WebPart:last-of-type>div:is(.iMIS-WebPart:first-of-type > div) {}

.row[class*="-row"]+.image-row .iMIS-WebPart:last-of-type>div:is(.iMIS-WebPart:first-of-type > div) {
    padding-top: 0;
}

.row.image-row img {
    /* max-height: 57vh; */
    width: 110%;
    object-fit: cover;
}

/************ Content page banner START *************/
div#masterContentArea .col-primary>div>div>div>div.row.yellow-row {
    background: var(--color-yellow);
}

div#masterContentArea .col-primary>div>div>div>div.row.orange-row {
    background: var(--color-orange);
}

div#masterContentArea .col-primary>div>div>div>div.row.green-row {
    background: var(--color-green);
}

div#masterContentArea .col-primary>div>div>div>div.row[class*="-row"]:not(.call-to-action-row) * {
    color: var(--color-white);
    /* background: none; */
    /* -webkit-text-fill-color: initial; */
}

div#masterContentArea .col-primary>div>div>div>div.row[class*="-row"]:not(.call-to-action-row) .iMIS-WebPart:nth-child(2):last-of-type>div {
    padding-top: 5rem;
}

/************ Content page banner END *************/
/************ Carousel Banners START *************/
/************ Carousel Banners END *************/
/************ Homepage Carousel START *************/
div#ste_container_ciCarousel .panel-body {
    padding: 0;
}

.col-primary>div>div>div.row.carousel-row .iMIS-WebPart>div {
    padding: 0 !important;
}

.row.carousel-row>div {
    max-width: 100% !important;
    /* margin-top: -2.4rem !important; */
}

.row.carousel-row>div>.col-sm-12 {
    padding: 0;
}

div#masterContentArea .col-primary>div>div>div.row.carousel-row {
    padding: 0;
    /* max-width: 100% !important; */
    margin: 0;
}

div#masterContentArea .col-primary>div>div {}

div#masterContentArea .col-primary>div>div {}

.carousel-row #ste_container_ciCarousel {
    padding-top: 0;
    padding-bottom: 0;
}

.carousel-row .ContentItemContainer {
    margin-bottom: 0;
}

.carousel-row {}

div#masterContentArea .col-primary>div>div>div>div.row.carousel-row {
    padding: 0;
}

.panel.carousel-row {
    background: var(--color-grey);
}

.carousel-row .carousel-inner.bg-img>.item {}

.home-carousel .carousel-row .carousel-inner.bg-img>.item:before {
    /* content: ''; */
    display: block;
    background: var(--color-black);
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.01.3;
    z-index: 1;
}

.carousel-inner {
    background: var(--color-grey);
    /* max-height: 60rem; */
    /* max-width: 131.5rem; */
    /* margin: auto !important; */
}

@media (max-width: 768px) {
    .carousel-row .carousel-inner.bg-img>.item {
        height: -moz-calc(50vh - 0px) !important;
        height: -webkit-calc(50vh - 0px) !important;
        height: calc(50vh - 0px) !important;
    }
}

@media (min-width: 768px) {
    .carousel-row .carousel-inner.bg-img>.item {
        height: -moz-calc(48vh - 11rem) !important;
        height: -webkit-calc(48vh - 11rem) !important;
        height: calc(48vh - 11rem) !important;
        /* background-position-y: 20% !important; */
    }
}

@media (max-width: 768px) {
    .home-carousel .carousel-row .carousel-inner.bg-img>.item {
        height: -moz-calc(70vh - 0px) !important;
        height: -webkit-calc(70vh - 0px) !important;
        height: calc(28vh - 0px) !important;
        background-size: contain;
    }
}

@media (min-width: 768px) {
    .home-carousel .carousel-row .carousel-inner.bg-img>.item {
        height: -moz-calc(97vh - 11rem) !important;
        height: -webkit-calc(97vh - 11rem) !important;
        height: calc(97vh - 11rem) !important;
        /* background-position-y: 20% !important; */
        max-height: 83rem;
    }
}

@media (min-width: 768px) {
    .home-carousel .carousel-row .carousel-inner.bg-img>.item {
        max-height: 76rem;
        /* max-width: 131.5rem; */
        background-position: center center;
        margin: auto !important;
    }
}

.carousel-row .carousel-inner.bg-img>.item>.carousel-caption {
    padding: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto auto auto;
    display: flex;
    align-content: center;
    text-align: left;
    width: 100%;
    text-shadow: none;
    height: 1;
    flex-flow: wrap;
    max-width: 131.5rem;
}

.carousel-row .carousel-inner.bg-img>.item>.carousel-caption>div {
    display: flex;
    flex-flow: wrap;
    margin: auto;
    /* width: 35%; */
    height: 100%;
    /* background: #2d9ce3; */
    padding: 2rem;
    align-items: center;
    max-width: 100rem;
}

.carousel-row .carousel-inner.bg-img>.item>.carousel-caption>div>div {
    margin-bottom: 15rem;
    text-align: center;
}

.carousel-row .carousel-inner.bg-img>.item>.carousel-caption>div>div h2 {
    font-size: 5rem;
    font-weight: 600;
}

.carousel-row .carousel-inner.bg-img>.item>.carousel-caption>div>div h4 {
    font-size: 3.2rem;
}

.carousel-row .carousel-inner.bg-img>.item>.carousel-caption>div>div p {
    font-size: 1.6rem;
}

.carousel-row .carousel-inner.bg-img>.item>.carousel-caption>div>div h2,
.carousel-row .carousel-inner.bg-img>.item>.carousel-caption>div>div h4,
.carousel-row .carousel-inner.bg-img>.item>.carousel-caption>div>div p {
    text-shadow: 1px 1px 8px var(--color-black) !important;
}

.carousel-row .carousel-inner.bg-img>.item.text-left>.carousel-caption>div {
    /* display: block; */
    margin: auto auto auto 0;
    padding-left: 8rem;
}

.carousel-row .carousel-inner.bg-img>.item.text-right>.carousel-caption>div {
    /*    display: block;*/
    margin: auto 0 auto auto;
    padding-right: 8rem;
}

.carousel-row .carousel-inner.bg-img>.item.text-left>.carousel-caption>div {
    text-align: left;
}

.carousel-row .carousel-inner.bg-img>.item.text-right>.carousel-caption>div {
    text-align: right;
}

.carousel h1,
.carousel h2,
.carousel h3,
.carousel h4,
.carousel h5,
.carousel p {
    width: 100%;
    margin-bottom: 1rem;
}

.carousel-row .carousel-inner.bg-img>.item.text-left>.carousel-caption>div>a[class*="utton"] {
    margin: 0.4rem 0.4rem 0.4rem 0;
}

.carousel-row .carousel-inner.bg-img>.item.text-right>.carousel-caption>div>a[class*="utton"] {
    margin: 0.4rem 0 0.4rem 0.4rem;
}

.carousel-row .carousel-control .icon-prev:before {
    content: ' ' !important;
    background-image: url(/images/Launchpad1/svg/carousel-left.svg);
    background-repeat: no-repeat;
    padding: 0 1.5rem;
    background-size: contain;
}

.carousel-row .carousel-control .icon-next:before {
    content: ' ' !important;
    background-image: url(/images/Launchpad1/svg/carousel-right.svg);
    background-repeat: no-repeat;
    padding: 0 1.5rem;
    background-size: contain;
}

.carousel-row .carousel-control {
    background-image: none !important;
    opacity: 1 !important;
    max-width: 6rem;
    max-height: 7rem;
    margin: auto;
    top: -10rem;
}

.carousel-row .carousel-control .icon-prev {
    margin: auto 0 auto auto;
    right: 0;
    height: 3rem;
    margin-top: -2.5rem;
    transition: all .2s ease-in-out;
    ;
}

.carousel-row .carousel-control .icon-next {
    margin: auto 0;
    left: 0;
    height: 3rem;
    margin-top: -2.5rem;
    transition: all .2s ease-in-out;
}

.carousel-caption h1 {
    font-size: 2.1rem;
    color: var(--color-white);
}

.carousel-caption h2 {
    font-weight: 100;
    color: var(--color-white);
    font-size: 2.6rem;
}

.carousel-caption h3 {
    font-weight: 600;
    color: var(--color-white);
    margin-top: 0;
}

.carousel-caption h4 {
    color: var(--color-white);
    font-size: 1.8rem;
}

.carousel-caption p {
    font-size: 1.6rem;
    color: var(--color-white);
    text-shadow: 0px 0px 0px var(--color-white);
    line-height: 1.4;
}

.carousel-caption a.Button {
    margin-top: 1rem;
    background: var(--color-green);
    color: var(--color-white);
}

.carousel-caption a.Button:after {
    background-image: url(/images/Launchpad1/svg/arrow-blue-right.svg);
}

.carousel-caption a.Button:hover {
    background: transparent;
    color: var(--color-white);
    overflow: overlay;
    box-shadow: 0px 0px 0 2px var(--color-white);
}

.carousel-caption a.Button:hover:after {
    background-image: url(/images/Launchpad1/svg/arrow-var(--color-white)-right.svg);
}

.carousel-row ol.carousel-indicators {
    display: none
}

.carousel-row .carousel-inner .item:after {
    background: linear-gradient(#18223200, #18223229);
    /* display: block; */
    /* content: ''; */
    padding: 0;
    width: 100%;
    height: 100%
}

.carousel-row .carousel-control {
    z-index: 2
}

.carousel-row .carousel-inner.bg-img>.item>.carousel-caption>div>div[class*="col-sm-"]:nth-child(1) {
    padding-left: 0;
}

.carousel-row .carousel-inner.bg-img>.item>.carousel-caption>div>div[class*="col-sm-"]:nth-child(2) {
    padding-right: 0;
}

@media (max-width: 767px) {
    .carousel-row .carousel-inner.bg-img>.item>.carousel-caption>div {
        width: 100%;
        padding: 0 !important;
        align-items: center;
        background: transparent;
    }

    .carousel-row .carousel-inner.bg-img>.item>.carousel-caption>div>div {
        margin-bottom: 0;
        min-height: 50%;
        text-align: center !important;
        /* background: #2d9ce3; */
        padding: 2rem !important;
    }

    .carousel-row .carousel-control {
        margin-bottom: 0;
    }

    .carousel-control.left {
        display: none;
    }

    .home-carousel .item {
        background-size: cover !important;
        background-position: center top !important;
        height: 50rem !important;
    }

    .carousel-row .carousel-inner.bg-img>.item>.carousel-caption>div>div h2 {
        font-size: 4.2rem;
    }

    .carousel-row .carousel-inner.bg-img>.item>.carousel-caption>div>div h4 {
        font-size: 2.8rem;
    }

    .carousel-row .carousel-inner.bg-img>.item>.carousel-caption>div>div p {
        /*     font-size: 1.4rem; */
    }

    .carousel-caption a.Button {
        /* font-size: 1.2rem; */
    }
}

@media (max-width: 1077px) {
    .home-carousel .carousel-row .carousel-inner.bg-img>.item {
        padding-top: 59%;
        height: 0 !important;
    }
}

/************ Homepage Carousel END *************/
div.color-carousel .carousel-inner {
    display: block;
    margin: 0 !important;
}

/* VFMA staging font correction */
@font-face {
    font-family: 'PraterSansPro';
    src: url('font/PraterSansPro-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

h1,
h2,
h3,
.carousel-caption h1,
.HeaderRow h1,
.green-row h1,
.orange-row h1,
.yellow-row h1,
div[id*="_Panel_"] h1,
div[id*="_Panel_"] h2,
div[id*="_Panel_"] h3 {
    font-family: 'PraterSansPro', 'Manrope', Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}