/*
color list:
black #000;
white: #fff;
teal green: #1abc9c;
grey blue #34495e;

colors from top to bottom
black #000;
#mainNav, hover links in light-section

White #fff;
nav links, custom icon, a link 

teal green #1abc9c;
masthead, a hover in nav, a links in light-section

grey blue #34495e;
divider background, btn light hover,

Replacing these to keep it simple
light alt section color if needed #dee2e6; to white FFF
dark rich looking grey #6c757d; to greyblue 

#c03 for a few unknown

*/

body {
    color: #000;
    background-color: #fff;
}
.text-light {
    color: #fff !important;
}

.text-dark {
    color: #1abc9c !important;
}
  
.sponsor-title {
	color: #1abc9c;
	font-weight: 500;
	margin-bottom: 1.5rem;
	margin-top: 0;
	font-size: 1.25rem;
}

hr.sponsor-divider {
    border: none;
    border-top: 1px solid #ccc;
    margin: 2rem auto;
    width: 60%;
    opacity: 0.6;
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #1abc9c;
    --bs-table-border-color: #c03;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: #000;
    border-color: #000;
}

.light-section {
    background-color: #fff;
    color: #000 !important;
}

.light-section a:hover {
    color: #000;
}

.light-section a {
    color: #1abc9c;
}

.dark-section {
    background-color: #000;
    color: #fff !important;
}

.dark-section a:hover {
    color: #fff;
}

.dark-section a {
    color: #1abc9c;
}

.dark-section .btn-outline-light:hover {
    color: #000 !important;
    background-color: #fff;
    border-color: #000;
}

.dark-section .btn-light:hover {
    color: #000 !important;
    background-color: #fff;
    border-color: #000;
}

    .table a {
        color: #1abc9c; /* Dark base color */
    }

    .table a:hover {
        color: #34495e;  /* Bootstrap primary #0d6efd; or any dark color you prefer */
    }


#mainNav {
    background-color: #000;
}
#mainNav .navbar-brand {
    color: #fff;
}

#mainNav .navbar-nav li.nav-item a.nav-link {
    color: #fff;
}
#mainNav .navbar-nav li.nav-item a.nav-link:hover {
    color: #1abc9c;
}
#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
    color: #C03;
}
#mainNav .navbar-nav li.nav-item a.nav-link.active {
    color: #fff;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active {
	color: #000;
	background: #fff;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
    color: #fff;
    background: #000;
}

.nav-tabs {
    --bs-nav-tabs-border-width: 0.125rem;
    --bs-nav-tabs-border-color: #fff;
    --bs-nav-tabs-border-radius: 0.5rem;
    --bs-nav-tabs-link-hover-border-color: #c03 #c03 #fff;
    --bs-nav-tabs-link-active-color: #000;
    --bs-nav-tabs-link-active-bg: #1abc9c;
    --bs-nav-tabs-link-active-border-color: #c03 #c03 #fff;
    border-bottom: #c03;
}

.nav-pills {
    --bs-nav-pills-border-radius: 0.5rem;
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #1abc9c;
}

a {
    color: #000;
    text-decoration: underline;
}
a:hover {
    color:  #fff;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}

h1 {
    color: #fff;
}
.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
.btn-dark:hover {
  color: #fff;
  background-color: #c03;
  border-color: #000;
}
.btn-light:hover {
  color: #000;
  background-color: #fff;
  border-color: #000;
}
.btn:hover {
  color: #fff;
  background-color: #000;
  border-color: #fff;
}

.btn-outline-light {
	--bs-btn-bg: #000;
	--bs-btn-color: #fff !important;
	--bs-btn-border-color: #fff;
	--bs-btn-hover-color: #000 !important;
	--bs-btn-hover-bg: #fff;
	--bs-btn-hover-border-color: #000;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #000;
	--bs-btn-active-border-color: #000;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #fff;
	--bs-btn-gradient: none;
}

.btn-outline-dark {
    --bs-btn-bg: #fff;
    --bs-btn-color: #000;
    --bs-btn-border-color: #1abc9c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1abc9c;
    --bs-btn-hover-border-color: #000;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1abc9c;
    --bs-btn-active-border-color: #1abc9c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #fff;
    --bs-btn-gradient: none;
}

.btn-link {
    font-weight: 400;
    color: #c03;
}
.btn-link:focus-visible {
    color: #c03;
}
.btn-link:hover {
    color: #c03;
}

.masthead {
    background-color: #1abc9c;
    color: #000;
}

.masthead h1.masthead-heading {
    color: #fff !important;
}

.page-section .page-section-heading {
    color: #fff;
}

.divider-section {
    background-color: #34495e;
}

.divider-custom .divider-custom-line {
    background-color: #fff;
}

.divider-custom .divider-custom-icon {
    color: #fff;
    font-size: 3rem;
}


/*events event flyers 3 column*/
.portfolio .portfolio-item .portfolio-item-caption {
    background-color: rgba(26, 188, 156, 0.8); /* 0.7 = 70% opacity */
}


.portfolio .portfolio-item .portfolio-item-caption .portfolio-item-caption-content a {
    color: #fff !important;
}


.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.5rem;
}

.pagination li a,
.pagination li span {
    color: #000;
    background-color: #fff;
    border: 2px solid #000;
    padding: 0.5rem 0.75rem;
    margin: 0 0.25rem;
    border-radius: 0.375rem;
    text-decoration: none;
    transition: background-color 0.2s, color 0.2s;
}

.pagination li a:hover,
.pagination li span:hover {
    background-color: #000;
    color: #fff;
}

.pagination .active span {
    background-color: #000;
    color: #fff;
    border-color: #000;
}

.pagination .disabled span,
.pagination .disabled a {
    color: #aaa;
    border-color: #aaa;
    background-color: #fff;
    pointer-events: none;
    cursor: default;
}


.text-bg-primary {
    color: #fff !important;
    background-color: #34495e;
}

.text-bg-secondary {
    color: #2c3e50 !important;
    background-color: #34495e;
}

.card-title {
    color: #34495e;
}

.footer {
    background-color: #fff;
    color: #000;
    border-top-color: #000;
}

/* custom*/
.alt-color {
    color:#34495e;
}
.alt-color a {
    color:#34495e;
    text-decoration: none;
}
.alt-color a:visited,
.alt-color a:hover,
.alt-color a:active {
    color:#000;
    text-decoration: underline;
}

.page-views {
    background-color: #1abc9c;
    color:#fff;
}