.container-fluid {     
margin: 0;
}
.image-container {
position: relative;
height: auto; /* Set the height based on the aspect ratio */
overflow: hidden;
}
.language-selector {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1000;
}
/* Style for the select wrapper to position the flag */
.select-wrapper {
    position: relative;
    display: inline-block;
}
.image-container img {
width: 100%;
height: auto;
object-fit: cover;
}
.content {
position: relative;
z-index: 1;    
}
table {
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
}
th, td {
	padding:5px 10px;
}
th {
	color: #FFFFFF;
	border-top:3px solid #1A668E;
	background-color: #FFFFFF;
}
td {
	border-bottom:1px solid #f4f4f4;
}

.row, .footer, .footer-bottom {
font-family: "Copperplate",  Times, serif;
}
/*  Colors from https://www.colorhexa.com/fdfef3 */
/* Accent Colors */
:root {
--dark-gray: #100E0F; /* rgb(16,14,15) */
--medium-gray: #424242; /* rgb(66,66,66) */
--very-light-grey: #c0c0c0 /* rgb(192,192,192) */
--light-grey:#808080; /* rgb(128,128,128) */
--light-buff: #fdfef3;/* rgb(253,254,243) */
}
/* Complementary Colors to light-buff */
:root {
--split-complementary-light-purple: #d6c6f8 ; /* rgb(214,198,248) */
--split-complementary-light-blue: #c6e8f8; /* rgb(198,232,248) */ 
}
/* Analagous Colors to light-buff */
:root {
--analagous-light-pink: #f8d6c6; /* rgb(248,214,198) */
--analagous-light-green: #e8f8c6; /* rgb(232,248,198) */
}
/* Tetradic Colors - 90 degrees on the color wheel */
:root {
--tetradic-pink: #f8c6cf; /* rgb(248,198,207) */
--tetradic-blue: #c6f8ef; /* rgb(198,248,239) */
--tetradic-purple: #c6cff8; /* rgb(198,207,248) */,
}
/* Body Styles */
body {
background-color: #FFFFFF;
color: var(--light-buff); /* Assuming you have a variable defined for light-buff color */
}
h2, h3 {
color: var(--light-buff);
}
.header {
background-color: #FFFFFF;
color: var(--light-buff);
}
.footer, .footer-bottom, .theme-colored {
background-color: #FFFFFF;
color: var(--tetradic-purple);
}

#fadeInDiv {
    opacity: 0;
    transition: opacity 2s ease-in-out;
}
/* Hyperlinks */
a {
color: var(--split-complementary-light-blue); 
}
a:hover {
color: var(--analagous-light-pink); 
}
/* Followed Hyperlinks */
a:visited {
color: var(split-complementary-light-purple); 
}
/* Menuzord */
/* Text color */
#menuzord-right .menuzord-menu li a {
color: rgb(128,128,128) /* Change this to your desired text color */
}
/* Hover color */
#menuzord-right .menuzord-menu li a:hover {
color: var(--light-buff); /* Change this to your desired hover color */
}
/* Active color */
#menuzord-right .menuzord-menu li.active a {
color: var(--light-buff); /* Change this to your desired active color */
}
/* Background color for hover state */
#menuzord-right .menuzord-menu li a:hover {
background-color: #FFFFFF; /* Change this to your desired hover background-color: #FFFFFF; /* Change this to your desired active background-color: #FFFFFF;
    color: #FFFFFF;
    border: 1px solid #555;
    padding: 5px 5px 5px 5px;
    border-radius: 5px;
    font-size: 14px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #FFFFFF;
    background-color: #FFFFFF;
    background-color: #FFFFFF;
    padding-right: 25px; /* Space for dropdown arrow */
}
#languageSelect option {
    background-color: #FFFFFF;
    color: #FFFFFF;
    padding: 5px;
}
#languageSelect option::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 15px;
    margin-right: 5px;
    vertical-align: middle;
    background-color: #FFFFFF;
}


/* Background color for stacked menu items */
@media (max-width: 767px) {
#menuzord-right .menuzord-menu {
background-color: #FFFFFF;
}
}