/* ================================================
 * THEME COLORS — ALGWA Victoria brand
 * Navy #2C4A5E + Green #7AB51D (logo green #8CC63E, deepened for white-text contrast)
 * NOTE: frontend.css is compiled from SCSS with literal hexes, so the brand
 * is applied by the explicit overrides below (this file loads after frontend.css).
 * The SCSS source (resources/assets/sass/frontend/_variables.scss) is also updated
 * so a future `npm run prod` produces the same result.
 * ================================================ */
:root {
  --primary:   #7AB51D !important;  /* accent — green */
  --secondary: #2C4A5E !important;  /* main — navy */
}

/* --- ALGWA brand colour overrides ---
 * primary  = navy  #2C4A5E  (buttons, links, all active/selected states)
 * accent   = green #7AB51D  (check icons, hero underline, link hover)
 * Replaces the old Sally Isaac primary #E55067 (pink) everywhere it was baked
 * into frontend.css / backend.css — both layouts load this file last. */
.text-primary { color: #2C4A5E !important; }
.text-secondary { color: #2C4A5E !important; }
.bg-primary { background-color: #2C4A5E !important; }
.bg-secondary { background-color: #2C4A5E !important; }
.border-primary { border-color: #2C4A5E !important; }
.border-secondary { border-color: #2C4A5E !important; }
.text-success { color: #6FA82E !important; }

.btn-primary, .btn-secondary {
  background-color: #2C4A5E; border-color: #2C4A5E; color: #fff;
}
.btn-primary:hover, .btn-secondary:hover { background-color: #233B4B; border-color: #1F3543; color: #fff; }
.btn-primary:focus, .btn-primary.focus,
.btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 .2rem rgba(44,74,94,.5); }
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active {
  background-color: #1F3543; border-color: #1A2D39; color: #fff;
}

.btn-outline-primary, .btn-outline-secondary { color: #2C4A5E; border-color: #2C4A5E; }
.btn-outline-primary:hover, .btn-outline-secondary:hover { background-color: #2C4A5E; border-color: #2C4A5E; color: #fff; }
.btn-link { color: #2C4A5E; }
.btn-link:hover { color: #7AB51D; }

a { color: #2C4A5E; }
a:hover { color: #7AB51D; }

/* Active / selected states (was Sally Isaac pink) -> navy */
.list-group-item.active { background-color: #2C4A5E !important; border-color: #2C4A5E !important; color: #fff !important; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #2C4A5E !important; color: #fff !important; }
.nav-tabs .nav-link.active { color: #2C4A5E; }
.page-link { color: #2C4A5E; }
.page-item.active .page-link { background-color: #2C4A5E; border-color: #2C4A5E; color: #fff; }
.dropdown-item.active, .dropdown-item:active { background-color: #2C4A5E; }
.custom-control-input:checked ~ .custom-control-label::before { background-color: #2C4A5E; border-color: #2C4A5E; }
.custom-range::-webkit-slider-thumb { background-color: #2C4A5E; }
.custom-range::-moz-range-thumb { background-color: #2C4A5E; }
.custom-range::-ms-thumb { background-color: #2C4A5E; }
.badge-primary { background-color: #2C4A5E; }
.progress-bar { background-color: #2C4A5E; }
.bg-gradient-primary { background-color: #2C4A5E; background-image: linear-gradient(180deg, #2C4A5E 10%, #22404F 100%); }
.border-left-primary { border-left-color: #2C4A5E !important; }
.border-bottom-primary { border-bottom-color: #2C4A5E !important; }

/* green accent */
.page-header h1::before { background-color: #7AB51D !important; }

.navbar-brand img{max-width: 100%; height: 50px; }
.page-header>.container {
  /*padding: 0 !important;
  max-width: 100% !important;*/
}

.page-header {
	margin-bottom: 0;
}
/*	
@media (min-width: 576px){
	.page-header {
		margin-bottom: -25px;
	}
}

@media (min-width: 680px){
	.page-header {
		margin-bottom: -50px;
	}
}

@media (min-width: 800px){
	.page-header {
		margin-bottom: -75px;
	}
}


@media (min-width: 992px){
	.page-header {
		margin-bottom: -110px;
	}
}

@media (min-width: 1200px){
	.page-header {
		margin-bottom: -120px;
	}
}

@media (min-width: 1366px){
	.page-header {
		margin-bottom: -15%;
	}
}*/