/****************************************/
/****************************************/
/** REINSW **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - EMS template - 20 November 2024 (website under construction)
  *  Version: 2 - EMS template - DATE (website go live)
 * 
 * 
 *  Document contains changes to CTA
 *
 *
*/
/****************************************/
/****************************************/

/*************** tiles ***************/

@media (min-width: 1360.98px) {
  #masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) {
    padding: 0 calc(var(--width-var) / 2);
  }
}

@media (max-width: 1360.98px) {
  #masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) {
    /* padding: calc(var(--padding) / 2); */
    display: flex;
    justify-content: space-between !important;
    align-items: flex-start;
    flex-direction: row;
  }
}

@media (max-width: 1200.98px) {
  #masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) {
    padding: var(--padding) 0;
  }
}

@media (max-width: 992.98px) {
  #masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) {
    padding: var(--padding) 0;
    flex-direction: column;
  }

  #masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i]))
    div {
    width: 100%;
  }
}

[class="col-sm-"i]:has(div[id*="_Panel_"i]:is([id*="tile"i])) {
}

[class*="col-sm-"i]:has(div[id*="_Panel_"i]:is([id*="tile"i])),
[class*="col-sm-"i]:has(div[id*="_Panel_"i]:is([id*="tile"i])):is(
    [class*="col-sm-"i]:has(div[id*="_Panel_"i]:is([id*="tile"i]))
      + [class*="col-sm-"i]:has(div[id*="_Panel_"i]:is([id*="tile"i]))
  ) {
  padding: 0 calc(var(--bs-gutter-x) * 0.5);
}

#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) {}

    
  #masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) > div > div,
  #masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) > div > div > div > div,
 #masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) > div > div > div > div > div {
    width: 100%;
  }


#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) {
  display: flex;
  align-items: stretch;
}

#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="Tile"i])):is(:has([class*="col-sm-"i] div[id*="_Panel_"i]:not([id*="Tile"i]))) {
  display: flex;
  align-items: flex-start;
}


#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row
  div:has(> div[id*="_Panel_"i]:is([id*="tile"i])) {
  width: 100%;
}

div:has(> div[id*="_Panel_"i]:is([id*="tile"i]))[class*="bg-" i] {
  border-radius: var(--button-border-radius) !important;
}

#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i]))
  div:is([id*="tile"i]) {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
#masterContentArea .col-primary > div > div > div > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])):not(:has(div[id*="_Panel_"i]:not([id*="tile"i])))  div {
    display: flex;
    flex-grow: 1;
 }



 div[id*="_Panel"i]:is([id*="tile"i]) *:is(h1, h2, h3, h4, h5, h6, p, a:not([class*="button" i])) {
width: 100%;
}
div[id*="_Panel_"i]:is([id*="tile"i]) {
  padding: var(--padding);
  background: var(--grey-color);
  border-radius: var(--border-radius);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  position: relative;
  overflow: hidden;
}

div[id*="_Panel_"i]:is([id*="tile"i]) *:is(h1, h2, h3, h4, h5, h6, ) {
  font-size: 2.2rem;
  margin-bottom: 0;
}

div[id*="_Panel_"i]:is([id*="tile"i]) h4 {
  font-size: 2.7rem;
  /* font-weight: 600; */
}

div[id*="_Panel_"i]:is([id*="tile"i]) p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* -webkit-line-clamp: 3; */
  line-height: 1.4em;
}

div[id*="_Panel_"i]:is([id*="tile"i]) a:not([class*="utton"i])[class="cta-link"i] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  font-size: 0;
  z-index: 1;
}

div[id*="_Panel_" i][id*="icontile"i] img:first-child {
  min-width: 3rem;
  width: 20%;
  max-width: 7.5rem;
  margin-bottom: 1.5rem;
}


div[id*="_Panel_"i]:is([id*="tile"i]),
div[id*="_Panel_"i]:is([id*="tile"i]) * {
  transition: 0.2s ease transform;
}

div[id*="_Panel_"i]:is([id*="tile"i]) > *:not(img) {
  /* max-width: calc(100% - var(--padding)); */
}

div[id*="_Panel_"i]:is([id*="tile"i]) > [class*="button"i] {
    margin-top: auto;
}

.iMIS-WebPart:has(div[id*="_Panel_"i]:is([id*="tile"i])) {
  margin-bottom: 2.5rem !important;
}

@media (max-width: 1200.98px) {
  .iMIS-WebPart:has(div[id*="_Panel_"i]:is([id*="tile"i])) {
    margin-bottom: 0rem !important;
  }
}





.feature div[id*="_Panel_"i]:is([id*="tile"i]) {
    z-index: 1;
    position: relative;
}

.feature div[id*="_Panel_"i]:is([id*="tile"i]):after {
  background-image: url(/images/website/icon/theme/graphic-element-peak-down.svg);
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0 !important;
  height: 60%;
  aspect-ratio: 5/1.8;
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-position: 0% top;
  background-position: right bottom;
  opacity: 0.8;
  z-index: -1;
  content: '';
  content: '';
  display: block !important;
 }


:not(:has([class*="-blue"i] *)) .feature div[id*="_Panel_"i]:is([id*="tile"i]):after {
  opacity: 0.1;
}
 
 

 
@media (max-width: 1200.98px) {

 

    

.feature div[id*="_Panel_"i]:is([id*="tile"i]):after {
 height: 40%;
  right: 0;
 z-index: -1;
 background-position: -200% 75%;
 }



}

@media (max-width: 992.98px) {

    
 


    

.feature div[id*="_Panel_"i]:is([id*="tile"i]):after{
 height: 80%;
 top: 0;
 right: 0;
 z-index: -1;
  background-position: 1320% 75%;
  }



 



}




 
 

 
/*************quoteblock**************/

*:is([class*="quoteblock" i], [class*="blockquote" i], blockquote, div:is(div[class*="pull-out"])) {
    padding: calc(var(--padding) / 2) !important;!i;!;
    background: var(--grey-color);
    border-radius: var(--border-radius);
    border-left: none;
    display: flex !important;
    width: 100%;
    margin: 0;
    justify-content: space-between;
    margin-bottom: 1em;
    flex-direction: column !important;!im;!;
    flex-wrap: wrap;
    border: none !important;!im;!;
    position: relative;
}

*:is([class*="quoteblock" i], [class*="blockquote" i], blockquote, div:is(div[class*="pull-out"])).outline {
    border: var(--border);
    background: transparent;
}

*:is([class*="quoteblock" i], [class*="blockquote" i], blockquote):before {
    content: "";
    display: flex;
    background-image: url(/images/website/icon/theme/quote.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 3rem;
    aspect-ratio: 1/1;
    margin-left: calc(var(--padding) / 2);
    margin-left: auto;
    position: absolute;
    right: calc(var(--padding) / 2);
    top: calc(var(--padding) / 2);
}

*:is([class*="quoteblock" i], [class*="blockquote" i], blockquote, div:is(div[class*="pull-out"]))>div {
    width: 100%;
}



*:is([class*="quoteblock" i], [class*="blockquote" i], blockquote) > * {
    width: calc(100% - 6rem);
}

@media (max-width: 992.98px) {
    *:is([class*="quoteblock" i], [class*="blockquote" i], blockquote, div:is(div[class*="pull-out"])) {
        padding: calc(var(--padding) / 1);
    }
}


.Quote:before {
    display: none;
}

  *:is([class*="quoteblock" i], [class*="blockquote" i], blockquote, div:is(div[class*="pull-out"])) *:is(p, .iMIS-WebPart div[id*="_Panel_"i], p a) a {
    color: currentColor !important;
 }
/********image ratios ********/
.iMIS-WebPart > .ContentItemContainer > div:is([class*="ratio" i]) img {
  object-fit: cover;
  object-position: center center;
}

.ratio-3-2 img {
  aspect-ratio: 3 / 2;
}

.ratio-4-3 img {
  aspect-ratio: 4 / 3;
}

.ratio-16-9 img {
  aspect-ratio: 16 / 9;
}

.ratio-1-1 img {
  aspect-ratio: 1 / 1;
}

.ratio-21-9 img {
  aspect-ratio: 21 / 9;
}

.ratio-5-4 img {
  aspect-ratio: 5 / 4;
}

.ratio-9-16 img {
  aspect-ratio: 9 / 16;
}

.ratio-2-3 img {
  aspect-ratio: 2 / 3;
}

/**************** Standard call-to-action ****************/
.col-primary
  > div
  > div
  > div.row.call-to-action-row:has(> div + div)
  > div:has(div[id*="_Panel_"i]:is([id*="Tile"i], [id*="tile"i])) {
  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: row;
    /* padding: var(--padding) !important; */
  }
}

@media (max-width: 992.98px) {

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

  
  .col-primary > div > div > div > div.row.call-to-action-row:has(> div + div) {
    padding: 0 !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_"i][id*="calltoaction"i] {
  display: flex;
  overflow: hidden;
  border-radius: var(--border-radius);
  flex-direction: column;
  transition: all 0.2s ease-in-out;
  flex-grow: 1;
  align-items: flex-start;
  overflow: visible;
  position: relative;
  max-width: 76.66%;
}

    @media (max-width: 992.98px) {


div[id*="_Panel_"i][id*="calltoaction"i] {
  
  max-width: 100%;
}

    }
.col-sm-3
div[id*="_Panel_"i][id*="calltoaction"i] {
  
  /* max-width: 100%; */
}
div[id*="_Panel_"i][id*="calltoaction"i]:hover {
  /* box-shadow: var(--box-shadow); */
}

div[id*="_Panel_"i][id*="calltoaction"i] .image-container {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius);
}

div[id*="_Panel_"i][id*="calltoaction"i] .image-container img[src*="/images/REINSW_Images"] {

    transform: scale(1.01);
}  

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

div[id*="_Panel_"i][id*="calltoaction"i]:not(:has(.show-link)) .image-container:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: var(--primary-color);
  z-index: 2;
  border-radius: var(--border-radius);
  transition: opacity ease 0.2s;
  aspect-ratio: 3 / 2;
  /* max-width: 76.66%; */
  opacity: 0;
}

div[id*="_Panel_"i][id*="calltoaction"i]:hover .image-container:before {
  opacity: 0.3;
}

div[id*="_Panel_"i][id*="calltoaction"i] .image-container img {
  transition: opacity ease 0.2s;
  /* opacity: 1; */
}
div[id*="_Panel_"i][id*="calltoaction"i]:hover .image-container img {
  /* opacity: 0.7; */
}
.col-sm-4
div[id*="_Panel_"i][id*="calltoaction"i] > *:not(.image-container, img) {
  /* margin-right: var(--padding); */
}

div[id*="_Panel_"i][id*="calltoaction"i] > *:not(.image-container):last-child {
  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"i],
.row.call-to-action-row div[class*="col-sm-3"i] {
  /* width: 100%; */
  /* overflow: visible; */
  align-self: flex-start;
}

@media (min-width: 1200.98px) {


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

}


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

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

div[id*="_Panel_"i][id*="calltoaction"i] img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  aspect-ratio: 3/2;
  z-index: 1;
  /* max-width: 76.66%; */
  /* height: 101% !important; */!im;!i;!;
  /* max-height: 99% !important; */!i;!;
  transform: scale(1.01);
}

div[id*="_Panel_"i][id*="calltoaction"i]:last-of-type a:not(.show-link):not(.popup)  {
  margin-top: auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  opacity: 0;
  z-index: 2;
}

div[id*="_Panel_"i][id*="calltoaction"i] h4 {
  margin-bottom: 0.5em !important;!im;!i;!;
  margin-top: var(--padding);
}

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

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


@media (max-width: 1200.98px) and (min-width: 992.98px) {
.row.call-to-action-row .iMIS-WebPart > div {
    padding: 0 !important;!i;!;
}

}


/********** RESKING OF EXISTING **********/


.WebPartZone[class*="cta" i] [id*="_Panel_"i]:has(img:first-child) {}






.WebPartZone[class*="cta" i] [id*="_Panel_"i] {
  display: flex;
  overflow: hidden;
  border-radius: var(--border-radius);
  flex-direction: column;
  transition: all 0.2s ease-in-out;
  flex-grow: 1;
  align-items: flex-start;
  overflow: visible;
  position: relative;
  max-width: 76.66%;
}

    @media (max-width: 992.98px) {



.WebPartZone[class*="cta" i] [id*="_Panel_"i] {
   
  max-width: 100%;
}

    }
.WebPartZone[class*="cta" i] [id*="_Panel_"i]:hover {
  /* box-shadow: var(--box-shadow); */
}

.WebPartZone[class*="cta" i] [id*="_Panel_"i] .image-container {
  position: relative;
}

.WebPartZone[class*="cta" i] [id*="_Panel_"i] .image-container img {
  border-radius: var(--border-radius);
}

.WebPartZone[class*="cta" i] [id*="_Panel_"i] .image-container:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: var(--primary-color);
  z-index: 2;
  border-radius: var(--border-radius);
  transition: opacity ease 0.2s;
  aspect-ratio: 3 / 2;
  /* max-width: 76.66%; */
  opacity: 0;
}

.WebPartZone[class*="cta" i] [id*="_Panel_"i]:has(a):hover .image-container:before {
  opacity: 0.3;
}

.WebPartZone[class*="cta" i] [id*="_Panel_"i] .image-container img {
  transition: opacity ease 0.2s;
  /* opacity: 1; */
}
.WebPartZone[class*="cta" i] [id*="_Panel_"i]:hover .image-container img {
  /* opacity: 0.7; */
}

.WebPartZone[class*="cta" i] [id*="_Panel_"i] > *:not(.image-container, img) {
  /* margin-right: var(--padding); */
  margin-bottom: 0 !important;!im;!i;!;
  margin-top: calc(var(--padding) / 2);
}

.WebPartZone[class*="cta" i] [id*="_Panel_"i] > *:not(.image-container):last-child {
  margin-top: auto;
}


.CTA a.button:is(p:has(.image-container) ~ a) {
    min-height: 0;
    max-height: 100%;
    
}

.CTA > div > div > div img {
    /* max-width: 100%; */
}
    @media (min-width: 881.98px) {

.row.call-to-action-row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i],[id*="ste_container_"i][id*="row"i] )>div {
    padding-top: 0;
    padding-bottom: 0;
}

    }
.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i], [id*="ste_container_"i][id*="greyrow" i]).call-to-action-row:not(.call-to-action-row + .call-to-action-row) {
    margin-top: var(--padding) !important;!i;!;
}


 .row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i], [id*="ste_container_"i][id*="greyrow" i]).call-to-action-row:is(.call-to-action-row + .call-to-action-row) {
    margin-top: calc(var(--padding) * -1) !important;!i;!;
}


 

.WebPartZone[class*="cta" i] [id*="_Panel_"i] img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  aspect-ratio: 3/2;
  z-index: 1;
  /* max-width: 76.66%; */
}

.WebPartZone[class*="cta" i] [id*="_Panel_"i]:last-of-type a:not(.show-link):not(.popup) {
  margin-top: auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  opacity: 0;
  z-index: 2;
}


.WebPartZone[class*="cta" i] [id*="_Panel_"i] :is(h4, h3) {
  margin-bottom: 0.5em !important;!im;!i;!;
  margin-top: calc(var(--padding) / 1) !important;!im;!i;!;
  color: var(--primary-color);
}

.WebPartZone[class*="cta" i] [id*="_Panel_"i] :is(h4, h3):first-child {
  margin-top: 0;
}

.WebPartZone[class*="cta" i] [id*="_Panel_"i] > *:last-child:not(div) {
  margin-bottom: 0;
}


span[style*="'Verdana Pro'"i] {
    font-family: "franklin-gothic-urw", sans-serif !important;!i;!;
    font-weight: 400;
}

span[style*="14.4px"i] {
    font-size: 1.6rem !important;!i;!;
}