/**
 * $Header: /home/mpdavig/proj/repository/html/work/ccib/library2/css/csibd.css,v 1.3 2025/04/19 03:53:01 mpdavig Exp $
 */

/* Reset some basic elements */
body, h1, h2, ul, li {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

p {
    margin: 1px;
    padding: 1px;
    box-sizing: border-box;
}

/* Body styles */
body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    background-color: #F5F5F5; /* Off-white background */
    color: #2D2D2D; /* Charcoal gray text */
}

/* CSIBD Header */
.csibd_header_table
{
	width: 100%;
	background-color: #FFFFFF;
	overflow: auto;
	max-height: 120px;
	height: 120px;
}

.csibd_header_td_left
{
	width: 50%;
	text-align: left;
	padding-left: 50px;
}

.csibd_header_td_right
{
	width: 50%;
	text-align:left;
}


/* CSIBD Content */
.csibd_content_table
{
	width: 100%;
	background-color: #000000;
	overflow: auto;
	max-height: 550px;
	height: 550px;
}

.csibd_content_td_left
{
	width: 50%;
	height: 100%;
	text-align: left;
	padding-left: 100px;
	vertical-align: middle;
}

.csibd_content_td_right
{
	width: 50%;
	height: 100%;
	text-align: right;
	padding-right: 100px;
	vertical-align: middle;
}


.csibd_content_font, .csibd_content_font p a
{
	color: white;
	font-size: 30px;
}


/* CSIBD Explorer */
.csibd_explore_table
{
	width: 100%;
	background-color: #FFFFFF;
	max-height: 550px;
	height: 550px;
}

.csibd_explore_td_top
{
	text-align: center;
}

.csibd_explore_td_bottom
{
	width: 33%;
	text-align:center;
	vertical-align:top;
}

.csibd_explore_img
{
	object-fit: cover;
	max-width: 287px;
	max-height: 287px;
	width: 287px;
	height: 287px;
	border-radius: 50%;
}

.csibd_explore_font_lg
{
	font-size: 40px;
}

.csibd_explore_font
{
	font-size: 20px;
}

/* replace tables with div */
footer
{
    margin-bottom: 100px;
	max-height: 400px;
	height: 400px;
}

.csibd_explore_div
{
    display: block;
	text-align:center;

	width: 100%;
	background-color: #FFFFFF;
}

.csibd_explore_div_top
{
	text-align:center;
}

.csibd_explore_div_bottom
{
    display: block;
	float: left;
	text-align:center;
	vertical-align:top;

	width: 33%;
}



/* Container */
.container
{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/* Header and navigation styles */
header
{
    background-color: #FFFFFF; /* Muted Rose for header */
	/*
    color: #fff;
    */
    padding: 1rem 0;
    width: 100%;
    top: 0;
    z-index: 1000;
    white-space: nowrap; /* Prevent the text from wrapping */
	/*
    position: fixed;
	 */

	/*
	max-height: 120px;
	height: 120px;
	*/
}

.logo
{
    float: left;
    text-decoration: none;
}

.logo h1
{
    margin: 0;
    font-size: 1rem;
    color: #fff;
}

.logo img
{
    max-width: 248px; /* Maximum width for the logo */
    margin-left: 0px; /* Space between logo and text */
    margin-right: 0px; /* Space between logo and text */
}

nav
{
    /*float: right;*/
    float: left;
    margin-left: 20px; /* Add space between h1 and nav */
}

ul.dropdown-nav-explore
{
    list-style: none;
    display: flex;
	/*display: inline-block;*/
    margin: 0;
    padding: 0;
}

ul.dropdown-nav
{
    list-style: none;
    display: flex;
	/*display: inline-block;*/
    margin: 0;
    padding: 0;
	margin-top: 40px;
}

li.dropdown
{
    margin-left: 20px;
    position: relative; /* Added for dropdown positioning */
}

a.dropdown-link-explore
{
	color: #000;
    text-decoration: none;
}

a:hover.dropdown-link-explore
{
	color: #000;
}


a.dropdown-link
{
	color: #000;
    text-decoration: none;
    font-weight: bold;
    padding: 10px 15px;
}

a:hover.dropdown-link
{
	color: #fff;
    background-color: #6D6D6D; /* Slate gray on hover */
    border-radius: 4px;
}


/* Active link style */
a:active.dropdown-link
{
    background-color: #6D6D6D; /* Slate gray for active page */
    border-radius: 4px;
}

/* Dropdown menu styles */
.dropdown-content
{
    list-style: none;
    margin: 0;
    padding: 0;
	/*margin-top: 10px;*/

    display: none; /* Hide dropdown by default */
    position: absolute;
    background-color: #F5F5F5; /* Off-white background for dropdown */
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content li
{
    margin: 0;
}

.dropdown-content a
{
    color: #2D2D2D; /* Charcoal gray for dropdown links */
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-weight: normal;
}

.dropdown-content a:hover
{
	color: #fff;
    background-color: #6D6D6D; /* Slate gray on hover */
}

/* Show the dropdown on hover */
.dropdown:hover .dropdown-content
{
    display: block;
}

/* Clearfix for header */
header::after
{
    content: "";
    display: table;
    clear: both;
}

/* Main content styles */
main {
    /*padding-top: 80px;*/ /* Add padding to prevent content from hiding under the fixed header */
    padding-top: 0px; /* Add padding to prevent content from hiding under the fixed header */
}

section {
    padding: 20px 0;
    background-color: #F5F5F5; /* Off-white for sections */
    /*border-top: 1px solid #000000;*/ /* Muted Rose border */
    /*border-bottom: 1px solid #000000;*/ /* Muted Rose border */
}

section h2 {
    margin-bottom: 20px;
    font-size: 2rem;
    text-align: center;
    color: #6D6D6D; /* Slate gray for section headers */
}

section h3 {
    font-size: 1.5rem;
    /*text-align: center;*/
    color: #6D6D6D; /* Slate gray for section headers */
}

section ul {
    list-style-type: disc; /* Use bullet points */
    padding-left: 20px; /* Indent the list */
    color: #2D2D2D; /* Text color */
}

section ul li {
    margin-bottom: 10px; /* Add space between list items */
}

/* Table styles */
section table {
    width: 100%; /* Set the table to take up the full width of its container */
    border-collapse: collapse;
    margin: 20px 0;
    background-color: #FFFFFF; /* Off-white background */
}

section table th, section table td {
    padding: 12px;
    /*border: 1px solid #6D6D6D;*/ /* Slate gray border */
    border-bottom: 1px solid #d5d5d5;
    text-align: left;
}

section table th {
    background-color: grey; /* Muted Rose for header */
    color: #fff;
}

section table tr:nth-child(even) {
    background-color: #FFFFFF; /* Off-white for alternate rows */
}


/* Responsive image styles */
section table img {
/*.csibd_table_img {*/
    max-width: 320px; /* Set maximum width to 320px */
    max-height: 320px; /* Set maximum height to 320px */
    height: auto; /* Maintain aspect ratio */
    display: block;
    margin: 0 auto; /* Center the image within the table cell */
    object-fit: cover; /* Ensures the image fits the container while keeping aspect ratio */
}

/* Apply styling to empty <td> elements */
section td:empty::before {
    content: "\00a0"; /* This inserts a non-breaking space to fill the cell */
    background-color: #F5F5F5; /* Add background color to visualize the empty cell */
    display: block;
    width: 100%;
    height: 100%;
}



/* 2025 Design Elements */
.c-list-header {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

/* ul */
.c-list-group, .c-list-group ul, .c-list-group ul li {
	line-height: 1.4;
	font-size: .875rem;
    list-style: none;
	margin: 0px 0px 0px 2px;
	padding: 2px 0px 0px 2px;
	line-height: 1.4;
}

.c-list-group ul li a {
    display: inline-block;
}

.c-list-group ul {
    margin-bottom: 2px;
}

/* section */
.u-container {
	/*margin: 0 auto;*/
	/*padding: 0 16px;*/
	/*max-width: 1280px;*/
}

.c-card, .app-article-list-row__item {
    background-color: #FFFFFF;
}

/* section */
.u-mb-48 {
	margin-bottom: 48px;
}

/* ul */
.c-list-group--lg .c-list-group__item {
	padding: 24px 0;
}

/* ul */
.c-list-group--bordered .c-list-group__item:not(:last-child) {
	border-bottom: 1px solid #ccc;
}

/* ul */
.c-list-group--flush .c-list-group__item:first-child {
	padding-top: 0;
}

/* ul */
.c-list-group--flush .c-list-group__item:last-child {
	padding-bottom: 0;
}

/* ul */
.app-article-list-row {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* li */
.app-announcement-list-row__item .c-card__image picture,.app-article-list-row__item .c-card__image picture,.app-collections-row__item .c-card__image picture,.app-featured-row__item .c-card__image picture,.app-native-ad__content .c-card__image picture,.app-news-row__item .c-card__image picture,.app-reviews-row__item .c-card__image picture,.app-reviews-row__side-item .c-card__image picture,.app-subjects-row__item .c-card__image picture,.app-three-item-row__item .c-card__image picture,.c-card__image img {
	width: 100%;
}

.app-article-list-row__item {
	border-bottom: 1px solid #d5d5d5;
	/*padding-bottom: 16px;*/
	/*margin-bottom: 16px;*/
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 0px;
}

.app-article-list-row__item .c-card__summary {
	font-size: .875rem;
}

.app-article-list-row__item .c-card__image {
	aspect-ratio: auto;
}

.app-announcement-list-row__item .c-card__image img,.app-article-list-row__item .c-card__image img,.app-collections-row__item .c-card__image img {
	/*border: 1px solid #d5d5d5;*/
	height: auto;
}

.app-article-list-row__item .c-card__layout {
	flex-direction: row-reverse;
}

@media only screen and (min-width:768px) {
	.app-article-list-row__item .c-card__layout {
		flex-direction: row-reverse;
	}
}

@media only screen and (min-width:1024px) {
	.app-article-list-row__item .c-card__layout {
		flex-direction: row-reverse;
	}
}

.app-article-list-row__item .c-card {
	flex-direction: column;
}

.app-article-list-row__item .c-card__image {
	flex: 1 1 40%;
	max-width: 230px;
}

@media only screen and (min-width:1024px) {
	.app-article-list-row__item .c-card {
		flex-direction: row-reverse;
	}

	.app-article-list-row__item .c-card__layout {
		gap: 24px;
	}

	.app-article-list-row__item .c-card .c-meta {
		flex: 0 0 230px;
	}
}

/* atricle */
.u-full-height {
	height: 100%;
}

/* article */
.c-card {
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: space-between;
	font-size: .875rem;
	padding: 0;
	border: 0;
	box-shadow: none;
	overflow: hidden;
	color: inherit;
	gap: 8px;
}

/* article */
.c-card--flush .c-card__body {
	padding: 0;
}

/* div */
.c-card__body,.c-card__layout {
	gap: 8px;
}

.c-card__layout {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1 1 auto;
}

.c-card__body {
	padding: 16px;
	flex: 1 1 auto;
}

/* div */
.u-full-height {
	height: 100%;
}

/* div */
.u-display-flex {
	display: flex;
	width: 100%;
}

/* div */
.u-flex-direction-column {
	flex-direction: column;
}

/* a */
.u-link-inherit,.u-link-inherit.hover,.u-link-inherit.visited,.u-link-inherit:hover,.u-link-inherit:visited {
	color: inherit;
}

/* div */
.u-mb-16 {
	margin-bottom: 16px;
}

/* div */
@media only screen and (max-width:539px) {
	.u-hide-sm-max {
		display: none;
		visibility: hidden;
	}

	.u-hide-sm-max:first-child+* {
		-webkit-margin-before: 0;
		margin-block-start: 0;
	}
}

/* span */
.c-meta__type {
	text-transform: none;
	font-weight: 700;
}

/* ul */
.c-card__body .c-author-list {
	margin-top: auto;
}

.c-card--flush .c-card__body {
	padding: 0;
}

.c-card__title {
	margin: 0;
	letter-spacing: -.01875rem;
}

.c-author-list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1rem;
	font-family: inherit;
	color: #6f6f6f;
	line-height: inherit;
}

.c-author-list>li,.c-breadcrumbs>li,.c-footer__links>li,.js .c-author-list {
	display: inline;
}

.c-author-list>li:not(:first-child):not(:last-child)::before {
	content: ", ";
}

.c-author-list>li:not(:only-child):last-child::before {
	content: " & ";
}

.c-author-list--compact {
	line-height: 1.4;
	font-size: .875rem;
}

.c-author-list--truncated>li:not(:only-child):last-child::before {
	content: " ... ";
}

@media only screen and (min-width:1024px) {
	.c-meta__item--block-at-lg {
		display: block;
	}

	.c-meta__item--block-at-lg:not(:last-child) {
		border-right: none;
		margin-right: 0;
		padding-right: 0;
	}
}

.c-card__title {
	/*font-family: Harding,Palatino,serif;*/
	font-size: 1.25rem;
	font-size: min(max(1.125rem,3vw),1.25rem);
}

.c-card__title {
	margin: 0;
	padding: 0;
	letter-spacing: -.01875rem;
}