:root {
    --brand-red:    #800000; /* #89171A */
    --bg-cream:     #FDF0D5; /* #F5EFDE */
    --text-dark:    #222222;
    --white:        #FFFFFF;
    --border:       #EAE6DD;
    --gold:         #CCA000; /* #CFA84B */
    --navy:         #003049; /*#31308b #103E6C; */
    --sage:         #9FBF9A;
    --terracotta:   #C86B5E;
    --teal:         #0F6B6A;
    --brown:        #654321;
    --light-brown:  #8B6F47;
    --green:        #009900; 
    --blue:         #000099;
    --red:          #A90000;
    --purple:       #8b20bb;
    --alert-red:    #dc3545; /* Bootstrap danger color */
}

body {
    background: var(--bg-cream);
    font-family: 'Open Sans', sans-serif;
    line-height: 1.8em;
    font-weight: 400;
}

.section-heading {
    background-color: var(--navy);
    color: var(--gold);
    padding: 0.25em 0;
    font-size: large;
    font-weight: 600;
}

h1 { color: var(--brand-red); font-weight: 800; margin: 0.5em 0; }
p.sub-page-title { color: var(--navy); font-weight: 600; font-size: large; margin: 0.25em 0 1em 0;}
h2 { color: var(--navy); font-weight: 600; margin: 0.5em 0; }
h3 { color: var(--gold); margin: 0.5em 0; }
h3 a { color: var(--gold); }
h4 { color: var(--brand-red); margin: 0.5em 0; }
h5 { color: var(--text-dark); margin: 0.5em 0; }
h6 { color: var(--text-dark); margin: 0.5em 0; }
p { color: var(--text-dark); margin: 0.5em 0; }



figure { max-width: 40%; text-align: center; }
figcaption { font-style: italic; }

/* page structure (header, footer, navigation) */
header {
    background-color: var(--brand-red);
    position: relative;
    z-index: 9999;
}
.navbar {
    background-color: var(--brand-red);
    padding: 0;
}
.poultry-navbar-toggler {
    width: 56px;
}
.navbar-nav {
    align-items: center;
    background-color: var(--brand-red);
}
.navbar-brand {
    background-color: var(--brand-red);
    margin: 0.25em 0.5em;
}
.dropdown-toggle {
    border: none;
}
.navbar-collapse {
    background-color: var(--brand-red);
}
.nav-item .dropdown-toggle{
    background-color: var(--brand-red);
    font-size: 26px;
    font-weight: 700;
}
.nav-item .dropdown-toggle:hover {
    background-color: var(--brand-red);
}
.nav-item .dropdown-toggle::after {
  content: none;
}
.nav-link {
    color: white;
    padding-top: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 6px;
    font-size: 26px;
    font-weight: 700;
}
a.main-nav-link {
    color: white;
    padding-top: 6px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-bottom: 6px !important;
}

.nav-link:hover {
    color: white;
    background-color: var(--brand-red);
}
/* overwrite dropdown menus triggers - updated from triggered by click to hover */
.dropdown:hover > .dropdown-menu {
  display: block;
}
.dropdown-menu {
  margin-top: 0; 
}
a.dropdown-item:active {
    background-color: var(--gold);
}


/* home page */
.hero-section {
    background: url('../images/home/hometestimage.jpg') no-repeat center center;
    background-size: cover;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* used only on homepage, but can be used anywhere */
.overlap-group-container { height: 350px; }
.overlap-group { position: relative; display: inline-block; }
.overlap-group img { 
    display: block;
    max-width: 200px;
    height: auto;
    border-radius: .375rem;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    border: 3px solid #fff;
}
/* overlap-img-1 is UNDER of overlap-img-2 */
.overlap-img-1 {
    position: relative; /* ensure z-index takes effect */
    z-index: 1;
}
.overlap-img-2 {
    position: absolute; 
    top: 65%;
    left: 70%;
    z-index: 3;
    transform: rotate(0deg);
}
/* overlap-img-3 is OVER of overlap-img-4 */
.overlap-img-3 {
    position: relative; /* ensure z-index takes effect */
    z-index: 5; /* place on top of overlap-img-4 */
}
.overlap-img-4 {
    position: absolute; 
    top: 70%;
    left: 60%;
    z-index: 1; /* behind overlap-img-3 */
    transform: rotate(0deg);
}

/* footer icon */
.bi-facebook,
.bi-twitter-x,
.bi-instagram,
.bi-pinterest { color: var(--brand-red); font-size: 32px; }
.bi-facebook:hover,
.bi-twitter-x:hover,
.bi-instagram:hover,
.bi-pinterest:hover { color: var(--gold); }

/* custom utility classes */
.poultry-bg { background-color: var(--brand-red); }
.poultry-lead { font-size: larger; font-weight: 600; color: var(--navy); }
.poultry-lead-red { font-size: larger; font-weight: 600; color: var(--brand-red); }
.btn-primary { background-color: var(--navy); border: none;}
.btn-primary:hover { background-color: var(--gold);}
.w-20 { width: 20%; }
.w-35 { width: 35%; }
.w-45 { width: 45%; }
.link-color { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));}


/* Sponsors header styling: gold gradient background for high-tier sponsors */
p.bg-light.poultry-text-red {
    background-color: var(--gold);
    background: linear-gradient(135deg, var(--gold) 0%, var(--bg-cream) 100%);
    color: var(--brand-red);
    border: 1px solid var(--border);
    border-radius: 6px;
}

.bg--sage {
    background-color: var(--sage);
}
.bg--gold {
    background-color: var(--gold);
}
.bg--navy {
    background-color: var(--navy);
}
.bg--red {
    background-color: var(--brand-red);
}
.bg--green {
    background-color: var(--green);
}
.bg--blue {
    background-color: var(--blue);
}
.bg--purple {
    background-color: var(--purple);
}
.bg--black {
    background-color: var(--text-dark);
}

/* overwrite bootstrap  */
.table-dark,
tr.table-dark th,
tr.table-dark td { background-color: var(--navy) !important; }

.multi-column-2 {
    column-count: 2;
    column-gap: 1em;
}
.multi-column-3 {
    column-count: 3;
    column-gap: 1em;
}
.multi-column-5 {
    column-count: 5;
    column-gap: 1em;
}


.comma-seperated span:not(:last-child)::after {
  content: ", ";
}

.poultry-bg-green { background-color: var(--green); }
.poultry-bg-blue { background-color: var(--blue); }
.poultry-bg-red { background-color: var(--red); }
.poultry-bg-purple { background-color: var(--purple); }

.poultry-text-green { color: var(--green); }
.poultry-text-blue { color: var(--blue); }
.poultry-text-red { color: var(--red); }
.poultry-text-purple { color: var(--purple); }
.poultry-text-black { color: var(--text-dark); }

.bodyScrachout { text-decoration:line-through; }


/* form */
/* Append red asterisk to form-group labels of required fields */
.form-group.required .form-label:after {
  content: " *";
  color: var(--alert-red);
}

.form-label {
    margin-bottom: 0em;
}

@media (min-width: 768px) { 
}
		
@media (max-width: 576px) {
    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
    .w-20 {
        width: 100%;
    }
    .w-35 {
        width: 100%;
    }
    .w-45 {
        width: 100%;
    }
    .w-50 {
        width: 100% !important;
    }
    .multi-column-2 {
        column-count: 1;
        column-gap: 1em;
    }
    .multi-column-3 {
        column-count: 1;
        column-gap: 1em;
    }
    .multi-column-5 {
        column-count: 1;
        column-gap: 1em;
    }
}

@media (max-width: 768px) {     
}

@media (max-width: 992px) {
    .nav-item {
        text-align: center;
        width: 100%;
    }
    .nav-link {
        text-align: center;
    }
    .dropdown-menu {
        text-align: center;
    }
}

@media (max-width: 1200px) {
    .overlap-group-container {
        height: auto;
        text-align: center;
    }
    .overlap-img-2 {
        position: relative;
        top: auto;
        left: auto;
        margin-top: 1rem;
    }
    .overlap-img-4 {
        position: relative;
        top: auto;
        left: auto;
        margin-top: 1rem;
    }
}