@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/user/themes/t2b5/fonts/Roboto-Regular.ttf') format('truetype');
}

:root {
  --bs-primary: #18baa8 !important;
  --bs-primary-rgb: 24, 186, 168;
  --bs-secondary: #186c75;
  --bs-secondary-rgb: 24, 108, 117;
  --bs-tertiary: #e9fffc;
  --bs-tertiary-rgb: 233, 255, 252;
  --bs-quaternary: #f9b52e;
  --bs-quaternary-rgb: 249, 181, 46;
  --bs-link-color: #186c75;
  --bs-link-hover-color: #186c75;
  --bs-body-bg: #fff;
  --bs-body-color: #000;
  --bs-primary-text-emphasis: #000;
  --bs-body-font-family: "Roboto";
}

body {
  /* background-color: var(--bs-tertiary); */
  font-family: var(--bs-body-font-family);
}


hr {
  margin-top: 1rem !important;
  margin-bottom: 1rem;
  color: var(--bs-secondary);
  border: 0;
  border-top: 2px solid;
  opacity: 0.5075;
}

/* Heading */
h1 {
  font-weight: bold;
  font-size: 2rem;
}

h2 {
  font-weight: bold;
  font-size: 1.7rem;
}

h3 {
  font-weight: bold;
  font-size: 1.3rem;
}

h4 {
  font-weight: bold;
  font-size: 1.1rem;
}

.bg-tertiary {
  background-color: var(--bs-tertiary);
}

.bg-quaternary {
  background-color: var(--bs-quaternary);
}

.bg-blue {
  background-color: #0e4194;
}

a {
  color: var(--bs-link-color);
  text-decoration: none;
  font-weight: bold;
}

a:hover,
a:active {
  text-decoration: underline;
  color: var(--bs-link-hover-color);
}

a:focus-visible {
  outline: 3px solid #e52b50;
}

.nav-link {
  font-weight: bold;
}

/*bottoni*/
.btn-primary {
  font-weight: bold;
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: none;
  box-shadow: 2px 2px 5px -3px #000000;
  border-radius: 5px;
  --bs-btn-border-width: none;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: none;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: none;
  --bs-btn-focus-shadow-rgb: 29, 41, 75;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6f7376;
  --bs-btn-disabled-border-color: #6f7376;

  &:hover,
  &:active,
  &:focus-visible {
    text-decoration: underline;
    box-shadow: none;
  }
}

.btn-secondary {
  font-weight: bold;
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: none;
  box-shadow: 2px 2px 5px -3px #000000;
  border-radius: 5px;
  --bs-btn-border-width: none;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-secondary);
  --bs-btn-hover-border-color: none;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-secondary);
  --bs-btn-active-border-color: none;
  --bs-btn-active-shadow: none;
  --bs-btn-focus-shadow-rgb: 29, 41, 75;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6f7376;
  --bs-btn-disabled-border-color: #6f7376;

  &:hover,
  &:active,
  &:focus-visible {
    text-decoration: underline;
    box-shadow: none;
  }
}

.btn-search {
  font-weight: bold;
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: none;
  box-shadow: 2px 2px 5px -3px #000000;
  border-radius: 0px;
  --bs-btn-border-width: none;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: none;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: none;
  --bs-btn-focus-shadow-rgb: 29, 41, 75;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6f7376;
  --bs-btn-disabled-border-color: #6f7376;

  &:hover,
  &:active,
  &:focus-visible {
    text-decoration: underline;
    box-shadow: none;
  }
}

/*Form*/
.form-control {
  border-radius: 5px;
  box-shadow: none;
  padding: 5px;
  background-color: #fff;
  border: 2px solid var(--bs-primary);

  &:hover,
  &:focus,
  &:focus-visible {
    background-color: #fff;
    box-shadow: 0 0 0 0.1rem var(--bs-primary);
    border: 2px solid var(--bs-primary);
    transition: unset;
    outline: 1px solid var(--bs-primary);
  }
}

.form-select {
  border-radius: 5px;
  box-shadow: none;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #fff;
  border: 2px solid var(--bs-primary);

  &:hover,
  &:focus,
  &:focus-visible {
    box-shadow: 0 0 0 0.15rem var(--bs-primary);
    background-color: #fff;
    border: var(--bs-primary) 2px solid !important;
  }
}

.form-check-input {
  background-color: #fff;
  border: 1px solid var(--bs-primary);
}

.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem #18baa750;
}

/*fine Form*/

/*img sfondo*/
.bg-container {
  background-image: url("images/img.png");
  background-size: cover;
  background-position: center;
  height: 50%;
}

.bg-gradient-yellow {
  background: linear-gradient(180deg,
      var(--bs-quaternary),
      rgba(255, 255, 255, 0));
}

.bg-gradient-blue {
  background: linear-gradient(180deg,
      var(--bs-primary),
      rgba(255, 255, 255, 0));
}

.bg-search {
  border-radius: 5px;
  box-shadow: 2px 2px 5px -3px #000000;
}

.bg-search:hover {
  background-color: var(--bs-tertiary);
  color: #000;
}

/* Accordion */
.accordion {
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem #18baa750;
  --bs-accordion-border-color: none;
  box-shadow: var(--bs-box-shadow);
  border-radius: 5px;
}

.accordion-button:focus {
  /* z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0; */
  box-shadow: none;
}

/* Fine Accordion */

.list-group-item {
  border: none;
}

/* carousel card responsive */
.carousel-inner-card,
.carousel-inner-card-avvisi,
.carousel-inner-card-news,
.carousel-inner-card-comunicati {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/*classi per modificare le frecce del carousel*/
.next-carousel-control,
.prev-carousel-control {
  position: unset;
  display: unset;
  padding: 0;
  width: unset;
  border: unset;
  background-color: unset;
}

/* Tabella responsive */
@media screen and (max-width: 900px) {

  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block;
  }

  /* potremmo nasconderlo, ma lo spostiamo solo, per questioni di accessibilità */
  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  td {
    position: relative;
    padding-left: 50% !important;
  }

  td:before {
    position: absolute;
    left: 6px;
    content: attr(data-th);
    font-weight: bold;
  }

  td:first-of-type {
    font-weight: bold;
    border-top: 2px solid rgb(222, 226, 230);
  }
}

@media screen and (min-width: 901px) {

  td,
  th {
    text-align: start;
  }
}

@media screen and (max-width: 900px) {
  td:first-of-type {
    font-weight: bold;
    font-size: larger;
    border-top: none;
  }

  td:last-of-type {
    border-bottom: none;
  }

  td,
  th {
    text-align: end;
  }

  tr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-radius: 5px;
    box-shadow: 2px 2px 5px -3px #000000;
    padding: 5px;
  }
}

.custom-tooltip {
  --bs-tooltip-bg: var(--bs-primary);
  --bs-tooltip-color: #000;
}

@media screen and (max-width: 1199px) {
  .border-responsive {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }
}

@media screen and (min-width: 1200px) {
  .border-responsive {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }
}