:root,
[data-bs-theme=light] {
    --stella-brown: #663300;
    --stella-brown-rgb: 102, 51, 0;

    --stella-light-brown: #715539;
    --stella-light-brown-rgb: 113,85,57;

    --stella-dark-brown: #352822;
    --stella-dark-brown-rgb: 53,40,34;

    --bs-primary: var(--stella-brown);
    --bs-primary-rgb: var(--stella-brown-rgb);

    --bs-primary-bg: var(--stella-brown);
    --bs-primary-bg-rgb: var(--stella-brown-rgb);

    --bs-link-color: var(--stella-brown);
    --bs-link-color-rgb: var(--stella-brown-rgb);
    --bs-dark-rgb: var(--stella-dark-brown-rgb);

    --bs-navbar-color: var(--bs-link-color-rgb);
}

main {
    padding-top: 15px;
    font-family: 'Roboto', sans-serif;
    padding-bottom: 40px;
}


.banner {
    font-family: 'Merriweather', serif;
    width: 100%;
    background-color: #000;
    background-image: url('../img/banner-stella.jpeg');
    background-size: cover; //100% auto;
    background-position: center 38%;
    background-repeat: no-repeat;
}

body {
    font-family: 'Roboto', sans-serif;
}

code {
    color: var(--stella-brown);
    font-size: 15px;
}

footer {
    --dq-footer-content-bg: var(--stella-light-brown);
    --dq-footer-bottom-bg: var(--stella-dark-brown);
}

footer .content {
    padding-top: 20px;
    padding-bottom: 20px;
}

/*
.form-control:focus,
.form-check-input:focus {
    border-color: rgba(144, 32, 58, 0.25);
    box-shadow: 0 0 0 2px rgba(144, 32, 58, 0.25);
}
.form-check-input:checked {
    border-color: var(--stella-brown);
    background-color: var(--stella-brown);
}
*/

.btn-primary {
    --bs-btn-bg: var(--stella-brown);
    --bs-btn-border-color: var(--stella-brown);
    --bs-btn-hover-bg: var(--stella-dark-brown);
    --bs-btn-hover-border-color: var(--stella-dark-brown);
    --bs-btn-active-bg: var(--stella-dark-brown);
    --bs-btn-active-border-color: var(--stella-dark-brown);
}

.btn-outline-primary {
    --bs-btn-color: var(--stella-brown);
    --bs-btn-border-color: var(--stella-brown);
    --bs-btn-hover-bg: var(--stella-brown);
    --bs-btn-hover-border-color: var(--stella-brown);
    --bs-btn-active-bg: var(--stella-brown);
    --bs-btn-active-border-color: var(--stella-brown);
}

.aip-logo {
	width: 300px;
	margin-bottom: 20px;
}

#header-navbar {
	z-index: 100;
}




*/

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
	position: fixed;
	top: 0;
	width: 100%
}
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + main {
	padding-top: 85px;
}

#stellalogo {
	background-image: url('../img/stellalogo-text.png');
	background-size: auto 150px;
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: 25px;
	height: 150px;
	width: 540px;
}

@media only screen and (max-width: 600px) {
	#stellalogo {
		background-image: url('../img/stellalogo-text-sm.png');
		background-size: auto 130px;
		background-position: top left;
		background-repeat: no-repeat;
		margin-top: 10px;
		height: 140px;
		width: 300px;
	}
}

h1, h2, h3, h4, h5, h6 {
	color: var(--stella-brown);
	font-family: 'Merriweather', serif;
}

#brand-img {
	background-image: url('../img/stellalogo-gray.png');
	background-size: auto 36px;
	background-position: top left;
	background-repeat: no-repeat;
	height: 36px;
	width: 70px;
	margin-top: -12px;
	display: none;
	float: left;
}

#brand-text {
	display: block;
	float: left;
	width: 70px;
}