/* ================================================
 * THEME COLORS — LGPro brand
 * Primary   #1B2C56  (navy)  — buttons, links, active/selected states
 * Secondary #000000  (black) — secondary buttons, headings, tab strip
 * Tints below are derived from the primary for hover/focus/active feedback:
 *   #142040 hover, #0F1830 pressed, #2E4A8C light (link hover, accents).
 * 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:   #1B2C56 !important;  /* navy */
  --secondary: #000000 !important;  /* black */
}

.text-primary { color: #1B2C56 !important; }
.text-secondary { color: #000000 !important; }
.bg-primary { background-color: #1B2C56 !important; }
.bg-secondary { background-color: #000000 !important; }
.border-primary { border-color: #1B2C56 !important; }
.border-secondary { border-color: #000000 !important; }
.text-success { color: #6FA82E !important; }

.btn-primary { background-color: #1B2C56; border-color: #1B2C56; color: #fff; }
.btn-primary:hover { background-color: #142040; border-color: #142040; color: #fff; }
.btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 .2rem rgba(27,44,86,.5); }
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  background-color: #0F1830; border-color: #0F1830; color: #fff;
}

.btn-secondary { background-color: #000000; border-color: #000000; color: #fff; }
.btn-secondary:hover { background-color: #212529; border-color: #212529; color: #fff; }
.btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 .2rem rgba(0,0,0,.4); }
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active {
  background-color: #343a40; border-color: #343a40; color: #fff;
}

.btn-outline-primary { color: #1B2C56; border-color: #1B2C56; }
.btn-outline-primary:hover { background-color: #1B2C56; border-color: #1B2C56; color: #fff; }
.btn-outline-secondary { color: #000000; border-color: #000000; }
.btn-outline-secondary:hover { background-color: #000000; border-color: #000000; color: #fff; }
.btn-link { color: #1B2C56; }
.btn-link:hover { color: #2E4A8C; }

a { color: #1B2C56; }
a:hover { color: #2E4A8C; }

/* Active / selected states */

/* Wizard/step tabs are rendered as `nav-link btn btn-secondary|btn-dark`, so the
 * plain `.btn.active` rule below only darkens them a shade and the selected tab
 * is indistinguishable. Lift it out instead: white panel, navy text, navy rule
 * on top — so it reads as joined to the content below it. Used by the nomination
 * form, the judging scoresheet and the frontend subnav. */
.nav .nav-link.btn.active,
.nav .nav-link.btn.active:hover,
.nav .nav-link.btn.active:focus,
.nav .nav-link.btn.active:not(:disabled):not(.disabled).active {
  background-color: #fff !important;
  color: #1B2C56 !important;
  border-color: #dee2e6 !important;
  border-top: 3px solid #1B2C56 !important;
  border-bottom-color: #fff !important;
  font-weight: 700;
}
.nav .nav-link.btn.active .fa,
.nav .nav-link.btn.active .fas,
.nav .nav-link.btn.active .far { color: #1B2C56 !important; }

.list-group-item.active { background-color: #1B2C56 !important; border-color: #1B2C56 !important; color: #fff !important; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #1B2C56 !important; color: #fff !important; }
.nav-tabs .nav-link.active { color: #1B2C56; }
.page-link { color: #1B2C56; }
.page-item.active .page-link { background-color: #1B2C56; border-color: #1B2C56; color: #fff; }
.dropdown-item.active, .dropdown-item:active { background-color: #1B2C56; }
.custom-control-input:checked ~ .custom-control-label::before { background-color: #1B2C56; border-color: #1B2C56; }
.custom-range::-webkit-slider-thumb { background-color: #1B2C56; }
.custom-range::-moz-range-thumb { background-color: #1B2C56; }
.custom-range::-ms-thumb { background-color: #1B2C56; }
.badge-primary { background-color: #1B2C56; }
.badge-secondary { background-color: #000000; }
.progress-bar { background-color: #1B2C56; }
.bg-gradient-primary { background-color: #1B2C56; background-image: linear-gradient(180deg, #1B2C56 10%, #142040 100%); }
.border-left-primary { border-left-color: #1B2C56 !important; }
.border-bottom-primary { border-bottom-color: #1B2C56 !important; }

/* accent rule under page headings */
.page-header h1::before { background-color: #1B2C56 !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%;
	}
}*/