footer {
background-color:#00629B;
}
.footer-container, .footer-container a, .footer-container span {
    color: #FFFFFF;
}
#twentyfive_seventyfive-835311514 .threequarter .inner-column{
padding-top:30px;
}

.center-col {
max-width: 100%;
}

.home-left {
background-color: coral;
}

.xbi-menu {
 display: flex;               
 justify-content: center;
 top: 185px;
 left: 15%;
 position:absolute;
 
}

.xbi-menu .site-menu {
  display: flex;               /* lay out LI’s in a row */
  list-style: none;            
  margin: 0;                   
  padding: 0;                  
  gap: 1.5rem;                 /* space between items */

}

/* Responsive Code 5-14-25 */

.BXI_S-Logo {
  /* position: fixed; */
  /* top: 10%; */
}


@media (max-width: 1059px){

.xbi-menu {
 display: flex; 
 justify-content: center; 
 top: 185px;
 left: 20%;
 position: absolute;
}

}

@media (max-width: 929px) {

.xbi-menu {
 display: block;
        justify-content: center;
        top: 0px;
        left: 20%;
        position: inherit;
}

.BXI_S-Logo {
    position: absolute;
    top: 8%;
}

.BXI-Title {
  display: flex;
  justify-content: center; 
}

}

@media (max-width: 768px) {

.threequarter {
	/* width:75%; */
}


.BXI_S-Logo {
    position: absolute;
    top: 6%;
}

.BXI-Title {
  display: flex;
  justify-content: center;
}


.BXI_events .overlay {
 position: inherit !important;    
}

.item .overlay {
 padding: 20px !important;
 max-width: 100% !important;
}

}

@media (max-width: 766px) {

.BXI_S-Logo {
    position: absolute;
    top: 11%;
    width: 150px !important;
}

}

@media (max-width: 495px) {


    .BXI-Title {
        display: block;
  
    }

.BXI-Title > div > p > span > strong {
 font-size: 36px;
}

.BXI-Title > div > p > span > strong > span {
 font-size: 14px !important;
}
.BXI-Title > div > p > span > strong > span > span:nth-child(1) {
     font-size: 18px !important;
}
.BXI-Title > div > p > span > strong > span > span:nth-child(2) {
     font-size: 18px !important;
}


}


@media (max-width: 460px) {

.BXI_S-Logo {
    position: absolute;
    top: 14%;
    width: 90px !important;
}

.BXI-Title > div > p > span > strong {
 font-size: 24px;
}

.BXI-Title > div > p > span > strong > span {
  font-size: 12px !important;
}
.BXI-Title > div > p > span > strong > span > span:nth-child(1) {
     font-size: 14px !important;
}
.BXI-Title > div > p > span > strong > span > span:nth-child(2) {
     font-size: 14px !important;
}
.BXI-Title > div > p > span {
    font-size: 36px !important;
}

}


/* Responsive code end*/

/* Menu Colors */
/*
ul.site-menu li span span {
 color: #007ab5 !important;

}


*/


/* Top-level only (no submenus) */
/* Modern approach: target the top-level "Administration" text only */
@supports selector(:has(*)) {
  .site-menu > li.sub-parent:has(> ul.sub-menu > li > span > a[href*="page_id=42"]) > span > span {
    color: #007ab5 !important;
  }
  .site-menu > li.sub-parent:has(> ul.sub-menu > li > span > a[href*="page_id=42"]) > span > span:hover,
  .site-menu > li.sub-parent:has(> ul.sub-menu > li > span > a[href*="page_id=42"]) > span > span:focus {
    color: #007ab5 !important;
  }
}

/* .site-menu > li:nth-child(4) > span > span,   Administration  */
.site-menu > li:nth-child(5) > span > span,  /* Directories */
.site-menu a[href*="page_id=4001"],     /* Calendar */
.site-menu > li:nth-child(7) > span > span,  /* News & Events */
.site-menu > li:nth-child(8) > span > span   /* Resources */
{
  color: #007ab5 !important;
}

/* Keep the color on hover/focus for consistency */
.site-menu > li:nth-child(4) > span > span:hover,
.site-menu > li:nth-child(5) > span > span:hover,
.site-menu > li:nth-child(6) > span > a:hover,
.site-menu > li:nth-child(7) > span > span:hover,
.site-menu > li:nth-child(8) > span > span:hover,
.site-menu > li:nth-child(4) > span > span:focus,
.site-menu > li:nth-child(5) > span > span:focus,
.site-menu > li:nth-child(6) > span > a:focus,
.site-menu > li:nth-child(7) > span > span:focus,
.site-menu > li:nth-child(8) > span > span:focus {
  color: #007ab5 !important;
}


/* Menu Colors end */


@media (min-width: 1070px) {
 #m\|18\| > ul > li:nth-child(7) > ul{
  width: 900px !important;
}

}






.BXI-Title .cell-item > p{
 position: relative;
 left: 0%;
 top: 20%;
}

.BXI_events .item-link > a {
 margin-top: 52px
}

.BXI_events .overlay {
 margin-top: 52px;
 position: relative;
 //left: 15%;

}

.BXI-border-edit {
 width: 99%;
 margin-left: auto;
 margin-right: auto;
}
/*caroasel overlay item*/
.item .overlay {
 //background: rgba(0,0,0,.45) !important;
background: rgba(0,0,0,0) !important;
 padding: 60px ;
 max-width: 60%;

}

.overlay > h1 {
 background-color: transparent !important;
 font-size: xx-large;
 text-shadow: #ffffff 1px 0 3px;
}

.hero-text > p {
 font-size: xxx-large;
 
 text-shadow: 1px 1px 2px black, #00629b 1px 0 25px;
}

.BXI-Title > p {
 padding-left: 40px;
}

.xbi-center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 510px;
  
}
.item-link a.ce-button {
//border-color: transparent !important;
background-color: rgba(0, 150, 255,0.4);
font-size: 24px;
}

/* utility: full-axis centering */
.center-both {
  display: flex;            /* make the section a flexbox */
  justify-content: center;  /* horizontal centering  */
  align-items: center;      /* vertical   centering  */
  text-align: center;       /* optional: center inline text too */
}

.center-both .caption-image > img {
  width: 400px;      /
  max-width: 100%;   
  height: auto;      
  display: block;    
}

/* Event interactable margins */

.activity-entry {
padding-right: 60px;
}