/*================== README ================== Updated 6/17/2024
USP styles - Overrides to base.css
================== END README ==================
*/

/* Global Styles ------------------------------------------------------------------------------- */
:root {
	--base-font-family: 'Rajdhani', 'Barlow Condensed';

  /* USP */
	--base-usp-red: #c10230;
  --base-usp-navy: #002554;
  --base-usp-green: #6B8451;
  --base-usp-blue: #0485bd;
  --base-usp-coyote: #bc955c;
  --base-usp-sand: #8b7c5e;
  --base-usp-gold: #ffc52f;
  --base-usp-grey: #76777a;
}

/* Custom text color classes with b5-active */
.b5-active .text-usp-red { color: var(--base-usp-red) !important; }
.b5-active .text-usp-navy { color: var(--base-usp-navy) !important; }
.b5-active .text-usp-green { color: var(--base-usp-green) !important; }
.b5-active .text-usp-blue { color: var(--base-usp-blue) !important; }
.b5-active .text-usp-coyote { color: var(--base-usp-coyote) !important; }
.b5-active .text-usp-sand { color: var(--base-usp-sand) !important; }
.b5-active .text-usp-gold { color: var(--base-usp-gold) !important; }
.b5-active .text-usp-grey { color: var(--base-usp-grey) !important; }

/* Custom background color classes with b5-active */
.b5-active .bg-usp-red { background-color: var(--base-usp-red) !important; }
.b5-active .bg-usp-navy { background-color: var(--base-usp-navy) !important; }
.b5-active .bg-usp-green { background-color: var(--base-usp-green) !important; }
.b5-active .bg-usp-blue { background-color: var(--base-usp-blue) !important; }
.b5-active .bg-usp-coyote { background-color: var(--base-usp-coyote) !important; }
.b5-active .bg-usp-sand { background-color: var(--base-usp-sand) !important; }
.b5-active .bg-usp-gold { background-color: var(--base-usp-gold) !important; }
.b5-active .bg-usp-grey { background-color: var(--base-usp-grey) !important; }

/* Global Components ------------------------------------------------------------------------------- */

/* body .b5-active {
  font-family: 'Rajdhani';
} */

.b5-active h1
.b5-active h2,
.b5-active h3,
.b5-active h4,
.b5-active h5,
.b5-active h6,
.b5-active p,
.b5-active a,
.b5-active label,
.b5-active input,
.b5-active textarea,
.b5-active span {
  font-family: 'Roboto Condensed';
}

.b5-active form,
.b5-active p,
.b5-active ul,
.b5-active li {
  letter-spacing: unset !important;
}

.b5-active a {
  font-size: 16px;
}

.b5-active .roboto-condensed {
  font-family: 'Roboto Condensed' !important;
  letter-spacing: 0;
}

/*====== BUTTONS ======*/
.b5-active .btn {
  border-radius: 0 !important;
}

/*====== PRIMARY BUTTONS ======*/
.b5-active .btn-inverted:not(:disabled):not(.btn-disabled):hover,
.b5-active .btn-primary-inverted:not(:disabled):not(.btn-disabled):hover,
.b5-active .btn-primary:not(:disabled):not(.btn-disabled):hover {
	background-color: var(--base-usp-red);
	border: 1px solid var(--base-usp-red);
  color: #fff;
}

.b5-active .btn-inverted:not(:disabled):not(.btn-disabled):active,
.b5-active .btn-primary-inverted:not(:disabled):not(.btn-disabled):active,
.b5-active .btn-primary:not(:disabled):not(.btn-disabled):active {
	background-color: var(--base-usp-red);
	border: 1px solid var(--base-usp-red);
  color: #fff;
	opacity: 0.8;
}

/*====== BUTTON GROUPS ======*/
.b5-active .btn-group {
  border-radius: 0 !important;
}

/*====== FORMS / INPUTS ======*/
.b5-active input.form-control,
.b5-active textarea.form-control,
.b5-active select.form-control,
.b5-active select.form__select,
.b5-active select.form-select,
.b5-active input.form__input,
.b5-active label.form__radio,
.b5-active label.form__checkbox {
  font-family: 'Roboto Condensed';
	border-radius: 0 !important;
}

/*====== CARD ======*/
.b5-active .card {
  border-radius: 0 !important;
}

.b5-active .card-title {
	border-radius: 0;
}

/*====== NOTIFICATIONS / ALERTS ======*/
.b5-active .alert {
  border-radius: 0;
}

/*====== BADGES ======*/
.b5-active .badge {
  border-radius: 0 !important;
}

/*====== TOOLTIPS ======*/
.tooltip-text {
  border-radius: 0 !important;
}

/*====== CUSTOM ======*/
/* Overrides to sam-styles */
.b5-active form, 
.b5-active p, 
.b5-active ul li {
  font-size: unset !important;
}