/* ---------------------------------- */

html {
  scroll-behavior: smooth;
}

#toast-container > div {
  opacity:1;
}

/* ROOT */
:root {
  --bs-link-color: #ff7d24;
  --bs-link-hover-color: #e0651a;
}

/* FORM-CONTROL */
.form-control:focus {
  border-color: #ffaf7e;
  box-shadow: 0 0 0 0.25rem rgba(255, 175, 126, 0.25);
}
.form-select:focus {
  border-color: #ffaf7e;
  box-shadow: 0 0 0 0.25rem rgba(255, 175, 126, 0.25);
}

.form-check-input:checked {
  background-color: #ff7d24;
  border-color: #ff7d24;
}
.form-check-input:focus {
  border-color: #ffaf7e;
  box-shadow: 0 0 0 0.25rem rgba(255, 175, 126, 0.25);
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffaf7e'/%3e%3c/svg%3e");
}

.alert-warning {
  --bs-alert-color: #ff7d24;
  --bs-alert-bg: #ffe5d3;
  --bs-alert-border-color: #ff7d24;
}

/* BUTTON */
.btn-primary {
  --bs-btn-bg: #ff7d24;
  --bs-btn-border-color: #ff7d24;
  --bs-btn-hover-bg: #e0651a;
  
  --bs-btn-hover-border-color: #ad4300;
  --bs-btn-focus-shadow-rgb: 255,175,126;
  --bs-btn-active-bg: #ad4300;
  --bs-btn-active-border-color: #ffaf7e;
  
  --bs-btn-disabled-bg: #ff7d24;
  --bs-btn-disabled-border-color: #ff7d24;
}
.btn-outline-primary {
  /*--bs-btn-bg: #ff7d24;*/
  --bs-btn-color: #ff7d24;
  --bs-btn-border-color: #ff7d24;
  --bs-btn-hover-bg: #e0651a;
  
  --bs-btn-hover-border-color: #ad4300;
  --bs-btn-focus-shadow-rgb: 255,175,126;
  --bs-btn-active-bg: #ad4300;
  --bs-btn-active-border-color: #ffaf7e;
  
  --bs-btn-disabled-bg: #ff7d24;
  --bs-btn-disabled-border-color: #ff7d24;
}

/* ACCORDION */
.accordion {
  --bs-accordion-btn-focus-border-color: #ffaf7e;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(255, 125, 36, 0.25);
  --bs-accordion-active-color: #ff7d24 /*#d6086d*/;
  --bs-accordion-active-bg: #ffe5d3;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff7d24'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");  
}

/* CARD */
.card {
  --bs-card-border-color: #ff7d24;
}

/* ---------------------------------- */
/* AUTOCOMPLETE */

.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

/* ---------------------------------- */


/* TOP NAVIGATION */
nav.navbar .navbar-nav li.nav-item:not(:last-child) {
  border-right: solid 1px var(--bs-orange);
}

/* --- HEADER ------------------------------- */

.masthead-heading {
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.masthead-subheading {
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

header.masthead.small {
  padding-top: calc(1rem + 72px);
  padding-bottom: 1rem;
}
@media (min-width: 992px) {
  header.masthead.small {
      padding-top: calc(1rem + 55px);
      padding-bottom: 1rem;
  }
}

header.masthead .bg-circle {
  opacity: 0.5;
}