@use "../../../plugins/bootstrap-5.1.3/scss/functions";
@use "../../../plugins/bootstrap-5.1.3/scss/variables";
@use "../../../plugins/bootstrap-5.1.3/scss/mixins";
@use "../../../plugins/bootstrap-5.1.3/scss/utilities";
@use "../../../plugins/bootstrap-5.1.3/scss/reboot";
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: auto !important;
  }
}

:root {
  --primary: #CD0511;
  --consumed-by-js: $primary;
  --bs-primary: #CD0511;
  --bs-primary-rgb: 205, 5, 17;
  --success: #179149;
  --consumed-by-js: $success;
  --bs-success: #179149;
  --bs-success-rgb: 23, 145, 73;
  --bs-dark: #161616;
  --bs-dark-rgb: 22, 22, 22;
  --bs-font-open-sans:'Open Sans', sans-serif;
  --bs-body-font-family: var(--bs-font-open-sans);
  --bs-body-color: #161616;
  --bs-link-color: $primary;
}

@use "../../../plugins/bootstrap-5.1.3/scss/bootstrap";
#regulations h3 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}

#regulations .title {
  font-size: 20px;
  font-weight: 700;
}

#regulations .row-regulations .gray-box p {
  font-size: 16px;
}

#regulations .row-regulations .reg-titles .gray {
  font-size: 14px;
  color: gray;
}

#regulations .row-regulations .reg-titles #regulation-header {
  top: -51px;
}

#regulations .row-regulations .reg-titles #regulation-header:has(.flag-icon-cy) .flag-icon-cy {
  background-color: white;
  background-size: contain;
}

#regulations .row-regulations .reg-titles #regulation-header .regulator-flag-icon {
  height: 103px !important;
  width: 103px !important;
  background-size: cover;
  border: solid 6px #F4F4F4;
  border-radius: 50%;
}

#regulations .row-regulations .reg-titles #regulation-header #cy-extras img {
  height: 18px;
}

#regulations .row-regulations .reg-titles #regulation-header #cy-extras #pillar3 {
  height: 30px;
}

#regulations .row-regulations .reg-titles .button-sentences .show-less {
  display: none;
  width: fit-content;
}

#regulations .row-regulations .reg-titles .button-sentences .read-more {
  display: block;
  width: fit-content;
}

#regulations .row-regulations .reg-titles .reg-description-hidden-sentence {
  display: none;
}

#regulations .row-regulations .reg-titles .reg-description-hidden-sentence a {
  color: black;
  font-weight: bold;
  text-decoration: underline !important;
}

#regulations .row-regulations .reg-titles .reg-description-hidden-sentence img {
  height: 20px;
}

#regulations .row-regulations .reg-titles .reg-description-hidden-sentence #pillar3 {
  height: 35px;
}

#regulations .row-regulations .reg-titles .reg-description-hidden-sentence.active {
  display: block;
}

#regulations .row-regulations .reg-titles .active .icons-shown-once {
  display: none;
}

#regulations .row-regulations .reg-titles .active .button-sentences .read-more {
  display: none;
}

#regulations .row-regulations .reg-titles .active .button-sentences .show-less {
  display: block;
}

#regulations .row-regulations .reg-titles .active .reg-description-hidden-sentence {
  display: block;
}

@media (max-width: 767.98px) {
  #regulations #regulation-header:has(#cy-extras) {
    flex-direction: column;
    align-items: center;
  }
  #regulations #regulation-header #cy-extras {
    width: max-content;
  }
  #regulations h3 {
    padding-bottom: 1rem;
  }
}