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

/* Global Styles ------------------------------------------------------------------------------- */
:root {
	--base-fontFamily: 'Rajdhani', 'Helvetica', 'sans-serif';

  /* Galls */
	--base-galls-blue: #005dac;
	--base-galls-red: #b82025;
	--base-galls-navy: #103a60;
	--base-galls-limeGreen: #b9c73c;
	--base-galls-odGreen: #747a33;
	--base-galls-green: #0b6d38;
	--base-galls-burntOrange: #b56e2c;
	--base-galls-orange: #dd5a26;

	/* Default */
	--base-default-bg: #f7f7f7;
	--base-default-bgSecondary: #ffffff;
	--base-default-text: #303030;
	--base-default-textSecondary: #616161;
	--base-default-border: #e3e3e3;
	--base-default-icon: #4a4a4a;

	/* Brand */
  --base-brand-bg: #e3e3e3;
  --base-brand-text: #4a4a4a;
  --base-brand-fill: #303030;
  --base-brand-onFill: #ffffff;
}

/* Custom text color classes with b5-active */
.b5-active .text-galls-blue { color: var(--base-galls-blue) !important; }
.b5-active .text-galls-red { color: var(--base-galls-red) !important; }
.b5-active .text-galls-navy { color: var(--base-galls-navy) !important; }
.b5-active .text-galls-limeGreen { color: var(--base-galls-limeGreen) !important; }
.b5-active .text-galls-odGreen { color: var(--base-galls-odGreen) !important; }
.b5-active .text-galls-green { color: var(--base-galls-green) !important; }
.b5-active .text-galls-burntOrange { color: var(--base-galls-burntOrange) !important; }
.b5-active .text-galls-orange { color: var(--base-galls-orange) !important; }

/* Custom background color classes with b5-active */
.b5-active .bg-galls-blue { background-color: var(--base-galls-blue) !important; }
.b5-active .bg-galls-red { background-color: var(--base-galls-red) !important; }
.b5-active .bg-galls-navy { background-color: var(--base-galls-navy) !important; }
.b5-active .bg-galls-limeGreen { background-color: var(--base-galls-limeGreen) !important; }
.b5-active .bg-galls-odGreen { background-color: var(--base-galls-odGreen) !important; }
.b5-active .bg-galls-green { background-color: var(--base-galls-green) !important; }
.b5-active .bg-galls-burntOrange { background-color: var(--base-galls-burntOrange) !important; }
.b5-active .bg-galls-orange { background-color: var(--base-galls-orange) !important; }

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

/* .b5-active p {font-family: Lato;} */

.b5-active .rajdhani {
  font-family: 'Rajdhani' !important;
  letter-spacing: 0;
}

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

.b5-active .lato {
  font-family: 'Lato' !important;
  letter-spacing: 0;
}

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

.b5-active p,
.b5-active textarea {
  font-family: 'lato';
}

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


.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-galls-blue);
	border: 1px solid var(--base-galls-blue);
	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,
.h5-active .btn-primary:not(:disabled):not(.btn-disabled).active {
	background-color: var(--base-galls-blue);
	border: 1px solid var(--base-galls-blue);
	opacity: 0.8;
	color: #fff;
}

/*====== INVERTED BTNS / PRIMARY BUTTONS WITH DARK BACKGROUNDS - USE .btn-primary-inverted ======*/
.b5-active .btn-primary-inverted:hover {
	background-color: var(--base-galls-blue);
	color: #FFF;
	border-color: #FFF;
}

/*====== DARK BACKGROUND PRIMARY BUTTONS ======*/
.b5-active .btn-dark:hover {
  background-color: var(--base-galls-blue);
	color: #FFF;
	border: 1px solid #FFF;
}

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

/*====== 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 {
	font-family: 'Lato';
}

/*====== CARDS ======*/
.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 {
	border-radius: 6px;
}