* {
font-family: 'Neue Haas Grotesk Display Pro';
}

img.navbar-logo {
height: 100%;
}

.navbar {
background-color: #B5C6BA;
}

.navbar a,
.navbar span{
color: #33322E;
border-bottom: 2px solid transparent;
}

.nav>li>a:focus,
.nav>li>a:hover {
color: #33322E;
background-color: #F1E8DC;
font-weight: normal;
border-bottom: 2px solid #33322E;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
border-color: #33322E;
background-color: #FFFFFF;
}

.dropdown-menu {
background-color: #FFFFFF;
}
.container {
  padding-bottom: 24px;
}

.dropdown-menu>li>span{
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
white-space: nowrap;
}

.dropdown-menu>li>a,
.dropdown-menu>li>span{
color: #33322E;
}

.dropdown-menu>li>a:hover {
background-color: #F1E8DC;
cursor: pointer;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
background-color: #CFB18B;
color: #33322E;
}

.dropdown-toggle {
cursor: pointer;
}

input[type="checkbox"],
input[type="radio"]{
accent-color: #CFB18B;
}

.form-control {
color: #33322E;
}

.navigate-buttons .btn {
min-width: 115px;
}

/* Footer styling to match navbar branding - Responsive Design */
.site-footer {
background-color: #B5C6BA;
color: #33322E;
font-family: "NeueHaasGrotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
border: none !important;
position: relative;
width: 100%;
box-sizing: border-box;
min-height: 40px;
padding: 8px 0;
margin-top: 24px;
z-index: 1000;
}

/* Ensure internal containers are full width and responsive */
.site-footer .container-fluid,
.site-footer .row,
.site-footer .bottom-links {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
}

/* Links and text styling */
.site-footer .bottom-links a {
color: #33322E;
text-decoration: none;
border-bottom: 2px solid transparent;
transition: all 0.3s ease;
display: block;
width: 100%;
height: 40px;
line-height: 40px;
padding: 0 15px;
box-sizing: border-box;
text-align: center;
vertical-align: middle;
}

.site-footer .bottom-links a:hover {
color: #33322E;
background-color: #F1E8DC;
font-weight: bold;
border-bottom: 2px solid #33322E;
text-decoration: none;
}

.site-footer .bottom-links p,
.site-footer .bottom-links span {
color: #33322E;
margin: 0;
padding: 0;
text-align: center;
word-wrap: break-word;
line-height: 40px;
height: 40px;
display: block;
width: 100%;
}

.site-footer .bottom-links p span {
color: #33322E;
text-align: center;
display: block;
padding: 0 15px;
margin: 0;
word-wrap: break-word;
width: 100%;
height: 40px;
line-height: 40px;
}

.site-footer .bottom-links ul {
list-style: none;
padding: 0;
margin: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.site-footer {
  min-height: 35px;
  margin-top: 18px;
}

.site-footer .bottom-links a,
.site-footer .bottom-links p,
.site-footer .bottom-links p span {
  height: 35px;
  line-height: 35px;
}
}

@media (max-width: 480px) {
.site-footer {
  min-height: 32px;
  margin-top: 14px;
}

.site-footer .bottom-links a,
.site-footer .bottom-links p,
.site-footer .bottom-links p span {
  height: 32px;
  line-height: 32px;
}
}

a:hover,
a:focus {  
  outline: none;
}