/****************************************/
/****************************************/
/** 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 CTA
 *
 *
*/
/****************************************/
/****************************************/
div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"]) {
  padding: var(--padding);
  background: var(--primary-color);
  border-radius: var(--border-radius);
  margin-bottom: 0.5rem;
  flex-grow: 0 !important;
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])
  a:not(
    [class*="utton"],
    [id*="oney"][id*="ater"][id*="ellow"] *,
    [id*="eritage"][id*="reen"] *,
    [id*="rey"] *,
    [id*="lder"][id*="and"][id*="tone"] *,
    [id*="uitpo"][id*="reen"] *,
    [id*="arrot"][id*="ea"][id*="ed"] *
  ) {
  color: var(--elder-sandstone) !important;
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"]) a[class*="utton"] {
  background: var(--secondary-color);
  color: var(--dark-color);
}

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

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"]) > *:last-child:not(div) {
  margin-bottom: 0;
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"]) *:not([class*="utton"]),
div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"]) {
  color: var(--secondary-color);
}

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

div[id*="_Panel_"]:is(
    [id*="Tile"],
    [id*="tile"]
  )[id*="oney"][id*="ater"][id*="ellow"] {
  background: var(--honeyeater-yellow);
}

div[id*="_Panel_"]:is(
    [id*="Tile"],
    [id*="tile"]
  )[id*="oney"][id*="ater"][id*="ellow"]
  * {
  color: var(--primary-color) !important;
}

div[id*="_Panel_"]:is(
    [id*="Tile"],
    [id*="tile"]
  )[id*="oney"][id*="ater"][id*="ellow"]
  [class*="utton"] {
  background: var(--primary-color);
  color: var(--secondary-color) !important;
}

div[id*="_Panel_"]:is(
    [id*="Tile"],
    [id*="tile"]
  )[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_"]:is([id*="Tile"], [id*="tile"])[id*="eritage"][id*="reen"] {
  background: var(--heritage-green);
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])[id*="eritage"][id*="reen"] * {
  color: var(--primary-color) !important;
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])[id*="eritage"][id*="reen"]
  [class*="utton"] {
  background: var(--primary-color);
  color: var(--secondary-color) !important;
}

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

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

div[id*="_Panel_"]:is(
    [id*="Tile"],
    [id*="tile"]
  )[id*="lder"][id*="and"][id*="tone"]
  * {
  color: var(--primary-color) !important;
}

div[id*="_Panel_"]:is(
    [id*="Tile"],
    [id*="tile"]
  )[id*="lder"][id*="and"][id*="tone"]
  [class*="utton"] {
  background: var(--primary-color);
  color: var(--secondary-color) !important;
}

div[id*="_Panel_"]:is(
    [id*="Tile"],
    [id*="tile"]
  )[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);
}

/* Parrot Pea Red */
div[id*="_Panel_"]:is(
    [id*="Tile"],
    [id*="tile"]
  )[id*="arrot"][id*="ea"][id*="ed"] {
  background: var(--parrot-pea-red);
}

div[id*="_Panel_"]:is(
    [id*="Tile"],
    [id*="tile"]
  )[id*="arrot"][id*="ea"][id*="ed"]
  * {
  color: var(--primary-color) !important;
}

div[id*="_Panel_"]:is(
    [id*="Tile"],
    [id*="tile"]
  )[id*="arrot"][id*="ea"][id*="ed"]
  [class*="utton"] {
  background: var(--primary-color);
  color: var(--secondary-color) !important;
}

div[id*="_Panel_"]:is(
    [id*="Tile"],
    [id*="tile"]
  )[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);
}

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

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])[id*="uitpo"][id*="reen"] * {
  color: var(--secondary-color) !important;
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])[id*="uitpo"][id*="reen"]
  [class*="utton"] {
  background: var(--secondary-color);
  color: var(--primary-color) !important;
}

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

/* grey */
div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])[id*="rey"] {
  background: var(--grey-alt-dark);
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])[id*="rey"] * {
  color: var(--primary-color) !important;
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])[id*="rey"] [class*="utton"] {
  background: var(--primary-color);
  color: var(--secondary-color) !important;
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])[id*="rey"]
  a[class*="utton"]:hover {
  box-shadow: 2px 2px 0 0rem
      color-mix(in srgb, var(--grey-alt-dark) 90%, black 10%),
    4px 4px 0 0rem var(--primary-color);
}

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

@media (max-width: 992.98px) {
  div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"]) {
    margin-bottom: 0rem;
  }
  .row:has(div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])) {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
}

/**************** Standard call-to-action ****************/
.col-primary
  > div
  > div
  > div.row.call-to-action-row:has(> div + div)
  > div:has(div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])) {
  display: flex;
  align-items: flex-start;
}

.col-primary
  > div
  > div
  > div.row.call-to-action-row:has(> div + div)
  > div
  div:not(.image-container) {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: flex-start;
}

.row.call-to-action-row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  align-content: stretch;
}

.col-primary > div > div > div.row.call-to-action-row:has(> div + div) {
  gap: var(--padding);
  display: flex;
  flex-direction: row;
  align-items: stretch;
  /* column-gap: var(--padding); */
  /* display: flex; */
  /* align-items: stretch; */
  /* flex-direction: row; */
}

@media (min-width: 1200.98px) {
  .col-primary > div > div > div.row.call-to-action-row:has(> div + div) > div {
    padding: 0;
  }
}

@media (max-width: 1200.98px) {
  .row.call-to-action-row {
    /* display: flex; */
    flex-direction: column;
    /* align-items: stretch; */
    /* align-content: stretch; */
    gap: 0;
  }

  .col-primary > div > div > div > div.row.call-to-action-row:has(> div + div) {
    gap: 0;
    display: flex;
    flex-direction: column;
    padding: var(--padding) !important;
  }
}

.row.call-to-action-row > div div {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  /* flex-grow: 1; */
}

div[id*="_Panel_"][id*="calltoaction"] {
  display: flex;
  overflow: hidden;
  border-radius: var(--border-radius);
  /* border: var(--input-border); */
  flex-direction: column;
  /* background: #fff; */
  transition: all 0.2s ease-in-out;
  flex-grow: 1;
  /* height: 100%; */
  align-items: flex-start;
  overflow: visible;
}

div[id*="_Panel_"][id*="calltoaction"]:hover {
  /* box-shadow: var(--box-shadow); */
}

div[id*="_Panel_"][id*="calltoaction"] .image-container {
  position: relative;
}

div[id*="_Panel_"][id*="calltoaction"] .image-container img {
  border-radius: var(--border-radius);
}

div[id*="_Panel_"][id*="calltoaction"] .image-container:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border: 2px solid var(--primary-color);
  bottom: 0;
  right: 0;
  z-index: 0;
  border-radius: var(--border-radius);
  transition: bottom ease 0.2s, left ease 0.2s;
  max-width: 33.8rem;
  left: 0;
}

div[id*="_Panel_"][id*="calltoaction"]:hover .image-container:after {
  content: "";
  bottom: -1rem;
  left: 1rem;
}

div[id*="_Panel_"][id*="calltoaction"] > *:not(.image-container, img) {
  /* margin-left: var(--padding); */
  margin-right: var(--padding);
}

div[id*="_Panel_"][id*="calltoaction"] > *:not(.image-container):last-child {
  /* margin-bottom: var(--padding); */
  margin-top: auto;
}

.col-primary > div > div > div.row.call-to-action-row:has(> div + div) > div {
  display: flex;
}

.col-primary
  > div
  > div
  > div.row.call-to-action-row:has(> div + div)
  > div
  > div {
  width: 100%;
}

.row.call-to-action-row div[class*="col-sm-4"],
.row.call-to-action-row div[class*="col-sm-3"] {
  width: 100%;
  overflow: visible;
  /* padding: 0; */
}

@media (max-width: 992.98px) {
  .row.call-to-action-row div[class*="col-sm-4"],
  .row.call-to-action-row div[class*="col-sm-3"] {
    padding: 0;
  }
}
.row.call-to-action-row .iMIS-WebPart {
  flex-grow: 1;
}

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

div[id*="_Panel_"][id*="calltoaction"] img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  aspect-ratio: 3/2;
  z-index: 1;
  max-width: 33.8rem;
}

div[id*="_Panel_"][id*="calltoaction"]:last-of-type a[class*="utton"] {
  margin-top: auto;
}

div[id*="_Panel_"][id*="calltoaction"] h4 {
  margin-bottom: 1.5rem;
  margin-top: calc(var(--padding) / 2);
}

div[id*="_Panel_"][id*="calltoaction"] h4:first-child {
  margin-top: 0;
}

div[id*="_Panel_"][id*="calltoaction"] > *:last-child:not(div) {
  margin-bottom: 0;
}