/****************************************/
/****************************************/
/** Causeis Base Template 4 **/
/*
 * 
 *  Author: CAUSEIS PTY LTD
 * 
 *  Version: 1 -   
 *
 * 
 *  Document contains changes to Typography
 *
 *
*/
/****************************************/
/****************************************/

h1,
h3,
.h1,
.h3,
.carousel h1,
.carousel h3,
.PageTitle,
.PanelTitle,
.SectionTitle,
.SectionLabel,
.SectionLabelSmaller,
a:is(
    :is(
        h1,
        h3,
        .h1,
        .h3,
        .carousel h1,
        .carousel h3,
        .PageTitle,
        .PanelTitle,
        .SectionTitle,
        .SectionLabel,
        .SectionLabelSmaller
      )
      > a
  ),
h6,
.h6,
h5,
.h5 {
  font-family: "Raleway", sans-serif;
}

body,
p,
.iMIS-WebPart div[id*="_Panel_"],
p a,
h2,
h4,
.h2,
.h4,
.carousel h2,
.carousel h4,
a:is(:is(h2, h4, .h2, .h4, .carousel h2, .carousel h4, ) > a):not(
    h2.panel-title > a
  ),
input,
button,
select,
textarea {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
}

body
  *:is(
    h1,
    h3,
    .h1,
    .h3,
    .carousel h1,
    .carousel h3,
    .PageTitle,
    .PanelTitle,
    .SectionTitle,
    .SectionLabel,
    .SectionLabelSmaller,
    a:is(
        :is(
            h1,
            h3,
            .h1,
            .h3,
            .carousel h1,
            .carousel h3,
            .PageTitle,
            .PanelTitle,
            .SectionTitle,
            .SectionLabel,
            .SectionLabelSmaller
          )
          > a
      ),
    h6,
    .h6,
    h5,
    .h5
  ) {
  font-optical-sizing: auto;
  color: var(--dark-color);
  font-weight: 500;
}

body,
body
  *:is(
    p,
    .iMIS-WebPart div[id*="_Panel_"],
    p a,
    h2,
    h4,
    .h2,
    .h4,
    .carousel h2,
    .carousel h4,
    a:is(:is(h2, h4, .h2, .h4, .carousel h2, .carousel h4, ) > a)
  ):not(
    a.button,
    a.Button,
    .PrimaryButton,
    .SaveAndClose,
    .SaveAs,
    .UsePrimaryButton .TextButton,
    .UsePrimaryButton .TextButtonWithImage,
    #masterHeaderActionArea a,
    .RadGrid input.PrimaryButton,
    .btn,
    .TextButton,
    .TextButtonWithImage,
    .ruButton,
    #masterHeaderActionArea a,
    .RadGrid input.TextButton
  ) {
  font-optical-sizing: auto;
  color: var(--dark-color);
}

input,
button,
select,
textarea {
  font-family: "Raleway", sans-serif;
}

*:is(.col-primary *):is(h1, h2, h3, h4, h5, h6):not(
    .iMIS-WebPart div[id*="_Panel_"] *
  ) {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
}

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: "Raleway" !important;
}

ul,
ol {
  margin-bottom: 1em;
}

body div[id*="_Panel_"],
body div[id*="_Panel_"] p,
body div[id*="_Panel_"] p a {
  font-size: 1.5rem;
}

body *:is(h1, .h1, .PageTitle) {
  color: var(--black-color);
  font-size: 4.4rem;
  font-weight: 700;
  letter-spacing: -0em;
}

body *:is(h2, .h2, .PanelTitle) {
  color: var(--black-color);
  font-size: 3.2rem;
  font-weight: 400;
  letter-spacing: -0em;
  border: none !important;
}

body *:is(h3, .h3, .SectionTitle) {
  color: var(--black-color);
  font-size: 2.7rem;
  font-weight: 600;
  letter-spacing: -0em;
}

body *:is(h4, .h4, .SectionLabel) {
  color: var(--black-color);
  font-size: 2.2rem;
  font-weight: 400;
  letter-spacing: -0em;
}

body *:is(h5, .h5) {
  color: var(--black-color);
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0em;
}

body *:is(h6, .h6) {
  color: var(--dark-color);
  font-size: 2.2rem;
  margin-bottom: 1rem;
  letter-spacing: 0.1em;
  font-weight: 500;
  text-transform: uppercase;
}

:is(.col-primary *):is(h1, h2, h3, h4, h5, h6, p):is(
    .iMIS-WebPart div[id*="_Panel_"] *
  ):not(:last-child) {
  /* margin-bottom: 1.5rem; */
}

:is(.col-primary *):is(h1, h2, h3, h4, h5, h6, p):is(
    .iMIS-WebPart div[id*="_Panel_"] *
  ):is(:last-child) {
  margin-bottom: 0rem;
}

*:is(h1, h2, h3, h4, h5, h6) + p[class*="arge"] {
  margin-top: 4rem;
}

div[id*="_Panel_"] > p + *:is(h1, h2, h3, h4, h5, h6) {
  margin-top: 4rem;
}

.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: none;
  text-shadow: 0 0 var(--secondary-color);
  font-weight: 600;
}

.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;
}

/* 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: 992.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 */