/****************************************/
/****************************************/
/** Australian Drilling Industry Association **/
/*
 * 
 *  Author: CAUSEIS PTY LTD
 * 
 *  Version: 1 -   
 *
 * 
 *  Document contains changes to call-to-action
 *
 *
*/
/****************************************/
/****************************************/

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

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

div[id*="_Panel_"][id*="ile"] a[class*="utton"]:hover {
  color: var(--white-color);
  background: var(--secondary-color);
}

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

div[id*="_Panel_"][id*="ile"]:not([id*="rey"]) *:not([class*="utton"]) {
  color: var(--white-color);
}

div[id*="_Panel_"][id*="ile"]:not([id*="rey"])
  a:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow),
div[id*="_Panel_"][id*="ile"]:not([id*="rey"])
  a:not(.button):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):visited {
}

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

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

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

div[id*="_Panel_"][id*="ile"][id*="econdary"] a[class*="utton"] {
  color: var(--secondary-color);
}

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

div[id*="_Panel_"][id*="ile"][id*="rey"] {
  background: var(--grey-color);
  box-shadow: var(--box-shadow);
}

div[id*="_Panel_"][id*="ile"][id*="rey"] a[class*="utton"] {
  color: var(--white-color);
  background: var(--primary-color);
}

div[id*="_Panel_"][id*="ile"][id*="rey"] a[class*="utton"]:hover {
  background: var(--secondary-color);
}

div[id*="_Panel_"][id*="ile"]:is([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: 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%;
}

.col-primary
  > div
  > div
  > div
  > div.row.call-to-action-row
  .iMIS-WebPart
  > div {
  /* padding-top: 0; */
  /* padding-bottom: 3rem !important; */
}

div[id*="_Panel_"][id*="calltoaction"] {
  display: flex;
  box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 14%);
  overflow: hidden;
  border-radius: var(--border-radius);
  flex-direction: column;
  background: #fff;
}

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

div[id*="_Panel_"][id*="calltoaction"][id*="ile"] > *:not(.image-container) {
  padding: 0;
}

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

.row.call-to-action-row div[id*="_Panel_"]:not([id*="calltoaction"]) {
  display: block;
}

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"] > div:last-of-type {
  align-self: flex-start;
  flex-grow: 1;
  align-items: flex-start;
  padding: 0 3rem 3rem;
}

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: 3rem;
}

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

@media (max-width: 767px) {
  div[id*="_Panel_"][id*="calltoaction"] > .image-container {
    padding-bottom: 50%;
  }
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.grey-row
  div[id*="_Panel_"][id*="ile"][id*="rey"] {
  background: var(--white-color);
}