@font-face {
  font-family: "Roboto-Bold";
  src: url(/assets/Roboto/Roboto-Bold-71084df465f677d7bbd9f72431ee129e7e07cf3c58c788d350c0359f556827cc.ttf) format("truetype");
}

@font-face {
  font-family: "Roboto-Medium";
  src: url(/assets/Roboto/Roboto-Medium-e8fe6ced3b343de14883a07cdfeca411a1078313fbba615af2b643ebaf16965f.ttf) format("truetype");
}

/* line 13, app/assets/stylesheets/mpi-is.scss */
body,
html {
  height: 100%;
  margin: 0;
  font-family: "Roboto";
  font-size: 18px;
  line-height: 1.7;
}

/* line 22, app/assets/stylesheets/mpi-is.scss */
.nav-container {
  height: 110px;
}

/* line 26, app/assets/stylesheets/mpi-is.scss */
ol,
ul {
  line-height: 32px !important;
}

/* line 31, app/assets/stylesheets/mpi-is.scss */
.bg-color-ei {
  background-color: #ffba4d;
}

/* line 35, app/assets/stylesheets/mpi-is.scss */
.bg-color-ei-light {
  background-color: rgba(255, 186, 77, 0.2);
}

/* line 39, app/assets/stylesheets/mpi-is.scss */
.bg-color-hi {
  background-color: #17c7d1;
}

/* line 43, app/assets/stylesheets/mpi-is.scss */
.bg-color-hi-light {
  background-color: rgba(23, 199, 209, 0.2);
}

/* line 47, app/assets/stylesheets/mpi-is.scss */
.bg-color-pi {
  background-color: #cf4a61;
}

/* line 51, app/assets/stylesheets/mpi-is.scss */
.bg-color-pi-light {
  background-color: rgba(207, 74, 97, 0.2);
}

/* line 55, app/assets/stylesheets/mpi-is.scss */
.bg-color-ps {
  background-color: #0193d7;
}

/* line 59, app/assets/stylesheets/mpi-is.scss */
.bg-color-ps-light {
  background-color: rgba(1, 147, 215, 0.2);
}

/* line 63, app/assets/stylesheets/mpi-is.scss */
.bg-color-rm {
  background-color: #A7A7A8;
}

/* line 67, app/assets/stylesheets/mpi-is.scss */
.bg-color-rm-light {
  background-color: rgba(167, 167, 168, 0.2);
}

/* line 71, app/assets/stylesheets/mpi-is.scss */
.bg-color-sf {
  background-color: #f8e709;
}

/* line 75, app/assets/stylesheets/mpi-is.scss */
.bg-color-sf-light {
  background-color: rgba(248, 231, 9, 0.2);
}

/* line 79, app/assets/stylesheets/mpi-is.scss */
.bg-color-am {
  background-color: #B2D3D1;
}

/* line 83, app/assets/stylesheets/mpi-is.scss */
.bg-color-am-light {
  background-color: rgba(178, 211, 209, 0.2);
}

/* line 87, app/assets/stylesheets/mpi-is.scss */
.bg-color-mms {
  background-color: #B2D3D1;
}

/* line 91, app/assets/stylesheets/mpi-is.scss */
.bg-color-mms-light {
  background-color: rgba(178, 211, 209, 0.2);
}

/* line 95, app/assets/stylesheets/mpi-is.scss */
.bg-color-icm {
  background-color: #B2D3D1;
}

/* line 99, app/assets/stylesheets/mpi-is.scss */
.bg-color-icm-light {
  background-color: rgba(178, 211, 209, 0.2);
}

/* line 103, app/assets/stylesheets/mpi-is.scss */
.bg-color-rg {
  background-color: #B2D3D1;
}

/* line 107, app/assets/stylesheets/mpi-is.scss */
.bg-color-rg-light {
  background-color: rgba(178, 211, 209, 0.2);
}

/* line 122, app/assets/stylesheets/mpi-is.scss */
a:link {
  font-family: "Roboto", sans-serif;
  color: black;
  text-decoration: none;
}

/* line 129, app/assets/stylesheets/mpi-is.scss */
a:visited {
  color: black;
  text-decoration: none;
}

/* line 134, app/assets/stylesheets/mpi-is.scss */
a:hover {
  color: rgba(0, 0, 0, 0.7);
  text-decoration: none;
}

/* line 139, app/assets/stylesheets/mpi-is.scss */
a:active {
  color: black;
}

/* line 143, app/assets/stylesheets/mpi-is.scss */
.a-meriweather {
  font-family: "RobotoSlab" !important;
}

/* line 147, app/assets/stylesheets/mpi-is.scss */
.a-meriweather:visited {
  font-family: "RobotoSlab" !important;
}

/* line 151, app/assets/stylesheets/mpi-is.scss */
.a-meriweather:hover {
  font-family: "RobotoSlab" !important;
}

/* line 155, app/assets/stylesheets/mpi-is.scss */
.a-meriweather:active {
  font-family: "RobotoSlab" !important;
}

/* line 170, app/assets/stylesheets/mpi-is.scss */
.no-line-spacing > span {
  line-height: 0;
}

@media (max-width: 768px) {
  /* Applies to screens smaller than 768px (xs & sm) */
  /* line 176, app/assets/stylesheets/mpi-is.scss */
  .content-profile-image {
    max-width: 200px;
  }
}

/* line 181, app/assets/stylesheets/mpi-is.scss */
h1,
h2,
h3,
h4,
h5 {
  font-family: "RobotoSlab" !important;
}

/* line 189, app/assets/stylesheets/mpi-is.scss */
h1 {
  font-size: clamp(2rem, 5vw, 2.25rem);
  /* Scales between 32px and 36px */
}

/* line 194, app/assets/stylesheets/mpi-is.scss */
h2 {
  font-size: clamp(1.625rem, 4vw, 1.875rem);
  /* Scales between 26px and 30px */
}

/* line 199, app/assets/stylesheets/mpi-is.scss */
h3 {
  font-size: clamp(1.25rem, 3.5vw, 1.5rem);
  /* Scales between 20px and 24px */
}

/* line 204, app/assets/stylesheets/mpi-is.scss */
h4 {
  font-size: clamp(1rem, 2.5vw, 1.125rem);
  /* Scales between 16px and 18px */
}

/* line 209, app/assets/stylesheets/mpi-is.scss */
.nav-item {
  font-family: "Roboto", sans-serif !important;
  color: rgba(0, 0, 0, 0.9);
}

/* line 214, app/assets/stylesheets/mpi-is.scss */
.anchorMenu {
  height: 50px;
  font-family: "Roboto", sans-serif !important;
  color: rgba(0, 0, 0, 0.9);
  font-size: 15px;
  font-weight: 400;
  line-height: 17.58px;
  background: rgba(0, 108, 102, 0.3);
}

/*.nav-link {
    padding-right: 0 !important;
    padding-left: 1.5rem !important;
}*/
@media (min-width: 992px) {
  /* This corresponds to Bootstrap's 'lg' breakpoint */
  /* line 231, app/assets/stylesheets/mpi-is.scss */
  .nav-link {
    padding-right: 0 !important;
    padding-left: 2rem !important;
  }
}

/* line 237, app/assets/stylesheets/mpi-is.scss */
.footerSubtitle {
  font-family: Roboto;
  color: rgba(0, 0, 0, 0.5);
  font-size: 11px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
}

/* line 246, app/assets/stylesheets/mpi-is.scss */
.footerBoldtitle {
  font-family: "Roboto-Medium" !important;
  font-size: 15px !important;
  line-height: 20px;
  text-align: left;
}

/* line 253, app/assets/stylesheets/mpi-is.scss */
.socialmediaFooterText {
  font-family: Roboto;
  font-size: 15px;
  line-height: 20px;
}

/* line 259, app/assets/stylesheets/mpi-is.scss */
.tr-middle td {
  vertical-align: middle;
}

/* line 263, app/assets/stylesheets/mpi-is.scss */
.footer-sm-table td {
  padding-bottom: 18px;
}

/* line 267, app/assets/stylesheets/mpi-is.scss */
.link-no-text-dec {
  text-decoration: none;
  color: inherit;
}

/* line 272, app/assets/stylesheets/mpi-is.scss */
.link-no-text-dec:hover {
  text-decoration: none;
  color: inherit;
}

/* line 277, app/assets/stylesheets/mpi-is.scss */
.sign-in-button-footer {
  color: white !important;
  font-family: Roboto;
  font-size: 11px;
  line-height: 12.89px;
  padding: 8px 40px 8px 40px;
  opacity: 0px;
  background-color: black;
  border-radius: 0px;
}

/* line 288, app/assets/stylesheets/mpi-is.scss */
.button-black {
  color: white !important;
  font-family: Roboto;
  padding: 8px 40px 8px 40px;
  background-color: black;
  border-radius: 0px;
}

/* line 307, app/assets/stylesheets/mpi-is.scss */
.badge-filter {
  color: #000;
  background: rgba(77, 198, 191, 0.1) !important;
  background-size: 100%;
  padding: 5px;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 12px;
}

/* line 320, app/assets/stylesheets/mpi-is.scss */
.reset-container {
  width: 85%;
}

/* line 324, app/assets/stylesheets/mpi-is.scss */
.reset-filter {
  font-family: Roboto;
  font-size: 11px;
  font-weight: 700;
  line-height: 12px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

/* line 334, app/assets/stylesheets/mpi-is.scss */
.filter-heading {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: 23.44px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

/* line 344, app/assets/stylesheets/mpi-is.scss */
btn-black,
a.btn-black,
a.btn-black:visited {
  color: #fff !important;
  background-color: #000 !important;
  border-color: #000 !important;
  text-decoration: none !important;
  border-radius: 0px !important;
}