/****************************************/
/****************************************/
/** Australian Nursing & Midwifery Education Centre **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 -   
 *
 * 
 *  Document contains changes to Banners
 *
 *
*/
/****************************************/
/****************************************/
div#masterContentArea .col-primary>div>div>div.row {
    margin: 0;
    align-items: flex-start;
}

.row[class*="-row"i] {
    padding: var(--padding) calc(var(--width-var) / 2) !important;
}

.row[class*="-row"i]:not(.call-to-action-row, .carousel-row):not(:has(div[id*="_Panel_"][id*="fullwidth"])) {
    width: calc(var(--fullwidth-var) * 1);
    max-width: calc(var(--desiredwidth-var) * 1 - calc(var(--padding) * 3)) !important;
    margin: auto !important;
    padding: var(--padding) !important;
    border-radius: var(--border-radius);
}


#masterContentArea .col-primary > div > div > div.row[class*="-row"i]:not(.call-to-action-row, .carousel-row):not(:has(div[id*="_Panel_"][id*="fullwidth"])) {
    margin: 0 auto !important;
    background: transparent;
    max-width: calc(var(--desiredwidth-var) + var(--padding) * 3) !important;
    padding: 0 calc(var(--bs-gutter-x) * 0.5) !important;

}

#masterContentArea .col-primary > div > div > div.row[class*="-row"i]:not(.call-to-action-row, .carousel-row):not(:has(div[id*="_Panel_"][id*="fullwidth"]))>div:first-child:has(img) img {
    border-radius:  calc(var(--border-radius) * 4) 0 0 calc(var(--border-radius) * 4) !important;
}

#masterContentArea .col-primary > div > div > div.row[class*="-row"i]:not(.call-to-action-row, .carousel-row):not(:has(div[id*="_Panel_"][id*="fullwidth"]))>div:last-child:has(img) img {
    border-radius:  0 calc(var(--border-radius) * 4) calc(var(--border-radius) * 4) 0  !important;
}

@media (max-width: 767.98px) {
    #masterContentArea .col-primary > div > div > div.row[class*="-row"i]:not(.call-to-action-row, .carousel-row):not(:has(div[id*="_Panel_"][id*="fullwidth"]))>div:first-child:has(img) img {
    border-radius:  0 !important;
}

#masterContentArea .col-primary > div > div > div.row[class*="-row"i]:not(.call-to-action-row, .carousel-row):not(:has(div[id*="_Panel_"][id*="fullwidth"]))>div:last-child:has(img) img {
    border-radius:  0  !important;
}
}

#masterContentArea .col-primary > div > div > div.row[class*="-row"i]:not(.call-to-action-row, .carousel-row):not(:has(div[id*="_Panel_"][id*="fullwidth"])) > div {
    margin: calc(var(--padding)) auto !important;
    padding: var(--padding) !important;
    max-width: 100% !important;
    border-radius: var(--border-radius);
}

#masterContentArea .col-primary > div > div > div.row[class*="-row"i]:not(.call-to-action-row, .carousel-row):not(:has(div[id*="_Panel_"][id*="fullwidth"])) > div:has(img) {
    padding: 0 !important;
}

#masterContentArea .col-primary > div > div > div.row[class*="-row"i]:not(.call-to-action-row, .carousel-row):not(:has(div[id*="_Panel_"][id*="fullwidth"])) > div:has(img) div {
    height: 100%;
}
#masterContentArea .col-primary > div > div > div.row[class*="-row"i]:not(.call-to-action-row, .carousel-row):not(:has(div[id*="_Panel_"][id*="fullwidth"])) > div:has(img) div img {
    height: 100% !important;
    object-fit: cover;
}

#masterContentArea .col-primary > div > div > div.row[class*="-row"i]:not(.call-to-action-row, .carousel-row):is(:has(div[id*="_Panel_"][id*="fullwidth"])) > div:has(img) img {
    border-radius: var(--border-radius);
}


#masterContentArea .col-primary > div > div > div.row[class*="-row"i]:not(.call-to-action-row, .carousel-row):not(:has(div[id*="_Panel_"][id*="fullwidth"])) .iMIS-WebPart > .ContentItemContainer {
    margin: 0;
}

#masterContentArea .col-primary > div > div > div.row[class*="-row"i]:not(.call-to-action-row, .carousel-row, .outline-row):not(:has(div[id*="_Panel_"][id*="fullwidth"])):has([id*="ste_container_"i][id*="primaryrow" i]) > div {
      background:  var(--primary-color)!important;
    background-image: url(/App_Themes/_ANMEC_Theme/images/svg/grain-texture-25.png) !important;
}

#masterContentArea .col-primary > div > div > div.row[class*="-row"i]:not(.call-to-action-row, .carousel-row, .outline-row):not(:has(div[id*="_Panel_"][id*="fullwidth"])):has([id*="ste_container_"i][id*="secondaryrow" i]) > div {
      background:  var(--secondary-color)!important;
    background-image: url(/App_Themes/_ANMEC_Theme/images/svg/grain-texture-25.png) !important;
}

#masterContentArea .col-primary > div > div > div.row[class*="-row"i]:not(.call-to-action-row, .carousel-row, .outline-row):not(:has(div[id*="_Panel_"][id*="fullwidth"])):has([id*="ste_container_"i][id*="tertiaryrow" i]) > div {
    background:  var(--tertiary-color)!important;
    background-image: url(/App_Themes/_ANMEC_Theme/images/svg/grain-texture-25.png) !important;
}

#masterContentArea .col-primary > div > div > div.row[class*="-row"i]:not(.call-to-action-row, .carousel-row, .outline-row):not(:has(div[id*="_Panel_"][id*="fullwidth"])):has([id*="ste_container_"i][id*="greyrow" i]) > div {
      background:  var(--grey-color);
}



#masterContentArea .col-primary > div > div > div.row:not(.row .row):not(form#aspnetForm[action*="IsPopup=true"] * ):has(> div:is(:first-child, :last-child)):not(:has(.WebPartZone > *)) {
    display: none;
}
@media (max-width: 992.98px) {


#masterContentArea .col-primary > div > div > div.row[class*="-row"i]:not(.call-to-action-row, .carousel-row):not(:has(div[id*="_Panel_"][id*="fullwidth"])) {
    margin: calc(var(--padding) / 1 ) auto !important;
}
}


/****************************/

.HeaderRow>div {
    --desiredwidth-var: 162.8rem;
    padding: calc(var(--padding) / 1 )  calc(var(--width-var) / 2);
    width: calc(var(--fullwidth-var)* 1);
    max-width: calc(var(--desiredwidth-var)* 1);
}

.HeaderRow>div>div:not([class*="bg-" i]) {
    background: var(--grey-color);
}

@media (max-width: 992.98px) {
    .HeaderRow>div:not(:first-child) {
        padding-top: 0;
    }
}

@media (min-width: 992.98px) {
    .HeaderRow>div {
        /* align-items: center; */ /* margin: calc(var(--padding)/1) auto calc(var(--padding)/1) auto !important; */ /* max-width: 100%; */ /* padding: var(--padding) calc(var(--width-var) / 2.5) !important; */ /* padding: var(--padding) !important; */
    }
}

@media (min-width: 1200.98px) {
    .HeaderRow>div {
        max-width: calc(100svw) !important;
        padding: var(--padding) !important;
        max-width: calc(var(--desiredwidth-var) * 1 + calc(var(--padding) * 1)) !important;
        /* margin: 0 !important; */
        margin: auto !important;
    }
}

@media (max-width: 1440.98px) {
    .HeaderRow>div {
        /* max-width: calc(100svw) !important; */ /* padding: var(--padding) calc(var(--padding) / 1) !important; */ /* margin: 0 !important; */
    }

    .HeaderRow {
        align-items: center;
        /* margin: 0 auto calc(var(--padding)/1) auto !important; */
        /* margin: 0 auto !important; */
        !i;!; max-width: 100%;
    }
}

@media (max-width: 1200.98px) {
    .HeaderRow {
        align-items: center;
        /* margin: 0 auto calc(var(--padding)/1) auto !important; */
    }

    .HeaderRow>div {
        padding: calc(var(--padding) / 1) calc(var(--padding) / 1);
    }
}

@media (max-width: 992.98px) {
    .HeaderRow {
        align-items: center;
        margin: 0 !important;
        max-width: 100% !important;
    }
}

.HeaderRow:has(>div>div:not([class]))>div {
    /* max-width: calc(var(--desiredwidth-var)* 1 - calc(var(--padding)* 1)) !important; */
}

.HeaderRow>div>div {
    max-width: calc(var(--desiredwidth-var)* 1 - calc(var(--padding)*1.5));
    margin: auto;
}

.HeaderRow>div>div:not([class]) {
    max-width: calc(var(--desiredwidth-var)* 1 - calc(var(--padding)*-2)) !important;
    margin: auto !important;
}

.HeaderRow h1 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

@media (max-width: 992.89px) {
    .HeaderRow h1 {
        /* flex-direction: column; */
    }

    .HeaderRow h1 > span {
        width: 100%;
    }

    .HeaderRow h1 > span + img {
        text-align: left;
    }

    .HeaderRow h1:has( > span + img) {
        align-items: flex-start;
    }
}

:is(.primary-row, .secondary-row, .grey-row) {
    display: flex;
    align-items: stretch !important;
}

:is(.primary-row, .secondary-row, .grey-row) > div {
    display: flex;
     align-items: center !important;
 }

:is(.primary-row, .secondary-row, .grey-row) > div:not(:first-child, :last-child) {
    border-radius: 0 !important;
 }
:is(.primary-row, .secondary-row, .grey-row) > div:is(:first-child) {
    border-radius: calc(var(--border-radius) * 4) 0 0 calc(var(--border-radius) * 4) !important;}

:is(.primary-row, .secondary-row, .grey-row) > div:is(:last-child){
    border-radius: 0 calc(var(--border-radius) * 4) calc(var(--border-radius) * 4) 0 !important;
 }

:is(.primary-row, .secondary-row, .grey-row) > div:is(:first-child:last-child){
      border-radius: var(--border-radius ) !important;
}
.row:has([id*="ste_container_"i][id*="primaryrow" i]){

    
}
:is(.primary-row, .secondary-row, .grey-row) img {

width:100%;

border-radius: 0;
}

@media (max-width: 992.98px) {

#masterContentArea .col-primary > div > div > div.row[class*="-row"i]:is(.primary-row, .secondary-row, .grey-row):not(:has(div[id*="_Panel_"][id*="fullwidth"])) > div {
    margin: 0 !important;
    }

:is(.primary-row, .secondary-row, .grey-row) > div:not(:first-child, :last-child){
    border-radius: 0 !important;
 }
:is(.primary-row, .secondary-row, .grey-row) > div:is(:first-child){
    border-radius: var(--border-radius )  var(--border-radius ) 0 0 !important;
    overflow: hidden;
}
    
:is(.primary-row, .secondary-row, .grey-row) > div:is(:last-child){
    border-radius: 0 0  var(--border-radius )  var(--border-radius ) !important;
    overflow: hidden;
 }

:is(.primary-row, .secondary-row, .grey-row) > div:is(:first-child:last-child){
      border-radius: var(--border-radius ) !important;

}

}

/******************* full width banners *******************/
@media (max-width: 992.98px) {
    div#masterContentArea .col-primary>div>div>div.row>div[class*="col-sm-"i] {
        width: 100% !important;
        margin: 0.5rem 0;
    }
}

*:is(div[id*="ste_container_"i][id*="ullwidthbanner"i] *, div[id*="ste_container_"i][id*="agebanner"i] *):is(h1, h2, h3, h4, h5, h6) {
}

div[id*="ste_container_"i][id*="ullwidthbanner"i] {
    margin-bottom: 0;
}

.row:has([id*="ste_container_"i][id*="primaryrow" i])>div {
    /* padding-top: var(--padding); */
    /* padding-bottom: var(--padding); */
    background: transparent !important;
}

.row:has([id*="ste_container_"i][id*="primaryrow" i]) [class*="bg-" i] {
    background: transparent;
}

.row:has([id*="ste_container_"i][id*="primaryrow" i]) {
    background: var(--primary-color);
    margin: var(--padding) 0 !important;
    padding: var(--padding) calc(var(--width-var) / 2) !important;
    border-radius: calc(var(--border-radius) * 4);
    overflow: hidden;
}

@media (max-width: 767.98px) {
    .row:has([id*="ste_container_"i][id*="primaryrow" i]) {
        border-radius: var(--border-radius);
    }
}

.row:has([id*="ste_container_"i][id*="primaryrow" i]) a[class*="button"i] {
   background: white !important;
    color: var(--primary-color) !important;
}
.row:has([id*="ste_container_"i][id*="primaryrow" i]) a[class*="button"i]:hover {
    /* color: white !important; */
    background: var(--primary-alt-superlight) !important;
}

.row:has([id*="ste_container_"i][id*="primaryrow" i]) *:is(body, h1, h2, h3, h4, h5, h6, p, p a:not(.button, .Button), li, li):not(div[id*="_Panel_"i]:is([id*="tile"i]) *, div[id*="_Panel_"i]:is([id*="calltoaction"i]) *) {
    color: white !important;
}

.row:has([id*="ste_container_"i][id*="secondaryrow" i]) > div {
    
    background: transparent !important;
}

.row:has([id*="ste_container_"i][id*="secondaryrow" i]) [class*="bg-" i] {
    background: transparent;
}

.row:has([id*="ste_container_"i][id*="secondaryrow" i]) {
    background: var(--secondary-color);
    margin: var(--padding) 0 !important;
      border-radius: calc(var(--border-radius) * 4);
  overflow: hidden;
    background-image: url(/App_Themes/_ANMEC_Theme/images/svg/grain-texture-25.png);
}

@media (max-width: 767.98px) {
    .row:has([id*="ste_container_"i][id*="secondaryrow" i]) {
        border-radius: var(--border-radius);
    }
}

.row:has([id*="ste_container_"i][id*="secondaryrow" i]) a[class*="button"i] {
    background: white !important;
    color: var(--secondary-color) !important;
}

.row:has([id*="ste_container_"i][id*="secondaryrow" i]) a[class*="button"i]:hover {
    /* color: white !important; */
    background: var(--primary-alt-superlight) !important;
}

.row:has([id*="ste_container_"i][id*="secondaryrow" i]) *:is(body, h1, h2, h3, h4, h5, h6, p, p a:not(.button, .Button), li):not(div[id*="_Panel_"i]:is([id*="tile"i]) *, div[id*="_Panel_"i]:is([id*="calltoaction"i]) *) {
    color: white !important;
}

.row:has([id*="ste_container_"i][id*="secondaryrow" i]) {
    padding: var(--padding) calc(var(--width-var) / 2) !important;
}

.row:has([id*="ste_container_"i][id*="tertiaryrow" i]) > div {
    
    background: transparent !important;
}

.row:has([id*="ste_container_"i][id*="tertiaryrow" i]) [class*="bg-" i] {
    background: transparent;
}

.row:has([id*="ste_container_"i][id*="tertiaryrow" i]) {
    background: var(--tertiary-color);
    margin: var(--padding) 0 !important;
  border-radius: calc(var(--border-radius) * 4);
  overflow: hidden;
}

@media (max-width: 767.98px) {
    .row:has([id*="ste_container_"i][id*="tertiaryrow" i]) {
        border-radius: var(--border-radius);
    }
}

.row:has([id*="ste_container_"i][id*="tertiaryrow" i]) a[class*="button"i] {
    background: white;
    color: var(--tertiary-color);
}

.row:has([id*="ste_container_"i][id*="tertiaryrow" i]) *:is(body, h1, h2, h3, h4, h5, h6, p, p a:not(.button, .Button), li):not(div[id*="_Panel_"i]:is([id*="tile"i]) *, div[id*="_Panel_"i]:is([id*="calltoaction"i]) *):not(.outline-row *) {
color: white !important;background: transparent !important;
}

.row:has([id*="ste_container_"i][id*="tertiaryrow" i]) {
    padding: var(--padding) calc(var(--width-var) / 2) !important;
}

.row:has([id*="ste_container_"i][id*="greyrow" i]) > div {
    /* padding-top: var(--padding); */
    /* padding-bottom: var(--padding); */
    background: transparent !important;
}

.row:has([id*="ste_container_"i][id*="greyrow" i]) [class*="bg-" i] {
    background: transparent;
}

.row:has([id*="ste_container_"i][id*="greyrow" i]) {
    background: var(--grey-color);
    margin: 0 !important;
  border-radius: calc(var(--border-radius) * 4);
  overflow: hidden;
}

@media (max-width: 767.98px) {
    .row:has([id*="ste_container_"i][id*="greyrow" i]) {
        border-radius: var(--border-radius);
    }
}

.row:has([id*="ste_container_"i][id*="greyrow" i]) *:is(body, h1, h2, h3, h4, h5, h6, p, p a:not(.button, .Button), li):not(div[id*="_Panel_"i]:is([id*="tile"i]) *, div[id*="_Panel_"i]:is([id*="calltoaction"i]) *) {
    /* color: white !important; */
}

.row:has([id*="ste_container_"i][id*="greyrow" i]) {
    padding: var(--padding) calc(var(--width-var) / 2) !important;
}
 
#masterContentArea .col-primary > div > div > div.row:is(.outline-row) {
    /* margin: 0 auto !important; */
    /* background: transparent; */
    /* max-width: calc(var(--desiredwidth-var) + var(--padding) * 3) !important; */
    /* padding: 0 calc(var(--padding) / 2) !important; */
}

#masterContentArea .col-primary > div > div > div.row:is(.outline-row) > div {
    margin: calc(var(--padding) * 1.75) auto !important;
    padding: var(--padding) calc(var(--padding) *2 ) !important;
    max-width: 100% !important;
    border-radius: var(--border-radius);
}

#masterContentArea .col-primary > div > div > div.row:is(.outline-row):has([id*="ste_container_"i][id*="tertiaryrow" i]) > div {
    box-shadow: inset 0 0 0 0.1rem var(--tertiary-color);
}

#masterContentArea .col-primary > div > div > div.row:is(.outline-row):has([id*="ste_container_"i][id*="primaryrow" i]) > div {
    box-shadow: inset 0 0 0 0.1rem var(--primary-color);
}

#masterContentArea .col-primary > div > div > div.row:is(.outline-row):has([id*="ste_container_"i][id*="secondaryrow" i]) > div {
    box-shadow: inset 0 0 0 0.1rem var(--secondary-color);
}

#masterContentArea .col-primary > div > div > div.row:is(.outline-row):has([id*="ste_container_"i][id*="greyrow" i]) > div {
    box-shadow: inset 0 0 0 0.1rem var(--grey-color);
}

 
/******************* page banners *******************/
div[id*="ste_container_"i][id*="agebanner"i] .carousel:has(.item:first-child:last-child) .carousel-caption {
    max-width: var(--desiredwidth-var);
    margin: auto !important;
    padding: var(--banner-padding);
    width: 100%;
}

div[id*="ste_container_"i][id*="agebanner"i] {
    margin-bottom: 0;
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i])>div {
    padding: var(--padding);
    display: flex;
    align-items: center;
    background: var(--grey-color);
    border-radius: var(--button-border-radius);
    overflow: hidden;
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]) {
    align-items: stretch;
    margin: calc(var(--padding)/1) auto calc(var(--padding)/1) auto !important;
    /* max-width: calc(100svw - calc(var(--padding) * 1.5)) !important; */
    padding: 0 calc(var(--width-var) / 2 + 1.5rem) !important;
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i])>div {
    margin: 0 !important;
}

.HeaderRow[id*="_Panel_"i][id*="PageHeading"i][id*="Primary"i] > div {
    /* padding-top: var(--padding); */
    /* padding-bottom: var(--padding); */
    /* background: transparent !important; */
}

.HeaderRow[id*="_Panel_"i][id*="PageHeading"i][id*="Primary"i] [class*="bg-" i] {
    background: transparent;
}

.HeaderRow[id*="_Panel_"i][id*="PageHeading"i] {
    background: var(--grey-color);
    margin: 0 !important;
    border-radius: calc(var(--border-radius) * 4);
    background-image: url(/App_Themes/_ANMEC_Theme/images/svg/grain-texture-25.png) !important;
}

@media (max-width: 992.98px) {
    .HeaderRow[id*="_Panel_"i][id*="PageHeading"i] {
        border-radius: var(--border-radius);
    }
}

.HeaderRow[id*="_Panel_"i][id*="PageHeading"i][id*="Primary"i] {
    background: var(--primary-color);
    margin: 0 !important;
}

.HeaderRow[id*="_Panel_"i][id*="PageHeading"i][id*="Primary"i] *:is(body, h1, h2, h3, h4, h5, h6, p, p a:not(.button, .Button), li) {
    color: white !important;
}

.HeaderRow[id*="_Panel_"i][id*="PageHeading"i][id*="Secondary"i] > div {
    padding-top: var(--padding);
    padding-bottom: var(--padding);
    background: transparent !important;
}

.HeaderRow[id*="_Panel_"i][id*="PageHeading"i][id*="Secondary"i] [class*="bg-" i] {
    background: transparent;
}

.HeaderRow[id*="_Panel_"i][id*="PageHeading"i][id*="Secondary"i] {
    background: var(--secondary-color);
    margin: 0 !important;
}

.HeaderRow[id*="_Panel_"i][id*="PageHeading"i][id*="Secondary"i] *:is(body, h1, h2, h3, h4, h5, h6, p, p a:not(.button, .Button), li) {
    color: white !important;
}

.HeaderRow[id*="_Panel_"i][id*="PageHeading"i][id*="Tertiary"i] > div {
    padding-top: var(--padding);
    padding-bottom: var(--padding);
    background: transparent !important;
}

.HeaderRow[id*="_Panel_"i][id*="PageHeading"i][id*="Tertiary"i] [class*="bg-" i] {
    background: transparent;
}

.HeaderRow[id*="_Panel_"i][id*="PageHeading"i][id*="Tertiary"i] {
    background: var(--tertiary-color);
    margin: 0 !important;
}

.HeaderRow[id*="_Panel_"i][id*="PageHeading"i][id*="Tertiary"i] *:is(body, h1, h2, h3, h4, h5, h6, p, p a:not(.button, .Button), li) {
    color: white !important;
}
 
@media (min-width: 1440.98px) and (max-width: 1660.98px) {
    .row:has(div[id*="ste_container_"i][id*="agebanner"i]) {
        /* align-items: stretch; */ /* margin: calc(var(--padding)/1) auto calc(var(--padding)/1) auto !important; */ padding: 0 calc(var(--bs-gutter-x) * 0.5) !important;
        justify-content: center;
    }
}

@media (min-width: 992.98px) and (max-width: 1440.98px) {
    .row:has(div[id*="ste_container_"i][id*="agebanner"i]) {
        align-items: stretch;
        margin: calc(var(--padding)/1) auto calc(var(--padding)/1) auto !important;
        max-width: calc(100svw - calc(var(--padding) * 2)) !important;
    }
}

@media (max-width: 992.98px) {
    .row:has(div[id*="ste_container_"i][id*="agebanner"i])>div:not(:first-child) {
        padding-top: 0;
    }

    .row:has(div[id*="ste_container_"i][id*="agebanner"i]) {
        max-width: calc(100svw - calc(var(--padding) * 1)) !important;
        padding: 0 calc(var(--bs-gutter-x) * 0.5) !important;
    }
}

.iMIS-WebPart:has([id*="_Panel_"i] > img:first-child:last-child) {
    margin: 0 !important;
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has(.iMIS-WebPart [id*="_Panel_"i] > img:first-child:last-child)>div:has(img) {
    padding: 0;
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]) img {
    width: 100%;
}

div#masterMainBreadcrumb {
    display: none;
}

.HeaderRow[id*="_Panel_"i][id*="PageHeading"i]:has(.coursedetails)>div>div {
    background: #fff0;
}

.HeaderRow[id*="_Panel_"i][id*="PageHeading"i]:has(.coursedetails) h1 {
    margin-bottom: 3rem;
}

.HeaderRow[id*="_Panel_"i][id*="PageHeading"i]:has(.coursedetails) .coursedetails {
    background: var(--white-color);
    padding: var(--padding);
    border-radius: var(--border-radius);
}

.HeaderRow[id*="_Panel_"i][id*="PageHeading"i]:has(.coursedetails)>div>div table td {
    padding: calc(var(--padding) / 4);
    vertical-align: top;
}

.HeaderRow[id*="_Panel_"i][id*="PageHeading"i]:has(.coursedetails)>div>div table td:first-child {
    white-space: nowrap;
}

body#MainBody .HeaderRow[id*="_Panel_"i][id*="PageHeading"i]:has(.coursedetails)>div>div table p {
    color: var(--dark-color) !important;
}

body#MainBody .HeaderRow[id*="_Panel_"i][id*="PageHeading"i]:has(.coursedetails)>div>div table td:first-child,
body#MainBody .HeaderRow[id*="_Panel_"i][id*="PageHeading"i]:has(.coursedetails)>div>div table td:first-child>p {
    color: var(--secondary-color) !important;
}

.HeaderRow[id*="_Panel_"i][id*="PageHeading"i]:has(.coursedetails)>div>div table td>p:last-child {
    margin-bottom: 0;
}

@media (min-width: 991.98px) {
    .HeaderRow[id*="_Panel_"i][id*="PageHeading"i]:has(.coursedetails)>div {
    display: flex;
    gap: var(--padding);
}

    .HeaderRow[id*="_Panel_"i][id*="PageHeading"i]:has(.coursedetails)>div>div:first-child {
        width: calc(66.66666666666666666% - calc(var(--padding) / 2));
    }

    .HeaderRow[id*="_Panel_"i][id*="PageHeading"i]:has(.coursedetails) .coursedetails {
        width: calc(33.33333333333333333% - calc(var(--padding) / 2));
    }

    .HeaderRow[id*="_Panel_"i][id*="PageHeading"i]:has(.coursedetails) a[class*="button"i] + a[class*="button"i] {
        margin-left: 1rem;
    }
}

@media (max-width: 767.98px) {
    .HeaderRow[id*="_Panel_"i][id*="PageHeading"i]:has(.coursedetails) a[class*="button"i] {
        display: block;
        margin-bottom: 1rem;
    }
}

.HeaderRow[id*="_Panel_"i][id*="PageHeading"i][id*="Primary"i] a[class*="button"i] {
    background: var(--white-color);
    color: var(--dark-color);
}

/******** Standard Carousel styling *********/
div[id*="ciHomepageCarousel"].carousel {
    position: relative;
    min-height: 400px;
    display: flex;
    border-radius: calc(var(--border-radius) *4);
    overflow: hidden;
}

div[id*="HomepageCarousel_SlideshowControls"] {
    display: flex;
    position: absolute;
    top: 50%;
    width: calc(100% - var(--padding));
    height: 40px;
    justify-content: space-between;
    /* padding: 0 2rem; */
    z-index: 0;
    margin-left: calc(var(--padding) / 2);
}

ol.carousel-indicators {
    display: none;
}

/************ Homepage Carousel START *************/
div#ste_container_ciCarousel .panel-body {
    padding: 0;
}

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

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

.row.carousel-row > div {
    max-width: 100% !important;
}

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

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

div#masterContentArea .col-primary>div>div>div.row.carousel-row .iMIS-WebPart > .ContentItemContainer {
    margin-bottom: 0;
}

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

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

.carousel-row .carousel-inner.bg-img .item {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: none;
}

.carousel-row .carousel-inner {
    background: var(--grey-color);
    /* background: var(--primary-color); */
    max-width: 100%;
}

@media (max-width: 881.98px) {
    .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: 881.98px) {
    .carousel-row .carousel-inner.bg-img .item {
        height: -moz-calc(48vh - 11rem) !important;
        height: -webkit-calc(48vh - 11rem) !important;
        height: calc(48vh - 11rem) !important;
    }
}

@media (max-width: 881.98px) {
    .carousel-row .carousel-inner.bg-img .item {
        height: -moz-calc(70rem - 0px) !important;
        height: -webkit-calc(70rem - 0px) !important;
        height: calc(70rem - 0px) !important;
    }
}

@media (min-width: 881.98px) {
    .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: 1500.98px) {
    .carousel-row .carousel-inner.bg-img .item {
        max-height: 57rem;
        max-width: 100%;
        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;
    flex-flow: wrap;
    max-width: 100%;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 1fr;
}

.carousel-row .carousel-inner.bg-img .item > .carousel-caption > div {
    display: flex;
    flex-flow: wrap;
    margin: auto;
    width: 35%;
    height: 100%;
    padding: 0;
    align-content: center;
    padding: 0 8rem 0 clamp(1.5rem,calc(var(--width-var) / 2),calc(var(--width-var) / 2));
}

@media (max-width: 156.9rem) {
    .carousel-row .carousel-inner.bg-img .item > .carousel-caption > div {
        padding: 0 8rem;
    }
}

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

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

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

.carousel-row .carousel-inner.bg-img .item > .carousel-caption > div:nth-of-type(1) {
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
        background-image: url(/App_Themes/_ANMEC_Theme/images/svg/grain-texture-25.png);
}


.carousel-row .carousel-inner.bg-img .item.secondary > .carousel-caption > div:nth-of-type(1) {
    background-color: var(--secondary-color);
}

.carousel-row .carousel-inner.bg-img .item.tertiary > .carousel-caption > div:nth-of-type(1) {
    background-color: var(--tertiary-color);
}

.carousel-row .carousel-inner.bg-img .item > .carousel-caption > div:nth-of-type(1) * {
    color: var(--white-color);
}

.carousel-row .carousel-inner.bg-img .item > .carousel-caption > div:nth-of-type(2) {
    width: 100%;
    /* padding: 0; */
    padding-left: 0;
    padding: 0 clamp(1.5rem, calc(var(--width-var) / 2), calc(var(--width-var) / 2)) 0 8rem;
    height: auto;
    padding: 0;
    height: 100%;
}

.carousel-row .carousel-inner.bg-img .item > .carousel-caption > div:nth-of-type(2) img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center center;
    border-radius: 0;
}

.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-row .carousel-inner.bg-img .item.text-right > .carousel-caption > div:nth-of-type(1) {
    order: 1;
}

.carousel-row .carousel-inner.bg-img .item.text-right > .carousel-caption > div:nth-of-type(1) > div {
    margin-left: 0;
    margin-right: auto;
    padding-right: 8rem;
    padding-left: 2rem;
}

.carousel-row .carousel-inner.bg-img .item.text-right > .carousel-caption > div:nth-of-type(2) {
}

.carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5, .carousel p {
    width: 100%;
    color: #ffffff !important;
    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 {
    background-image: none !important;
    opacity: 1 !important;
    max-width: 3rem;
    margin: 0;
    height: 3rem !important;
}

.carousel-control .icon-prev, .carousel-control .icon-next {
    margin: auto 0 auto auto;
    left: 0;
    height: 3rem;
    width: 3rem;
    /* margin-top: -2.5rem; */
    transition: all .2s ease-in-out;
    top: 0 !important;
    background: white;
    /* box-shadow: var(--box-shadow); */
    border-radius: 50%;
}

.carousel-row .carousel-control .icon-next {
    right: 0;
}

.carousel-caption h1 {
    font-size: 4.2rem;
    color: #ffffff;
    margin-bottom: 1rem !important;
}

.carousel-caption h2 {
    font-weight: 100;
    color: #fff;
    font-size: 2.6rem;
}

.carousel-caption h3 {
    font-weight: 600;
    color: #ffffff;
    margin-top: 0;
}

.carousel-caption h4 {
    color: #ffffff;
    font-size: 1.8rem;
}

.carousel-caption p {
    font-size: 1.6rem;
    color: #ffffff;
    text-shadow: 0px 0px 0px #ffffff;
    line-height: 1.4;
    margin-bottom: 1.5rem;
}

.carousel-caption a.Button {
    margin-top: 1rem;
    background: var(--white-color) !important;
    color: var(--dark-color) !important;
    /* box-shadow: 0px 0px 0 0.1rem #ffffff91 !important; */
}

.carousel-caption a.Button:hover {
    background: var(--primary-alt-light) !important;
     overflow: overlay;
    /* box-shadow: 0px 0px 0 0.1rem #ffffff91 !important; */
}

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

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

.carousel-row .carousel-inner.bg-img .item > .carousel-caption > 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: 1200.98px) {
    .carousel-row .carousel-inner.bg-img .item > .carousel-caption > div {
        padding: 4rem 8rem;
    }
}

@media (max-width: 881.98px) {
    .carousel-row .carousel-inner.bg-img .item > .carousel-caption {
        flex-flow: column;
        grid-template-columns: 1fr;
        grid-template-rows: 50% 50%;
    }

    .carousel-row .carousel-inner.bg-img .item > .carousel-caption > div {
        width: 100% !important;
        padding: var(--padding) !important;
        align-items: flex-end;
        background: transparent;
        height: 100%;
    }

    .carousel-row .carousel-inner.bg-img .item > .carousel-caption > div:nth-of-type(2) {
        height: 100%;
        order: -1;
        padding: 0 !important;
        /* margin: 0; */
    }

    .carousel-row .carousel-inner.bg-img .item > .carousel-caption > div:nth-of-type(1) {
        margin-bottom: 0;
        height: 100%;
        text-align: left !important;
        /* background: var(--primary-color); */
        padding: var(--padding) !important;
        margin: 0;
    }

    .carousel-row .carousel-inner.bg-img .item > .carousel-caption > div {
        width: 100%;
    }

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

    .carousel-row .carousel-control .icon-next {
        right: auto;
        left: 0;
    }

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

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

    .carousel-caption h1 {
        font-size: 2.4rem;
    }

    .carousel-caption h3 {
        font-size: 2rem;
    }

    .carousel-caption h4 {
        font-size: 1.6rem;
    }

    .carousel-caption p {
    }

    .carousel-caption a.Button {
    }
}

.pull-right div {
    margin: auto;
}

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

div#masterContentArea {
    padding: 0;
}

a.carousel-control {
    color: white !important;
}

.carousel-control .icon-prev:before, .carousel-control .icon-next:before {
    height: 3rem !important;
    display: block;
    /* color: var(--secondary-alt-dark); */
    background: var(--arrow-down);
    transform: rotate(270deg);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
    filter: var(--secondary-image-filter);
    content: '';
}

.carousel-control .icon-prev:before {
    transform: rotate(90deg);
}

@media (max-width: 1500.98px) {
    div[id*="HomepageCarousel_SlideshowControls"] {
        top: 90%;
    }

    div[id*="ciHomepageCarousel"].carousel {
    border-radius: var(--border-radius);
}
}

@media (max-width: 881.98px) {
    div[id*="HomepageCarousel_SlideshowControls"] {
        display: flex;
        top: calc(100% - 3rem - var(--padding));
        display: flex;
        justify-content: flex-end;
        right: calc(3rem - var(--padding));
    }
}

/************ Homepage Carousel END *************/
.carousel-row .carousel-inner.bg-img >.item:has(> div> div:nth-of-type(2) img) {
 }
 

.carousel-row .carousel-inner.bg-img >.item.primary-bg:has(> div> div:nth-of-type(2) img) {
    background: var( --primary-color) !important;
}

.carousel-row .carousel-inner.bg-img >.item.secondary-bg:has(> div> div:nth-of-type(2) img) {
    background: var( --secondary-color) !important;
}

.carousel-row .carousel-inner.bg-img >.item.tertiary-bg:has(> div> div:nth-of-type(2) img) {
    background: var( --tertiary-color) !important;
}