/* --- General Styles --- */
body {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif; /* Your preferred font stack */
    background-color: #FAFAFA; /* Your light background color */
    line-height: 1.6;
    color: #333; /* Default text color, can be overridden */
}
p {
  text-align: justify;
} 
:root {
    --cassiopeia-nirs-color1: #f9eecb; /*bege */
    --cassiopeia-nirs-color2: #e5edf3; /*light blue*/
    --cassiopeia-nirs-colorhh: #0056b3; /*blue h and buttons more*/
    --border-width: 0px;
}
.site-grid {
  column-gap: 0;
}

@supports (display: grid) {
    @media (width >= 992px) {
          .site-grid {
            grid-template-areas:
              ". banner banner banner banner ."
              ". top-a top-a top-a top-a ."
              ". left-a left-a right-a right-a ."
              ". top-b top-b top-b top-b ."
              ". left-b left-b right-b right-b ."
              ". side-l comp comp side-r ."
              ". bot-a bot-a bot-a bot-a ."
              ". bot-b bot-b bot-b bot-b ."           
        }
}
}

.container-top-a, .container-top-b {
  padding-left: 20px;
  padding-right: 20px;
 }
.container-top-b {
  margin-top: -30px;
  padding-bottom: 30px;
}

h1, .h1{
  font-size: 1.8rem;
  font-weight:500;
  color: var(--cassiopeia-nirs-colorhh);
}

/* ---style sideleft sideright---*/
.my_container {
  display: flex;
}
@media (width <= 767.98px) {
    .my_container .row {
        display: block;
    }
}
.my_container .card {
  padding: 20px;
}
.sideleft{flex:2; margin-left: 20px;}
.sideright{flex:1; margin-right: 20px;}
/*--end style sideleft sideright--*/

/* Global link hover style - Your specific override */
a:hover {
    color: #c38400 !important; /* Your specific hover color */
    text-decoration: none !important;
}

/* --- Header Styles --- */
.header {
    background: #FFFFFF; /* Your header background */
    padding-left: 30px; /* Your header padding */
    padding-right: 30px; /* Your header padding */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Light shadow for header */
    margin-bottom: 20px;
}

.header > .grid-child {
    padding-top: 0; /* Your grid-child padding */
    padding-bottom: 0; /* Your grid-child padding */
}

.container-nav {
    display: flex; /* Flexbox for logo and menu alignment */
    justify-content: space-between;
    align-items: center;
    max-width: 1200px; /* Limit content width */
    margin: 0 auto; /* Center content */
    /* Padding is inherited from .header, so no need here unless specific */
}
@media (width <= 992px) {
    .container-header .container-nav nav {
        margin-bottom: 1em;
    }
}
.logo-div-header { /* Your existing class for logo alignment */
    align-items: center;
}

#mod-custom236 img {
    max-width: 180px; /* Adjust logo size */
    height: auto;
}

/* --- Main Menu Styles (Metismenu) --- */
.metismenu.mod-menu .mm-toggler:after {
    content: none; /* do not show triangle */
}
.metismenu.mod-menu .mm-collapse > li > a:hover {
  color: var(--cassiopeia-nirs-colorhh);
  }
li.metismenu-item:hover {
  background-color: var(--cassiopeia-nirs-color2);
}
.metismenu-item {
    margin-left: 20px;
    position: relative;
    color: #0F1012; /* Your menu item default color */
}
.metismenu.mod-menu .metismenu-item > ul {
    box-shadow: 0 0 0.5em #0000001a;
    /*background-color:var(--cassiopeia-nirs-color2);*/
}

/* Your specific menu item link hover color and padding */
.metismenu-item a:hover {
    color: #4D7CFF !important; /* Overrides global a:hover for menu links */
    padding-top: 0; /* Your specific padding */
    padding-bottom: 0; /* Your specific padding */
}

.metismenu-item a,
.metismenu-item button {
    text-decoration: none;
    color: #0F1012; /* Default link color for menu items */
    font-weight: 600;
   /* padding: 10px 0;*/
    display: block;
    transition: color 0.3s ease;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1rem;
}
.metismenu-item button:hover {
    color: #0F1012; /* Match link hover color */
}

/* Styles for dropdown menu (metismenu) */

.metismenu .mm-collapse .metismenu-item {
    margin-left: 0;
}
.metismenu .mm-collapse .metismenu-item a {
    padding: 8px 20px;
    white-space: wrap;
}
.metismenu-item .level-2 {width:250px;}
.metismenu-item .level-2 a {
  font-weight: 400;
}
.metismenu.mod-menu .metismenu-item:not(.level-1) > ul, .metismenu.mod-menu .metismenu-item:not(.level-2) > ul {
    /* margin-inline-end: -0.5em; */
    margin-inline-start: -0.5em;
  }
/* open block on hover */
.dropdown:hover .dropdown-menu,
.metismenu li.parent:hover > ul {
    display: block !important;
  }
/*--end menu style--*/

/* --- Main Article Container --- */
/* This adds a card-like background and makes the table scroll horizontally on small screens */
.item-page .com-content-article__body {
    background-color: #ffffff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
   /* overflow-x: auto;  Crucial for mobile responsiveness! */
}

/* --- Main Content Blocks (Cards) --- */
.main-top.card,
.main-bottom.card {
    background-color: #ffffff;
	box-shadow: 0 0px 26px rgba(0, 0, 0, 0.07);
    margin-bottom: 25px;
    padding: 20px;
}
.card-body {
    padding: 0; /* Remove internal padding if already handled by .card */
}

/* --- Section: Student Developments --- */
.img-dev {
  flex: 1;
  background-color: var(--cassiopeia-nirs-color1);
  z-index:9;
  position: relative;
  top: -70px;
}
@media (max-width: 992px) {
  .img-dev {  
    top: 0px;
  }}
.coord-div {
  flex: 1;
  padding: 15px;
}
/*.coord-div .card-body {
  display: flex;
  align-items: center;
  background-color: #fff;
}*/
.coord-div div {
  background-color: #fff; 
  padding: 20px; 
  box-shadow: 0 0px 26px rgb(0 0 0 / 7%);
}
.top_boxes_wrap {
    display: flex;
  /*  flex-wrap: wrap;*/
    gap: 20px;
    align-items: center;
}
.top_boxes_left {
    flex: 1;
    height: 300px;
    background-size: cover !important;
    background-position: center center !important;
    border-radius: 0px;
}
.top_boxes_right {
    flex: 2;
    padding: 15px;
}
.top_boxes_right h3 {
    color: var(--cassiopeia-nirs-colorhh);
    margin-top: 0;
    font-size: 1.8rem;
}
.readon.readon_highlight2 {
    display: inline-block;
    background-color: var(--cassiopeia-nirs-colorhh);
    color: #ffffff;
    font-size: 0.9rem;
    padding: 6px 10px;
    border-radius: 5px;
    text-decoration: none;
    margin-top: 10px;
    transition: background-color 0.3s ease;
}

.readon.readon_highlight2:hover {
    background-color: var(--cassiopeia-nirs-color1);
}


/* --- Section: Coordination & Management --- */
#mod-custom89 h4 {
    color: #333;
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.address_info {
    font-size: 0.9rem;
    color: #666;
}

/* --- Section: Learn About Us --- */
.backcolor2{
  background-color: var(--cassiopeia-nirs-color2);
}
.learn_about_us_wrap {
    display: flex;
    gap: 0px;
    align-items: flex-start;
}
@media (width <= 767.98px) {
   .learn_about_us_wrap {
    display: contents;
    }
}
.learn_about_us_text_wrap {
    padding: 25px;
}

.learn_about_us_text_wrap p {
    margin-bottom: 15px;
    line-height: 1.5;
}


/* --- Section: Image Boxes (Collections, Documents, etc.) --- */
.image_boxes_wrap_inner {
    padding: 15px 0;
}
.image_boxes_row {
    display: flex; /* Keep flexbox for row layout */
    flex-wrap: wrap;
    justify-content: center; /* Keep centering */
    gap: 20px; /* Keep gap if desired between items */
}

.image_box_item {
    width: 23%; /* Your preferred width for 5 items per row */
    /* Removed flex, max-width, background, border, shadow, transitions to revert to original */
    box-sizing: border-box; /* Important for width + padding/border */
  background-color: var(--cassiopeia-nirs-color2);
}
@media (max-width:992px) {
    .image_box_item {
        width: 43%;
    }
    .image_boxes_row { /* Separate rule for image boxes row */
      display: flex; /* Keep flexbox for row layout */
      flex-wrap: wrap;
    }
}
.image_box_image img {
    width: 100%;
    height: auto;
    display: block;
    /* Removed border-radius from here to match original aesthetic */
}
.image_box_text {
    padding: 15px;
    text-align: center; /* Your preferred text alignment */
}

.image_box_text h3 {
    color: var(--cassiopeia-nirs-colorhh);
    font-size: 1.3rem;
    margin-top: 0;
    margin-bottom: 5px;
}

.image_box_text span {
    font-size: 0.9rem;
    color: #555;
}

.image_box_text .btn {
    margin-top: 10px;
    background-color: var(--cassiopeia-nirs-colorhh);
    color: #ffffff;
    border: none;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    font-size: 0.9rem;
}

.image_box_text .btn:hover {
    background-color: var(--cassiopeia-nirs-color1);
    color: var(--cassiopeia-nirs-colorhh);
}

@media (max-width:680px) {
    .image_boxes_row { /* Separate rule for image boxes row */
        flex-direction: column;
        align-items: center;
        /* Revert image_box_item to full width on smaller screens */
    }
    .image_box_item {
        flex: 1 1 100%;
        width: 80%;
    }
}

/* --- Blog/Article Section --- */
main .blog-featured { /* Targeting main content blog */
    padding: 20px 0;
}

.blog-item {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px !important;
    margin-bottom: 25px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.item-title {
    font-size: 1.8rem;
    margin-top: 0;
    margin-bottom: 15px;
}

.item-title a {
    color: var(--cassiopeia-nirs-colorhh);
    text-decoration: none;
    transition: color 0.3s ease;
}

.item-title a:hover {
    color: #007bff;
}

.item-content p {
    font-size: 1rem;
    color: #444;
    line-height: 1.6;
}

/* --- Progress Bars --- */
.progress_bar {
    margin-bottom: 15px;
    font-size: 1.1rem;
    color: #333;
}

.progress_bar strong {
    font-weight: 600;
    color: #0056b3;
}

.progress_bar1 {
    background-color: #e9ecef;
    border-radius: 5px;
    height: 7px;
    overflow: hidden;
    margin-top: 5px;
}

.progress_bar2,
.progress_bar3 {
    height: 100%;
    border-radius: 5px;
    background-color: var(--cassiopeia-nirs-colorhh); 
}

/*.progress_bar3 {
    background-color: #17a2b8; 
}*/




/* --- Section: Our Successes --- */
.stats_row {
    text-align: center;
}

.stats_row_title h3 {
    color: var(--cassiopeia-nirs-colorhh);
    font-size: 2rem;
    margin-bottom: 25px;
    margin-top: -20px;
   margin-left: -20px;
   margin-right: -20px;
    line-height: 2em;
    background-color: var(--cassiopeia-nirs-color2);
}

.stats_item {
    display: inline-block;
    margin: 0 20px 20px;
    min-width: 200px;
    vertical-align: top;
    width: 20%;
}

.stats_number {
    font-size: 2.5rem;
    font-weight: 700;
    color: #333;
    display: block;
    color: var(--cassiopeia-nirs-colorhh);
}

.stats_text {
    font-size: 1rem;
    color: #666;
    display: block;
}

/* --- Section: 3 Simple Steps to Science --- */
.centered_text {
    text-align: center;
    padding: 20px 0;
}
.centered_text h3 {
    color: var(--cassiopeia-nirs-colorhh);
    font-size: 2rem;
    margin-bottom: 10px;
}
.centered_text span {
    font-size: 1.1rem;
    color: #555;
}
.steps_boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 20px 0;
}

.steps_boxes_item {
    flex: 1 1 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 8px;
    padding: 25px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

@media (max-width: 768px) {
.steps_boxes_item {
   flex: 1 1 100%; /* One item per row on smaller screens */
    max-width: 100%;
 }}

.steps_boxes_item:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.steps_boxes_number {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--cassiopeia-nirs-colorhh);
    display: block;
    margin-bottom: 10px;
}

.steps_boxes_title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
    display: block;
    margin-bottom: 10px;
}

/* --- Footer Styles --- */
.footer {
    color: #FFFFFF; /* Your footer text color */
}

.footer-row1, .footer-row4 {
    background: #040404; /* Your specific footer row background */
    padding-left: 40px; /* Your specific footer row padding */
    padding-right: 40px; /* Your specific footer row padding */
}
  
.footer-row2, .footer-row3 {
    background: #171717; /* Your specific footer row background */
    padding-left: 66px; /* Your specific footer row padding */
    padding-right: 66px; /* Your specific footer row padding */
}

.footer-row3 .grid-child { /* Your specific footer grid child styles - Reverted to original behavior */
    gap: 40px; /* Retain your gap if elements are siblings */
    align-items: flex-start; /* Retain your alignment */
    /* Removed display: flex and flex-wrap to allow default stacking of modules */
    font-size:small;
    padding-left: 15px;
    padding-right: 15px;
}

.mod-breadcrumbs {
    background-color: transparent;
    padding: 0;
    margin-bottom: 15px;
}

.mod-breadcrumbs__item,
.mod-breadcrumbs__here {
    color: #adb5bd;
}

.mod-breadcrumbs__item.active span {
    color: #ffffff;
    font-weight: 600;
}

.bottom_address h3 small a {
    color: #f8f9fa;
    text-decoration: none;
    font-size: 1.1rem;
}

.bottom_address address {
    font-style: normal;
    font-size: 0.9rem;
    color: #adb5bd;
}

.bottom_address i {
    margin-right: 5px;
}

.social_icon { /* Your specific social icon styles */
    margin-right:2px;
    margin-left:2px;
    display:inline-block;
    height:32px;
    line-height:32px;
    width:32px;
    font-size:22px;
    color:#FFFFFF !important;
    text-align:center;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
/* Added a subtle hover effect for social icons */
.social_icon:hover {
    opacity: 0.8;
    color: #007bff !important;
}

.footer-map {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 20px;
}

.footer-row3 .mod-menu.nav,
.footer-row3 .mostread,
.footer-row3 .mod-articleslatest {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}

.footer-row3 .nav-item,
.footer-row3 .mostread li,
.footer-row3 .mod-articleslatest li {
    margin-bottom: 8px;
}

.footer-row3 .nav-item a,
.footer-row3 .mostread a,
.footer-row3 .mod-articleslatest a,
.footer-row3 .mod-menu__separator {
    color: #adb5bd;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-row3 .nav-item a:hover,
.footer-row3 .mostread a:hover,
.footer-row3 .mod-articleslatest a:hover {
    color: #ffffff;
}

.mod-footer {
    text-align: center;
    font-size: 0.85rem;
    color: #adb5bd;
    padding-top: 20px;
    border-top: 1px solid #495057;
}

.mod-footer a {
    color: #007bff;
    text-decoration: none;
}

.mod-footer a:hover {
    text-decoration: underline;
}

/* --- Back to Top Button --- */
#back-top {
    background-color:  var(--cassiopeia-nirs-color2);
     /* border-radius: 50%;*/
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
  border:0px;
    box-shadow: 1px 1px 5px rgb(0 0 0 / 50%);
    transition: background-color 0.3s ease;
}

#back-top:hover {
    background-color:  var(--cassiopeia-nirs-colorhh);
}

/* --- Responsive Adjustments --- */
@media (max-width: 992px) {
    .container-nav {
       flex-direction: column;
       align-items: flex-start;
    }
    .mod-menu_dropdown-metismenu {
       flex-direction: column;
        width: 100%;
        margin-top: 15px;
    }
    .metismenu-item {
        margin-left: 0;
        width: 100%;
        text-align: left;
    }

    .top_boxes_left,
    .top_boxes_right,
    .learn_about_us_img_wrap,
    .learn_about_us_text_wrap {
        flex: 1 1 100%; /* One item per row on smaller screens */
        max-width: 100%;
    }
    .stats_item {
       display: row;
        margin: 0 10px 20px;
        min-width: unset;
        width: 35%;
    }
}
@media(max-width:680px){
.top_boxes_left{
  visibility:hidden;
  max-width: 5%;}
  }
@media (max-width: 768px) {
    .header.container-header,
    .container-component,
   /* .container-footer*/ {
        padding-left: 15px;
        padding-right: 15px;
    }

    .item-title {
        font-size: 1.5rem;
    }

    .stats_row_title h3,
    .centered_text h3 {
        font-size: 1.7rem;
    }
    .stats_item {
        margin: 0 10px 20px;
        min-width: unset;
        width: 80%;
    }
    .stats_icon {
        font-size: 2.5rem;
    }

    .stats_number {
        font-size: 2rem;
    }

    .steps_boxes_number {
        font-size: 2rem;
    }

    .steps_boxes_title {
        font-size: 1.1rem;
    }

    .footer-row2, .footer-row3 {
        padding-left: 15px; /* Adjust footer padding for smaller screens */
        padding-right: 15px;
    }
}

div.grid-child.container-sidebar-right div.accright {
  margin-left: 1.2em;
  
}
.accright .active {
background: var(--cassiopeia-nirs-color2);}
a.accordeonck.isactive {
background: var(--cassiopeia-nirs-color1);}


/* --- Pagination Button Styling --- */
.item-page .pagenavigation {
    margin-top: 30px;
    text-align: center;
    display: flex;
    justify-content: space-between;
}
/* --style slider academics--*/
.aboutstudents .card-body {
    background-color: #090909 !important;
    background-image: url(https://nirs.bsu.by/images/bottom_row2.jpg) !important;
    background-size: cover;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
  }
.aboutstudents div.slide-desc-text.slide-desc-text-default {
   margin-bottom:75px;
   padding-left:50px;
   padding-right:50px;  
}
@media (max-width:1100px){
.aboutstudents div.slide-desc-text.slide-desc-text-default {
     margin-bottom:20px;
   }
}
@media (max-width:992px){
   .aboutstudents div.djslider-default .slide-desc-in {
   top:40px;
 }
.aboutstudents div.slide-desc-text.slide-desc-text-default {
   font-size:13px;  
   padding-left:30px;
   padding-right:30px;
   /*margin-bottom: -20px;*/
   }
}
@media (max-width:768px){
  .aboutstudents div.djslider-default .slide-desc-in {
   top:20px;
 }
.aboutstudents div.slide-desc-text.slide-desc-text-default {
  font-size:12px;
  line-height: 1.2;
  padding-left:30px;
  padding-right:0px;
  margin-bottom:30px;
     }
  .aboutstudents img {
  width:15%; height:15%;
    } 
  .aboutstudents div.slide-text p {
  padding-left:15px;
  padding-right:-15px;
  }
}

@media (max-width:680px) { 
  .aboutstudents .card-body {
      height:320px;
   }
  .aboutstudents .djslider .djslider-default .img-vcenter{
      height:300px!important;
   }
    .aboutstudents div.slide-desc{
    top:5px;
  }  
   .aboutstudents .djslider-default{height: 300px!important;}
  .aboutstudents .djslider-default ul.djslider-in >li{
    height: 300px!important;
    }

  .aboutstudents div.slide-text p {
    font-size:12px;
    bottom:20px;
    padding-left:10px;
    padding-right:-10px;
  }
}
@media (max-width:480px) {
/*.aboutstudents .card-body {
      height: 320px;
   }  */
  .aboutstudents div.djslider.djslider-default {
   height: 280px;
   margin-bottom: 80px;
 }
   .aboutstudents .djslider-default .slider-container {
    top: 10px;
    height: 280px;
    }
  .aboutstudents .djslider-default ul.djslider-in >li{
    height: 280px!important;
    }
/*.aboutstudents div.slide-desc-text.slide-desc-text-default {
  line-height: 1.2;
  margin-bottom:0px;
  padding-left:20px;
  padding-right:-20px;
    }

.aboutstudents div.slide-text {
     margin-bottom:-50px;
     height:260px;
  }*/
  .aboutstudents div.slide-desc{
    height:280px;
  }
.aboutstudents div.slide-text p {
    font-size:11px;
  padding-left:0px;
  }
 }


/*--main slider--*/
.slide-desc-text-default a.readmore {
  background:var(--cassiopeia-nirs-color1);
  padding: 6px 10px;
  font-size: 0.9rem;
  margin-top: -50px;
  border-radius: 5px;
  text-decoration: none;
}
.slide-desc-text-default a.readmore:hover {
  background:var(--cassiopeia-nirs-colorhh);
 }
.slide-text h3 {
  font-size:calc(1rem + 0.7vw);
    font-weight: 400;
    line-height: 1.2;
}

@media (max-width: 820px) {
.slide-desc-text-default a.readmore {
   border-radius: 5px;
  }
}
@media (max-width: 768px) {
.slide-desc{width:80vw!important;}
}

@media (max-width:680px) {
.slide-desc{width:84vw!important;}
.slide-text h3 {
  font-size:calc(0.8rem + 0.7vw);
    font-weight: 400;
    line-height: 0.8;
   }
.slide-text p {
   font-size:calc(0.8rem + 0.5vw);
    font-weight: 300;
   } 
}


/*--News---*/
.allnews h2 {
  font-size: 1.2rem;
}

.container-header .navbar-toggler {
    color: var(--cassiopeia-nirs-colorhh);
    border: 1px solid var(--cassiopeia-nirs-colorhh);
   }


/* --- Modern Table Styling --- */
.item-page table[width="100%"] {
    border-collapse: collapse; /* A modern standard for tables */
    width: 100%;
   /* font-size: 1rem;*/
    color: #333;
    border: none;  /*Removes the old, harsh border="1" */
    max-width: 800px; /*Ensures table has enough space on desktop before scrolling */
}

/* This resets the inline styles on all table cells (<td>) */
.item-page table td {
    padding: 8px 10px !important;
    border: none !important; /* Clear all inline borders */
    border-bottom: 1px solid #dee2e6 !important; /* Add clean horizontal lines */
    text-align: left !important;
    vertical-align: middle !important;
    width: auto !important; /* Let the browser manage column widths */
    height: auto !important;
    line-height: 1.3;
    font-size: 0.9rem;
   word-break: break-word;
}

/* Styles for the main table header row */
.item-page table tr:first-child td {
    background-color: #343a40; /* Dark header for contrast */
    color: #ffffff !important;
    font-weight: 600;
    text-align: center !important;
    font-size: 1rem;
}

/* Styles for the faculty sub-header rows (e.g., "ФИЗИЧЕСКИЙ ФАКУЛЬТЕТ") */
 .item-page table td[colspan="5"]{
    background-color: #e9ecef !important; /* Light grey to group sections */
    font-weight: bold;
    font-size: 1rem;
    color: #0056b3 !important;
    text-align: center !important;
    border-top: 2px solid #0056b3 !important;
    border-bottom: 2px solid #0056b3 !important;
} 

/* Adds a hover effect to data rows for better readability */
.item-page table tr:not(:first-child):hover {
    background-color: #f8f9fa;
}

/* Ensure the sub-header rows don't get the standard hover effect */
.item-page table tr:has(td[colspan="5"]):hover {
    background-color: #e9ecef !important;
}
i._access-icon.material-icons._access {
  background-color: rgba(13, 60, 89, 0.85) !important;
}

@media (max-width:540px){
#mod-custom252 iframe {
  width:80vw;
}}