#main-nav { margin-bottom:0 !important; }
@media (max-width: 991px) {
    .home-page.bhcc-1-column { padding-top: 50px; }
}

/*
    HOME HERO IMAGE AND CTA's
*/
.hero-image {
     filter:brightness(0.8);
     line-height:0;
}

.hero-image-calls-to-action {
   position:relative;
   color:white;
   padding:0;
  margin-bottom:6em;
}
.hero-image-calls-to-action img {
    width:100% !important;
    height:auto !important;
}
.hero-image-overlay  {   
     position:absolute; top:0;bottom:0;left:0;right:0;      
     background-color: rgba(0, 0, 0, 0.1);
}

.hero-image-text { 
     position:absolute;bottom:20%;left:5%;right:5%;  
}  
.hero-image-text a { text-decoration-color: #b60000; }

.hero-image-first-text {
    font-size:2em;
    margin:15px auto;
    text-align: center; 
    text-shadow:3px 3px 3px #000, -1px -1px 1px #000;
    width:fit-content;
    backdrop-filter:blur(1px) contrast(0.9);
}
.hero-image-large-text {
    font-size:3em;  
    font-weight:500;
    line-height: 1.5em;
    margin:15px auto;
    text-align: center;
    text-shadow:1px 1px 2px #000, -1px -1px 1px #000;
    width:fit-content;
    backdrop-filter:blur(1px) contrast(0.9);
}
.hero-image-button-text {
    color: white;  
    background-color:#b60000;
    border-radius:30px;
    font-size:1.2em;
    font-weight:600;  
    padding:6px 2em;
    margin:1em auto;
    text-align: center; 
    width:fit-content;

}
.hero-image-button-text:hover, .hero-image-button-text:focus {
    background-color: #fff;    
    color: #b60000; 
}

.cta-area { 
   position:absolute;
   top: 90%;
   left:0;
   right:0;
   display:flex; 
   flex-wrap:wrap; 
   flex-direction:row;
   justify-content:space-evenly;
   padding:0 2em;

}
.cta-item {
   background-color:#b60000;
   border-radius: 15px;
   color:white;
   margin:5px;
   padding:10px;
   width:18%;
   max-width:320px;
   text-align:center;  
}
.cta-item a {color:white;text-decoration:none; }
.cta-icon {
   background-color:#0c203b;
   border-radius:50%;
   width:80px;
   height:80px;
   margin:auto;
   font-size:2em;
   padding:15px;
}
.cta-item:hover {
    filter: brightness(1.1);
}
.cta-item:hover .cta-icon {
    color: #0c203b;
    background-color: white;
    outline: 2px #0c203b dotted;
    outline-offset: -3px;
}
.cta-icon span { margin:8px 0 0 0;}
.cta-text { font-size:1.2em;   margin:10px auto; }

.home-page h2.bhcc-home-header, .home-page h2.bhcc-large-header { 
    font-size: 2em;
    margin: 0 auto;
    line-height: 1.5em;
    text-align: center;
    font-weight: 600;
}

/*
    PATHWAYS for the home page
*/
#ten-box-147957 .ten-box-item {
    background: transparent;
    padding: 2px;
    flex: 33.3333%;
    min-width: 180px;
}

#ten-box-147957 .ten-box-item:hover {
    filter: brightness(1.2);
}

#ten-box-147957 .ten-box-image-overlay { 
    background-color:transparent; 
    left:33%;
}
#ten-box-147957 .ten-box-text {
       background-color: transparent;
       padding: 33% 10px;
       backdrop-filter: none;
   }
#ten-box-147957 .ten-box-text h2 {
       font-size: 1.5em;
       line-height: 1.2em;
       backdrop-filter: none;
   }

#box-147957-4 .ten-box-text h2 {font-size:2.5em;}

#ten-box-147957 .ten-box-image, #ten-box-147957 .ten-box-item img {
    width: 100%;
    height: auto;
    filter: none;
}

@media (max-width: 1200px) {
  #ten-box-147957 .ten-box-item {
      width: unset;
      min-width: 360px;
      flex: 50%;
      background: transparent;
      padding: 10px;
   } 
}

@media (max-width: 991px) {
  #ten-box-147957 .ten-box-item {
      flex: 50%;
  }

  #ten-box-147957 .ten-box-text {
      backdrop-filter: none;
  }   
  #ten-box-147957 .ten-box-text h2 {
      line-height:1.3em;
      font-size: 1.3em;
  }   
  #box-147957-4 .ten-box-text h2 {font-size:2.3em;}   
  
  
}

@media (max-width: 767px) {
  #ten-box-147957 .ten-box-item {
      padding: 0;
      flex:100%;
      margin:5px 0;
      min-width: unset;   
   }
 #ten-box-147957  .ten-box-text   {  
       backdrop-filter: none;  
 }
 #ten-box-147957  .ten-box-text h2  {
       font-size: 1.8em;
       line-height:1.2em;
   }
  #box-147957-4 .ten-box-text h2 {font-size:2.5em;}  
}

@media (max-width: 500px) {
  #ten-box-147957 .ten-box-text {
       padding: 33% 5px;
      backdrop-filter: none;
  }   
   #ten-box-147957  .ten-box-text h2 {
       font-size: 1.5em;
       line-height:1.2em;
       padding:0;
       margin:auto 0;
   } 
  #box-147957-4 .ten-box-text h2 {font-size:2em;}    
}

/*
    end pathways
*/




/*
    WHATS HAPPENING 
*/
.home-content-item {padding:1em;}

.home-happenings { background-color: #b60000; }
.home-happenings .bhcc-home-header { color:#fff; }
.feature-story h2 { color:#fff; }
.feature-story h3 { color:#fff; font-size:2em;line-height:1.2em;}
.happenings-container, .news-container { display:flex; color:#fff; padding:1em;}


.feature-story { position:relative; width:66%; overflow:hidden;margin:0;padding:0;  background-color : transparent; }
.feature-story:hover { filter:brightness(1.1); }
.feature-story-image { height:auto; width:100%; }
.feature-story-overlay { position:absolute; top:0; bottom:12px;left:0; right:0; background-color:rgba(0,0,0,0.2); }      
.feature-story-text { 
    position: absolute;
    bottom: 10%;
    left: 10%;
    right:10%;
    text-align:left; 
    text-shadow:3px 3px 5px #000, -1px -1px 1px #000;  
}
.feature-story h2 { color:#fff;  font-size:2em;line-height:1.2em; width:fit-content; }
.feature-story h3 { color:#fff; font-size:2em;line-height:1.2em; width:fit-content;}
.feature-story p { color:#fff; font-size:1.15em;line-height:1.5em; width:fit-content; font-weight:600;}
.feature-story-link { text-align:center; margin:0 auto; width:fit-content;padding:5px 1em;}

.secondary-stories {  position:relative; width:33.3%; overflow:hidden;margin:0; padding:0 5px 5px 5px;}
.secondary-story-item { position:relative;  }
.secondary-story-item:hover { filter:brightness(1.1); }

.secondary-story-image { height:100%; width:100%; }
.secondary-story-overlay { position:absolute; top:0; bottom:7px;left:0; right:0; backdrop-filter:brightness(0.7); height:auto;}
.secondary-story-text { 
  text-align:left; 
  font-size:1.1em;     
  text-shadow:3px 3px 5px #000, -1px -1px 1px #000;
  padding:0;
  position: absolute;
  bottom: 10%;
  left: 10%;
  right:10%
}
.secondary-story-text h2 { color:#fff; font-size:1.35em; line-height:1.2em; width:fit-content; margin:0;}
.secondary-story-text h3 { color:#fff; font-size:1.35em; line-height:1.2em; width:fit-content; margin:0;}
.secondary-story-text p {  color:#fff; font-size:1.15em;line-height:1.5em; width:fit-content; margin:0; font-weight:600;}
a.secondary-story-link {text-align:center;  margin:0 auto; font-size:0.9em; }

a.see-all {
   border-radius:250px; 
   padding:7px;
   width:50%; 
   min-width:300px; 
   margin:5px auto; 
   font-size:1.5rem;
   text-align:center;
   display:block; 
   border:1px solid; 
}
a.see-all:hover {
    outline: 2px #b60000 dashed;
    outline-offset: -5px;
}

a.see-all span {  margin-left: 1em; }

/*
    News
*/
.main-news-item { width:67%; padding-right:5px;}
.secondary-news { width:32.9%;}

.news-item { position:relative;}
.news-item:hover {
    filter: brightness(1.2);
}
.news-item-inner { padding:0; position:relative;}
.news-image { width:100%;}
.news-overlay { 
      position:absolute; top:0; bottom:10px;left:0; right:0;  background-color: rgba(0,0,0,0.2); 
  }
.news-overlay-content { 
   position:absolute; 
   bottom:10px; 
   left:5%;
   right:5%;
}
.news-date { 
   color:#fff; 
   font-size:1em; 
   font-weight:700; 
   line-height:1.5em;
   text-shadow:2px 2px 2px #000,-1px -1px 1px #000;
   width:fit-content;
   padding: 2px 5px;

;  
}
.news-headline {  
   margin:5px 0;
   color:#fff; 
   font-size:2em; 
   font-weight:500; 
   line-height:1.1em; 
   text-shadow:4px 4px 4px #000, -1px -1px 1px #000;
   width:fit-content;
}
.secondary-news .news-headline {font-size: 1.35em; }

a.home-news-link.button-red { font-size:1.1em; text-decoration:none; padding:3px 2em; margin-top:10px; }


.feature-video  { background-color: #0c203b;padding-top:1em;}
.feature-video .bhcc-large-header { color:#fff; }
.video-container { position:relative; }

/
     51³Ô¹ÏÍø Highlights
/
#ten-box-147958 .ten-box-text { top:1em; left:1em; right:1em; width:auto; }
#ten-box-147958 .ten-box-text h2 { font-size:2.3em;}
#ten-box-147958 .ten-box-text p { font-size:1.1em; text-shadow:2px 2px 2px #000, -1px -1px 1px #000;}

/
     Upcoming Events
/
.hp2024 { margin:2em 1em;}
.home-page .hp2024 h2.bhcc-home-header { 
    background-color: #0D6177; 
    color:white;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    line-height: 2em;
}
.hp2024-inner {   margin:0 3% 1em;   border: 1px solid #0D6177;    border-radius: 20px; padding-bottom:1em;}
.hp2024-container { background:white;  background-size: cover; background-repeat: no-repeat; border-radius: 20px; }
.hp2024-events { font-size:1.1em; padding:5px 5%;  background-color: rgba(255, 255, 255, 0.85); }
.hp2024-eventdate { font-size:1.05em; font-weight:600; padding:5px; background:transparent; color:#b60000; }
.hp2024-date   { width:150px;  }
.hp2024-day   {  }
.hp2024-month {  }
.hp2024-date-number  {  }
.hp2024-icon { color: #b60000; }

.hp2024-header {font-weight:600; font-size:1.1em; }
.hp2024-row { line-height:1.6em; display:flex; flex-direction:row; padding:0 2em; border-bottom: 1px solid #ddd;}
.hp2024-time {width:20%;}
.hp2024-row.academic-calendar .hp2024-time {letter-spacing:-1px;}
.hp2024-title { font-weight:500; text-decoration:none; width:60%; padding:0 1em; }
.hp2024-venue { width:20%; }
.hp2024-link { display:inline-block;min-height:44px;}



/***
 Home page emergency 
*/
.emergency-banner {
    margin: 0;
    padding: 0; 
    background-color: #0c203b;
}
.emergency-banner .container { padding: 1em 3em;  }

.emergency-banner-image  { padding:1em; float:left; margin:1em; }
.emergency-banner-text  { 
   padding:1em;
   color:#fff;
   margin-left:20%;

}
.emergency-banner-link { color:#fff; text-align:right; }
.emergency-banner-link a { color:#fff; font-size:2vw; }
.emergency-banner-link span { color:#fff; padding-left:10px; }
.emergency-banner-link a:hover { text-decoration:underline; }


.emergency-banner .notice-close { float:right; cursor: pointer; color:#fff;font-weight:300; }

/***
 Home page non-emergency important notice (Yellow bar)
*/

.homepage-non-emergency-notice {
    display:block;
    color:#fff;
    background-color:#0c203b;
    margin: 0;
    padding: 1em 2em;
    overflow:visible;
    border-top:1px solid #ccc;  
    border-bottom:1px solid #ccc;
    text-align:left;
    font-weight:400;
    clear:both;
}
.hne-notice-text { line-height:2em;font-size:1.8em;text-align:center;}
.homepage-non-emergency-notice p { margin:0; }  
.homepage-non-emergency-notice ul { list-style-type: none; }  
.homepage-non-emergency-notice a { color:yellow; }
.homepage-non-emergency-notice span {
  color:#fff;
  padding-left:10px;
}
.homepage-non-emergency-notice .notice-close { float:right; cursor: pointer; color:#fff;font-weight:300; }





/*
    MAX-WIDTH 1200 PX
*/ 
  
@media (max-width: 1200px) {
  
 
  .hero-image-first-text { top:10%;font-size:1.6em; }
  .hero-image-large-text { font-size:2.5em; top:20%; line-height:1.2em;}
  h2.bhcc-large-header { font-size:2rem; margin:2em auto;}
  
  .cta-area { padding:0; }  
  .cta-text { font-size:1.1rem;} 
  .news-overlay-content {left:5%; right:5%; bottom:5%; }
  .secondary-story-text { padding:1em;}  
  .secondary-story-text h2 { color:#fff; font-size:1.5em; line-height:1.2em; }
  .secondary-story-text h3 { color:#fff; font-size:1.5em; line-height:1.2em; } 
  .secondary-story-link { bottom:1.5em; } 
  .feature-story { }
  .secondary-stories {  }
  .secondary-story-text { padding:10px;}  
  .secondary-story-text h2 { font-size:1.2em; line-height:1.2em; }  
  .secondary-story-text p {  line-height:1.2em; }   
  .secondary-story-link { bottom:1.5em; }
  .secondary-news-headline { color:#fff;  font-size:1.3em;}
  
  a.home-news-link.button-red { font-size:1em; text-decoration:none; padding:2px 1em; margin-top:5px; }

}

/*
    MAX-WIDTH 991 PX
*/
@media (max-width: 991px) {
  
   .bhcc-1-column { padding-top: 0;  }  
  
  .hero-image-calls-to-action { margin-bottom:0;}
  .hero-image-text { bottom:unset;top:0; }  
  .hero-image-first-text { top:2em; }
  .hero-image-large-text { font-size:2.2em; top:4em; line-height:1.2em;}
  .hero-image-button-text {  position:unset; }
  .cta-area { display:block; position:unset; padding:1em; }
  .cta-item { 
      margin:5px auto;
      height:90px; 
      width:100%; 
      max-width:unset; 
      padding:1em; 
      box-shadow:none;  
      display:inline-block;
  } 
  .cta-icon { 
      float:left; 
      display:inline-block;
      width: 60px;
      height: 60px;
      margin: auto;
      font-size: 1.6em;
      padding: 5px;
   }

  .cta-text { font-size:2em; display:inline-block; float:left; margin-left:2em; } 
  
 h2.bhcc-large-header {
    font-size: 2em;
    margin: 1em auto;
    padding: 1em 10px;
    float:none;
    margin-left: 5%;
 }
  
  .hero-image-overlay { bottom:unset; } 

  .happenings-container, .news-container { display:block; }

  
  .feature-story { position:relative; width:100%; overflow:hidden; margin:1em 0 0;  background-color : TRANSPARENT; }
  .feature-story-image { height:auto; width:100%; }
  .feature-story-overlay { bottom:6px; }
  .feature-story-text { text-align:left; position:absolute; padding:0; text-shadow:0 0 10px #000, -1px -1px 1px #000; }
  .feature-story h2 { color:#fff; font-size:2em; line-height:1.2em; }
  .feature-story h3 { color:#fff; font-size:2em; line-height:1.2em; }   
  .feature-story-link {text-align:center; margin:0 20%; }
  .secondary-stories {  position:relative; width:100%; overflow:hidden; margin:0;  padding:0; }
  .secondary-story-item { position:relative; margin:5px 0; }
  .secondary-story-image { height:100%; width:100%;}
  .secondary-story-text { left:10%; text-align:left;  padding:10px; bottom:0;top:unset; }
  .secondary-story-text h2 { color:#fff; font-size:2em; line-height:1.2em; }
  .secondary-story-text h3 { color:#fff; font-size:2em; line-height:1.2em; }  
  .secondary-story-text p { margin:0; text-shadow:1px 1px 10px #000, -1px -1px 1px #000; }
  a.secondary-story-link {text-align:center; margin:1em;}
  a.see-all { width:50%; min-width:300px; margin:1em auto; font-size:1em;text-align:center;display:block;} 

  
   .news-item.main-news-item { width:100%;}
   .secondary-news { width:100%;}
   .news-item { padding:0;}
   .news-image { width:100%;}
   .news-date { color:#fff; font-size:1.1em; }
   .news-headline { color:#fff;  font-size:1.6em;}
   .secondary-news-headline { color:#fff;  font-size:1.3em;}
  a.news-link.button-red { font-size:1.1em; } 
  

 .emergency-banner {
      height:auto;
      margin:50px 0 -50px 0;
      font-weight:normal;
      font-size:1em;
  }
 .homepage-non-emergency-notice {
      height:auto;
      margin:50px 0 -50px 0;
      font-weight:normal;
      font-size:1em;
  }  
  
  
/
     51³Ô¹ÏÍø Highlights
/

#ten-box-147958 .ten-box-text h2 { font-size:2.5em;}
  
  
  .hp2024-header { font-size: 1em; } 
  .hp2024-row { padding: 5px;  }   
} 

 /***/
/*         MAX-WIDTH: 767px           */
/***/

@media (max-width:767px) {

   h1 { font-size:2.2em; }
   h2.bhcc-large-header, .content-header { font-size:1.2em; }
  
  .home-content-item { padding:15px 0;}
  
  .hero-image-text { top:6.5em; }  
  
  .hero-image-first-text { top:1em; font-size:1.2em; }
  .hero-image-large-text { font-size:1.6em; margin:0 auto; }
  
  .hero-image-button-text { 
      width: fit-content;
      margin: 1em auto;
      padding: 5px 1em;
  } 
  
  .cta-item { height:unset; padding:5px; margin:2px auto;} 
  .cta-icon {          
       height: 35px;
       width: 35px;
       font-size: 1.2em;
       padding: 0; 
   }
  .cta-text { font-size:1.2em; margin:0 10px; padding-top: 5px; float: left; margin-left: 30px;}  
  

   .hp2024 { margin:15px;}
   .hp2024-inner {   margin:0 0 1em;   border: 1px solid #0D6177;    border-radius: 20px; padding-bottom:1em;}
   .hp2024-events {
        font-size: 1em;
        padding: 5px;
        background-color: rgba(255, 255, 255, 0.85);
    }  
   .hp2024-row.hp2024-header { display:none; }
   .hp2024-row { display:block; padding:5px; border-bottom: 1px solid #aaa;}
   .hp2024-time {width:auto; font-weight:600; } 
   .hp2024-title {  font-weight:500; text-decoration:none; width:100%; padding:0; } 
   .hp2024-row.academic-calendar .hp2024-title  {  font-weight:500; text-decoration:none; width:100%; padding:0; } 
   .hp2024-venue { width:auto; }
   .hp2024-link { width:auto; font-size:1.1em; }  
   .hp2024-eventdate { font-size:1.3em; font-weight:600; padding:5px; background:transparent; color:#b60000;margin-top:10px;}


   .news-overlay { 
      background-color: rgba(0,0,0,0.3); 
   }
  .news-overlay-content { 
      position:absolute; 
      bottom:5px; 
      left:5px;
      right:5px;
   }
  
}



 /***/
/*         MAX-WIDTH: 500px           */
/***/

@media(max-width:600px) {
  
   .home-page h2.bhcc-home-header, .home-page h2.bhcc-large-header { 
        font-size: 1.5em;
        padding:0 15px;
    }
  
  
  .hero-image-text {left:15px; right:15px; }  
  .hero-image-first-text { top:10px; font-size:1.3em;margin:0 auto; line-height:1.1em; }
  .hero-imagei-large-text { font-size:1.4em; top:1em; line-height:1.2em;}    
  .hero-image-button-text {  width: fit-content; padding: 5px 1em; margin:10px auto 0; } 

  .image-row-text { font-size:1.2em;}
  
  
  .news-overlay-content { text-align:center; }
  .news-headline {  font-size: 1.3em; }
  .news-date { width:fit-content; margin:0 auto; }
  a.home-news-link.button-red { font-size:1em; text-decoration:none; padding:3px 1em; margin-top:1em; }

  .emergency-banner  {  
       padding: 0;  
       font-weight:normal;
       font-size:1em;     
  }
  
  .emergency-banner .container { padding: 15px;  } 
  .emergency-banner-image {
     padding: 0; 
     float: none; 
     margin: 0; 
     text-align:center;
  }  
  .emergency-banner-text {
    padding: 0 5px ;
    color: #fff;
    text-align:center;
    margin-left:0;
  }  
  .emergency-banner-link a {
    color: #fff;
    font-size: 1em;
    line-height: 1.5em;
  }  
  
  h1.emergency-banner-header {
    font-size: 3rem;
    margin: 0 0 15px 0;
    text-align: center;
  }  
  h2.emergency-banner-subheader {
    font-size: 1.5rem;
    line-height: 2rem;
    margin: 0;
    text-align:center;
  }
   
  .emergency-banner-link {margin:0; text-align:center; } 
  
  .homepage-non-emergency-notice  {  font-size:1.2em; padding:15px;   text-align: center;  margin: 50px 0 -50px 0; }
  .homepage-non-emergency-notice a {  display:block; font-size:0.9em;  } 
  .homepage-non-emergency-notice .hpne-divider {  display:none;  }
  .homepage-non-emergency-notice .notice-close { font-size: 60%; }
  .hne-notice-text {
     line-height: 1.5em;
     font-size: 1em;
     text-align: center;
     margin: 0;
  }  
  .hne-notice-text p { margin:0;  }
  
  /*
      HAPPENINGS
  */

  .happenings-container, .news-container { display:block; padding:1em; }
  .feature-story { position:relative; width:100%; overflow:hidden;margin:0;  background-color : TRANSPARENT; }
  .feature-story-image, .secondary-story-image { height:auto; width:100%; }
  .feature-story-text,  .secondary-story-text { 
      text-align:center; 
      position:absolute;
      left:0; 
      right:0;
      bottom:7px;
      padding:10px; 
      text-shadow:2px 2px 5px #000, -1px -1px 1px #000; 
      margin: 0 auto;
  }
  .feature-story h3, .secondary-story-text h3 { margin: 0 auto; font-size:1.3em; line-height:1.1em; }
  
  .feature-story-text p, .secondary-story-text p { margin:0 auto; line-height:1.2em; text-shadow:2px 2px 5px #000, -1px -1px 1px #000; }
  .feature-story-link, .secondary-story-link {text-align:center; margin:0 20%; }
  .secondary-stories {  position:relative; width:100%; overflow:hidden; margin:0; }
  .secondary-story-item { position:relative;  }
 
  
  
  a.see-all { width:90%; min-width:240px; margin:5px auto; font-size:1em;text-align:center;display:block; padding:7px;}   
   /
     51³Ô¹ÏÍø Highlights
   /
   #ten-box-147958 .ten-box-text h2 { font-size:1.5em;}  
  
}