/*
 Theme Name: OrreryHIM
 Theme URI: https://www.orreryhim.com
 Description: OrreryHIM Theme
 Author: Trilok Singh
 Author URI: https://www.orreryhim.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
/*footer menu hover change color and bold*/
.et-l.et-l--footer .menu-about-us-container a:hover,
.et-l.et-l--footer .menu-useful-links-container a:hover,
.et-l.et-l--footer .menu-updates-container a:hover {
  /*color: white !important;*/
  /*background-color: #1F3FA8;*/
	color: #2EA3F2 !important;
	font-weight: bold !important;
}


.et-l.et-l--footer .et_pb_text_inner a:hover {
  color: white !important;
  font-weight: bold !important;
}


.entry-title a:hover {
  color: #2EA3F2 !important;
  font-weight: bold !important;
}


/*post title marquee css codes*/
.marquee-container {
    height: 300px; /* Set the fixed height */
    overflow: hidden;
    position: relative;
}

.marquee {
    list-style: none;
    padding: 0;
    margin: 0;
    animation: marquee 20s linear infinite;
    position: absolute;
    top: 100%; /* Start from the bottom */
}

.marquee li {
    padding: 8px;
    white-space: normal; /* Allow title to wrap */
    /*border-bottom: 1px solid #ccc; /* Add a border between titles */
}

.marquee li a {
    font-size: 24px; /* Adjust the font size as needed */
	font-weight:bold;
    display: block; /* Display titles vertically */
    text-decoration: none; /* Remove underline */
    color: #007bff; /* Blue color */
    transition: background-color 0.01s;
}

.marquee:hover {
    animation-play-state: paused
}

.marquee li a:hover {
    background-color: #f2f2f2; /* Hover background color */
}

.date {
    font-size: 14px; /* Adjust the font size as needed */
    color: #000; /* Black color */
    margin-top: 4px;
}

/* ... Your other CSS rules ... */
@keyframes marquee {
    0% {
        top: 100%; /* Start from the bottom */
    }
    100% {
        top: -400%; /* Move to the top (adjust as needed based on the number of items) */
    }
}



/* Add this CSS to style the responsive table */
        .table-responsive {
            overflow-x: auto;
        }

        table {
            width: 100%;
            border-collapse: collapse;
            border-spacing: 0;
        }

        thead th {
            background-color: #f2f2f2; /* Light gray background for headings */
        }

        th, td {
            text-align: left;
            padding: 8px;
            border-bottom: 1px solid #ddd;
            border-left: 1px solid #ddd; /* Add left border to table cells for desktop view */
			vertical-align:top 
        }

.wp-block-file {
    height: 600px;
}



/* Apply custom styling only to tables with the 'responsive-table' class */
table.responsive-table th {
    background-color: #f2f2f2; /* Light gray background for headings */
}

table.responsive-table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

table.responsive-table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
}

table.responsive-table tr {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: .35em;
}

table.responsive-table th,
table.responsive-table td {
    padding: .625em;
    text-align: left;
}

table.responsive-table th {
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase;
}

@media screen and (max-width: 600px) {
    table.responsive-table {
        border: 0;
    }

    table.responsive-table caption {
        font-size: 1.3em;
    }

    table.responsive-table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    table.responsive-table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }

    table.responsive-table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }

    table.responsive-table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    table.responsive-table td:last-child {
        border-bottom: 0;
    }
}
/* Vertical Separators for Desktop View */
@media screen and (min-width: 601px) {
    table.responsive-table th {
        border-right: 1px solid #ccc; /* Vertical separator same color as border */
    }

    table.responsive-table td {
        border-right: 1px solid #ddd; /* Vertical separator same color as border */
    }
}

/* Default /* Default responsive table CSS */
table.responsive-default {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

table.responsive-default thead th {
    background-color: #f2f2f2; /* Light gray background for headings */
}

table.responsive-default thead th,
table.responsive-default tbody td {
    text-align: left;
    padding: 8px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    vertical-align: top; /* Align content to the top */
}
/* Apply display: block; and overflow-x: auto; only on screens with a maximum width of 767px (mobile view) */
@media screen and (max-width: 767px) {
    table.responsive-default {
        display: block;
        overflow-x: auto;
       /* white-space: nowrap;*/
    }
}

/* Custom CSS for tables with class "fixed-width-table" */
table.fixed-width-table th {
    width: 10%; /* Adjust the width as needed, or use a different unit (e.g., pixels, em, rem) */
    text-align: center !important; /* Optionally, center-align the content */
    white-space: nowrap; /* Prevent text from wrapping to the next line for headers only */
}

/* Apply regular styling to the table data cells (td) */
table.fixed-width-table td {
    width: 10%; /* Adjust the width as needed, or use a different unit (e.g., pixels, em, rem) */
    text-align: center !important; /* Optionally, center-align the content for data cells */
}

/*alternity row color in table*/
  table.alt-color-table tbody tr:nth-child(even) {
    background-color: #f9f9f9; /* Light gray for even rows */
  }
  table.alt-color-table tbody tr:nth-child(odd) {
    background-color: #ffffff; /* White for odd rows */
  }

/*accordion open table title bar colour and font customization */
.custom-title .et_pb_toggle_open .et_pb_toggle_title{
background-color: #12876f !important;
padding: 20px !important;
font-weight: bold !important	
}

.custom-title .et_pb_toggle_open{
    padding: 0px !important;
}

.custom-title .et_pb_toggle_content{
    padding: 20px 20px 20px 20px !important;
}


/* Article list CSS codes */
.article-list-container {
    margin-bottom: 20px;
}

.article-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.article-list li {
    padding: 8px;
    border-bottom: 1px solid #ccc; /* Add a border between articles */
}

.article-list li a {
    font-size: 24px; /* Adjust the font size as needed */
    font-weight: bold;
    display: block; /* Display articles vertically */
    text-decoration: none; /* Remove underline */
    color: #007bff; /* Blue color */
    transition: background-color 0.3s;
}

.article-list li a:hover {
    background-color: #f2f2f2; /* Hover background color */
}

.article-list .date {
    font-size: 14px; /* Adjust the font size as needed */
    color: #000; /* Black color */
    margin-top: 4px;
}