:root {
  --bs-primary: #008E4B;
  --bs-primary-rgb: 0, 142, 75;
  --bs-secondary: #004995;
  --bs-secondary-rgb: 0, 73, 149;
  --bs-tertiary: #A7D5BF;
  --bs-tertiary-rgb: 167, 213, 191;
  --bs-link-color: #008044;
  --bs-link-hover-color: #008044;
  --bs-body-bg: #fff;
  --bs-body-color: #000;
  --bs-primary-bg-subtle: #E3F3EC;
  --bs-secondary-bg-subtle: #EBF5FF;
  --bs-border-color: var(--bs-primary);
}
a {
  color: var(--bs-link-color);
  text-decoration: none;
  font-weight: bold;
}

a:not([class]) {
	text-decoration: none;
}
a:hover,
a:active,
a:focus-visible,
a:focus {
    text-decoration: underline;
    color: var(--bs-link-hover-color);
}

.bg-tertiary {
  background-color: var(--bs-tertiary);
}

a:hover .card-body {
  background-color: var(--bs-tertiary);
}

.card {
  border: none;
}

/* Card hover no text underline */
a.txt-black {
  color: #000;
  text-decoration: none;
}

a.txt-black .card-text {
  text-decoration: none !important;
}

a.txt-black:hover .card-title {
  text-decoration: underline;
}

/* FIne Card hover no text underline */


.slimcard-border-verde {
  border-bottom: 5px solid var(--bs-primary);
}

.slimcard-border-azzurro {
  border-bottom: 5px solid var(--bs-secondary);
}

.overlay-black {
  background: rgba(0, 0, 0, 0.413);
  z-index: 1;
}

/* BREAKPOINTS con dimensioni */

/* LG breakpoint */
@media (max-width: 1025px) {

  /* CUSTOM WIDTHS */
  .w-lg-25 {
    width: 25% !important;
  }

  .w-lg-50 {
    width: 50% !important;
  }

  .w-lg-75 {
    width: 75% !important;
  }

  .w-lg-100 {
    width: 100% !important;
  }
}

/* MD breakpoint*/
@media (max-width: 768px) {

  /* CUSTOM WIDTHS */
  .w-md-25 {
    width: 25% !important;
  }

  .w-md-50 {
    width: 50% !important;
  }

  .w-md-75 {
    width: 75% !important;
  }

  .w-md-100 {
    width: 100% !important;
  }
}

/* SM breakpoint */
@media (max-width: 576px) {

  /* CUSTOM WIDTHS */
  .w-sm-25 {
    width: 25% !important;
  }

  .w-sm-50 {
    width: 50% !important;
  }

  .w-sm-75 {
    width: 75% !important;
  }

  .w-sm-100 {
    width: 100% !important;
  }
}

/*bottoni*/
.btn:focus-visible,
.btn:focus {
  outline: medium solid var(--bs-secondary) !important
}

.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;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary: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;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus-visible {
  text-decoration: underline;
  box-shadow: none;
}

.btn-tertiary {
  font-weight: bold;
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-tertiary);
  --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-tertiary);
  --bs-btn-hover-border-color: none;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-tertiary);
  --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;
}

.btn-tertiary:hover,
.btn-tertiary:active,
.btn-tertiary:focus-visible {
  text-decoration: underline;
  box-shadow: none;
}

/*Form*/
.form-control {
  border-radius: 0px;
  border-bottom: 3px solid var(--bs-quaternary);
  box-shadow: none;
  padding: 5px;
  background-color: #fff;
  border: #ffffff00 2px solid !important;
}

.form-control:hover,
.form-control:focus,
.form-control:focus-visible {
    background-color: #fff;
    box-shadow: 0 0 0 .15rem var(--bs-quaternary);
    border: var(--bs-primary) 2px solid !important;
}


.form-select {
  border-radius: 0px;
  border-bottom: 3px solid var(--bs-quaternary);
  box-shadow: none;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #fff;
  border: #ffffff00 2px solid !important;
}

.form-select:hover,
.form-select:focus,
.form-select:focus-visible {
  box-shadow: 0 0 0 .15rem var(--bs-quaternary);
    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);
}

/*fine Form*/

.negative-margin {
  margin-top: -120px;
}


/*grandezza menu laterale */
.w-6 {
  width: 6%;
}

/*grandezza offcanvas*/
.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
  --bs-offcanvas-width: 80%;
}

@media (max-width: 768px) {

  .offcanvas,
  .offcanvas-lg,
  .offcanvas-md,
  .offcanvas-sm,
  .offcanvas-xl,
  .offcanvas-xxl {
    --bs-offcanvas-width: 100%;
  }
}


.nav-side-menu {
  z-index: 1050 !important;
}


.z-index {
  z-index: 1049 !important;
}


button.carousel-control-prev:focus-visible,
button.carousel-control-next:focus-visible {
  outline: 2px solid var(--bs-secondary);
}


.btn-close {
  --bs-btn-close-bg: unset;
  --bs-btn-close-opacity: 1;
  --bs-btn-close-hover-opacity: 1;
}

/*img di sfondo in homepage N1*/
.background-image-container {
  background-image: url('./images/AdobeStock_1052598681.jpeg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 55vh;
}

/*img di sfondo in homepage N2*/
.background-image-container-app {
  background-image: url('./images/AdobeStock_613525474.jpeg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 55vh;
}

/*overlay bianco per img di sfondo della app Amiu*/
.overlay-white {
  background-color: rgba(255, 255, 255, 0.7);
  top: 0;
  left: 0;
}

/* carousel card responsive */
.carousel-inner-card,
.carousel-inner-card-avvisi,
.carousel-inner-card-news,
.carousel-inner-card-comunicati {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/*tab laterale*/
.nav-pills {
  --bs-nav-pills-link-active-bg: var(--bs-tertiary);
  --bs-nav-pills-link-active-color: #000;
}

/*accordion mobile*/
.accordion-button:focus {
  box-shadow: unset !important;
}

hr {
  color: var(--bs-primary);
  opacity: 1;
  margin: 0;
}

.border-tertiary {
  border-color: var(--bs-tertiary) !important;
  opacity: 1;
}

.card.border-tertiary:hover {
  background-color: var(--bs-tertiary) !important;
}


a.active .card {
  border: 3px solid var(--bs-primary);
  text-decoration: underline;
}

.cursor-pointer{
  cursor: pointer;
}

button.nav-link:hover {
  text-decoration: underline !important;
}


/*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;
}