/****************************************/
/****************************************/
/** Australian Drilling Industry Association **/
/*
 * 
 *  Author: CAUSEIS PTY LTD
 * 
 *  Version: 1 -   
 *
 * 
 *  Document contains changes to Typography
 *
 *
*/
/****************************************/
/****************************************/
body,
p,
a,
p a,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.PageTitle,
.PanelTitle,
.SectionTitle,
.SectionLabel,
.SectionLabelSmaller,
.carousel h1,
.carousel h2,
.carousel h3,
.carousel h4,
.carousel h5,
input,
button,
select,
textarea {
  font-family: "Museo Sans" !important;
}

body,
p,
.iMIS-WebPart div[id*="_Panel_"],
p a {
  color: var(--dark-color);
  font-size: 1.6rem;
  font-weight: 400;
}

ul > li,
ol > li {
}

ul,
ol {
  padding-left: 1.8rem;
  margin-bottom: 1.5rem;
}

p {
  margin-bottom: 1.5rem;
}

body div[id*="_Panel_"],
body div[id*="_Panel_"] p,
body div[id*="_Panel_"] p a {
}

h1,
.h1,
.PageTitle {
  color: var(--primary-color);
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 1.5rem;
}

h2,
.h2,
.PanelTitle {
  color: var(--secondary-color);
  font-size: 3.2rem;
  font-weight: 600;
  border: none !important;
  line-height: 1.2;
  margin: 0 0 1.5rem;
}

h3,
.h3,
.SectionTitle {
  color: var(--primary-color);
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 1.5rem;
}

h4,
.h4,
.SectionLabel {
  color: var(--secondary-color);
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 1.5rem;
}

h5,
.h5 {
  font-weight: 600;
  font-size: 1.8rem;
  color: var(--primary-color);
  line-height: 1.2;
  margin: 0 0 1.5rem;
}

h6 {
  color: var(--secondary-color);
  font-size: 1.7rem;
  line-height: 1.2;
  margin: 0 0 1.5rem;
  font-weight: 600;
}

@media (max-width: 767.98px) {
  h1,
  .h1,
  .PageTitle {
    font-size: 3.6rem;
  }

  h2,
  .h2,
  .PanelTitle {
    font-size: 3rem;
  }

  h3,
  .h3,
  .SectionTitle {
    font-size: 2.7rem;
  }
}

.iMIS-WebPart
  div[id*="_Panel_"]
  a:not(.button):not(.btn):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow),
a:not(.button):not(.btn):not(.Button):not(.TextButton):not(.PrimaryButton):not(
    .rtsLink
  ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow)
  :visited {
  color: var(--secondary-color);
  text-decoration: underline;
  font-weight: 400;
}

.iMIS-WebPart
  div[id*="_Panel_"]
  a:not(.button):not(.btn):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ) {
  transition: background-size 0.3s ease-out;
  background-image: linear-gradient(
    var(--secondary-color),
    var(--secondary-color)
  );
  background-size: 0% 3px;
  background-repeat: no-repeat;
  background-position: left bottom;
}

.iMIS-WebPart
  div[id*="_Panel_"]
  a:not(.button):not(.btn):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):hover,
.iMIS-WebPart
  div[id*="_Panel_"]
  a:not(.button):not(.btn):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):active,
.iMIS-WebPart
  div[id*="_Panel_"]
  a:not(.button):not(.btn):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):focus {
  background-size: 100% 3px;
  text-decoration: none;
}

/* quote block styling START */

div[id*="_Panel_"][id*="uote"][id*="lock"] {
  padding: 3rem;
  padding-left: 9rem;
  background: var(--white-color);
  box-shadow: var(--box-shadow);
  margin: 3rem 0;
  border-radius: var(--border-radius);
  position: relative;
}

div[id*="_Panel_"][id*="uote"][id*="lock"]:before {
  content: "";
  display: block;
  width: 6rem;
  height: 6rem;
  background: center / contain no-repeat url(/images/Icons/svg/quote.svg);
  position: absolute;
  left: 1.5rem;
  top: 1.5rem;
  filter: var(--image-filter-color);
}

div[id*="_Panel_"][id*="uote"][id*="lock"] > *:last-child {
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  div[id*="_Panel_"][id*="uote"][id*="lock"] {
    padding: 3rem;
    padding-top: 7.5rem;
  }

  div[id*="_Panel_"][id*="uote"][id*="lock"]:before {
    top: 1rem;
    left: 1.5rem;
  }
}

/* quote block styling END */