/****************************************/
/****************************************/
/** Launchpad5 **/
/*
 * 
 *  Author: CAUSEIS PTY LTD
 * 
 *  Version: 1 - 
 *
 * 
 *  Document contains changes to call-to-action
 *
 *
*/
/****************************************/
/****************************************/

div[id*="_Panel_"]:is([id*="tile"], [id*="Tile"]) {
  padding: 3rem;
  background: var(--primary-color);
  border-radius: var(--border-radius);
  margin-bottom: 1.5rem;
}

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

div[id*="_Panel_"]:is([id*="tile"], [id*="Tile"]) a[class*="utton"]:hover {
  color: var(--white-color);
  background: 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([id*="hite"])
  > *:not([class*="utton"]) {
  color: var(--white-color) !important;
}

div[id*="_Panel_"]:is([id*="tile"], [id*="Tile"]):not([id*="hite"])
  a:not(.button):not(.btn):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ) {
  color: #fff;
  background-image: linear-gradient(var(--white-color), var(--white-color));
}

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

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

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

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

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

div[id*="_Panel_"]:is([id*="tile"], [id*="Tile"])[id*="hite"] {
  background: var(--white-color);
  border: var(--input-border);
}

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

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

div[id*="_Panel_"]:is([id*="tile"], [id*="Tile"])[id*="grey"] {
  background: var(--grey-color);
  /* border: var(--input-border); */
  /* color: var(--grey-color); */
}

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

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

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

div[id*="_Panel_"]:is([id*="tile"], [id*="Tile"]):not(
    [id*="rimary"],
    [id*="econdary"]
  )
  a:not(.button):not(.btn):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ) {
  color: #fff;
  background-image: linear-gradient(var(--white-color), var(--white-color));
}

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

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

.row.call-to-action-row > div div {
  display: flex;
  width: 100%;
  position: relative;
  flex-direction: column;
  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;
}

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

div[id*="_Panel_"][id*="calltoaction"] > *:not(.image-container) {
  padding-left: 3rem;
  padding-right: 3rem;
  gap: calc(var(--padding) / 2);
}

div[id*="_Panel_"][id*="calltoaction"] .image-container {
  position: relative;
  padding-bottom: 56.78%;
  height: 0;
  max-width: 100%;
}

div[id*="_Panel_"][id*="calltoaction"][id*="con"] .image-container {
  padding: 3rem 3rem 0;
  margin-bottom: 1.5rem;
  height: auto;
}

div[id*="_Panel_"][id*="calltoaction"] img {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
}

div[id*="_Panel_"][id*="calltoaction"][id*="con"] img {
  position: static;
  width: 10rem !important;
  height: 10rem !important;
  object-fit: contain;
}

div[id*="_Panel_"][id*="calltoaction"]
  > div:not(.image-container):last-of-type {
  align-self: flex-start;
  flex-grow: 1;
  align-items: flex-start;
  padding: 0 3rem 3rem;
  margin-top: calc(var(--padding) / 2);
}

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

div[id*="_Panel_"][id*="calltoaction"] h4 {
  margin-bottom: 0;
  margin-top: 3rem;
  font-family: "Tiempos Headline", sans-serif;
  font-size: 2.7rem;
}

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