/****************************************/
/****************************************/
/** Law Society of South Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - Pre EMS template - 21 August 2024
 *  Version: 2 - EMS upgraded template - 17 September 2024
 *  Version: 3 - EMS upgraded template Go Live - 25 March 2025
 *
 * 
 *  Document contains changes to Banners
 *
 *
*/
/****************************************/
/****************************************/
.iMIS-WebPart > div[id*="ste_container_"][id*="age"][id*="eading"] {
  display: none !important;
}
/************ Content page banner START *************/
div#masterContentArea .col-primary > div > div > div > div.row.grey-row {
  background: var(--grey-alt-dark);
}

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

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

div.row.primary-row div[id*="_Panel_"] > * {
  color: var(--elder-sandstone);
  background: none;
  -webkit-text-fill-color: initial;
}
div.row.secondary-row div[id*="_Panel_"] > * {
  color: var(--black-color);
  background: none;
  -webkit-text-fill-color: initial;
}

div.row.primary-row div[id*="_Panel_"] a[class*="utton"] {
  background: var(--secondary-color);
  color: var(--dark-color);
}

div.row.primary-row div[id*="_Panel_"] a[class*="utton"]:hover {
  box-shadow: 2px 2px 0 0rem var(--primary-color),
    4px 4px 0 0rem var(--secondary-color);
}

div.row.secondary-row div[id*="_Panel_"] a[class*="utton"] {
  /* background: var(--secondary-color); */
  /* color: var(--dark-color); */
}

div.row.secondary-row div[id*="_Panel_"] a[class*="utton"]:hover {
  box-shadow: 2px 2px 0 0rem var(--secondary-color),
    4px 4px 0 0rem var(--primary-color);
}

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

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

.row.primary-row:has(
    .iMIS-WebPart > div[id*="ste_container_"][id*="age"][id*="eading"]
  ) {
  display: none;
}
.row.secondary-row:has(
    .iMIS-WebPart > div[id*="ste_container_"][id*="age"][id*="eading"]
  ) {
  display: none;
}

.row.grey-row:has(
    .iMIS-WebPart > div[id*="ste_container_"][id*="age"][id*="eading"]
  ) {
  display: none;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="rey"].HeaderRow {
  background: var(--grey-alt-dark);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="rimary"].HeaderRow {
  background: var(--primary-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="econdary"].HeaderRow {
  background: var(--secondary-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="rimary"].HeaderRow * {
  color: var(--elder-sandstone);
  background: none;
  -webkit-text-fill-color: initial;
}
div[id*="_Panel_"][id*="age"][id*="eading"][id*="econdary"].HeaderRow * {
  color: var(--dark-color);
  background: none;
  -webkit-text-fill-color: initial;
}
div[id*="_Panel_"][id*="age"][id*="eading"][id*="rimary"].HeaderRow
  a:not([class*="utton"]) {
  color: var(--elder-sandstone) !important;
}
div[id*="_Panel_"][id*="age"][id*="eading"][id*="econdary"].HeaderRow
  a:not([class*="utton"]) {
  color: var(--dark-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="rimary"].HeaderRow
  a[class*="utton"] {
  background: var(--secondary-color);
  color: var(--dark-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="rimary"].HeaderRow
  a[class*="utton"]:hover {
  box-shadow: 2px 2px 0 0rem var(--primary-color),
    4px 4px 0 0rem var(--secondary-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="econdary"].HeaderRow
  a[class*="utton"] {
  /* background: var(--secondary-color); */
  /* color: var(--dark-color); */
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="econdary"].HeaderRow
  a[class*="utton"]:hover {
  box-shadow: 2px 2px 0 0rem var(--secondary-color),
    4px 4px 0 0rem var(--primary-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"] {
  background: var(--grey-color);
  background: var(--white-color);
}

.HeaderRow {
  --desiredwidth-var: 131.5rem;
  --width-var: calc(100vw - var(--desiredwidth-var));
  --fullwidth-var: calc(100%);
  --currentwidth-var: calc(100vw);
}

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

.HeaderRow h1 {
  margin-top: 0;
  font-weight: 600;
}

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

@media (max-width: 1200.98px) {
  div#masterContentArea .col-primary .row.full {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
}
@media (max-width: 992.98px) {
  .HeaderRow > div {
    padding: var(--padding) calc(var(--padding) / 1);
  }
}
/* Honeyeater Yellow */
div[id*="_Panel_"][id*="age"][id*="eading"][id*="oney"][id*="ater"][id*="ellow"] {
  background: var(--honeyeater-yellow);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="oney"][id*="ater"][id*="ellow"]
  a:not([class*="utton"]) {
  color: var(--primary-color) !important;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="oney"][id*="ater"][id*="ellow"]
  a[class*="utton"]:hover {
  box-shadow: 2px 2px 0 0rem var(--honeyeater-yellow),
    4px 4px 0 0rem var(--primary-color);
}

/* Heritage Green */
div[id*="_Panel_"][id*="age"][id*="eading"][id*="eritage"][id*="reen"] {
  background: var(--heritage-green);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="eritage"][id*="reen"]
  a:not([class*="utton"]) {
  color: var(--primary-color) !important;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="eritage"][id*="reen"]
  a[class*="utton"]:hover {
  box-shadow: 2px 2px 0 0rem var(--heritage-green),
    4px 4px 0 0rem var(--primary-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="eritage"][id*="reen"].HeaderRow
  * {
  color: var(--elder-sandstone);
  background: none;
  -webkit-text-fill-color: initial;
}
div[id*="_Panel_"][id*="age"][id*="eading"][id*="eritage"][id*="reen"]
  a:not([class*="utton"]) {
  color: var(--elder-sandstone) !important;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="eritage"][id*="reen"].HeaderRow
  a[class*="utton"] {
  background: var(--secondary-color);
  color: var(--dark-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="eritage"][id*="reen"].HeaderRow
  a[class*="utton"]:hover {
  box-shadow: 2px 2px 0 0rem var(--primary-color),
    4px 4px 0 0rem var(--secondary-color);
}

/* Elder Sandstone */
div[id*="_Panel_"][id*="age"][id*="eading"][id*="lder"][id*="and"][id*="tone"] {
  background: var(--elder-sandstone);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="lder"][id*="and"][id*="tone"]
  a:not([class*="utton"]) {
  color: var(--elder-sandstone) !important;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="lder"][id*="and"][id*="tone"]
  a[class*="utton"]:hover {
  box-shadow: 2px 2px 0 0rem var(--elder-sandstone),
    4px 4px 0 0rem var(--primary-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="lder"][id*="and"][id*="tone"].HeaderRow
  a[class*="utton"] {
  background: var(--primary-color);
  color: var(--secondary-color) !important;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="lder"][id*="and"][id*="tone"].HeaderRow
  a[class*="utton"]:hover {
  box-shadow: 2px 2px 0 0rem var(--elder-sandstone),
    4px 4px 0 0rem var(--primary-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="lder"][id*="and"][id*="tone"]
  * {
  color: var(--primary-color);
  background: none;
  -webkit-text-fill-color: initial;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="lder"][id*="and"][id*="tone"]
  a:not([class*="utton"]) {
  color: var(--primary-color) !important;
}

/* Kuitpo Green */
div[id*="_Panel_"][id*="age"][id*="eading"][id*="uitpo"][id*="reen"] {
  background: var(--kuitpo-green);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="uitpo"][id*="reen"]
  a:not([class*="utton"]) {
  color: var(--elder-sandstone) !important;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="uitpo"][id*="reen"]
  a[class*="utton"]:hover {
  box-shadow: 2px 2px 0 0rem var(--kuitpo-green),
    4px 4px 0 0rem var(--primary-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="uitpo"][id*="reen"].HeaderRow
  a[class*="utton"] {
  background: var(--secondary-color);
  color: var(--primary-color) !important;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="uitpo"][id*="reen"].HeaderRow
  a[class*="utton"]:hover {
  box-shadow: 2px 2px 0 0rem var(--kuitpo-green),
    4px 4px 0 0rem var(--secondary-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="uitpo"][id*="reen"] * {
  color: var(--elder-sandstone);
  background: none;
  -webkit-text-fill-color: initial;
}

/* parrotpeared */

div[id*="_Panel_"][id*="age"][id*="eading"][id*="arrot"][id*="ea"][id*="ed"] {
  background: var(--parrot-pea-red);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="arrot"][id*="ea"][id*="ed"]
  a:not([class*="utton"]) {
  color: var(--primary-color) !important;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="arrot"][id*="ea"][id*="ed"]
  a[class*="utton"]:hover {
  box-shadow: 2px 2px 0 0rem var(--parrot-pea-red),
    4px 4px 0 0rem var(--primary-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"] a:not([class*="utton"]) {
  text-decoration: underline !important;
}

/************ Content page banner END *************/

/************ Carousel Banners START *************/

.row:has(.WebPartZone.heritagegreen) {
  background: var(--primary-color);
  padding: var(--padding) calc(var(--width-var) * 0) !important;
  /* width: calc(var(--fullwidth-var)* 1); */
  max-width: calc(var(--desiredwidth-var) * 1) !important;
  margin: calc(var(--padding) + 1rem) auto !important;
  display: flex;
  align-items: center;
  & *:not(.Button, button) {
    color: var(--secondary-color) !important;
  }

  & h1,
  & .h1,
  & .PageTitle {
    font-size: 4.5rem;
    font-weight: 700;
    letter-spacing: -0em;
  }

  & h2,
  & .h2,
  & .PanelTitle {
    font-size: 3.2rem;
    font-weight: 600;
    letter-spacing: -0em;
    border: none !important;
  }

  & h3,
  & .h3,
  & .SectionTitle {
    font-size: 2.7rem;
    font-weight: 600;
    letter-spacing: -0em;
  }

  & h4,
  & .h4,
  & .SectionLabel {
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: -0em;
  }

  & h5,
  & .h5 {
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -0em;
  }

  & h6 {
    font-size: 2.2rem;
    margin-bottom: 1rem;
    letter-spacing: 0.1em;
    font-weight: 500;
    text-transform: uppercase;
  }

  :is(.col-primary *):is( body a, p a, .iMIS-WebPart div[id*="_Panel_"] a, p a ): not(.Button):not(.button):not(.PrimaryButton):not(.TextButton):not( .btn ):not(.rcCalPopup):not(.rgHeader a):not(div[id*="AddToCartDiv"] a), body div[id*="_Panel_"] p a:not(.Button):not(.button):not(.PrimaryButton):not(.TextButton):not( .btn ):not(.rcCalPopup), body div[id*="_Panel_"] a:not(.Button):not(.button):not(.PrimaryButton):not(.TextButton):not( .btn ):not(.rcCalPopup) {
    color: var(--secondary-color);
    text-decoration: underline;
  }
  & a[class*="econdary"][class*="utton"]:is(:hover, :active, :focus) {
    box-shadow: 2px 2px 0 0rem var(--heritage-green),
      4px 4px 0 0rem var(--elder-sandstone);
  }
}

@media (max-width: 992.98px) {
  .row:has(.WebPartZone.heritagegreen) {
    display: flex;

    flex-direction: column;
  }
}

/************ Carousel Banners END *************/

/* Honeyeater Yellow */
div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.honeyeateryellow-row {
  background: var(--honeyeater-yellow);
}
div.row.honeyeateryellow-row div[id*="_Panel_"] > * {
  color: var(--black-color);
  background: none;
  -webkit-text-fill-color: initial;
}

div.row.honeyeateryellow-row div[id*="_Panel_"] a[class*="utton"]:hover {
  box-shadow: 2px 2px 0 0rem var(--honeyeater-yellow),
    4px 4px 0 0rem var(--primary-color);
}

.row.honeyeateryellow-row:has(
    .iMIS-WebPart > div[id*="ste_container_"][id*="age"][id*="eading"]
  ) {
  display: none;
}

/* Heritage Green */
div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.heritagegreen-row {
  background: var(--primary-color);
}
div.row.heritagegreen-row div[id*="_Panel_"] > * {
  color: var(--elder-sandstone);
  background: none;
  -webkit-text-fill-color: initial;
}

div.row.heritagegreen-row div[id*="_Panel_"] a[class*="utton"] {
  background: var(--secondary-color);
  color: var(--black-color);
}

div.row.heritagegreen-row div[id*="_Panel_"] a[class*="utton"]:hover {
  box-shadow: 2px 2px 0 0rem var(--primary-color),
    4px 4px 0 0rem var(--secondary-color);
}

.row.heritagegreen-row:has(
    .iMIS-WebPart > div[id*="ste_container_"][id*="age"][id*="eading"]
  ) {
  display: none;
}

/* Elder Sandstone */
div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.eldersandstone-row {
  background: var(--elder-sandstone);
}
div.row.eldersandstone-row div[id*="_Panel_"] > * {
  color: var(--black-color);
  background: none;
  -webkit-text-fill-color: initial;
}

div.row.eldersandstone-row div[id*="_Panel_"] a[class*="utton"]:hover {
  box-shadow: 2px 2px 0 0rem var(--elder-sandstone),
    4px 4px 0 0rem var(--primary-color);
}

.row.eldersandstone-row:has(
    .iMIS-WebPart > div[id*="ste_container_"][id*="age"][id*="eading"]
  ) {
  display: none;
}

/* Parrot Pea Red */
div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.parrotpeared-row {
  background: var(--parrot-pea-red);
}
div.row.parrotpeared-row div[id*="_Panel_"] > * {
  color: var(--black-color);
  background: none;
  -webkit-text-fill-color: initial;
}

div.row.parrotpeared-row div[id*="_Panel_"] a[class*="utton"]:hover {
  box-shadow: 2px 2px 0 0rem var(--parrot-pea-red),
    4px 4px 0 0rem var(--primary-color);
}

.row.parrotpeared-row:has(
    .iMIS-WebPart > div[id*="ste_container_"][id*="age"][id*="eading"]
  ) {
  display: none;
}

/* Kuitpo Green */
div#masterContentArea .col-primary > div > div > div > div.row.kuitpogreen-row {
  background: var(--kuitpo-green);
}
div.row.kuitpogreen-row div[id*="_Panel_"] > * {
  color: var(--secondary-color);
  background: none;
  -webkit-text-fill-color: initial;
}
div.row.kuitpogreen-row div[id*="_Panel_"] a[class*="utton"] {
  background: var(--secondary-color);
  color: var(--kuitpo-green);
}

div.row.kuitpogreen-row div[id*="_Panel_"] a[class*="utton"]:hover {
  box-shadow: 2px 2px 0 0rem var(--kuitpo-green),
    4px 4px 0 0rem var(--secondary-color);
}

.row.kuitpogreen-row:has(
    .iMIS-WebPart > div[id*="ste_container_"][id*="age"][id*="eading"]
  ) {
  display: none;
}

/************ Homepage Carousel START *************/

/************ Homepage Carousel END *************/

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row[class="row"]:nth-child(1) {
  padding-top: var(--padding) !important;
}

#masterContentArea
  .row:has(> div:is(:first-child, :last-child)):not(:has(.WebPartZone > *))
  + .row[class="row"]:not(.RadMultiPage *) {
  padding-top: var(--padding) !important;
}

#masterContentArea
  .row:is(div#mainContentWrapper > div > div):has(
    > div:is(:first-child, :last-child)
  ):not(:has(.WebPartZone > *)) {
  display: none;
}

#masterContentArea
  .row:is(.RadMultiPage .rmpView > div > div > div):has(
    > div:is(:first-child, :last-child)
  ):not(:has(.WebPartZone > *)) {
  display: none;
}

#masterContentArea
  .row:has(> div:first-child:last-child):has(
    .iMIS-WebPart:first-child:last-child
      > div[id*="ste_container_"][id*="age"][id*="eading"]
  ) {
  display: none;
}

#masterContentArea
  .row:has(> div:is(:first-child, :last-child)):has(
    .iMIS-WebPart > div[id*="ste_container_"][id*="age"][id*="eading"]
  )
  + .row {
  padding-top: var(--padding) !important;
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row[class="row"]:nth-child(1):not(
    :has(.iMIS-WebPart > div[id*="ste_container_"] > div > *)
  ) {
  display: none;
}

#masterContentArea div[style="clear: both;"]:not(:has(> *)) {
  /* display: none !important; */
}
div[id*="_Panel_"] + div:not(:has(> *)) {
  display: none !important;
}
div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row:has(.hideThisZone) {
  display: none;
}