/* Styles for the header */
header {
	background-color: #f8f4ee;
	/* Set header background color */
	color: #222222;
	/* Set text color */
	padding: 20px 30px;
	/* Increase top and bottom padding */
	text-align: right;
	/* Align tabs to the right */
}

/* Styles for the page */
body {
	background-color: #F3ECE2;
	/* Set entire page background color */
	font-family: 'Jost', sans-serif;
	/* Set font family */
}

img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.logo {
	background-color: #a17e00;
	height: 30px;
	width: max-content;
}

/* Styles for the footer */
footer {
	border-top: 3px solid #aa937f;
	padding: 20px 0;
	/* Add padding */
	text-align: center;
	/* Align content to the center */
}

footer p {
	margin-bottom: 0;
	/* Remove bottom margin from paragraphs */
}

header a {
	color: #222222;
	/* Set anchor text color */
	text-decoration: none;
	/* Remove underline */
	padding: 10px 20px;
	/* Add padding */
	background-color: #f8f4ee;
	/* Set button background color */
	border: none;
	/* Remove border */
	border-radius: 5px;
	/* Add border radius */
	transition: background-color 0.3s, color 0.3s;
	/* Add transition */
}

header a:hover {
	color: #3d0023;
	/* Change text color on hover */
	font-weight: bold;
	text-decoration: none;
}

.tabs {
	height: 25px;
}

.dropdown-menu {
	background-color: #f8f4ee;
}

.dropdown-menu a {
	color: #222222;
	/* Set anchor text color */
	text-decoration: none;
	/* Remove underline */
	padding: 10px 20px;
	/* Add padding */
	background-color: #f8f4ee;
	/* Set button background color */
	border: none;
	/* Remove border */
	border-radius: 5px;
	/* Add border radius */
	transition: background-color 0.3s, color 0.3s;
	/* Add transition */
}

.dropdown-menu a:hover {
	color: #3d0023;
	/* Change text color on hover */
	font-weight: bold;
	text-decoration: none;
	background-color: #f8f4ee;
}

/* Styles for the donate button */
.btn-main {
	background-color: #f4e2d3;
	/* Set default background color */
	border: none;
	/* Remove border */
	border-radius: 5px;
	/* Add border radius */
	/* Add transition */
	transition: background-color 0.3s;
	outline: none;
	/* Remove outline */
}

.btn-main:hover,
.btn-main:focus {
	outline: none;
	box-shadow: none;
	background-color: #EFC8BE;
	/* Change background color on hover and focus */
}

.btn-main a {
	color: #222222;
}

.btn-main:hover a,
.btn-main:focus a {
	text-decoration: none;
}

.dropdown:hover .dropdown-menu {
	display: block;
}

.navbar-toggler:focus {
	outline: none;
}