/**
 * @file
 * Subtheme specific CSS.
 */
body {
  font-family: Roboto, sans-serif;
}

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * @front
 * Front page CSS.
 */
.front-page a,
.front-page a:hover {
  color: #000;
}

.text-md-header-title,
.text-md-header-title a {
  font-size: 24.000600015px;
}

.weight-header-title,
.weight-header-title a {
  font-weight: 700;
}

.color-header-title,
.color-header-title a,
.color-header-title a:hover {
  color: #e90517;
}

.text-md-header-title a {
  text-decoration: none;
}

.weight-calculator-description {
  font-weight: 300;
}

.text-md-calculator-description {
  font-size: 11.250281257px;
}

.color-calculator-description {
  color: #000;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.underline {
  text-decoration-line: underline;
}

.weight-calculator-instructions {
  font-weight: 700;
}

.text-md-calculator-instructions {
  font-size: 15.0003750094px;
}

.color-calculator-instructions {
  color: #000;
}

/* START FOOTER */
.footer-logo div[class*="logo-"] {
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.footer-logo .logo-1 {
  min-height: 13.5vh;
  height: auto;
  background-image: url(../images/common/layer_1.svg);
}

.footer-logo .logo-2 {
  min-height: 9.2vh;
  height: auto;
  background-image: url(../images/common/layer_2.svg);
}

.footer-logo .logo-3 {
  min-height: 6.5vh;
  height: auto;
  background-image: url(../images/common/layer_3.svg);
}

.footer-root img {
  height: auto;
  max-width: 100%;
}

.w-\[8rem\] {
  width: 8rem;
}

.h-7 {
  height: 1.75rem;
}

.footer-menu ul li a {
  font-size: 11.250281257px;
  font-weight: 600;
  color: #e90517;
  text-decoration: none;
  --bs-navbar-active-color: #e90517;
}

.footer-menu ul li a:hover {
  color: #e90517;
}

/* END FOOTER */

/* START CONTENT */
.block-page-title-block h1.title {
  font-size: 27.0006750169px;
  font-weight: 600;
  margin-bottom: 1rem;
}

/* END CONTENT */

/* START LANGUAGE SELECTOR */
#modalLang .modal-dialog {
  margin: 0 auto !important;
  max-width: 20rem;
}

#modalLang .modal-content {
  border-color: rgb(226 232 240) !important;
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#modalLang .modal-header {
  border-bottom: none;
}

#modalLang .modal-title {
  line-height: 2.25rem;
  font-weight: 400 !important;
}

#modalLang .modal-body {
  padding: 0;
}

#modalLang .modal-body p {
  padding: 0 1rem;
  font-size: .875rem;
  line-height: 1.25rem;
}

#selectLang {
  line-height: 1.625;
}

#selectLang div {
  cursor: pointer;
  transition: all 0.5s;
  border-top: 1px solid rgb(226 232 240);
}

#selectLang div:first-child {
  padding: 0.5rem 1rem;
}

#selectLang div:not(:first-child) {
  padding: 0.5rem 3rem;
}

#selectLang div:hover {
  background: rgb(241 245 249);
  border-color: rgb(226 232 240);
}

.select-hidden {
  display: none;
}

.display-select .select-hidden {
  display: block !important;
}

#confirmLang {
  backdrop-filter: blur(8px);
  border-radius: 20px;
}

#confirmLang .modal-content {
  border-radius: 20px;
}

#confirmLang .modal-dialog {
  max-width: 100% !important;
}

#confirmLang button {
  background-color: #e90517;
  color: rgb(255 255 255);
  filter: drop-shadow(0 4px 4px rgba(233, 5, 23, .25));
}

#confirm-content {
  text-align: center;
}

.color-locale-picker-page-gradient {
  --tw-gradient-from: #e90517;
  --tw-gradient-to: rgba(233, 5, 23, 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #fff;
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

/* END LANGUAGE SELECTOR */

a.cdst-menu-link {
  font-weight: 600;
  color: #e90517;
  text-decoration: none;
  --bs-navbar-active-color: #e90517;
  padding-bottom: 0;
}

a.cdst-menu-link:hover {
  color: #e90517;
}

@media (min-width: 768px) {

  .footer-menu.login ul {
    justify-content: unset;
  }

  .footer-menu.login ul li a {
    margin-right: 10px;
  }

}

.calculator-title {
  display: none;
}
@media only screen and (max-width: 800px) {
  .btn-print {
    padding: 5px 0;
    width: -webkit-fill-available;
  }
}
.entyvio-logo{
  visibility: hidden;
}