@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");

@font-face {
  font-family: 'Caslon';
  src: url('/static/fonts/CaslonTwoTwentyFourBook.woff2') format('woff2'),
      url('/static/fonts/CaslonTwoTwentyFourBook.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham-regular';
  src: url('/static/fonts/Gotham-Book.woff2') format('woff2'),
      url('/static/fonts/Gotham-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham-bold';
  src: url('/static/fonts/Gotham-Bold.woff2') format('woff2'),
      url('/static/fonts/Gotham-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

:root {
  --type1: #30B5C1;
  --type2: #8baf1c;
  --type3: #8f149e;
  --type4: #AF1010;
  --type5: #9E4D18;
  --type6: #094c98;
  --type7: #188810;											
}

body {
  font-family: 'Gotham-regular', sans-serif !important;
}

h1, h2{
  font-size: 64px !important;
  font-family: 'Caslon', serif !important;
}

h4{
  font-size: 32px !important;
  font-family: 'Gotham-bold', san-serif !important;
}

h3, h4, h5, h6, .menu, .breadcrumb-item.active, .accordion-button, .card-body p{
  font-family: 'Gotham-bold', san-serif !important;
} 																		


/* NUOVO */
.menu{
  text-transform: uppercase !important;
  font-weight: bold !important;
  
}

.menu .nav-link{
  color: #000000 !important;
  
}


.navbar-toggler {
  color: transparent !important;
  border: none !important;
}


.fs-5 {
  font-size: 32px!important;
}

.profile-loggin{
  padding-left: 15px!important;
}		

.list-group {
--bs-list-group-border-color: #EEEEEE !important;
}

/* BREADCRUMBS*/
.breadcrumb{
  --bs-breadcrumb-divider-color: #000000 !important;
  --bs-breadcrumb-item-active-color: #000000 !important;
}

.breadcrumb-item a{
  text-decoration: none !important;
  color: black !important;
}

.breadcrumb-item.active {
  font-weight: bold !important;
  color: black !important;
}

.accordion-button{
  font-weight: bold !important;
  
}

.accordion-item{
  border-bottom: var(--bs-accordion-border-width) solid #000000 !important;
  
}


.bg-sand {
  background-color: #ECE3C8 !important;
}

.bg-sky {
  background-color: #C8DDEC !important;
}

.bg-order-form {
  background-color: #e6e6e6  !important;
}

.btn-primary {
  --bs-btn-color: #fff !important;
  --bs-btn-bg: black !important;
  --bs-btn-border-color: black !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: #333 !important;
  --bs-btn-hover-border-color: #333 !important;
  --bs-btn-focus-shadow-rgb: 49,132,253 !important;
  --bs-btn-active-color: #fff !important;
  --bs-btn-active-bg: black !important;
  --bs-btn-active-border-color: black !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
  --bs-btn-disabled-color: #999999 !important;
  --bs-btn-disabled-bg: #ffffff !important;
  --bs-btn-disabled-border-color: #999999 !important;
}

.btn-outline-primary {
  --bs-btn-color: black !important;
  --bs-btn-border-color: black !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: black !important;
  --bs-btn-hover-border-color: black !important;
  --bs-btn-focus-shadow-rgb: 13,110,253 !important;
  --bs-btn-active-color: #fff !important;
  --bs-btn-active-bg: black !important;
  --bs-btn-active-border-color: black !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
  --bs-btn-disabled-color: #999999 !important;
  --bs-btn-disabled-bg: #ffffff !important;
  --bs-btn-disabled-border-color: #999999 !important;
  --bs-gradient: none !important;
  text-transform: uppercase !important;
}


.link-back{
  color: black !important;
  text-decoration: none !important;
  font-weight: bold !important;
}


.link-back:hover {
    color: black !important;
    text-decoration: none !important;
    font-weight: bold !important;
  }

.btn-dark {
  --bs-btn-color: black !important;
  --bs-btn-bg: white !important;
  --bs-btn-border-color: black !important;
  --bs-btn-hover-color: none !important;
  --bs-btn-hover-bg: none !important;
  --bs-btn-hover-border-color: none !important;
  --bs-btn-focus-shadow-rgb: 66,70,73 !important;
  --bs-btn-active-color: black !important;
  --bs-btn-active-bg: white !important;
  --bs-btn-active-border-color: black !important;
  --bs-btn-active-shadow: inset 0 3px 5pxrgba(0, 0, 0, 0.125) !important;
  --bs-btn-disabled-color: #999999 !important;
  --bs-btn-disabled-bg: #ffffff !important;
  --bs-btn-disabled-border-color: #999999 !important;
}

.btn{
  --bs-btn-border-radius: none !important;
}

.btn-disabled {
  opacity: 0.5;
}
/* DROPDOWN PAGE DETAILS */

.dropdown-menu{
  width: 300px !important;
  background-color: white !important;
  border: 1px solid black !important;
  border-radius: 0px !important;
}

.dropdown-item{
  color: black !important;
}

.dropdown-item:hover{
  background-color: black !important;
  color: white !important;
}

/* CAROUSEL */

.carousel {
  margin-bottom: 0 !important;
}

.carousel-caption{
  /* not to display caption at its current position */
  display: none !important;
}

.carousel-item img {
								 
  width: 100%!important;
  height: 100%!important;
  object-fit: cover!important;
  object-position: center center!important;
}

.new-carousel-caption-position{
  position: relative !important; 
  top: 0 !important; 
  left: 0 !important; 
  background-color: #CFDDAF !important; 
  max-width: 100% !important;
}


footer {
  background-color: black !important;
}

footer p{
  color: rgb(255, 255, 255) !important;
  font-size: 12px !important;
}


/* FILTRI */
.disabledFilters {
  pointer-events: none;
  opacity: 0.4;
}

.accordion .list-group-item label {
  font-size: 0.875rem !important;
}

.accordion .list-group-item .form-check-input {
  margin-top: 0.1em !important;
}

.form-check-input:checked {
 background-color: black !important;
  border-color: black !important;
}

.form-check-input:focus {
  border-color: black !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.accordion .list-group-flush>.list-group-item {
  border: none !important;
}

.accordion-button:not(.collapsed) {
  color: black !important;
  background-color: white !important;
}

.accordion-button:not(.collapsed)::after {
  color: black !important;
  background-image: var(--bs-accordion-btn-icon) !important;
}

.accordion-button:focus {
  border: none !important;
  box-shadow: none !important;
}


/* CARDS PAGE MATERIALS */

.card{
  text-decoration: none !important;
  text-align: center !important;
  min-height: 255px;
  /*position: relative;*/
  overflow: hidden;
}

.card p, .card-title {
  font-size: 0.75rem !important;
}

.card p {
  font-family: 'Gotham-bold', sans-serif !important;
  text-transform: uppercase !important;
}

.card .bg-image{
  background-color: #ECECEC !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  transition: ease-in-out !important;
  transition-duration: 0.3s !important;
  border-radius: 0.375rem 0.375rem 0 0 !important;
  height: 130px !important;
}

.card-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    padding: 16px 4px;
}

.orizzontale img{
  padding: 10px 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  height: 110% !important;
  object-fit: scale-down !important;
  vertical-align: middle !important;
}

.verticale img{
  padding: 0 10px !important;
  width: auto !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: scale-down !important;
}

.card-title{
  color: rgb(33, 33, 33) !important;
  /*height: 42px !important;*/
  overflow: hidden;
  text-overflow: ellipsis;
 /* display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;*/
  font-family: 'Gotham-regular', sans-serif !important;
}

.type-1 p {color: var(--type1); }
.type-2 p {color: var(--type2); }
.type-3 p {color: var(--type3); }
.type-4 p {color: var(--type4); }
.type-5 p {color: var(--type5); }
.type-6 p {color: var(--type6); }
.type-7 p {color: var(--type7); }

p.card-brand{
  color: #000000!important;
  /*position: absolute;
  left: 50%;
  bottom: 5px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);*/
  margin-bottom: 0;
  width: 100%;
}

a.type-1:hover {border: 2px solid var(--type1);}
a.type-2:hover {border: 2px solid var(--type2);}
a.type-3:hover {border: 2px solid var(--type3);}
a.type-4:hover {border: 2px solid var(--type4);}
a.type-5:hover {border: 2px solid var(--type5);}
a.type-6:hover {border: 2px solid var(--type6);}
a.type-7:hover {border: 2px solid var(--type7);}

/* Pagination */

.pagination{
  --bs-pagination-color: black !important;
  --bs-pagination-bg: #fff !important;
  --bs-pagination-border-width: 0 !important;
  --bs-pagination-border-color: none !important;
  --bs-pagination-border-radius: 0 !important;
  --bs-pagination-hover-color: white !important;
  --bs-pagination-hover-bg: black !important;
  --bs-pagination-hover-border-color: black !important;
  --bs-pagination-focus-color: white !important;
  --bs-pagination-focus-bg: black !important;
  --bs-pagination-focus-box-shadow: 0 !important;
  --bs-pagination-active-color: #fff !important;
  --bs-pagination-active-bg: black !important;
  --bs-pagination-active-border-color: black !important;
  --bs-pagination-disabled-color: #DCDCDC !important;
  --bs-pagination-disabled-bg: #fff !important;
  --bs-pagination-disabled-border-color: white !important;
  }

/*---------------------- NUOVO -------------
----------------*/

/* CARDS PAGE DETAILS */

.card-file {
  text-align: left !important;
  height: fit-content !important;
  border-radius: 0px !important;
}

.min-height-override{
  min-height:initial !important;
}

.card-disabled{
  border: 1px solid #999999 !important;
}

.card-disabled .card-title {
  text-decoration: none !important;
  font-size: 1rem !important;
  color: #999999 !important;
}

.card-disabled img {
  opacity: 40% !important;
}

.card-active{
  border: 1px solid black !important;
}

.card-active .card-title {
  text-decoration: none !important;
  font-size: 1rem !important;
  color: black !important;
}

.link-info-a{
  color: black !important;
}





/* FAQ */
.page-faq .container{
  margin-bottom: 40px !important;
}

.page-faq p{
  font-family: Gotham-regular !important;
}

.accordion-header{
  font-family: Gotham-bold !important;
  font-size: 32px !important;
}

.page-faq .accordion-button:not(.collapsed) {
  color: black !important;
  background-color: transparent !important;
}

.page-faq .accordion-body{
  font-family: Gotham-regular !important;
}

.page-faq .accordion{
--bs-accordion-btn-focus-border-color: white !important;
--bs-accordion-active-color: white !important;
--bs-accordion-active-bg: white !important;
}

/* DETAILS */
.preview-images{
  display: flex;
}

.preview-image.text-left{
  text-align: left!important;
}

.preview-image.text-right{
  text-align: right!important;
}

.preview-image img{
  max-width: 95%!important;
}

@media (min-width: 576px){
  .modal-dialog {
    max-width: 50%!important;
  }
}

/* PDF LEGAL INFO */

page {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  display: block !important;
  margin: 0 !important;
  margin-bottom: 0.5cm !important;
}

page[size="A4"] {
  width: 21cm !important;
  height: 29.7cm !important;
}

@page {
  size: a4 portrait;
}

/* ORDER FORM */
.selectable-card {
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s, opacity 0.2s;
}

.selectable-card:hover {
  border: 1px solid black !important;
}

input:checked + .selectable-card {
  border: 1px solid black !important;
  background-color: #f5f5f5;
  opacity: 1 !important;
}

.form-control {
  border-radius: 0;
}

.custom-alert {
  padding: 6px 12px;
  border-radius: 0;
}