/* ====== BOOTSTRAP STUFF ====== */
/* === BS ACCORDION === */

.accordion {
	 margin-top: 25px;
	 margin-bottom: 25px;
}
.accordion-header {
	 margin-top: 0px;
	 margin-bottom: 0px;
}
.accordion-button {
	 font-size: 2rem;
}
.accordion-button:not(.collapsed) {
	 background-color: #ebebeb;
	 color: black;
}
/*
.accordion-body {
	 padding: $accordion-body-padding-y $accordion-body-padding-x;
	 font-size: 1rem;
}
*/
/*
 a:hover {
	 color: unset;
} 
*/

/* === BS ALERT === */

.alert-alt { 
    color: #C6C4C1; /* silver compliant AA */
    background-color:  #464F61; /* lighter-blue */
    border-color: #374151; /* dark-blue */
}

.alert-alt button.bs.btn-close { 
    /* color: #C6C4C1; /* silver */
    --bs-btn-close-color: #C6C4C1 !important;
    filter: var(--bs-btn-close-white-filter);
}
.alert-brand {
    /*color: #8E7948; /* dark-gold */
    color: #553520; /* brown compliant AA */
    background-color:  #c9B486; /* lightest-gold */
    border-color: #B2975A; /* gold */
}

/* === BS BLOCKQUOTE === */
.blockquote {
	 padding-left: 0;
	 border: none;
}
 .carousel-indicators {
	 bottom: 20;
}
 .carousel-bg {
	 background-color: #b7b7b7;
}
 .carousel-item > div > img, .carousel-item > img {
	 margin-right: auto;
	 margin-left: auto;
	 height: auto;
}
 .carousel-container {
	 margin: 30px auto;
	 display: flex;
	 height: 400px;
	 width: fit-content;
	 position:relative;
	 overflow: hidden;
	 align-items: center;
}
 .carousel-overlay {
	 margin-right: auto;
	 margin-left: auto;
	 position:relative;
	 width: fit-content;
	 overflow: hidden;
}
 .carousel-overlay:before {
	 content: "";
	 position:absolute;
	 bottom: -32px;
	 left: 0;
	 height: 30%;
	 width: 100%;
	 margin-bottom: 32px;
	 background: rgba(0,0,0,0.5);
}
 @media (max-width: 768px) {
	 .carousel-container {
		 height: 250px;
	}
	 .carousel-overlay:before {
		 display: none;
	}
}

/* === TABLES === */
 .table-dark > tr > th {
     color: white!important;
}