/*
* Fonts
*/
body {
  font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: MyriadPro;
  letter-spacing: normal;
  line-height: normal;
}

.custom-font-franklin-gothic-book {
  font-family: FranklinGothicBook, sans-serif !important;
}

.custom-font-franklin-gothic-medium {
  font-family: FranklinGothicMedium, sans-serif !important;
}

.custom-font-inter {
  font-family: Inter, sans-serif !important;
}

.custom-font-myriad-pro {
  font-family: MyriadPro, sans-serif !important;
}

.custom-font-poppins {
  font-family: poppins, Arial, sans-serif !important;
}

/* Bootstrap Grid overrides */
.row {
  --bs-gutter-x: 2rem;
  --bs-gutter-y: 2rem;
}

/* Container */
@media (min-width: 1480px) {
  .container-xl-custom {
    max-width: 1480px;
  }

  .container-xxl-custom {
    max-width: 1630px;
  }
}

/* Utilities */
.expand-left-50px {
  margin-left: -50px;
  width: calc(100% + 50px);
}

.expand-left-75px {
  margin-left: -75px;
  width: calc(100% + 75px);
}

.expand-left-100px {
  margin-left: -100px;
  width: calc(100% + 100px);
}

.expand-right-50px {
  margin-right: -50px;
  width: calc(100% + 50px);
}

.expand-right-75px {
  margin-right: -75px;
  width: calc(100% + 75px);
}

.expand-right-100px {
  margin-right: -100px;
  width: calc(100% + 100px);
}

/* Text Background - Skin */
.text-bg-primary {
  color: var(--primary-inverse) !important;
  background-color: rgba(var(--primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: var(--secondary-inverse) !important;
  background-color: rgba(var(--secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-tertiary {
  color: var(--tertiary-inverse) !important;
  background-color: rgba(var(--tertiary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-quaternary {
  color: var(--quaternary-inverse) !important;
  background-color: rgba(var(--quaternary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: var(--light-inverse) !important;
  background-color: rgba(var(--light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: var(--dark-inverse) !important;
  background-color: rgba(var(--dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

/* Border */
.border-color-danger {
  border-color: #ff5b5b !important;
}

/* Header Nav Main */
#header .header-body {
  background-color: #fffc !important;
  font-family: MyriadPro, sans-serif;
}

#header .header-top {
  font-family: Inter, sans-serif;
  font-size: 0.75rem;
}

#header .header-nav,
#header .header-top {
  min-height: 40px;
}

#header .header-nav-main nav>ul>li>a {
  font-size: 1.25rem;
  font-weight: 600;
  white-space: nowrap;
}

#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a {
  --default: var(--primary);
  font-size: 1.1rem;
  letter-spacing: normal;
}

#header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-content {
  font-size: 1.5rem;
}

#header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-content .element-title {
  font-size: 2rem;
}

#header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-content .dropdown-mega-sub-title {
  font-family: MyriadPro;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: normal;
  margin-bottom: 10px;
}

  #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content a.dropdown-mega-sub-title {
    margin: 8px 0;
    padding: 0;
  }

#header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-content a.dropdown-mega-sub-title:hover,
#header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-content a.dropdown-mega-sub-title:active,
#header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-content a.dropdown-mega-sub-title:focus {
  background: var(--grey-100);
}

#header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-nav>li {
  margin-right: -8px;
}

#header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-nav>li>a {
  font-size: 1.2rem;
  letter-spacing: normal;
  margin-bottom: 2px;
  white-space: unset;
}

#header .header-nav.header-nav-links nav>ul>li>a,
#header .header-nav.header-nav-links nav>ul>li:hover>a,
#header .header-nav.header-nav-line nav>ul>li>a,
#header .header-nav.header-nav-line nav>ul>li:hover>a {
  min-height: 50px;
}

#header .header-nav-features.header-nav-features-light:before,
#header .header-nav-features.header-nav-features-light:after {
  background: rgba(255, 255, 255, 1);
}

#header .header-logo {
  margin: 0;
}

/* Footer */
#footer {
  font-family: FranklinGothicBook, sans-serif;
}

#footer img {
  max-width: 100%;
}

#footer p {
  font-size: 1.25rem;
}

#footer h5 {
  font-size: 2rem;
}

#footer h6,
#footer .footer-links .list,
#footer .footer-contact p {
  font-size: 1.5rem;
}

#footer .footer-copyright {
  background: unset;
}

#footer .footer-copyright p {
  color: var(--light);
  font-size: 1rem;
  margin: 0 0 1em;
}

#footer.text-light h6,
#footer.text-light p {
  color: var(--light);
}

/* Page Header */
.page-header {
  margin: 0;
}

.page-header .page-header-wrapper {
  display: inline-block;
  background-color: var(--primary-rgba-80);
  padding: 20px 52px 4px;
  margin-inline-start: -9999px;
  padding-inline-start: 9999px;
  clip-path: polygon(0% 0%, calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 0% 100%);
}

.page-header h1 {
  line-height: 1.2;
}

.page-header.page-header-modern.page-header-lg h1 {
  font-size: 6rem;
  font-weight: 700;
  text-transform: uppercase;
}

.page-header.page-header-modern.page-header-background.page-header-background-md,
.page-header.page-header-modern.page-header-background.page-header-background-lg {
  padding-bottom: 90px;
}

.page-header.page-header-modern.page-header-background.page-header-background-md {
  padding-top: 350px;
}

.page-header.page-header-modern.page-header-background.page-header-background-lg {
  padding-top: 890px;
}
/* Override them RTE size*/
.element[data-block-alias="richTextBlock"] li {
  font-size: 1em;
}
