/**
  51勛圖厙 general styles
***/
* { 
  font-family: 'Open Sans', arial, sans-serif;
  box-sizing: border-box;
  text-underline-offset: 2px;
}
html   { height: 100%; font-family: 'Open Sans', arial, sans-serif; }
html a { 
  color: #004DBE; 
  text-decoration: underline;
  background-color: transparent;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;  
}

a:hover {
    color: #0066cc;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
}

a:focus, a:active {
  color: #408;
  text-decoration: underline; 
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;  
}

body    { 
  color: transparent;  
  overflow-x: hidden; 
  font-size: 0; 
  margin:0; 
  line-height:1.7em; 
  background-color: #fff; 
}

#page { 
   color:#000; 
   font-size: 18px;    
   line-height:1.7em; 
   background-color: #fff;  
}

@media(max-width:767px) {
    body {  line-height:1.6em; }   
    #page { font-size:16px;   line-height:1.6em; } 
}

h1 { font-size: 2.6em; line-height:1.5em;  font-weight:600;}
h2 { font-size: 1.8em;  line-height:1.5em;   margin: 10px 0 5px 0;  font-weight:400;}



h2.bhcc-large-header { 
  font-size:3rem; 
  margin:1em auto; 
  line-height:1.5em; 
  text-align:center; 
  text-transform:unset;  
  font-weight:600;
}
h2.bhcc-large-header:empty { display:none; }

h2.header-with-anchor, .content-block h2 { 
   color:#b60000;
   background-color: transparent; 
}

.header-with-anchor {
    position: relative;
    clear: both;
    display: block;
}

.inpage-link-target {
    position: absolute;
    left: 0;
    top: -60px;
}

@media(max-width:767px) {
   .inpage-link-target {
       top: -60px;
   }
}

.content-header { font-size:2.5rem; color:#b60000; }

h3 { font-size: 1.3em; line-height:1.5em; font-weight:600; margin:15px 0 5px; }
h4 { font-size: 1.2em;  line-height:1.5em;}
p { margin:0 0 10px; line-height:1.5em; }
b, strong {font-weight:700;}
table li { text-align:left; }
ol ul { list-style-type: disc;}

header { background-color:#fff;}
#header-inner { position:relative; }
#logo { display:inline-block; padding: 1.5em; }
#logo a { display:block; }
#hamburger-link  { display:none; }
#close-menu { display:none; }
#blocker {
    background: rgba(3, 2, 1, 0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 8;
    overflow-y: scroll;
}
.blocking {overflow:hidden; }

strong { font-weight:700;}
.text-50-percent-larger { font-size: 120%; line-height: 1.6em; }

@media(max-width:767px) {
  .text-50-percent-larger { font-size: 110%; line-height: 1.5em; }  
}

/*
    PAGE LAYOUTS
*/
.bhcc-1-column, .bhcc-2-column, #breadcrumbs-section, #desktop-header, .container {
     max-width:3000px; 
     margin: 0 auto;
}


.bhcc-1-column .bhcc-main-content { 
     display:flex; 
     flex-direction:row; 
     flex-wrap:wrap; 
     justify-content: center;
     padding:0;
     width:100%;
     clear:both;
  
}

.bhcc-2-column { 
     display:grid;
     grid-template-columns: 350px auto;
     grid-gap: 1em;
    padding:0 2%; 
    clear:both; 
    width:100%;

}
.bhcc-2-column .bhcc-main-content { padding:0 1em;}
/*  .bhcc-2-column .bhcc-left-column { width:350px; padding:0; margin-left:1em;  }  */

iframe { max-width:100%; }

/*
   QUICK LINKS
*/

#desktop-quick-links { 
   list-style: none;  
   padding: 2em;
   position: absolute;
   right: 3em;
   top: 0;
}

#desktop-quick-links li {
    float: left; 
    padding: 0 1em;
    color: #b60000;
    text-align: center;
}
#desktop-quick-links li a {
    color: #0050C9;
    font-weight: 400;
    margin: auto 0;
    height: 44px;
    display: inline-block;
}
#quick-links-header { display:none; }
#quick-links { display:none;list-style:none; }
#quick-links li a {color:#fff;}
#main-menu { 
  display:block;
  background-color: #b60000; 
  clear:both;
  color:#fff; 
  height:8em; 
  border-bottom: 1px solid #fff;
}
#main-menu-list { 
   list-style:none;
   display:flex;
   width: 100%;
   padding-top:0.6em;
}
.main-menu-item { 
  width:20%;
  z-index:3;
  position:relative;
}
.main-menu-header { 
  font-size:1.3rem; 
  padding:0.50em; 
  text-align:center;
  cursor:pointer;
  line-height:1.3em;
  height:130px;
  position:relative;
  text-transform: uppercase;
}
.main-menu-header .main-menu-icon {
  color:#fff; 
  font-size:0.7em;
  position: absolute;
  top:80px;
}

#top-resource-search {
   position:absolute;
   right:25px;
   top:40px;
   height:60px;
   padding:0;
   border:0;
   cursor: pointer;
   background:transparent;
   border-radius:50%;
}
#top-resource-search:hover {
    outline: 2px dashed #fff;
    outline-offset: -8px;
    filter: brightness(1.3);
}


.main-menu-dropdown {
   background-color: #b60000; 
   color: #fff; 
   display:none;
   padding-top:0;
   width:max-content;
   position:absolute;
}

#employees-menu-dropdown { margin-left:-120%;}

#friends-menu-dropdown { margin-left:-170%;}

.main-menu-dropdown.opened { display:flex;}

.main-menu-links {
   list-style:none; 
   padding-bottom:1em;
   padding-left:15px;  
   line-height:1.3em;
   width:max-content;
   max-width: 300px;  
}
.main-menu-link {padding:5px;}
.main-menu-link a { color:#fff; text-decoration:none;}
.main-menu-link a:hover, .main-menu-link a:focus {
    text-decoration: underline;
    text-decoration-style: dashed;
}

.menu-feature { padding:0 1em; max-width:320px; margin: 1em 0; }
.menu-feature a { color:white; }
.menu-feature img { width:100%; height:auto;margin:0 auto; }

.menu-feature-inner { border: 1px solid #fff; padding:10px;}
.mf-link { text-decoration:none; }


//
/*   BREADCRUMBS on main menu   */
/****/
#breadcrumbs-main {
   position: absolute;
   display:none;
}
#breadcrumbs-main .breadcrumb-items {
  list-style:none;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  margin:0;
}
#breadcrumbs-main li.breadcrumb-item { display: inline; line-height:1rem} 
#breadcrumbs-main li.breadcrumb-item a { color:white;font-size:0.8rem; } 
#breadcrumbs-main li + li.breadcrumb-item:before {
   content: "\203A";
   margin: 0 3px;
   color:#fff;

}
/****/
/*   SEARCH   */
/***/
#search-overlay {
  display :none;
  position: fixed;
  top: 0;
  right: 0;
  bottom:0 ;
  left: 0;
  overflow: auto;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  border: #a0a0a0 solid 1px;
  margin: 0;
  z-index:15;
  font-size: 18px;
  line-height: 1.7em;
}
 
#search-form {
   background-color: #fff;
   width:60%;
   max-width: 800px;
   height:300px;
   margin:10% auto;
   border-radius: 1em;
   color:#333;
   padding:1em 2em;
   position:relative;
   overflow:hidden;
}
#search-form-hello {
   font-size:2.2rem;
   font-weight: 600;
   text-align:center;
   margin:1em;
   color:#b60000;
}
#search-form label {
   display: block;
   font-size:1.8rem; 
   margin-bottom:10px;
   width:100%;
   text-align:center;
}
#bulldogInput {
   font-size:1.1em; 
   padding:7px 10px;
   border-radius:6px;
   width:280px;
   color:#0c203b;  
}
#bulldog-submit {
   display:inline;
   font-size:2em; 
   padding:0 10px;
   border:0;
   background: transparent;
   cursor:pointer;
   color:#0c203b;
}
#bulldog-input-group {
    width: fit-content;
    display: inline-block;
}
#bulldog-submit-icon {
    border: 1px solid transparent;
    border-radius: 50%;
    padding: 5px 7px;
}
#bulldog-submit-icon:hover, #bulldog-submit-icon:focus { color:#b60000;}

#search-form-close { 
   position:absolute;
   top:15px;
   right:25px;
   font-size:2rem;
   color: #0c203b;
   padding:5px;
   cursor:pointer;
}
#search-bulldog {
   position:absolute;
   left: -80px;
   bottom: -80px;
   width: 200px;
}


//
/*      FOOTER 2022                   */
//
#footer-2022 {
  background-color : #0c203b;
  color:#fff;
  padding: 2em;
  margin-top:0;
  line-height:1.7em;
  clear:both;
  font-size: 18px;
}
#footer-2022 #footer-logo {  margin-left: 1em; }
#footer-2022 #footer-logo a {  display:block; width:fit-content; }
#footer-2022 #footer-logo a:hover, #footer-2022 #footer-logo a:active, #footer-2022 #footer-logo a:focus {  outline:1px solid #fff; }
#footer-2022 #footer-logo-image {width:300px; height:auto; max-width:100%;}
#footer-2022 a { color:#fff; text-decoration:none; font-weight: 400; border-bottom:1px solid transparent; }
#footer-2022 li.footer-list-item a { display:inline-block; line-height:2.15em; font-size:1.15em;min-width: 45px;}
#footer-2022 li.footer-list-item a:focus { color:#e7d780;  border-bottom:1px solid #e7d780; }
#footer-2022 li.footer-list-item a:hover { border-bottom:1px solid #e7d780; }
#footer-2022 h2 { font-size: 1.5em; color:#fff; line-height: 1.7em; margin: 1em 0 5px 0; font-weight: 400; padding:0; }
#footer-2022 ul { list-style: none; padding-left:0; margin-top:0; }
#footer-2022 .footer-column { float:left; width:33%;padding:1em; }
#footer-2022 #footer-social-bar {  margin:0; text-align:center; clear:both; width:100%;}
#footer-2022 a.footer-social-link { 
    margin-right:0;
    margin-top:0;  
    text-decoration:none;    
    height: 44px;
    width: 44px;
    display: inline-block;
}
#footer-2022 a.footer-social-link:hover { color:#bbb; }
#footer-2022 a.footer-social-link:focus { color:#b60000; }
#footer-2022 .copyright-line {  clear:both; text-align:center; margin:1em; }
#footer-2022 a.campus-info h2, #footer-2022 a.campus-info li { border-bottom:1px solid transparent; width:fit-content; }
#footer-2022 a.campus-info:hover h2,  #footer-2022 a.campus-info:hover li{ border-bottom:1px solid #e7d780; }
#footer-2022 a.t4Edit-page {
    text-decoration: none;
    cursor: text;
}
#footer-2022 a.t4Edit-page:hover { color:white;text-decoration: none; } 

@media (max-width:1200px) {
   #footer-2022 .footer-column { 
      float:left; 
      width:50%;
      padding:1em; 
   }
}

@media (max-width:991px) {
  
  #footer-2022 { padding: 1em; }
  
  #footer-2022 div#footer-logo {
    margin: 2em auto;
  }
 #footer-2022 .footer-column {   
     float:none;   
     width:100%;  
     padding:0 1em; 
 }

}



/*
    LEGACY CONTENT - CONTENT ITEM
*/

.content-item { padding:0; }
.content-item img { max-width:100%; height:auto !important;}
.home-content-item { clear:both; }


.content-item.h1-header { width:100%; margin-bottom:0; padding:0;}
.content-item.h1-header h1 { 
    text-align:left;
    color: #0c203b;
    padding: 10px 0 5px 22px;
    margin:0;
  
}

.three-main-content {padding: 10px 1em;}
.three-main-content h2 {color:#b60000;}
.red-text { color: #b60000; }

/*
    HEADER WITH ICON
*/
.header-with-icon { background:#0D6178; padding:0; margin-bottom:1em; width:100%;}
.header-with-icon-inner { padding: 1em 2em; width:100%; display:flex; flex-direction:row; }
.header-with-icon .icon-container { padding:0; width:20%; margin:auto; text-align:center; }
.header-with-icon .icon-container span { font-size: 7em; color:#fff;}
.header-with-icon .header-container { padding:1em; width:80%; margin:auto; }
.header-with-icon .header-container h1 { text-align:center; color:#fff; font-size:2.5em; line-height:1.2em; }

@media(max-width:991px) {
    .header-with-icon { margin-bottom:0; } 
    .header-with-icon-inner { padding:0 1em;}
    .header-with-icon .icon-container {  }
    .header-with-icon .icon-container span { font-size: 3.5em; color:#fff;} 
    .header-with-icon .header-container {  }  
    .header-with-icon .header-container h1 { text-align:center; color:#fff;font-size:2em; }
}

@media(max-width:767px) {
    .content-item.h1-header h1 {   padding:22px 22px 10px 22px; }  
    .header-with-icon .icon-container span { font-size: 3em; color:#fff;} 
    .header-with-icon .header-container h1 { text-align:center; color:#fff;font-size:1.5em; }
}
@media(max-width:500px) {
    .header-with-icon .icon-container span { font-size: 2.5em; color:#fff;} 
    .header-with-icon .header-container h1 { text-align:center; color:#fff;font-size:1.3em; }
}




/*
   SCREEN READER ONLY
*/
.sr-only {
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.sr-only:focus {    outline:  transparent thin solid; }
.sr-only-focusable {
    background-color:blue;
    font-weight:bold;
    color: #fff;
    padding: 6px;
    z-index: 100; 
    transition: top 1s ease-out, background 1s linear;
    max-width: 200px;
}
.sr-only-focusable:hover { color:#fff; }

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    padding:5px;
    color: #fff;
}
@media (max-width: 991px) {
  
  #skip-links { position: relative; }
 .sr-only-focusable:active, .sr-only-focusable:focus {
    position: absolute;
    top: 50px;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    padding:5px;
    color: #fff;
   }   
}



#h1-bhcc-desktop { color:transparent; }
/***
		GENERAL HTML TABLE
***/
.content-block { padding:0; }
.content-block a {  }
.content-block h2 a {
    display: inline-block;
}
.content-block td {
    border-bottom: 1px solid #fff;
    min-height: 35px;
    padding: 7px 10px;
    /*background-color: #eaeaea*/
}

.content-block th {
   padding: 7px 5px;
   font-weight:400;
   background-color: #ececec;
   color:#333;
}

/*  T4 WYSIWYG BUG: The bottom border is invisible at 1px, so it needs 2px */
.content-block table {
     border: 1px solid #ddd; 
     /*border-bottom: 2px solid #eaeaea;*/ 
     width: 100%;
     margin-bottom: 20px;
     text-align:left;
}
.content-block table li, .content-block table p { text-align:left; }

.content-block tr:nth-of-type(odd)  { background-color: #f8f8f8; } 
.content-block tr:nth-of-type(even) { background-color: #fff; }

@media (min-width:768px) and (max-width:1023px) {
   .content-block td, .content-block th { 
     padding:1px;
   }
}

/* Academic Calendar /

table.academic-calendar { 
  margin:0; 
  border:2px solid #ddd;
  border-spacing: 2px;
  border-collapse: separate;
  
}
table.academic-calendar th { padding:10px;}
table.academic-calendar td { padding:10px; border:1px solid #ddd; letter-spacing:0.5px;}
table.academic-calendar td:first-of-type {width:17%;max-width:100px;}
@media (max-width:768px) {
   table.academic-calendar td { padding:10px 5px; border:1px solid #ddd; letter-spacing:-0.5px;}  
}



/*
    2-column video
*/
.video-content  { background-color: #fff;padding-top:1em;}
.video-content .bhcc-large-header { font-size:2.5em; color:#000; }
.video-container { position:relative; }


/*
   LARGE Image with overlying text
*/
.large-image-overlying-text { position:relative;width:100%; }
.large-image-inner  { 
     background-color: #000000;
     position:relative; 
     line-height:0; 
}
.large-image-inner img  { width:100%; height:auto; }
.large-image { width:100%; height:auto; }
.image-overlay { 
      position:absolute; top:0; bottom:0; left:0; right:0;
      background-color:rgba(0,0,50,0.25);
}


.banner-text { line-height:1.5em; 	font-size:2rem; text-shadow:1px 1px 2px #000; }

.large-image .overlying-text { 
   position:absolute; 
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
   color:white; 
   text-align:center; 
   padding:1em;
   line-height:2em;
    width:100%;  
   margin:auto;
}
.large-image .overlying-text h1 {
    font-size: 2.5em;
    padding: 0;
    margin: 0 auto;
    text-shadow: 2px 2px 4px #000, -1px -1px 1px #000;
    font-weight: 600;
    display: inline-block;
    width:fit-content;
    color: #fff;
    line-height:1.1em;
}
.large-image.large-image-formatted .overlying-text h1 {
    margin: 0 auto;  
}

.large-image .overlying-text h2 { 
   font-size: 2em;
   margin:15px auto;  
   text-shadow:1px 1px  2px #000;
   font-weight:600; 
   backdrop-filter:blur(1px) contrast(0.9);
   width:fit-content;
}
.large-image .overlying-text p, .large-image .overlying-text div {
   margin:5px auto; 
   text-shadow:1px 1px 2px #000,-1px -1px 2px #000;
   line-height:1.5em;
    backdrop-filter:blur(1px) contrast(0.9);
   width:fit-content;

}

.large-image .overlying-text div.header-image-button-container {
    text-shadow:none !important;
}

.large-image .banner-intro-text { 
     font-size:1.5rem;  
     text-shadow:1px 1px 2px #000; 
    backdrop-filter:blur(1px) contrast(0.9); 
}
.large-image .h1-for-banner { 
    color:#fff; 
    text-align:center; 
    margin:1em 0; 
    font-size: 2.5rem;  
    text-shadow:1px 1px 2px #000; 
    width:fit-content;
}

.header-image-button-container a.button-transparent { margin-top:15px;}

/*
  BANNER Image with overlying text
*/
.banner-image { width:100%; height:auto; }
.banner-overlay { 
      position:absolute; top:0; bottom:0;left:0;right:0;
}

.banner-image-overlying-text { position:relative;width:100%; }
.banner-image-inner  { 
     position:relative; 
     line-height:0;
}
.banner-image-inner img  { width:100%; height:auto; }

.banner-image .overlying-text { 
   position:absolute; 
   color:white; ; 
   text-align:center; 
   padding:0;
   line-height:2em;
   width:90%;  
   margin:0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);  
}
.banner-image .overlying-text h1 {
    padding: 5px 1em;
    margin: 0 auto;
    text-shadow: 4px 4px 6px #000,-2px -2px 2px #000;
    font-weight: 600;
    display: inline-block;
    border-radius: 1em;
    width:fit-content;
    line-height: 1.5em;
}
.banner-image .overlying-text h2 { 
   font-size: 2vw;
   margin:1em auto;  
    text-shadow: 1px 1px 2px #000,-1px -1px 1px #000;
   font-weight:600; 
   backdrop-filter:blur(1px) contrast(0.9); 
   width:fit-content;
}
.banner-image .overlying-text p {
   margin:7px auto; 
   text-shadow: 1px 1px 2px #000,-1px -1px 1px #000;
   line-height:1.5em;
   backdrop-filter:blur(1px) contrast(0.9);
   width:fit-content;
}

.banner-image .banner-intro-text { 
    font-size:1.5rem; 
    text-transform:uppercase;   
    text-shadow: 1px 1px 2px #000,-1px -1px 1px #000;
    backdrop-filter:blur(1px) contrast(0.9);
}
.banner-image .h1-for-banner { 
    color:#fff; 
    text-align:center; 
    margin:1em 0; 
    font-size: 2.5rem;  
    text-transform:uppercase; 
    text-shadow: 1px 1px 2px #000,-1px -1px 1px #000;
    backdrop-filter:blur(1px) contrast(0.9);
    width:fit-content;
}
.banner-image .banner-link { text-transform:uppercase; }

/***
   TEN BOX CONTAINER
/
.ten-box-shell{ width:100%; margin:0;padding:1em; }
.ten-box-container { margin:0; display:flex; flex-direction: row; flex-wrap:wrap; justify-content:space-evenly; color:transparent; }
.ten-box-item { 
   background:transparent; 
   padding:3px; 
   flex: 50%;
   max-width:50%;

}

.ten-box-item:hover .ten-box-image-overlay {
     background-color: rgba(0,96,114,0.6);  
}
.ten-box-item:hover h2, .ten-box-item:hover p {
     background: none;  
}

.ten-box-item:only-child {max-width:50%;}


.ten-box-item-inner { position:relative; }
.ten-box-image-background { position:relative; line-height:0;}
.ten-box-image, .ten-box-item img { width:100%; height:auto; filter: brightness(0.8); }
.ten-box-image-overlay { 
   position:absolute; 
   top :0;
   bottom:0;
   right:0; 
   left:0;
   background-color:rgba(0,0,0,0.1);
  transition: background-color 1s ease, text-shadow 1s ease, border-radius 1s ease, margin-bottom 0.2s linear, padding 1s ease;
}

.ten-box-text  { 
      position:absolute; 
      bottom:auto;
      right:0; 
      left:0;
      margin:0 auto; 
      color:#fff;
      padding:0;
      width:100%;    
 }
.ten-box-text h2 { 
    font-size: 1.6em; 
    font-weight:600;
    line-height:1.5em; 
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7), -1px -1px 1px rgba(0,0,0,0.7);
    padding: 5px 15px;
}

.ten-box-text table {
     font-weight:800;
     text-shadow:1px 1px 1px #000, -1px -1px 1px rgba(0,0,0,0.7);
}
.ten-box-text td { padding:5px; }
.ten-box-text p {
     font-weight:800;
     text-shadow:1px 1px 1px #000, -1px -1px 1px rgba(0,0,0,0.7);
}
.ten-box-button-container { 
     position:absolute; 
     bottom:0; 
     right:0; 
     left:0; 
     margin:0 auto;

 }
.ten-box-link .button-red { 
    color:#fff; 
    background-color:#b60000; 
    width:fit-content;
 }

.ten-box-button-container.button-red-dot  { 
    color:#fff; 
    background-color:#b60000; 
    width: fit-content;
    border-radius: 100%;
    padding:1em;  
    bottom:1em; 
    text-align:center;
 }
 .ten-box-item:hover .ten-box-button-container.button-red-dot  { 
   color:#fff; 
   background-color:#b60000;
}

 .ten-box-button-container.button-red-bar { 
     background-color:#b60000; 
     text-align:center; 
     width:100%;
     display:block;
     color: #fff;
     font-weight:400;
     font-size:1.4rem;   
     text-transform:uppercase;
     padding:10px 0;
     letter-spacing: 2px;
     margin:0 auto;
}
 .ten-box-item:hover .ten-box-button-container.button-red-bar { 
     background-color:#fff; 
     color: #b60000; 
     outline: 1px solid #b60000;
     outline-offset: -6px;     
 }   
 .ten-box-button-container.button-dark-bar  {
    background: #0c203b;
    text-align:center; 
    width:100%;
    display:block;
    color: #fff;
    font-size:1.1em;
    text-transform:uppercase;
    padding:7px 0; 
    letter-spacing: 2px;
    margin:0;
 }
 .ten-box-item:hover .ten-box-button-container.button-dark-bar { 
     background-color:#fff; 
     color: #0c203b; 
     outline: 1px solid #0C203A;
     outline-offset: -6px;   
 }
 .ten-box-button-container.button-green-bar  {
    background: #c1cb80;
    text-align:center; 
    width:100%;
    display:block;
    color: #000;
    letter-spacing:2px;
    font-size:1.4rem;
    text-transform:uppercase;
    padding:10px 0;
    letter-spacing: 2px
 }
 .ten-box-item:hover .ten-box-button-container.button-green-bar  {
   background: #fff;
   color: #b60000;
   outline: 1px solid #b60000;
   outline-offset: -6px;   
 }
.ten-box-button-container.button-red  { 
    border:1px solid rgba(203,0,3,0.5);  
    color: white;
    font-size:1.4rem;
    font-weight:normal;
    background-color:#b60000;
    border-radius:30px;
    padding:5px 1em;
    margin: 1em auto;
    text-align:center; 
    box-shadow: 1px 1px 1px #444;
    display:inline-block;
    text-shadow: none !important;
    text-decoration-color: #b60000;
    width: fit-content;
 }
.ten-box-item:hover .ten-box-button-container.button-red  { 
    background-color:#fff;
    color:#b60000;
}



.ten-box-button-container.button-transparent {
    border:1px solid #fff;
    color: white;
    font-size:1.5em;
    font-weight:normal;
    background-color:#b60000;
    padding:5px 2em;
    text-align:center; 
    display:inline-block;
    width: 100%;
    margin:0;
    letter-spacing: 2px;
    backdrop-filter: blur(5px) contrast(0.5);

}
.ten-box-item:hover .ten-box-button-container.button-transparent {
    background-color:#fff; 
    color:#b60000;
    outline: 1px solid #b60000;
    outline-offset: -6px;   
}


@media (max-width:767px) {
 .ten-box-image-overlay table {  
    line-height: 1.5em;
    text-shadow: 2px 2px 10px #000;
    width:100%;
    padding:0 15px 15px 15px;
    font-size:0.8em;
    font-weight:600;

  }
  .ten-box-image-overlay table td { }
  .ten-box-image-overlay.hover-state table {
     background-color: transparent;
     backdrop-filter: none; 
  }
}
@media (max-width:500px) {
     .ten-box-image-overlay  table { padding:5px; font-size:0.7em; }
}



/**
     NOTICE BOX
***/

.notice-box { 
   /* width: calc(75% - 20px);  */
    color:#b60000;
    position:relative; 
    border:3px solid #b60000;  
    margin:1em 0;  
    padding:15px; 
    float:none; 
    box-sizing:border-box; 
    clear: both;
} 
.notice-box h1 {margin:20px 0;}
.notice-box h2 {margin:0;}
.notice-box h3 {margin:0;}
.notice-box p, .notice-box div, .notice-box u, .notice-box li { color: #b60000; }
.notice-box a { word-break:normal; } 
.notice-box table { color: #b60000; }
.notice-box table.notice-table caption {text-align:center !important; color:#b60000 !important; font-weight:600;}
.notice-box table tr { background-color:#fff; }
.notice-box table th { padding:5px;}
.notice-box table td { background-color:#fff; height:1em; padding:5px; }
.notice-box-large { border: 2px solid #b60000; padding: 0 15px;margin-bottom:15px; }
.notice-box-large a { word-break:normal; }  

@media (max-width: 1022px) and (min-width: 768px) {
  
  .notice-box a { word-break:normal; }  
  .notice-box-large { margin-top: 4em;  }  
}

@media (max-width: 767px) {
  .notice-box { width:100%; float:none; margin:0 auto; border:2px solid #b60000;}
  .notice-box a { word-break:normal; }
  .notice-box-large { width:100%; float:none; margin:0 auto; border:2px solid #b60000;}  
}  




/*
   NOTICE for inner pages
*/

.notice-inner-pages { margin:1em; padding: 5px 25px; border:2px solid #b60000; border-radius:10px; }
.notice-inner-pages h2 { padding:15px 0; margin:0; width:fit-content;font-size:1.8em; }
.notice-inner-pages p { padding:10px 0; margin:0;font-size:1.05em; line-height:1.7em; font-weight:500;}
.notice-inner-pages .notice-close { float:right; cursor:pointer; color:#b60000; margin-left:1em; margin-top:10px;}
.notice-inner-pages .notice-text  { padding-right:2em; line-height:1.7em;}

.notice-inner-pages.notice-top-of-page {
    margin: 0 0 1em 0;
}


@media (max-width: 991px) {
   .notice-inner-pages.notice-top-of-page { margin:1em 10px; }
   .notice-inner-pages { margin:1em; padding: 15px; border:2px solid #b60000; border-radius:10px; }
   .notice-inner-pages h2 { padding:0; margin:0; width:fit-content;font-size:1.5em; font-weight:600;}
   .notice-inner-pages p { padding:0; margin:0;font-size:1em; line-height:1.7em; font-weight:500;}
   .notice-inner-pages .notice-close { float:right; cursor:pointer; color:#b60000; margin-left:1em;}
   .notice-inner-pages .notice-text  { padding-right:0}  
   .notice-inner-pages a { word-break: break-word; }
}




/*
    51勛圖厙 STATS
*/
.bhcc-stats {
   position:relative;
   padding:4em 2em;
   background-size:cover;
}  
#bhcc-stats-intro { font-size:1.6em; letter-spacing:3px; text-align:center;}
.stats-image-container { position:relative; width:100%; }
.stats-image-container img {width:100%; height:auto; }
.stats-image-overlay {   }
.bhcc-stats-header { font-size:3rem; text-align:center;margin:2em auto; }
.bhcc-stats-container { display:flex; flex-wrap:wrap; flex-direction:row; }
.bhcc-stats-item { text-align:center; width:25%; }
.bhcc-stats-circle { 
    background-color:#b60000; 
    color:white; 
    border-radius:50%;
    font-size:3rem; 
    box-shadow:5px 5px 15px #eee;
    height: 4em;
    width: 4em;
    margin: auto;   
    padding: 1.5em 0;
    transition:all 0.5s linear;  
}
.bhcc-stats-number { 
    font-weight: bold;
    margin:auto;
    transition:all 0.5s linear;
       
}
.bhcc-stats-text { 
  font-size:1.6rem; 
  font-weight:600; 
  margin:0.5em 1.5em; 
  height:6em;
  padding:10px;

}
.bhcc-stats-text span {
   color:#b60000;
}



/*
   WHITE BUTTONS 2022
*/

a.white-button, .white-button-container a, p.white-button a, .white-button-arrow-right a
{
  
    border:1px solid rgba(255,255,255,0.5);  
    color: #b60000;
    font-size:1.4rem;
    font-weight:normal;
    background-color:#fff;
    border-radius:30px;
    padding:5px 2em;
    text-align:center; 
    box-shadow: 1px 1px 1px #444;
    display:inline-block;
    text-transform: none;
    text-shadow: none !important;
    text-decoration: none;
    width: fit-content;
    line-height:1.5em;
}


a.white-button:hover, div a.white-button-arrow-right:hover, .white-button-arrow-right a:hover, p.white-button a:hover,
a.white-button:focus, div a.white-button-arrow-right:focus, .white-button a:focus, p.white-button a:focus

{
    color: #fff !important;
    text-decoration: none;
    box-shadow: 1px 1px 1px #888; 
    background-color: #0c203b;
    border:1px solid #fff;
    text-shadow: none;
}


/
      Bland RED BUTTON
****/
 button.btn-red, a.btn-red, div span.btn-red a, div.btn-red {
    min-width: 160px;
    background-color: #b60000;
    text-decoration: none;
    display: block;
    font-weight: bold;
  /*  text-shadow: 1px -1px 1px #000000; */
    color: #fff;
    border-top: 2px solid #ff4447;
    border-bottom: 2px solid #852224;
    border-left: 2px solid #852224;
    border-right: 2px solid #ff4447;
    padding: 10px 30px 10px 10px;
    cursor:pointer;
}


/*
   RED BUTTONS 2022
*/

a.button-red, .button-red-container a, .button-red>a, p.button-red-no-link, .fake-button-red, .btn-red-arrow-right a {
    border:1px solid rgba(203,0,3,0.5);  
    color: white;
    font-size:1.2em;
    font-weight:normal;
    background-color:#b60000;
    border-radius:20px;
    padding:4px 20px;
    text-align:center; 
    box-shadow: 1px 1px 1px #444;
    display:inline-block;
    text-transform: none;
    text-shadow: none !important;
    text-decoration-color: #b60000;
    width: fit-content;
    line-height:1.7em;
    margin: 10px 0;
}

a.button-red:hover, .button-red-container a:hover, div a.btn-red-arrow-right:hover, .btn-red-arrow-right a:hover, p.button-red a:hover, p.button-red-no-link:hover, 
a.button-red:focus, .button-red-container:focus a, div a.btn-red-arrow-right:focus, .btn-red-arrow-right a:focus, p.button-red a:focus, p.button-red-no-link:focus 

{
    color: #b60000 !important;
    text-decoration: none;
    box-shadow: 1px 1px 1px #888; 
    background-color: #fff;
    border:1px solid #b60000;
    text-shadow: none;
}

a.button-red:empty,  .button-red-container a { display: none;}




/
      THE RED BUTTON WITH THE ARROW  - any size
****/
div a.btn-red-arrow-right, .btn-red-arrow-right a,  input.btn-red-arrow-right {

    text-decoration: none;
    display: inline-block;
    font-weight: 600;
    background-image: url('/media/05-admin/styleassets/cssimages/btn_bg_go.png');
    background-position: bottom 7px right 10px;
    background-repeat: no-repeat;
    padding: 5px 3em 5px 2em;  
    line-height:1.5em;
    border:1px solid rgba(203,0,3,0.5);  
}

a.btn-red-arrow-right:empty { display: none;}


a.btn-red-arrow-right:hover, .btn-red-arrow-right a:hover,  input.btn-red-arrow-right:hover {
    color: #b60000 !important;
    text-decoration: none;
    box-shadow: 1px 1px 1px #888; 
    background-color: #fff;
    border:1px solid #b60000;
    text-shadow: none;
}


/
    LEGECY  RED BUTTON WITH THE ARROW  - Light
****/
  a.btn-red-light, div span.btn-red-light a, p.btn-red-light a,  td.btn-red-light a, input.btn-red-light {
    background-color: #b60000;
    text-decoration: none;
    display: inline-block;
    font-weight: normal;
    color: #fff;
    padding: 5px 10px;
    line-height:22px;
    border-radius:8px;
    border:1px solid #888;
}

a.btn-red-light:empty { display:none; }


a.btn-red-light:hover, span.btn-red-light a:hover,  p.btn-red-light a:hover,
td.btn-red-light a:hover, input.btn-red-light:hover {
    color: #b60000;
    text-decoration: none;
    box-shadow: 1px 1px 1px #888; 
    background-color: #fff;
    border:1px solid #b60000;
}

@media(max-width:767px) {
  a.button-red, .button-red-container a, p.button-red a, p.button-red-no-link, .fake-button-red, .btn-red-arrow-right a { 
        font-size: 1em;
        background-position: bottom 5px right 10px;
        font-weight:600;
  }
}
@media (max-width:500px) {
  div a.btn-red-light, div span.btn-red-light a, p.btn-red-light a,  td.btn-red-light a, input.btn-red-light {
      font-size: 1em;
  }
}



/*
    TRANSPARENT BUTTONS (NOW RED)
*/

a.button-transparent:empty { display: none;}

a.button-transparent, p.button-transparent a {
    color: white;
    font-size:1.2em;
    font-weight:500;
    background-color:#b60000;
    border-radius:20px;
    padding:4px 20px;
    text-align:center; 
    display:inline-block;
    line-height:1.7em;
    text-decoration:none;
    margin-top:2em;
}

a.button-transparent:hover, a.button-transparent:focus,
 p.button-transparent a:hover, p.button-transparent a:focus{
    background-color:#fff; 
    color:#b60000;
    text-shadow:none;
    outline: 1px #b60000 dashed;
    outline-offset: -3px;   
}

/**
    BANNER LINK
***/
a.button-link.button-red, a.button-link.button-transparent {
    font-size: 1.25em;
    border: 1px solid rgba(255,255,255,0.25);
}

@media (max-width:767px) {
  
   a.button-link.button-red, a.button-link.button-transparent {
      font-size: 1.1em;

   }
}


/**
    BUTTON SMALL
***/
.button-small {
    border:1px solid rgba(203,0,3,0.5);  
    color: white;
    font-size:1.2rem;
    font-weight:normal;
    background-color:#b60000;
    border-radius:50%;
    padding:5px 10px;
    text-align:center; 
    box-shadow: 1px 1px 1px #444;  
}
.button-small:hover, .button-small:focus {
    background-color:#fff; 
    color:#b60000;  
}

.button-white {  
    color:#000;
    background-color:#fff; 
    font-size: 1.1em;
    font-weight: normal;
    border:0;
    border-radius: 30px;
    padding:0 20px;
    text-align: center;
    display: block;
    margin: 0 auto;
    width:fit-content;
    line-height:1.5em;
}
.button-white a { text-decoration:none; } 
.button-white:hover { color:#fff; background-color:#0c203b; }

/**
    Button Resembling Main Menu Bar  
**/
p.button-resembling-main-menu a, a.button-resembling-main-menu, span.button-resembling-main-menu, td.button-resembling-main-menu a {
    padding: 8px; 
    max-width: 260px; 
    background-color: #b60000; 
    border-width: 1px;
    border-style:solid;
    border-color: #FF4447 #FF4447 #852224 #852224;
    display: block; 
    color: #fff; 
    text-decoration: none;
    text-align: center; 
    margin: 15px auto;
    line-height: 120%; 
}

.button-resembling-main-menu a:hover, a.button-resembling-main-menu:hover  {
    box-shadow: 1px 1px 1px #000; 
    color: #fff; 
    text-decoration: none;  
    background-color: #b60000; 
}





/****
    ACCORDIONS
*/ 
.accordion-container { clear:both; padding:0 1em; }
.accordion-tab { margin-bottom:1em; }

a.accordion-tab-header { 
    padding:0; 
    display:flex; 
    align-items:center;   
    color: white;  
    text-decoration:none; 
} 
.blue-accordion .accordion-tab-header  { background-color: #0D6178; }
.blue-accordion .accordion-tab-inner {    
    border: 1px solid #0D6178;
    border-radius: 1em;
    overflow:hidden;
}
.blue-accordion li::marker { color: #0D6178;font-weight:500; }
.red-accordion li::marker { color: #b60000; font-weight:500;}

.red-accordion .accordion-tab-header  { background-color: #b60000; }
.red-accordion .accordion-tab-inner {    
    border: 1px solid #b60000;
    border-radius: 1em;
    overflow:hidden;  
}
.blue-accordion  .accordion-tab-header span, .red-accordion .accordion-tab-header span {
    display:flex; 
    font-size:2em; 
    margin-right:0.5em; 
    margin-left:0.5em;  
    padding: 15px;
    color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='80' width='80'%3E%3Ccircle cx='40' cy='40' r='35' stroke='%230c203b' stroke-width='1' fill='%230c203b' /%3E%3C/svg%3E");    background-repeat: no-repeat;
    background-position: center;
    background-size:85%;

}

.accordion-tab-header .fa-plus:before {
    transform: rotate(90deg);
    transition: all .2s ease-in-out;
}
.accordion-tab-header .fa-minus:before {
    transform: rotate(180deg);
    transition: all .2s ease-in-out;
}

.accordion-tab-title  { 
  letter-spacing:normal; 
  text-transform: none; 
  font-size:1.3em;  
  font-weight:400;
  margin:5px 0;
  line-height:1.5em;
  padding-right:10px;
}
.accordion-tab-title:hover { text-decoration:underline;}

.accordion-tab-content { 
  background-color: white;
  color:#000;  
  overflow: hidden; 
  display:none;
  padding: 1em;
  border-radius:1em;
}

.accordion-tab-content img { max-width:100%; height:auto !important; }
.accordion-tab-content table { margin:1em 0; width: 100%; text-align: left; }

.accordion-opener {
    line-height:1.5em; 
    text-align:right; 
    cursor:pointer; 
    color:#b60000; 
    font-size: 1.2em;
    font-weight:600; 
    padding:0 1em 10px 0;
    clear:both;
}

.large-image + .accordion-opener {
    margin-top: 1em;
}

/**
     GREY ACCORDION
***/
.grey-accordion { margin-bottom: 25px; clear:both}
.grey-accordion .panel { 
      margin-bottom: 1em; 
      border: 1px solid #ddd;
      border-radius: 1em;

}
.grey-accordion .panel-heading {
  cursor: pointer;
  background: #ececec;
  color: #000;
  display: flex;
  align-items: center;
  text-decoration: none;
  border-radius:1em;
  border: 1px solid #ccc;
}
.grey-accordion .panel-heading.open { border-bottom-left-radius: 0; border-bottom-right-radius: 0;  }

.grey-accordion .panel-heading .panel-title {
  padding-top:0;
  padding-bottom:0;
  margin-top:0;
  margin-bottom:0;
  color: #b60000;
  font-weight: normal;
  text-decoration: none;
  font-size: 1.3em;
}
.grey-accordion ul {
   line-height: 1.5em;
   list-style-type: disc;
   margin:0;
}
.grey-accordion ul a { display:inline-block; text-decoration:underline; }
.grey-accordion ul a:hover,.grey-accordion ul a:focus, .grey-accordion ul a:active  { }
.grey-accordion li::marker { color:#aaa; }
.grey-accordion .panel-heading.collapsed a, .grey-accordion .panel-heading.collapsed .panel-title { color: #000;  text-decoration: none;}

.grey-accordion .panel-heading:hover a, .grey-accordion .panel-heading:hover .panel-title  { text-decoration: none;  color: #a00000; }
.grey-accordion .collapse       { text-decoration: none; }
.grey-accordion .collapse .in   { padding: 10px; }
.grey-accordion .panel-collapse { padding:1em;}
.grey-accordion .panel-collapse table { width:100%; }
.grey-accordion .panel-collapse td { border:1px solid #ccc; vertical-align:top;line-height:1.5em; padding:5px; }

.grey-accordion .panel-collapse td a { word-break: normal; }

.grey-accordion .collapse { display:none; }

@media (max-width: 991px) {
   .grey-accordion .panel-collapse .text-table td {  padding:0 0 0 40% !important;   }
   .grey-accordion .panel-collapse .text-table td:before {  top:unset; width:40%;   }
}

.grey-accordion .panel-heading span {
    display:flex; 
    font-size:2em;
    font-weight:300;
    margin-right:0.5em; 
    margin-left:0.5em;  
    padding: 15px;
    color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='80' width='80'%3E%3Ccircle cx='40' cy='40' r='35' stroke='%230c203b' stroke-width='1' fill='%230c203b' /%3E%3C/svg%3E");    background-repeat: no-repeat;
    background-position: center;
    background-size:85%;
}


@media (max-width: 991px) {
  .grey-accordion    .accordion-tab-header span { font-size:1.6em; margin:0 5px; }  
  .grey-accordion .panel-heading .panel-title { font-size: 1.1em; }
  .grey-accordion .panel-collapse td a {word-break:normal;}
  .grey-accordion ul a { display:inline;  word-break: break-word;}
}
@media (max-width: 500px) {
  .grey-accordion .panel-heading .panel-title { height:auto;font-size: 1.05em; padding:5px 0;vertical-align: middle; }
}



/**
     FAQ ACCORDION - plain accordion
***/
.accordion-tab.plain-accordion { margin-bottom:10px;}
.plain-accordion  .accordion-tab-header { 
    padding: 3px 1.1em; 
    display:flex; 
    align-items: start;  
    justify-content:space-between;    
    text-decoration:none;
    background-color: white; 
    border-radius:0;
    border:0;
} 
.plain-accordion .accordion-tab-header.open .accordion-tab-title { font-weight:600; }
.plain-accordion .accordion-tab-header span {
   font-weight:500;
   font-size:1.6em; 
   margin-right:0; 
   margin-left:0;
   margin-top:5px;
   background-color:  transparent;
   background-image:none;
   color:#b60000;
   order:2;
}

.plain-accordion a.accordion-tab-header:hover .accordion-tab-title  {  color:#b60000; text-decoration:underline; }
.plain-accordion a.accordion-tab-header:focus  .accordion-tab-title {  color:#b60000; text-decoration:underline; }
.plain-accordion a.accordion-tab-header:active .accordion-tab-title { color:#b60000; text-decoration:underline; }
.plain-accordion .accordion-tab-title  { 
  color:black; 
  font-size:1.2em;  
  font-weight:400;
  margin:0;
  line-height:1.8em;
  text-transform:unset;
  letter-spacing:unset;
}
.plain-accordion .accordion-tab-content { 
  background-color: white;
  color:#000;  
  overflow: hidden; 
  display:none;
  margin: 0 3%;
  font-size:1.1em;
  border:1px solid #aaa;
} 
.plain-accordion .accordion-tab-content p { margin:0;}

/**
     PUBLIC SAFETY EMERGENCY ACCORDION
***/
#emergency-accordion .emergency-icon {
  position: absolute;
  top:5px;
  left:10px;   
  height: 75px;
  width: 75px;
  border: none;
  clear: both;
  z-index:9;
}
#emergency-accordion .panel {  box-sizing: border-box;}
#emergency-accordion .panel-title a { margin-left: 1em;  font-weight: normal;}
#emergency-accordion .panel-heading { cursor: pointer;  position: relative;  background: #ececec;padding:20px; border-radius:0;}
#emergency-accordion .panel-heading h3 {
  color: #b60000;
  text-decoration: none;
  position: relative;
  display: inline-block;
  margin-left: 4em;
  font-size:1.6em;
}
#emergency-accordion .accordion-tab { margin-bottom:15px;}
#emergency-accordion .panel-heading a:hover, #emergency-accordion .panel-heading a:focus { text-decoration: underline;  color: #b60000; }
#emergency-accordion .collapsed {  color: #333;  text-decoration: none; }
#emergency-accordion .collapsed:hover {  text-decoration: none;}
#emergency-accordion .collapse { text-decoration: none; position: absolute; float: none;}
#emergency-accordion .collapse .in {  padding: 15px;  float: none;}
#emergency-accordion .panel-collapse {  position: relative;  padding: 20px 15px 0 15px;}
#emergency-accordion .panel-collapse:first-child {  padding-top: 15px !important;}
#emergency-accordion .panel-collapse:last-child  {  padding-bottom: 15px !important;}
#emergency-accordion .panel-collapse h5 {  font-weight: normal; }
#emergency-accordion .panel-collapse h5 .collapsing {  margin-left: -10em;}

@media (max-width: 767px) {
    #emergency-accordion .panel-title a { margin-left: 3em; }
    #emergency-accordion .panel-heading h3 { font-size: 1.2em; }
}



/
  Larger text
**/
.larger-text-container {}
.larger-text { 
    font-size: 1.2em;
    color: #000;
    line-height: 1.5em;
}


/
  SLANT BOX
**/
.slant-box {margin:1em 10%;}
.slant-box-inner { 
    display:grid; 
    grid-template-columns: 45% 55%;
}

.slant-image-container { width:100%; overflow: hidden; height:100%; z-index:1; position:relative;  }
.slant-image { height:auto; width: 100%; margin-bottom:-10px; }
.slant-text-container { 
      width:100%; 
     background-color: #ADD8E6;
     padding:1em;
     position: relative;
     z-index:9;
}

.slanted-wedge { 
    position:absolute;
    top:0;
     left:0;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 100vw 0 0 100px;
     border-color: transparent transparent transparent #ADD8E6;
}

@media(max-width:991px) {

     .slant-box {
         margin:1em 15px;
         width:100%;
      }
     .slant-box-inner  { 
         display:block;
         position:relative;
      }
    .slant-text-container {
         position: absolute;
         top:0;
         left: 0;
         right: 0;
        background-color: transparent;
        color:#fff;
        text-shadow:1px 1px 1px #000;
        backdrop-filter:  contrast(0.5) blur(5px);
        padding: 15px;
        
    }
    .slanted-wedge { display:none; }      

}

/****
       TEETH
****/
.teeth-header {
    font-size: 2.4rem;
    padding:0 1em;
    margin: 1em auto;
    line-height: 1.5em;
    text-align: center;
    text-transform: unset;
    font-weight: 600;  
}
.teeth { 
        display:flex;
       flex-direction:row;
       width:100%;
       padding:1em;
       justify-content:space-between;
}
.tooth { 
      width:22%; 
      background-color: #006072; 
     color: #fff; 
     padding:0;
     text-align:center;
     border-radius:1em;
}
.tooth-icon {
    background-color: #0c203b;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    margin: 15px auto;
    font-size: 2em;
    padding: 20px 15px 0;
    text-align:center;
    transition: 2s all;
}
.tooth:hover .tooth-icon {
    color:#b60000;
    background-color:#fff;
    outline: 1px #b60000 dashed;
    outline-offset: -3px;  
}

a.tooth-link { 
     color: #fff;
     display:flex;
     flex-direction: column;
     padding:1em;
     height:100%;
     text-decoration: none;
 }

.tooth-text { 
     color: #fff; 
     text-transform:uppercase;
     text-align:center;
     font-weight:600;
     flex-grow:1;
    line-height: 1.5em;
 }

.tooth-arrow { 
     border-radius:50%; 
     background-color:#b60000; 
     color:#fff;
      text-align:center; 
     padding:0 10px;
     margin:1em auto;
     display:inline-block;

 }

/
  Colored background text box
**/

.colored-background-text-box {
     width:100%;
     margin:1em 0;
     padding: 1em 8%;
     font-weight:400;
     font-size:1.1em; 
     clear:both;
 }

.colored-background-text-box h2, .colored-background-text-box h3, .colored-background-text-box a {
    color:inherit;
}
.colored-background-text-box p   {  margin:0; }
.colored-background-text-box p+p { margin: 10px 0; }

@media(max-width:991px) {
  .colored-background-text-box {  
     margin:0; 
  }
}
@media(max-width:500px) {
  .colored-background-text-box {  
     margin:0; 
     font-size:1em;
     font-weight:normal;
  }
  .colored-background-text-box img { margin: 15px auto !important; }
}


/****
    GENERAL FLEX CONTAINER
*/
.flex-container-shell { padding:10px 5px; clear:both; }

.flex-container { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-around;}

/****
    LEGACY CONTENT
*/
.content-block img {max-width:100%; height:auto !important; }

/****
    PDFJUMPTO - a legacy class
*/

.pdfjumpto a, a.pdfjumpto { 
   font-weight: 600; 
   display:inline-block; 
   position:relative;   
   vertical-align:top; 
   color:#af0000; 

}

.pdfjumpto a::after, a.pdfjumpto::after { 
    content: url(/media/05-admin/responsivesiteassets/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 16 16' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(71.372549%25,0%25,0%25);fill-opacity:1;' d='M 7.761719 4.449219 C 7.542969 4.246094 7.222656 4.191406 6.949219 4.3125 C 6.675781 4.433594 6.5 4.703125 6.5 5 L 6.5 11 C 6.5 11.296875 6.675781 11.566406 6.949219 11.6875 C 7.222656 11.808594 7.539062 11.753906 7.757812 11.550781 L 11.007812 8.550781 C 11.160156 8.410156 11.25 8.207031 11.25 8 C 11.25 7.792969 11.160156 7.589844 11.007812 7.449219 Z M 8 0 C 3.582031 0 0 3.582031 0 8 C 0 12.417969 3.582031 16 8 16 C 12.417969 16 16 12.417969 16 8 C 16 3.582031 12.417969 0 8 0 Z M 8 14.5 C 4.417969 14.5 1.5 11.582031 1.5 8 C 1.5 4.417969 4.417969 1.5 8 1.5 C 11.582031 1.5 14.5 4.417969 14.5 8 C 14.5 11.582031 11.582031 14.5 8 14.5 Z M 8 14.5 '/%3E%3C/g%3E%3C/svg%3E");
    position:relative; 
    top: 5px;
    left: 5px;

}

.pdfjumpto span.fa:hover { color: #0050c9;}


/*
      CONTACT - RED
/
#contact {   
  background-color:#b60000;  
  color: #fff; 
  padding:2em; 
  text-align: center;
  font-size:18px;                  
  margin-top:1em; 
  word-break: normal; 
  line-height:1.6;
  clear:both;

}
#contact h2.contact-info-header { 
    color:#fff;
    line-height:1.5em; 
    text-align:center;   
    margin:10px auto;
    font-size:2rem;
    font-weight:400;
}
.contact-info-text { font-size: 1.1em; line-height:1.5em; margin:1em 10%;}
.contact-info-text p { margin:10px;  line-height:1.6em; }
.contact-info-text a { color:#fff; line-height:2em;  }
.contact-info-text a:hover { color:gold; text-decoration:underline;}
.contact-info-text .button-white a { display:inline-block; color:#b60000; background-color:#fff;}
.contact-info-text .button-white:hover  { color:#004EC2; background-color:#fff;}
.contact-info-text .button-white a:hover { color:#004EC2; background-color:#fff;}
.contact-info p.button-2021b, .contact-info p.button-transparent {
    padding: 0;
    line-height: 2em;
}

@media(max-width:991px) {
  #contact { padding:1em;}
  #contact .contact-info-text img { max-width:100% !important; height:auto !important; }
  
}
@media(max-width:500px) {
  #contact { font-size:16px;}  
  .contact-info-text { margin:0;}
  
}


#to-top {  
         width:50px;
         height: 50px;
         position: fixed;
         right: 13px !important;
         bottom: 25px;
         background-color: rgba(203, 0, 0, 0.9);
         color: #000; 
         font-size:39px;
         line-height: 45px;
         text-align: center;
         border-radius: 50%;
         z-index :999; 
         opacity: 1;
         cursor: pointer;        
         border:1px solid #bbb;
         font-weight:500;
}

#to-top span { color:#fff;font-weight:500;font-size:33.33px;}
#to-top:hover {  filter:brightness(1.3); outline:2px dashed #fff;  outline-offset:-5px; }

/**** Finqncial Aid chatbot CHARLIE  */
.ChatbotLauncher-launcher.oclt-xbofgl {
    bottom: 200px !important;
    right:10px !important;
}

/  Admissisons chat    */
button.ChatButton.dark {
    bottom: 90px !important;
    right: 10px;
}


.UnreadMessages {
    bottom: 170px !important;
}


/  Student Central chat    */

.GeckoChatWidget .ChatButton-custom {
    bottom: 40% !important;
    right: 5px !important;
    border: 1px solid #fff;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.1);
}
.GeckoChatWidget .ChatButton-custom:hover,.GeckoChatWidget .ChatButton-custom:focus {
    border: 1px solid #888;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.4);
}

/***/
/*                 MAX-WIDTH 1400PX - TABLETS                       */
/***/
@media (max-width:1400px) {
  .ten-box-item { padding:5px; }
  .ten-box-text h2 {
      padding: 0 5px;
      margin-bottom:0;
  }

}

@media (min-width:1200px) and (max-width:1400px) {
  .ten-box-text table { font-size:0.8em; }
  .ten-box-text td {
     padding: 0; 
    line-height: 1.5em;
  }

}
/***/
/*                                                                  */
/*                 MAX-WIDTH 1200PX - TABLETS                       */
/*                                                                  */
/***/
@media (max-width:1200px) {

  /***
     TEN 12 BOX CONTAINER
  /
  .ten-box-shell{ width:100%; margin:1em 0;padding:15px; }
  .ten-box-container { width:100%; margin:0; display:flex; flex-direction: row; flex-wrap:wrap; justify-content:space-evenly; }
  .ten-box-item { 
      width:100%; 
      min-width:320px; 
      background:transparent; 
      padding:10px; 
     flex: 0 0 100%;
     max-width: unset;
  }
  .ten-box-item-inner { position:relative; }
  .ten-box-image-background { position:relative; }
  .ten-box-image { width:100%; height:auto; }
  .ten-box-image-overlay { position:absolute; top :0; bottom:0; right:0; left:0; }
  .ten-box-text  { 
        position:absolute; 
        right:0; 
        left:0;
        margin:0 auto; 
        color:#fff;
        backdrop-filter:blur(1px) contrast(0.8);
       text-shadow:1px 1px 1px #000;
        padding:0;

   }
   .ten-box-text h2 { font-size: 2rem; }
  .ten-box-button-container { 
       position:absolute; 
       bottom:0; 
       right:0; 
       left:0; 
       margin:0 auto;

   }
 
  
   #main-menu-list { 
       padding-top:1em;
   }
  .main-menu-item { 
      font-size: 1rem;
   } 
  .main-menu-header  { font-size:1rem; padding: 5px; } 
  

 
  /*
     LARGE Image with overlying text
  */
  .large-image-overlying-text { position:relative; overflow:hidden; }
  .large-image { width:100%; height:auto;  }
  .large-image  .overlying-text h1 { font-size: 1.5em; }
  .large-image  .overlying-text p {margin:5px auto; font-size:1.1em; width:unset;}  
  .large-image  .overlying-text .banner-link {margin:20px auto; width:fit-content;} 
   
   /*
     BANNER Image with overlying text
  */
  .banner-image-overlying-text { position:relative; overflow:hidden; }
  .banner-image { width:100%; height:auto;  }
  .banner-image  .overlying-text { color:white; text-align:center; font-size:1.5rem;}
  .banner-image  .overlying-text h2 { font-size: 2.5rem; }
  .banner-image  .overlying-text p {margin:5px auto; font-size:1.5rem;}  
 
  /*
      STATS
  */ 
    .bhcc-stats-item { text-align:center; width:33%; } 


/. "TEETH". /  
  
   .teeth { 
       display:flex;
       flex-direction:row;
       flex-wrap:wrap;
       width:100%;
       padding:1em;
       justify-content:space-between;
   } 
  .tooth { 
      width:48%; 
      background-color: #006072; 
      color: #fff; 
      padding:0;
      text-align:center; 
      border-radius:1em;
      margin:1em auto;
  } 
 
}

/***/
/*                                                                  */
/*                 MAX-WIDTH 991PX - begin PHONE MODE               */
/*                                                                  */
/***/
@media (max-width:991px) {
  
   #desktop-quick-links { flex-wrap:wrap; padding:1em; height:auto; }
   #desktop-quick-links li { padding: 0 5px; }
   #desktop-quick-links li a { line-height: 1.5em; }  
  
  a  { word-break: normal;}
  h3  { font-size:1.2em; }
  .content-item h3 { margin:10px 0 0 0; }
  .content-item h2 { margin:10px 0 0 0; }  
  /*
      PAGE LAYOUTS
  */
  .bhcc-1-column { padding-top: 50px; }
  .bhcc-1-column .bhcc-main-content { order:1; width:100%; padding:0; }  
  .bhcc-2-column { display:flex; flex-direction:column; padding:0; padding-top:50px; }
  .bhcc-2-column .bhcc-left-column  { order:2; width:100%; padding:0;margin-left:0; }
  .left-left { padding:5px; }
  .bhcc-2-column .bhcc-main-content { order:1; width:100%; padding:0; }
  .three-main-content { padding:10px 15px; }    
  .content-block { padding:0 5px;  hyphens:auto; }  
  .three-main-content h2.header-with-anchor  { padding:5px 0; font-size: 1.5em; }   
  .content-item  { padding:0 10px; } 
  .content-item.h1-header {
       padding: 0;
     /*  margin-top: 60px; */
   }
  .dept-pathway-block + .content-item.h1-header { margin-top:0; }
  
 /*
     LARGE Image with overlying text
  */
  .banner-text { line-height:1.2em; font-size:1.15em; text-shadow:2px 2px 5px rgba(0,0,0,0.8); }
  .large-image { width:100%; height:auto; }
  .large-image  .overlying-text {}

  .large-image  .overlying-text h1 { font-size: 2em;margin:5px auto;} 
  .large-image.large-image-formatted .overlying-text h1 { font-size: 2em;margin:5px auto;}   
  .large-image  .overlying-text h2 { font-size: 1.3em; }
  .large-image  .overlying-text p {margin:0; font-size:1em;}  
  .large-image  .overlying-text .banner-link {margin:20px auto; width:fit-content;}     
  
   div.large-image + .content-item.h1-header {
      padding: 0;
      margin-top: 0;
  }
   div.header-with-icon + .content-item.h1-header {
      padding: 0;
      margin-top: 0;
  }  
  
  h2.bhcc-large-header { font-size:1.8rem; margin:0.5em auto;padding:0 1em;} 
 
  
  #quick-links-header {  display:block; color:white; padding:0 0 0 1em;  margin: 0 0 0 7px;   font-size:1.1rem; } 
  #quick-links-header:before {
    content: "\f055";
    font-family: 'FontAwesome';
    margin-right: 0.5em;
    color: #fff;     
  }  
  #quick-links-header.opened:before {
    content: "\f056";    
  }   
  #quick-links { 
     list-style:none;
     display:none; 
     float:none;
     color:white; 
     position:unset;
     padding:0 0 0 2em;
     margin: 0 0 0 5px;    
  }

  #quick-links li { color:white; float:none; text-align:left; padding:5px 0; line-height:1.3em; }  
  #quick-links li a   { color:white; font-weight:normal; font-size: 1rem;}  
  #top-resource-search { top:1em; width:unset; }
  #desktop-quick-links {display:none; }
  #logo {  padding: 0.5em; text-align:center; width:100%; }
  #hamburger-link {
     cursor: pointer;
     display: inline-block;
     text-align: center;
     width: 2em;
     position:absolute;
     top:1em;
     left:1em;
     font-size:2rem;
   }  
  #hamburger-link:hover { color:#b60000; }  
  
   #main-menu { 
      background-color: #0C203A;
      position:fixed;
      top:0;
      left:-100%;
      min-width:300px;
      width:60%;
      height:100%;
      z-index:12;
      overflow:scroll;
   } 
   #close-menu { display: block;  position: absolute;   top:1em; right:1em;  z-index:7; }
   #main-menu-list {
       display:block;
       padding-left:20px;
       padding-top:0;
       margin:0;
       font-size:1.1rem;
   }
   .main-menu-link  {  width: max-content; }
   .main-menu-links { padding-left:1em; padding-bottom:0; }
   .main-menu-header {  height:unset; text-align:left; }
   .main-menu-header span {display:none;}
   .main-menu-header:before {
      content: "\f055";
      font-family: 'FontAwesome';
      margin-right:0.5em;
      position:unset;
      color:#fff;
   }
  .main-menu-header.opened:before { content: "\f056"; }
  .main-menu-dropdown {
       padding-top:0;
       position:relative;
       flex-direction: column;
       width: max-content;
       max-width:95%;
       background-color: transparent;
   }  
  .main-menu-item {  width:unset; text-align:left;   }
  .menu-feature img {width:90%;}
  
  
  #breadcrumbs-main { position:unset; display:block;  }
  #breadcrumbs-main  .breadcrumb-items {
      display:block; 
      list-style: none;
      padding-left:20px;
      line-height:1.1rem;
      width:80%;
      margin-top:0.5em;
  }
  li.breadcrumb-item { display: inline; }  
  li.breadcrumb-item a { color:white;  font-size: 0.7rem; }    
  #breadcrumbs-section { display:none;}
  
  #section-menu-mobile {display:block;} 
  #section-menu-mobile a {color:white;}  
  #section-menu-mobile .sidebar-menu { background-color:#0C203A; padding-left:20px;}
  #section-menu-mobile .sidebar-menu span {margin-right:10px;}
  #section-menu-mobile .sidebar-menu span.expander-left { display:inline-block;}   
  #section-menu-mobile .sidebar-menu span.expander-right { display:none;}  
  #section-menu-mobile .sidebar-menu span.expander-right:hover { color:unset;}
  .section-menu-title { margin:0 0 0 1em; text-transform:uppercase; border-bottom:1px solid #fff;}
  #section-navigation {display:none;}    


  
  #search-form {
     background-color: #fff;
     width:80%;
     max-width:400px;
     height:unset;
     margin:75px auto;
     border-radius: 0.5em;
     color:#000;
     padding:1em;
     position:relative;
     overflow:hidden;
  }
  #search-form-hello {

     font-weight: 600;
     text-align:center;
  }
  #search-form label {
     display: block;
     font-size:1.4rem; 
     margin-bottom:10px;
     letter-spacing:0;
     width:100%;
     text-align:center;
  }
  #bulldogInput {
     font-size:1.1em; 
     padding:5px;
     border-radius:6px;  
     max-width: calc(100% - 80px); 
  }
  #bulldog-submit {
     padding:5px;
     border:0;
     background: transparent;
     cursor:pointer;
  }

  #search-form-close { 
     position:absolute;
     top:5px;
     right:5px;
     font-size:1.5rem;
     color: black;
     padding:10px;
     cursor:pointer;
  }
  #search-bulldog { margin:1em auto;  position:unset; width:140px; }  


  
  /*  WHAT MAKES 51勛圖厙 SPECIAL */
  .box-container { display:block; }
  .box-image-container { width:100%; overflow:hidden; padding:1em; position:relative; }
  .box-image { width:100%; }

  
  /*  STATS */  
 .bhcc-stats-item { text-align:center; width:50%; } 
 

 
/***
   TEN BOX CONTAINER under 991px
/
.ten-box-shell{ width:100%; margin:0;padding:1em; }
.ten-box-container { width:100%; margin:0; display:flex; flex-direction: row; flex-wrap:wrap; justify-content:space-evenly; }
.ten-box-item { width:100%; min-width:unset; background:transparent; padding:1em; flex:unset; max-width:unset; }
.ten-box-item:only-child { width:100%; min-width:unset; background:transparent; padding:1em; flex:unset; max-width:unset;}
.ten-box-item-inner { position:relative; }
.ten-box-image-background { position:relative; }
.ten-box-image { width:100%; height:auto; }
.ten-box-image-overlay { position:absolute; top:0; bottom:0; right:0; left:0; }
.ten-box-text  { 
      position:absolute; 
      right:0; 
      left:0;
      margin:auto auto; 
      color:#fff;
      backdrop-filter:blur(1px) contrast(0.8);
      text-shadow:1px 1px 1px #000;
      padding:0;
      bottom: auto; 
 }
 .ten-box-text h2 { font-size: 2rem; }
.ten-box-button-container { 
     position:absolute; 
     bottom:0; 
     right:0; 
     left:0; 
     margin:1em auto;
    }
  
  
 
   .accordion-container { padding:0 1em;} 
  
  
} /* END OF MAX-WIDTH 991PX */

/***/
/*         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:0 0 2em 0;}
  
 
  /*
     WORKFORCE BANNER Image with overlying text
  */

  .banner-image { width:100%; height:auto; }
  .banner-image .overlying-text { width: 100%; text-align:center;}
  .banner-image .overlying-text h1 { font-size: 1.8em; line-height:1.2em;}  
  .banner-image .overlying-text h2 { font-size: 1.4em; line-height:1.2em; }
  .banner-image .overlying-text p {margin:5px auto; font-size:1.3rem; line-height:1.2em;} 
 
  /*
    TEN BOX
  */
  .ten-box-item { padding:15px; }
  .ten-box-text h2 { font-size: 2em; }
  .ten-box-item  div.ten-box-button-container, .button-transparent div.ten-box-button-container {     
     margin:0 auto 1em; font-size:1.1rem;
 }  
  
 /*
     Accordions
  */ 
  
    table.main-content-events-table tr {
        margin: 0;
        padding-bottom: 1em;
    }  
  table.main-content-events-table td.main-content-events-title {
      letter-spacing: -0.5px;
      font-weight:600;
  }
  .accordion-tab-header { padding:0; }
  
  .blue-accordion  .accordion-tab-header span, .red-accordion .accordion-tab-header span {
    display:flex; 
    font-size:1.6em; 
    margin-right:5px; 
    margin-left:5px;  
    padding: 15px;
    color: #fff;
    background-size:85%;
  }
  
   .accordion-tab-content {  padding: 0 10px; }
   .accordion-tab-content ul {padding-left:30px;}
   .accordion-tab { margin-bottom:1em; }
   .accordion-tab.plain-accordion { margin-bottom:1em; }
  .plain-accordion .accordion-tab-content { border:0;  margin:0; padding:10px 0;}
  
.plain-accordion .accordion-tab-header {
    padding: 0;
}  
.plain-accordion .accordion-tab-header span {
    margin-top: 0;
}   
  
   .accordion-tab-title,  .plain-accordion .accordion-tab-title  { 
      font-size:1.1em;  
      font-weight:400; 
      letter-spacing:normal; 
      line-height:1.5em;
   }  
  
   /*** FAQ ***/
  .white-accordion .panel { margin-bottom: 20px; margin-right:0; }  
  .white-accordion .panel-title > a { font-weight: bold; padding:0 25px 0 0; margin-right: 0; width:auto; }
  .white-accordion .panel-collapse { padding: 0; margin-left: 0; }
  .white-accordion .panel-body { 
      padding:10px; 
      background-color:#fff; 
      margin-right:10px; 
      border:0; 
      border-top:0;
      line-height: 1.5em;
   }
  .white-accordion .panel-body td, .white-accordion .panel-body th {
       padding:0;   margin-right:5px; font-size:0.9em;
   }  
  .panel-heading .accordion-toggle:after { top:0; right:20px; }
  
.contact-info-header { padding:0; margin:0;}
.contact-info-text { font-size: 1em; line-height:1.5em;}
.contact-info-text p.white-button a { font-size: 1em; line-height:1.5em; padding:5px 7px; font-weight:600; color:#004EC0; }
  
}

/***/
/*         MAX-WIDTH: 600PX           */
/***/
@media (max-width:600px) {
  
  .bhcc-stats-item { text-align:center; width:100%; } 
  .bhcc-stats-text { font-size:2em; line-height:1.5em; margin:5% 0; height:unset; padding:0; } 
  
  .ten-box-text h2 { font-size: 1.6rem; padding:5px 1em;}
  .tooth { 
      width:90%; 
      background-color: #006072; 
     color: #fff; 
     padding:0;
     text-align:center;
      height:unset; 
     border-radius:1em;
  }   
  
  
  
}



/***/
/*         MAX-WIDTH: 500PX           */
/*                                    */
/***/
@media (max-width:500px) { 
  .content-block a { word-break: break-word; }
  
    #top-resource-search { right:0.5em; padding:10px 15px; top:10px; } 
    #top-resource-search img { width:50px; }
    #logo {   padding: 0.5em;  text-align:center;  width:100%; }
    #logo-image { height:70px; }
    #hamburger-link { left:0; }

 
   .ten-box-item { padding:4px 0; }  
   .ten-box-text { }
   .button-transparent  .ten-box-button-container {  display:none; }  
  
  .large-image .overlying-text .banner-link {
    padding: 3px 1em;
  }
   
   .content-block h2 { text-align:left; margin:10px 0; font-size: 1.6em; }
   .content-block ul {
        padding-inline-start: 20px;
    }
   .ten-box-item    .ten-box-text h2 { line-height:1.2em; padding:5px 15px;}
   .button-transparent  .ten-box-button-container {  display:none; }  
  .ten-box-item  div.ten-box-button-container {  margin:0 auto; font-size:1em; padding:3px 1em;}  
  .ten-box-shell.button-red div.ten-box-button-container {  margin:0 auto 1em; font-size:1em; padding:3px 1em;}  
    
}
/**** end of 500px /




/  SMALL SIZED ARROW BOX  /
.arrow-box-small a {   
    font-size: 1.1em;
    padding: 10px;
    display:block;
    width: 80%;
    letter-spacing: 2px;
    border-right: 0; border-left: 1px solid #888; 
    border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
    color: #fff; text-shadow: 1px 1px 1px #000; 
    background-color: #b60000; 
    position: relative;
    text-transform:uppercase;
    font-weight:600;
    font-style:italic;
}
.arrow-box-small a:after {
    left: 100%; top: 50%; border: solid transparent; content: " ";
    height: 0; width: 0; 
    position: absolute; 
    border-width: 24px; border-color: rgba(203, 0, 0, 0);
    border-left-color: #b60000; margin-top: -24px;
}


/**
  Responsive table
**/

.program-table th { background-color: #0c203b; color:#fff; font-weight:600; border:3px solid #fff; padding:1em;}
.program-table td {  color:#000; padding:1em 10px; border:3px solid #fff;}
.program-table td a {  color:#000; padding:10px; font-weight:600;}
.program-table tr:nth-child(even) { background-color: #fff;border:0;}
.program-table tr:nth-child(odd) { background-color: #fff;border:0;}


@media screen and (max-width: 767px) {
  
  .program-table table.responsive,
  .program-table table.responsive thead,
  .program-table table.responsive tbody,
  .program-table table.responsive th,
  .program-table table.responsive td,
  .program-table table.responsive tr {
    display: block;
  }
  .program-table table.responsive thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
    background-color: #ececec;
  }
  .program-table table.responsive tr {
    border: 1px solid #bbb;
    margin-bottom: 10px;
    height: auto;
  }
  .program-table table.responsive td {
    border: none;
    border-bottom: 1px solid #333;
    position: relative;
    padding-left: 1em;
  }
  .program-table table.responsive td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 44%;
    padding-right: 12px;
    text-align: left;
    word-wrap: normal;
    font-weight: bold;
display:none;
  }
  .program-table table.responsive tr:first-child {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .program-table table.responsive td:before {
    content: attr(data-content);
    height: 50px;
  }
  .program-table table.responsive td.small-padding  {    padding-top: 5px; padding-bottom: 5px;   min-height: 31px;  }
  .program-table table.responsive td.medium-padding {    padding-top: 15px; padding-bottom: 15px;   }
  .program-table table.responsive td.large-padding  {    padding-top: 25px; padding-bottom: 25px;   }
 
  .program-table .middle-header {
    width: 100% !important;
    margin-left: -35%;
    border: none !important;
    font-weight: bold;
  }
  .program-table .bottom-header {
    width: 100% !important;
    margin-left: -43.5%;
    margin-right: -10px;
    border-bottom: none;
    font-weight: bold;
    border: none !important;
    overflow: hidden;
  }
 
  
  .program-table table.responsive tr:last-child td:before { display:none; }
  .program-table table.responsive tr:last-child td.tdno1  { display:none; }  
  .program-table table.responsive tr:last-child td.tdno2  { display:none; } 
  .program-table table.responsive tr:last-child td.tdno4  { display:none; }   
  
}




/**
     ASIDES
***/
aside { margin-bottom: 1em; }
aside img { max-width:100%; height:auto !important; }
aside .aside-icon-container {
    padding: 12px;
    text-align: center;
}

.three-right-boxed, .three-left-boxed {
    text-align: left;
    width: 100%;
    margin-bottom: 1em;
    padding: 15px 20px;
    background-color:#fff;
    color: #333;
    border:1px solid #aaa;
}


.three-right-boxed p     { word-wrap: normal; font-size:0.9em; text-align: left;}
.three-right-boxed p a   { word-wrap: break-word; }
.three-right-boxed p.pdfjumpto a   { word-wrap: normal; display:inline-block;}
.three-right-boxed p.event-title { word-wrap: normal; }
.three-right-boxed div   { word-wrap: normal; }
.three-right-boxed .aside-header    { text-align:center; }
.three-right-boxed table { width:100%; }
.three-right-boxed td    { padding:0 3px; vertical-align:top; }
.three-right-boxed img   { border: none; display: block; text-align: center; margin-top:0; margin-bottom:10px; margin-left:auto;  margin-right:auto; }
.three-right-boxed ul    { list-style:disc; padding-left:15px;text-align:left; }
.three-right-boxed ul ul   { list-style:square; padding-left:15px; }
.three-right-boxed li    { padding:0; font-size:1em;}
.three-right-boxed li a   { display:inline-block; padding:3px 0; word-wrap: break-word; vertical-align:top;}

.three-right-boxed li::marker    { color: #0D6178; }

.three-right-shaded, .three-left-shaded {

    text-align: left;
    width: 100%;
    margin-bottom: 1em;
    padding: 1em;
    background:linear-gradient(#f4f4f4,#f0f0f0);
    color:#000;
}
.three-right-shaded p  { word-wrap: normal; font-size:0.9em; text-align: left;}
.three-right-shaded h3, .three-right-shaded h2 { color: #444; margin-bottom: 10px; margin-top: 0;  font-weight:normal;font-size:1.6em; }
.three-right-shaded td    { padding:0 3px; vertical-align:top; }
.three-right-shaded table { width:100%; }
.three-right-shaded ul { list-style:disc; padding-left:20px; }
.three-right-shaded p a, .three-right-shaded li a { display:block;word-wrap: break-word; } 
.three-right-shaded li { text-align:left; font-size:1em; }
.three-right-shaded li a   { display:block;padding:3px 0;word-wrap: break-word;}
.three-right-shaded li::marker { color: #444; }
.aside-no-border { border:0;background:none; width:100%; margin-bottom:2em; margin-top:2em; padding: 0; }

aside.left-aside h3, aside.left-aside h2 { margin-top: 0;  margin-bottom: 10px;  font-weight:normal;font-size:1.4em;}
/*
   WHITE ASIDE
*/
.white-aside {
  background-color:#fff;
  color:#333; 
  padding:12px;
  text-align:center;
  border:6px double #0D6178;
}
.white-aside .aside-icon-container {color:#0D6178; padding:1em; }
.white-aside h2 { color:#b60000;font-size:1.4em; }
.white-aside ul { text-align:left; }
.white-aside .pdfjumpto a, .white-aside a.pdfjumpto { }
.white-aside .pdfjumpto a:after, .white-aside a.pdfjumpto:after { color:#af0000; }
/*
   BLUE ASIDE
*/
.three-right-boxed.blue-aside, .three-left-boxed.blue-aside {
    background-color:#0D6178;
    color: #fff;  
}

.blue-aside {
  background-color:#0D6178;
  color:#fff; 
  padding:12px;
  text-align:center;
}
.blue-aside .aside-header { color:white;text-shadow:1px 1px 1px #0c203b;}
.blue-aside .aside-icon-container {color:#fff; text-shadow: 1px 1px 1px #fff; padding:1em;}
.blue-aside a { color:white; word-wrap: break-word;}
.blue-aside ul { text-align:left; }
.blue-aside .pdfjumpto a, .blue-aside a.pdfjumpto { color:white; display:inline-block; }
.blue-aside .pdfjumpto a:after, .blue-aside a.pdfjumpto:after { 
    content: url(/media/05-admin/responsivesiteassets/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 16 16' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;' d='M 7.761719 4.449219 C 7.542969 4.246094 7.222656 4.191406 6.949219 4.3125 C 6.675781 4.433594 6.5 4.703125 6.5 5 L 6.5 11 C 6.5 11.296875 6.675781 11.566406 6.949219 11.6875 C 7.222656 11.808594 7.539062 11.753906 7.757812 11.550781 L 11.007812 8.550781 C 11.160156 8.410156 11.25 8.207031 11.25 8 C 11.25 7.792969 11.160156 7.589844 11.007812 7.449219 Z M 8 0 C 3.582031 0 0 3.582031 0 8 C 0 12.417969 3.582031 16 8 16 C 12.417969 16 16 12.417969 16 8 C 16 3.582031 12.417969 0 8 0 Z M 8 14.5 C 4.417969 14.5 1.5 11.582031 1.5 8 C 1.5 4.417969 4.417969 1.5 8 1.5 C 11.582031 1.5 14.5 4.417969 14.5 8 C 14.5 11.582031 11.582031 14.5 8 14.5 Z M 8 14.5 '/%3E%3C/g%3E%3C/svg%3E");
    position:relative; 
    top: 5px;
    left: 8px;
}
.blue-aside li { text-align:left; font-size:1em; }
.blue-aside li a   { display:block;padding:3px 0;word-wrap: break-word;}


/*
   DARK-BLUE ASIDE
*/
.three-right-boxed.dark-blue-aside, .three-left-boxed.dark-blue-aside {
    background-color:#0c203b;
    color: #fff;  
}

.dark-blue-aside {
  background-color:#0c203b;
  color:#fff; 
  padding:12px;
  text-align:center;
}
.dark-blue-aside .aside-header { color:white;text-shadow:1px 1px 1px #000;}
.dark-blue-aside .aside-icon-container {color:#fff; text-shadow: 1px 1px 1px #fff; padding:1em;}
.dark-blue-aside a { color:white; word-wrap: break-word;}
.dark-blue-aside ul { text-align:left; }
.dark-blue-aside .pdfjumpto a, .dark-blue-aside a.pdfjumpto { color:white; display:inline-block; }
.dark-blue-aside .pdfjumpto a:after, .dark-blue-aside a.pdfjumpto:after { 
    content: url(/media/05-admin/responsivesiteassets/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 16 16' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;' d='M 7.761719 4.449219 C 7.542969 4.246094 7.222656 4.191406 6.949219 4.3125 C 6.675781 4.433594 6.5 4.703125 6.5 5 L 6.5 11 C 6.5 11.296875 6.675781 11.566406 6.949219 11.6875 C 7.222656 11.808594 7.539062 11.753906 7.757812 11.550781 L 11.007812 8.550781 C 11.160156 8.410156 11.25 8.207031 11.25 8 C 11.25 7.792969 11.160156 7.589844 11.007812 7.449219 Z M 8 0 C 3.582031 0 0 3.582031 0 8 C 0 12.417969 3.582031 16 8 16 C 12.417969 16 16 12.417969 16 8 C 16 3.582031 12.417969 0 8 0 Z M 8 14.5 C 4.417969 14.5 1.5 11.582031 1.5 8 C 1.5 4.417969 4.417969 1.5 8 1.5 C 11.582031 1.5 14.5 4.417969 14.5 8 C 14.5 11.582031 11.582031 14.5 8 14.5 Z M 8 14.5 '/%3E%3C/g%3E%3C/svg%3E");
    position:relative; 
    top: 5px;
    left: 8px;
}
.dark-blue-aside li { text-align:left; font-size:1em; }
.dark-blue-aside li a   { display:block;padding:3px 0;word-wrap: break-word;}

/*
   VIOLET ASIDE
*/
.three-right-boxed.violet-aside, .three-left-boxed.violet-aside {
    background-color:#410099;
    color: #fff;  
}

.violet-aside {
  background-color:#410099;
  color:#fff; 
  padding:12px;
  text-align:center;
}
.violet-aside .aside-header { color:white;text-shadow:1px 1px 1px #000;}
.violet-aside .aside-icon-container {color:#fff; text-shadow: 1px 1px 1px #fff; padding:1em;}
.violet-aside a { color:white; word-wrap: break-word;}
.violet-aside ul { text-align:left; }
.violet-aside .pdfjumpto a, .violet-aside a.pdfjumpto { color:white; display:inline-block; }
.violet-aside .pdfjumpto a:after, .violet-aside a.pdfjumpto:after { 
    content: url(/media/05-admin/responsivesiteassets/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 16 16' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;' d='M 7.761719 4.449219 C 7.542969 4.246094 7.222656 4.191406 6.949219 4.3125 C 6.675781 4.433594 6.5 4.703125 6.5 5 L 6.5 11 C 6.5 11.296875 6.675781 11.566406 6.949219 11.6875 C 7.222656 11.808594 7.539062 11.753906 7.757812 11.550781 L 11.007812 8.550781 C 11.160156 8.410156 11.25 8.207031 11.25 8 C 11.25 7.792969 11.160156 7.589844 11.007812 7.449219 Z M 8 0 C 3.582031 0 0 3.582031 0 8 C 0 12.417969 3.582031 16 8 16 C 12.417969 16 16 12.417969 16 8 C 16 3.582031 12.417969 0 8 0 Z M 8 14.5 C 4.417969 14.5 1.5 11.582031 1.5 8 C 1.5 4.417969 4.417969 1.5 8 1.5 C 11.582031 1.5 14.5 4.417969 14.5 8 C 14.5 11.582031 11.582031 14.5 8 14.5 Z M 8 14.5 '/%3E%3C/g%3E%3C/svg%3E");
    position:relative; 
    top: 5px;
    left: 8px;
}
.violet-aside li { text-align:left; font-size:1em; }
.violet-aside li a   { display:block;padding:3px 0;word-wrap: break-word;}







/*
   RED ASIDE
*/

.three-right-boxed.red-aside, .three-left-boxed.red-aside {
    background-color:#0D6178;
    color: #fff;  
}

.red-aside {
  background-color:#0D6178;
  color:#fff; 
  padding:1em;
  text-align:center;
}
.red-aside .aside-icon-container {color:#fff; text-shadow: 1px 1px 1px #fff; padding:1em;}
.red-aside .aside-header { color:white; text-shadow:1px 1px 1px #0c203b;}
.red-aside a { color:white;word-wrap: break-word; }
.red-aside ul { text-align:left; }
.red-aside li a   { display:block;padding:3px 0;word-wrap: break-word;}
.red-aside .pdfjumpto a, .red-aside a.pdfjumpto { color:white; }
.red-aside .pdfjumpto a:after, .blue-aside a.pdfjumpto:after { 
    content: url(/media/05-admin/responsivesiteassets/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 16 16' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;' d='M 7.761719 4.449219 C 7.542969 4.246094 7.222656 4.191406 6.949219 4.3125 C 6.675781 4.433594 6.5 4.703125 6.5 5 L 6.5 11 C 6.5 11.296875 6.675781 11.566406 6.949219 11.6875 C 7.222656 11.808594 7.539062 11.753906 7.757812 11.550781 L 11.007812 8.550781 C 11.160156 8.410156 11.25 8.207031 11.25 8 C 11.25 7.792969 11.160156 7.589844 11.007812 7.449219 Z M 8 0 C 3.582031 0 0 3.582031 0 8 C 0 12.417969 3.582031 16 8 16 C 12.417969 16 16 12.417969 16 8 C 16 3.582031 12.417969 0 8 0 Z M 8 14.5 C 4.417969 14.5 1.5 11.582031 1.5 8 C 1.5 4.417969 4.417969 1.5 8 1.5 C 11.582031 1.5 14.5 4.417969 14.5 8 C 14.5 11.582031 11.582031 14.5 8 14.5 Z M 8 14.5 '/%3E%3C/g%3E%3C/svg%3E");
    position:relative; 
    top: 5px;
    left: 8px; 
}


@media  (max-width: 767px) {
  .three-right-boxed p     { font-size: 1.1em; }
  .three-right-boxed ul li { font-size: 1.1em; line-height: 1.6em; }
  .three-right-boxed h3, .three-right-boxed h2   { line-height: 1.6em; }   
} 
  
.aside-header { 
  color: #b60000; 
  margin:0 0 15px 0; 
  padding:0; 
  font-weight:normal; 
  line-height: 1.3em; 
  font-size:1.4em; 
  text-align:center;
} 

.three-right-shaded hr, .three-left-shaded hr {
    margin: 10px auto;
    border: 0.5px solid #cdd5da;
}

/**
RESPONSIVe TABLES

**/
/*
                     Responsive table types styles  
****/
table.responsive tr td,
table.numbers-table tr td,
table.text-table tr td,
table.evenly-split-table tr td,
table.large-responsive tr td {
  	border: 1px solid #c8c8c8;
    height:auto;
    padding:3px;
}
table.responsive tr td a,
table.numbers-table tr td a,
table.text-table tr td a,
table.evenly-split-table tr td a,
table.large-responsive tr td a{
   word-break:normal;
}

table.responsive tr:hover, table.numbers-table tr:hover,
table.text-table tr:hover, table.evenly-split-table tr:hover, table.large-responsive tr:hover {
    background-color: #fff;
    outline: 1px solid #ddd;
}

table.responsive thead tr:first-child td,
table.numbers-table thead tr:first-child td,
table.text-table thead tr:first-child td,
table.evenly-split-table thead tr:first-child td,
table.large-responsive thead tr:first-child td,
table.responsive tr:first-child th,
table.numbers-table tr:first-child th,
table.text-table tr:first-child th,
table.evenly-split-table tr:first-child th,
table.large-responsive thead tr:first-child th {
  	border: 1px solid #ddd;
    background-color: #ececec;
    font-weight:600;
    text-shadow:none;
    padding:10px 1px 10px 5px;
    line-height:1.5em;
}

/*  Program of Studies table adjustments */
.program-table table.responsive tr td {
  	border: 1px solid #888;
    background-color: #fff;
    height:auto;
}

table.large-responsive.language-institute { font-size:0.9em; }

/***
  Main Contents Event Listings
****/
table.main-content-events-table th { font-weight:600; border-bottom:4px solid #eaeaea; padding:5px; text-align:left; }
table.main-content-events-table th.main-content-events-date  {min-width:200px;}
table.main-content-events-table td.main-content-events-title {min-width:180px; }
tr.main-content-events-row    { background-color:#fff !important; }
tr.main-content-events-row td { background-color:transparent; border-left:0;border-right:0;border-top:0; border-bottom:4px solid #eaeaea; padding:5px; }
th.main-events-content-time { min-width:80px; }

tr.main-content-events-row td.main-content-events-link a { width:max-content;}



@media screen and (max-width: 991px) {
  table.main-content-events-table { width: 100%;}

  table.responsive, table.responsive thead, table.responsive tbody,
  table.numbers-table, table.numbers-table thead, table.numbers-table tbody,  
  table.text-table, table.text-table thead, table.text-table tbody,
  table.evenly-split-table, table.evenly-split-table thead, table.evenly-split-table tbody {
      display: block;
  }

  table.responsive caption, table.numbers-table caption,
  table.text-table caption, table.evenly-split-table caption {
      width: 100%;
      text-align: center; 
  }
  
  table.responsive tr, table.numbers-table tr,
  table.text-table tr, table.evenly-split-table tr, table.main-content-events-table tr {
      display: block;
      border: 0;
      margin-bottom: 60px;
      height: auto;      
  }

  table.responsive tr th, table.numbers-table tr th,
  table.text-table tr th, table.evenly-split-table tr th {
      display: block;
      height: auto;
      font-weight: normal;
  }
  table.responsive tr td, table.numbers-table tr td,
  table.text-table tr td, table.evenly-split-table tr td, table.main-content-events-table td {
      display: block;
      height: auto;
      border: none;
      position: relative;
      background-color: #fff;
      word-wrap:normal; 
  } 
  
  table.responsive tr td.tdno0, table.numbers-table tr td.tdno0,
  table.text-table tr td.tdno0, table.evenly-split-table tr td.tdno0, table.main-content-events-table td.tdno0  {
      font-weight:700;
  } 
  
  table.responsive tr td:before, table.numbers-table tr td:before,
  table.text-table tr td:before, table.evenly-split-table tr td:before, table.main-content-events-table td:before {
      content: attr(data-content);
      height: auto;
      position: absolute;
      top: 6px;
      left: 6px;
      text-align: left; 
      padding: 0 0 0 10px;    
  }   
  
 table.responsive tr:first-child,
 table.numbers-table tr:first-child,  
 table.text-table tr:first-child,  
 table.evenly-split-table tr:first-child, table.main-content-events-table tr:first-child  {
      position: absolute;
      top: -9999px;
      left: -9999px;
      font-weight:normal;
      background-color: #fff;    
  }
  
  table.responsive td.small-padding, table.numbers-table td.small-padding,
  table.text-table td.small-padding, table.evenly-split-table td.small-padding, table.main-content-events-table td.small-padding {

      min-height: 16px;
  }
  table.responsive td.medium-padding, table.numbers-table td.medium-padding,
  table.text-table td.medium-padding, table.evenly-split-table td.medium-padding {
      padding-top: 10px;
      padding-bottom: 20px;
      min-height: 30px;    
  }
  
  .medium-padding:before { padding-top: 4px; }
  
  table.responsive td.large-padding, table.numbers-table td.large-padding,
  table.text-table td.large-padding, table.evenly-split-table td.large-padding {
      padding-top: 25px;
      padding-bottom: 25px;
      min-height: 55px;
  } 
  
  
    
  /* 
    STYLE for generic .responsive table

  ***/
  table.responsive tr td        { padding-left: 50%; }
  table.responsive tr td:before { width: 50%; }  
  
  /* 
  TABLE FOR FACULTY DIRECTORIES AND WAIVERS
      Hesders are 25% width in mobile format  Content is TEXT
  ***/
  table.text-table tr td        { padding-left: 25%; text-align:left; }
  table.text-table tr td:before { width: 25%; padding:0 5px; }
  table.text-table tr td:nth-child(odd) {  background-color: #f0f0f0; }    
  
  /*
  TABLE FOR TUITION & FEES (Prices, numbers)
      Headers are 80% width in mobile format
      Headers are big, but content is all prices and small
  ***/
  table.numbers-table tr td          { padding-left: 76%; word-wrap:normal; font-size:0.9em; }
  table.numbers-table tr td:before   { width: 74%; }
  table.numbers-table tr td:nth-child(odd) {  background-color: #f0f0f0; }
  
   /* 
    TABLE with text in headers and data rows
   ***/  
  table.evenly-split-table tr td        { padding-left: 52%; }
  .grey-accordion .panel-collapse table.evenly-split-table tr td { padding-left: 52%; }
  table.evenly-split-table tr td:before { width: 48%; }  
  table.evenly-split-table tr td:nth-child(odd) {  background-color: #f0f0f0; }  

  /* 
    TABLE Admissions Info session, Transfer, Advising and LifeMap events
   ***/  
  table.main-content-events-table tr { border-bottom:1px solid #888; margin:0; padding-bottom:1em; }
  table.main-content-events-table tr td        { padding-left: 0;}
  table.main-content-events-table tr td:before { width: 0; }  
  table.main-content-events-table td.tdno0 {padding-left:0;}  
  table.main-content-events-table td.tdno0:before { content:" "; width:0; }  
  table.main-content-events-table td.main-content-events-title { width:100%;padding-left:0;font-weight:600;letter-spacing:-0.5px;}
  table.main-content-events-table td.main-content-events-register {padding-left:0; text-align:center;}
  table.main-content-events-table td.main-content-events-register:before { content:" "; width:0;}
  
   /*
   programs of study tables  Defined in main.css
   ***/ 
  .program-table table.responsive tr td { border: none; }
  
  .js-accordion tr.main-content-events-row { background-color:white; }
  
  .content-block tr:nth-of-type(even) { background-color:#fff;}
  .content-block tr:nth-of-type(odd) { background-color:#fff;} 
}   /* END 991  */

@media (max-width:500px) { 
  
   table.responsive, table.numbers-table, table.text-table, table.evenly-split-table, table.large-responsive {
       margin: 0 -1em 0 -1em;
       width: unset;
   }  
  
     table.responsive tr, table.numbers-table tr, table.text-table tr, table.evenly-split-table tr, table.large-responsive tr {
        border: 0;
    } 
    table.responsive tr td, table.numbers-table tr td, table.text-table tr td, table.evenly-split-table tr td, table.large-responsive tr td {
        border: 0;
        font-size:0.9em;
    }
    table.responsive tr td:before, table.numbers-table tr td:before, table.text-table tr td:before, table.evenly-split-table tr td:before, table.large-responsive tr td:before {
        padding-left:0;
    }  
  
}




@media screen and (max-width: 1500px) {

  table.large-responsive, table.large-responsive thead, table.large-responsive tbody {
      display: block;
  }

  table.large-responsive caption {
      width: 100%;
      text-align: center; 
  }
  
  table.large-responsive tr {
      display: block;
      border: 0;
      margin-bottom: 10px;
      height: auto;
  }

  table.large-responsive th {
      display: block;
      height: auto;
      font-weight: normal;
  }
  table.large-responsive td {
      display: block;
      height: auto;
      border: none;
      position: relative;
      background-color: #f8f8fb;
      word-wrap:normal; 
  } 
  
  table.large-responsive td.tdno0  {
      font-weight:normal;
  } 
  
  table.large-responsive td:before {
      content: attr(data-content);
      height: auto;
      position: absolute;
      top: 6px;
      left: 6px;
      text-align: left; 
      padding-right: 10px;    
  }   
  
 table.large-responsive tr:first-child  {
      position: absolute;
      top: -9999px;
      left: -9999px;
      font-weight:normal;
      background-color: #ececec;    
  }
  
  table.large-responsive td.small-padding {

      min-height: 16px;
  }
  table.large-responsive td.medium-padding {
      padding-top: 10px;
      padding-bottom: 20px;
      min-height: 30px;    
  }
  
  .medium-padding:before { padding-top: 4px; }
  
  table.large-responsive td.large-padding {
      padding-top: 25px;
      padding-bottom: 25px;
      min-height: 55px;
  } 
  
  table.large-responsive tr td        { padding-left: 30% !important; }
  table.large-responsive tr td:before { width: 30%; }
  table.large-responsive.language-institute tr td        { padding-left: 70%; }
  table.large-responsive.language-institute tr td:before { width: 70%; }  
  table.large-responsive tr td:nth-child(2n) {  background-color: #f0f0f0; } 
  
}

/****
    ELEVATE - WORKFORCE AND COMMUNITY EDUCATION ONLINE COURSE LISTINGS
*/



.ce-courses { width:100%; padding:0;}
.ce-course-container { width: 100%; padding-bottom: 10px; clear: both; margin: 0 0 25px 0; }
.ce-course-container h2.ce-course-header, .ce-course-container h3.ce-course-header { 
    margin-bottom:0; font-size: 1.5em;
}

.ce-course-header .ce-course-title { float:left; background-color:#b60000; color:#fff; padding:10px 1em; width:100%; }
.ce-course-header .ce-course-code  { margin:0; float:left; padding:0 0 0 1em; color:#0c203b; }

.ce-course-desc { 
    clear: both;
    padding: 5px;
    margin-top: 5px;    
    margin-bottom: 5px;
    border: unset;
    float: left;
    width:100%;
}

.ce-course-desc p {
    font-family: "Open Sans" !important;
    font-size: 1em !important;
    line-height:1.5em !important;
}


.ce-course-desc span {
    font-family: "Open Sans" !important;
    font-size: 1em !important;
    line-height:1.5em !important;  
}


.ce-course-fee { }
.ce-course-link { float: right; text-align: center; margin: 15px 0; width: 190px; }
.ce-pcf { padding:5px; font-weight:600; }
.ce-tutorials-table { width:100%;line-height:1.8em;}


table.ce-tutorials-table tr th { 
    vertical-align:bottom; 
    color: white; 
    padding:5px 3px;  
    font-weight:600;
    background-color: #0D6178;
    text-align:center;  
}
table.ce-tutorials-table  td { vertical-align:top; border:0; text-align:left; padding:1px 4px;  }
table.ce-tutorials-table  td a {color: #0050C9; /*#e7d780;*/ }
table.ce-tutorials-table  td:first-child {  background-color:#fff; font-weight:normal;}
table.ce-tutorials-table  td.ce-col-places-left {text-align:center;}

.ce-cat-daterange-date { white-space: pre-wrap; text-align:center; display:inline; float:left; }

#cce-course-select-label { font-weight:600; font-size:16px; }
#cce-course-select { padding:5px; width:500px; font-size:18px; }

.ce-col-dates.cce-all .ce-cat-daterange-date, .ce-col-ed .ce-cat-daterange-date { display:inline; }

.cce-catalog-text { width: 50%; float: left; padding: 15px;  }
.cce-catalog-text h3 { line-height:1.6em; } 

@media (min-width:992px) {
  
  table.ce-tutorials-table tr { background-color:transparent;border:0; }
  table.ce-tutorials-table td  { padding:3px; background-color: #fff !important;  font-weight:normal !important;}
  .ce-col-section { min-width:70px; word-break: normal; }
  .ce-col-sd { min-width:70px; }
  .ce-col-meets {  text-align:center; min-width:70px; }
  .ce-col-times {  text-align:center; min-width:70px; }  
  .ce-col-places-left { min-width:50px; text-align:center; }  
  .ce-col-link   { min-width:100px; text-align:center; } 
  
}


@media (max-width:991px) {
  
  .ce-tutorials-table {line-height:1.6em;}
  .ce-courses { padding:0;}  
   h2.ce-course-header.header-with-anchor { font-size:1.2em; line-height:1.6em;}
   h3.ce-course-header.header-with-anchor { padding:0 1em; font-size: 1.1em; }
  table.ce-tutorials-table tr { 
      border:0;
      padding:0;
      display: block;
      margin-bottom: 10px;
      height: auto;
  }  
  table.ce-tutorials-table thead tr:first-child  {
      position: absolute;
      top: -9999px;
      left: -9999px;
      font-weight:normal;
      background-color: #fff;    
  }
    
 table.ce-tutorials-table tbody tr:first-child  {
      position: unset;
      top: unset;
      left: unset;
      font-weight:normal;
      background-color: #fff;    
  }  

   table.ce-tutorials-table tr th,
   table.ce-tutorials-table tr:first-child th { 
         display:block;
         vertical-align:unset; 
         padding-top:3px;
         padding-bottom:3px; 
         text-align:left;
  }
  
   table.ce-tutorials-table tr td { 
       vertical-align:unset; 
       padding-top:3px;
       padding-bottom:3px;
       text-align:left;
       background-color: #fff !important;
       padding-left: 40%;
       position: relative;
       display:block;
     
   }
  table.ce-tutorials-table td:nth-child(2n) { background-color: #fff; }
  table.ce-tutorials-table tr td:first-child {  font-weight:600;}
  
  table.ce-tutorials-table tr td:before { 
      width:40%;
      content: attr(data-content);
      height: auto;
      position: absolute;
      top: 3px;
      left: 6px;
      text-align: left; 
      padding-right: 10px;    
  } 
  

  .ce-course-title { margin:0 0 10px 0; float:none; display:block; width:100%; text-align:left; font-size:1.2em; }
  .ce-course-code  { margin:0; width:80%; color:#000; font-size:1em; }
  .ce-course-code:before { content: "Course Code";margin-right:10px; } 
  .ce-course-desc  { margin:0; float:none; display:block; width:100%;padding:0 1em; }
  
  table.ce-tutorials-table tr td.ce-col-section { 
      margin:0;
      padding-left:calc(40% + 1em);
      padding-right:1em;
      background-color:#ececec !important;
      border-top:1px solid #bbb;
      border-bottom:1px solid #bbb;
      line-height:2.5em;
  }  
  table.ce-tutorials-table tr td.ce-col-section:before { content:"Section"; width:40%; margin:0; padding:0 1em; }
  table.ce-tutorials-table tr td.ce-col-sd { margin:0 1em; }  
  table.ce-tutorials-table tr td.ce-col-sd:before { content:"Dates";}
  table.ce-tutorials-table tr td.ce-col-dotw { padding-left:5px; margin:0 0 0 1em;font-weight:600; }  
  table.ce-tutorials-table tr td.ce-col-dotw:before { display:none; } 
  table.ce-tutorials-table tr td.ce-col-loc {  margin:0 1em; } 
  table.ce-tutorials-table tr td.ce-col-loc:before { content:"Location"; } 
  table.ce-tutorials-table tr td.ce-col-tutor  {  margin:0 1em; } 
  table.ce-tutorials-table tr td.ce-col-tutor:before { content:"Instructor" }
  table.ce-tutorials-table tr td.ce-col-places-left  {  margin:0 1em; text-align:left; } 
  table.ce-tutorials-table tr td.ce-col-places-left:before { content:"Seats Left" }
  
  .ce-course-fee   {  margin:0 1em; width:50%; text-align:right; color:#000; }
  table.ce-tutorials-table tr td.ce-course-fee:before { content:"Fee"; }  
  .ce-course-link  { clear:both; float:none; margin:20px auto; position:unset; width:100%; }  
  table.ce-tutorials-table tr td.ce-col-link { padding-left:0; text-align:center; }  
  table.ce-tutorials-table tr td.ce-col-link:before { display:none; } 
  
  .ce-cat-daterange-date {display:inline-block; float:none;}
  #cce-course-select-label { font-weight:600; }  
  #cce-course-select { padding:5px; width:100%; max-width:500px;   } 

 .cce-catalog-text { width: 100%; padding: 15px;  }
}

/ EXAVAULT UPLOADER WIDGET   */

#widget-container-wrap { width: 100%; padding:10px; border:3px double #ccc; margin-top:15px;margin-bottom:30px; }
#widget-container-wrap button { padding:5px 20px; }
#ev-widget-form { margin:0;padding:0; font-family:'Open Sans',arial;}

.close-x { color: #b60000; }
.in-target-upload-btns { margin:10px; }
.progress-meter-behind { width: 49%; }
.queued-file { width: auto;}

button#ok-upload { background-color:#b60000; color:#fff; }
button#ok-upload:hover {background-color:#b60000;color:#fff; box-shadow:1px 1px 2px #888; }
#widget-container-wrap .add-files { padding:5px 20px; }
#widget-drop-files {border:2px dashed #888; height:100%;}
#widget-drop-files:hover {border-color:#b60000;}
  #ev-widget-form label {letter-spacing:1px;}
#ev-widget-form input, #ev-widget-form textarea { border: 1px solid #888;letter-spacing:1px; font-weight:normal;color:#000; }
#ev-widget-form input:focus, #ev-widget-form textarea:focus {
     border:1px solid #b60000;
}
  input#success-upload-ok { padding:0 50px; text-transform:uppercase; font-size:16px;}

.upload-queue {height: 100%;}


/**
     WHITE ACCORDION
***/
.accordion-full-opener {
    line-height: 2em;
    text-align: right;
    cursor: pointer;
    color: #b60000;
    font-weight: bold;  
    font-size:1.1em; 
}


.white-accordion { margin:1em; }
.white-accordion .panel{
  border-radius: 0;
  box-shadow: none;
  margin: 0 25px 0 0;
  background-color:#fff;

}

.white-accordion .panel-heading {
  padding: 0;
  border-radius: 0;
  color: #f0f0f0;
  background-color: #fff;

}

.white-accordion .panel-title { font-size: 1.1em; margin:0; padding:0; }
.white-accordion .panel-title > a {
  width:100%;
  display: block;
  padding: 10px 50px 10px 15px;
  text-decoration: none;
  color: #000;
  font-weight: 400;
  white-space: normal;
  line-height:1.6em;
  position: relative;
  border-radius:10px;
}
.white-accordion .panel-title > a.open {
    text-decoration: underline;
}

.white-accordion .panel-title > a:hover, .white-accordion .panel-title > a:focus { background-color:#eee; text-decoration:underline;}

.white-accordion .panel-title > a.collapsed { font-weight:normal; }


.white-accordion .more-less { float: right; color: #b60000; }
.white-accordion .panel-collapse { padding: 0; margin-left: 5px; display:none; }
.white-accordion .collapse { display:none; }
.white-accordion .collapse.in { display:block; }
.white-accordion .panel-body { background-color: #f0f0f0; line-height: 1.5em; border:1px solid #cdd5da; margin-right:0; padding:10px 15px; border-radius:10px;}
.white-accordion .panel-body p { margin:0 0 5px 0; }
.white-accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #cdd5da;
}
.white-accordion .panel-body td, .white-accordion .panel-body th {
    vertical-align:top;
}

.panel-heading .accordion-toggle:after {
    width: 2%;                           
    content: "\2212";                   
    color: #b60000;
    position:absolute;
    right:0;
    top:10px;
    font-size:2em;
    font-weight:400;
    transform: rotate(180deg);
    transition: all .2s ease-in-out;
    text-align: center;
 
}

.panel-heading .accordion-toggle.collapsed:after { 
    width: 2%;  
    content: "\2b";
    transform: rotate(90deg);
    transition: all .2s ease-in-out;
}

h1 + .white-accordion { margin-top:10px; }
.panel-heading-open { background-color: #ececec !important; }

@media  (max-width: 767px) {
  
  .white-accordion .panel { margin:1em 0; }  
  .white-accordion .panel-title > a { font-weight: 600; padding:0 30px 0 0; margin-right: 0; width:auto; }
  .white-accordion .panel-collapse { padding: 0; margin-left: 0; }
  .white-accordion .panel-body { 
      padding:10px; 
      background-color:#fff; 
      margin-right:10px; 
      border:0; 
      border-top:0;
      line-height: 1.6em;
   }
  .white-accordion .panel-body td, .white-accordion .panel-body th {
       padding:0;   margin-right:5px; font-size:0.9em;
   }  
  
  .panel-heading .accordion-toggle:after { top:4px; right:2px; }  
  .panel-heading .accordion-toggle.collapsed:after { top:-3px; right:7px; }

}



/**
     INNER SLIDER   Including the 350x250 news story slider
***/

/* Hide images at first */
p.slideshow-container-350-250 img {display:none;}

img.slidesjs-slide { height: auto!important; }


.inner-slider #slides,
.inner-slider #slides2,
.inner-slider #slides3 { display: none; margin-bottom:1em; }

.inner-slider #slides .slidesjs-navigation, .inner-slider #slides2 .slidesjs-navigation {
    margin-top: 1em;
}

.inner-slider a.slidesjs-next,
.inner-slider a.slidesjs-previous,
.inner-slider a.slidesjs-play,
.inner-slider a.slidesjs-stop {
    display: block;
    width: unset;
    font-size: 1.4em;
    height: 2em;
    line-height: 2em;
    overflow: hidden;
    text-indent: 0;
    float: left;
    border: 1px solid #333;
    margin: 1em 2px;
    border-radius: 5px;
    padding: 0 15px;
}

.inner-slider a.slidesjs-next  {  width: unset; }
.inner-slider a.slidesjs-play  {  width: unset; }
.inner-slider a.slidesjs-stop  {  width: unset; }

.inner-slider .slidesjs-pagination {
  margin: 0;
  float: none;
  list-style: none;
}
.inner-slider .slidesjs-pagination li {
  float: left;
  margin: 0 2px;
}

.inner-slider .slidesjs-pagination li a {
  display: block;
  width: 44px;
  height:2em;
  line-height: 2em;
  font-size:1.4em;
  padding-top: 0;
  background-image: none;
  float: left;
  text-align:center;
  border: 1px solid #333;
  margin: 1em 2px;
  border-radius: 5px;
}

.inner-slider .slidesjs-pagination li a.active,
.inner-slider .slidesjs-pagination li a:hover.active {
  font-weight:800; color: #b60000;
}
.inner-slider .slidesjs-pagination li a:hover { font-weight:600; }
.inner-slider .navbar    { overflow: hidden; }

.wrap-div-topSpacer {  width: 0px;  height: 80px;  float: left; }
.wrap-div       {  float:left;  clear:both;  margin: 10px;  width:50%; }
.wrap-div-right {  float:right;  width:45%; }

@media (max-width: 500px) {
  .wrap-div-right { width: 95%; }
}

.news-slider { width: 100%; }


/***
              Basic Need Assistance 
*/
.51勛圖厙_box_bs-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  padding: 0;
  list-style: none;
  width:100%;
}

.51勛圖厙_box_bs-item {
    padding: 0;
    margin: 6px 3px;
    text-align: center;
    flex:360px;
}


.51勛圖厙_box_bs-item-inner {
    padding:  2em 1em;
    margin: 0;
    background-color:transparent;

}
.51勛圖厙_box_bs-item h2 { 
    margin-bottom:0; 
    font-size:1.7em; 
    line-height: 1.5em;
    margin: 10px 0 5px 0;
    font-weight: 400;  
}

.51勛圖厙_box_bs-item a {
  text-decoration: none;
  display:block;
  height: calc(100% - 1em);
  
}
.51勛圖厙_box_bs-item a:hover {
    backdrop-filter: brightness(1.2);
}

.51勛圖厙_box_bs-item span {
  color: #b60000;
  font-size: 5em;
}
.51勛圖厙_box_bs-item-inner-button.button-red-no-link {
    margin: 7px auto;
    padding:2px 1em;
}
p.51勛圖厙_box_bs-item-inner-button:empty {
  display:none;
}

.box-desc {
    color: #000;
    font-size: 1em;
}
.colored-bottom-border { height:1em; margin: 0; }

/* Medium screens */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .51勛圖厙_box_bs-item { width: 50%;margin:5px; }  
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .51勛圖厙_box_bs-item{width: 50%;margin:5px;}  
}

/* Phone screens */
@media (max-width: 767px) {
    .51勛圖厙_box_bs-item { width: 100%; margin: 5px;}
    .box-desc {display:none;}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .51勛圖厙_box_bs-item { width: 100%;margin:5px; }
    .box-desc {display: none;}
  }



/
     SLIDESHOW WITH CAPTIONS  
*/
.slideshow-with-captions  {
    position:relative; 
    transition: all 0.4s ease;
     min-height:500px;
}
.slideshow-inner { position:relative; }
.slides { position:relative; }
.slide-and-caption    { opacity: 0.0; transition: all 0.4s ease-in; position:absolute; top:0;left:0;right:0; }
.slide-and-caption.active  { opacity: 1.0; }
.slide-and-caption >  img { 
    width:100% !important; 
    height:auto !important; 
    position:relative;
}
.slide-caption {    
    position: absolute;
    bottom: 1em;
    left: 10%;
    right: 10%;
    z-index: 99;
    color: #fff;
    backdrop-filter: blur(5px) contrast(0.5);
    font-size: 1.3em;
    padding: 0 1em;
    line-height: 1.8em;
    text-shadow:1px 1px 1px #333;
}
.slide-caption:empty { display:none;}
.slide-caption:hover {     backdrop-filter: blur(10px) contrast(0.3) sepia(0.5);   text-shadow:2px 2px 1px #300; }
.slide-caption a { color: white; text-decoration: underline; }
.slideshow-controls-container { 
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    padding:1em 0; 
    text-align: center;
    transition: all 0.1s ease-in;
    min-height:60px;
}
 .slideshow-control.btn-red { 
      margin:2px; 
      display: inline; 
      padding: 10px 20px; 
      border-radius:5px; 
      width:fit-content; 
      min-width:45px;
      font-size:1.1em;
 }

.slideshow-control.btn-red:focus {
    background-color: white;
    color: #000;
}
 .slideshow-control.btn-red.selected-slide { color:#b60000; background-color: #fff; }
.slideshow-control.btn-red.paused { color:#b60000; background-color: #fff; }
.arrow-control  {    
    color: #b60000;   
    z-index: 11;    
    position: absolute; 
    cursor:pointer;
    display:none;
    bottom:50%;
 }
.arrow-control.left-arrow {
    left: 1em;
}
.arrow-control.right-arrow {
    right: 1em;
}
.arrow-control.pause-glyph {
    left: 50%;
}

.slide-container { 
    display:block;
    position:relative;
    margin-bottom:5px;
}

.slide-container img {

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    height:auto !important;
}




@media (max-width:991px) {
  
  .slideshow-control.slideshow-navigation-control.btn-red  { padding: 10px 5px; }
  
   .slideshow-with-captions  {
      min-height:500px;
   }  
   .slideshow-controls { 
       top:500px; 
   }
   .slide-caption { 
       position:relative;
       left:0; right:0; bottom:unset; 
       color:#000; background-color:#fff; text-shadow:unset;
       padding:0.5em; margin-top:3em;
    }
  
   .arrow-control  {    
      top:160px;
      bottom:unset;
   }  
  
}

@media (max-width:500px) {
.slideshow-with-captions  {
      min-height:300px; 
}  
  .slideshow-controls { 
       top:250px; 
  }

}

/**
     DEPARTMENT CALENDARS
***/
.calendar-by-keyword { 
  border:1px solid #aaa; 
  border-radius: 8px;
  text-align:left;  
  width:100%;  
  margin-bottom:1em;  
  padding:12px;
  background-color:transparent;
}

.calendar-by-keyword .aside-header   { color: #fff; font-weight:500; text-align:center; background-color:#b60000; font-size:1.25em; padding:5px; }
.calendar-by-keyword p.event-title {font-size:1em; word-wrap: normal; padding:0;}
.calendar-by-keyword hr { margin:5px auto; border:2px solid #fff; }
.calendar-by-keyword a { 
   text-decoration: underline; 
   display: inline-block;
   min-height: 44px;
}
.left-event { clear:both; margin:5px 0;  border:1px solid #bbb; overflow:hidden; position:relative; background-color:#fff; }

.left-event .left-dateArea {
  background-color: #fff;
  height: 100%;
  min-height: 65px;
  text-align: center;
  width: 60px;
  float: left;
  border-right: 1px solid #bbb;
}

.left-event .left-dateArea .left-month {
  color: #fff;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #b60000;
  padding: 2px 0;

}
.left-event .left-dateArea .left-day {  font-size:30px;  font-weight:bold;  line-height:1.5em; color:#555; }
.left-event .left-middle { padding:5px 10px; text-align:left;  border-left:1px solid #bbb;   box-sizing:border-box; margin-left:59px;  margin-right: 0; }
.left-event .left-middle p.event-title { margin: 0;  line-height:1.5em;}
.left-event .left-middle .event-details { font-size:0.9em; line-height:1.5em;}


.view-full-box { 
  text-align:center; 
  font-weight:normal;
  background-color:#b60000;
  padding:0;
  border:1px solid #b60000;
  color:#fff;
}


a.view-full-cal { display:inline-block; padding:10px 0; text-decoration:none; color:#fff; text-align:center; font-weight:normal; }

a.view-full-cal:after {
  content:"\f0a9";
  font-family: 'Font Awesome 6 Pro', fontawesome;
  display:inline-block;
  position: relative;
  margin-left: 5px;
  font-size: 1em;
  color:#fff;
}
.view-full-box:hover, .view-full-box:focus {
  background-color:#fff; color:#b60000; text-decoration:underline;
}
.view-full-box:hover a, .view-full-box:focus a {
  background-color:#fff; color:#b60000; text-decoration:underline;
}

.calendar-by-keyword-main-content    { float: left; margin-top: 2em;   width: 220px;  }
.calendar-by-keyword-main-content h3 { color: #fff; margin: -5px 0 5px 0; font-weight:normal; }
.calendar-by-keyword-main-content p  { font-size: 0.9em; word-wrap: normal; }




/
      Profile Style
***/
.profile-item {
     display: inline-block;
      position: relative;
      float: left;
      text-align: center;
      width: 33.33%;
      padding: 1px;
      min-height:450px;
  }

.profile-item .profile-item-images {
    position: relative;
    overflow: hidden;
    display: block;
    background-color: #f0efec;

}
.profile-item img {
  	width:100% !important;
    max-width: 100%;
    height: auto !important;
    display: inline-block;
    vertical-align: middle;
}
.profile-item img:hover {
    filter: brightness(1.1);
}
.profile-item .profile-item-text {
    display: block;
    /* padding-top: 2rem; */
  
}

.colour-primary {
    color: #b60000 ;
    font-weight: bolder;
    font-size: 1.3em;
    line-height: 1.5em;  
    margin: 15px 0 5px;
}
.profile-extra-info {
    padding: 0 10px;
    text-align: left;
}
.profile-item .profile-item-text p { font-size: 0.9em; line-height:1.5em; }

.profile-item .profile-item-social {
    display: block;
    list-style: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin: 0;
}

.profile-item .profile-document { margin-bottom:50px; }

@media (max-width:767px) {

    .profile-item	{ width: 100%; 	float:none;  }
     .profile-item img { width:100%;height:auto !important; max-width:100%; }      
}

@media (min-width:768px) and (max-width:960px) {

	.profile-item	{ width: 33%;  }
}

.speakerSeries       { display:flex; flex-flow: row; }
.speakerSeries > div { padding: 10px; }
.speakerSeries img   { min-width: 150px; }


@media (max-width:767px) {
   .speakerSeries {  flex-flow: column; }

}

/*
      STUDENT HANDBOOK
   Each page in the online Student Handbook has a Table of Content
     that links to sections on the page
   Because of our fixed header, in-page anchors need a top offset

    https://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to-adjust-for-fixed-header
***/
div.student-handbook-section-header {  margin: 0 1em; }
div.student-handbook-section-header:after {clear:both; content: "";display: table;}
.student-handbook-section-image {float:left; width:280px; padding:0; margin:0 0 20px 0;}
.student-handbook-section-image img {width:280px; height:auto; float:left;}
.student-handbook-section-toc {float: left; padding: 0 30px; margin-top:0; line-height: 1.7em; width: calc(99% - 280px); }
.student-handbook-section-toc a {
    display: inline-block;
    line-height: 2.1em;
    font-size: 1.2em;
}
.student-handbook-section-toc h2 {margin-top:0; padding-top:0;}
.student-handbook-section-toc ul {list-style-type:disc;}
.student-handbook-section-toc:after {clear:both;}

.back-to-ma-code-div {width:auto; float:right;margin-top:-25px; margin-left:10px;}

.student-handbook-glossary dd {margin-left:30px;}


@media (max-width:1022px) {
   
   .student-handbook-section-toc {width: calc(99% - 280px); line-height:1.4em;}
   .student-handbook-section-toc ul {margin-left: -30px;}
}
@media (max-width:767px) {
   .student-handbook-section-h1 {display:none;}  
     .student-handbook-section-header {margin-top:10px;}
}

@media (max-width:500px) {
   .student-handbook-section-h1 {display:none;}
   .student-handbook-section-header {margin-top:10px;}
   .student-handbook-section-image {width:100%; text-align:center; float:none; margin:0;}
   .student-handbook-section-image img {width:100% !important; height:auto !important; margin:1em auto 0; float:none;}
   .student-handbook-section-toc { width:100%; line-height:1.6em; padding:1em 0;}
   .student-handbook-section-toc ul {margin-left:0; } 
   .student-handbook-section-toc li a { display:block; padding:3px 0;}
   .student-handbook-section-toc li a:hover { color:#b60000; }
  
  .header-with-anchor {width:100%;float:none;}
  .back-to-top-div {width:100%; float:none;margin-top:5px;text-align:right;}
  .back-to-ma-code-div {width:100%; float:none;margin-top:5px;text-align:right;}

} 


.student-central-feature-50 {
    float: left;
    width: calc( 50% - 5px );
    height: auto;
    margin: 5px 5px 0 0;
    padding: 15px;
    border: 1px solid #cdd5da;
}

.student-central-feature-50 h2 { color:#b60000; cursor: default; }

@media (max-width: 991px) {
  .student-central-feature, .student-central-feature-50 {
      width: 100%;
      height: auto;
      float: none;
      margin: 0 0 15px 0;
  }
}


#qless-full-width {
  padding: 0 1em;
  
}


/*
    Library database on-page sub menu
****/
#horizontalSubMenu       { clear:both;  margin-bottom:0;  padding:0; width:100%; padding:0 5px; }
#horizontalSubMenu ul    { list-style:none; text-align:center;  width:100%;  display:flex; flex-wrap:wrap; padding-left:0; border-radius:1em;}
#horizontalSubMenu ul li { float:left; width:calc(33% - 10px); background-color:#eaeaea; padding:10px; margin:5px;border-radius:1em;}
#horizontalSubMenu ul li a { color: #000; display:block; height:100%; font-size:1.1em; text-decoration:none; font-weight:600;}
#horizontalSubMenu li.active { background-color: #0c203b; }
#horizontalSubMenu li.active a { color: #fff; }

@media (max-width: 767px) {
    #horizontalSubMenu ul { padding-left: 0; border:5px solid #ddd; }
}
@media (max-width: 500px) {
    #horizontalSubMenu ul li { padding: 2px; flex:100%; margin:5px;}
}  

.library .grey-accordion { margin-top: 10em; }

#libTableNav { min-height: 40px; }
#libTablenav tr { background-color:#fff !important; border-radius:1em;}
#libTableNav td { min-height: 40px;  background-color:#eaeaea; border-radius:1em;padding:5px; }
#libTableNav td a { color: #000; font-size:1.05em; text-decoration:none;  font-weight:600;}
#libTableNav td.whitenav { min-height: 40px; background-color: #0c203b; }
#libTableNav td.whitenav a { color: #fff; }

@media (max-width: 500px) {
  #libTableNav tr { display:flex; flex-wrap:wrap;border:5px solid #ddd; background-color:#fff; border-radius:1em;}
  #libTableNav td { flex: 100%; margin:5px; } 
} 


/
   Right Column Grey Aside
/
.three-right-shaded-news              { text-align:left; margin:0 0 30px 0; padding:1px 1em; background-color:#f4f4f4; }
.three-right-shaded-news-header       { margin:10px 0; text-align:center; color:#b60000; font-size:1.6em;font-weight:400; line-height:1.3em;}
/*.three-right-shaded-news h2           { margin:10px 0; text-align:center; color:#b60000; }
.three-right-shaded-news h3           { text-align:center; margin-top:20px; font-weight:normal; color:#b60000; }*/
.three-right-shaded-news hr           { border: 1px solid #ddd;}
.three-right-shaded-news .news-source { text-align: right; font-weight: bold; font-style: italic;}
.three-right-shaded-news .news-link   { text-align: center; }





/**
  Responsive Accordion Style
***/

/* Accordion */
.resp_accordion, .resp_accordion * {
    box-sizing:border-box;
}

.resp_accordion {
    overflow:hidden;
    box-shadow:0px 1px 3px rgba(0,0,0,0.25);
    border: 1px solid rgba(203,0,3,0.3);
    border-radius:3px;
    background:#fff;
    margin: 15px 0;
}

/* Section Title */
.section-title {
    background:#fff;
    display:block;
    border-bottom:1px solid #b60000;
    width:100%;
    padding:15px;
    transition:all linear 0.2s;
    color:#333;
    font-size:1.1em;
    text-decoration: none;
    position:relative;
}



.section-title.active,
.section-title:hover {
    background:#b60000;
    color: #fff;
}

.section:last-child .section-title {
    border-bottom:none;
}

.section-title:after {
/* Unicode character for "plus" sign (+) */
    content: '\02b';
    font-size: 2.5em;
    position: absolute;
    right:20px;
    margin-left: 5px;
    transform: rotate(90deg);
    transition: all .2s ease-in-out;   
    color: inherit;
}

.section-title.active:after {
/* Unicode character for "minus" sign (-) */
    content: "\2212";
    color:#fff;
    transform: rotate(180deg);
    transition: all .2s ease-in-out;
    right:23px;
    top:16px;
}

.section-content {
    display:none;
    padding:20px;
}


.resp_accordion-grey { border:1px solid #ddd; }

.resp_accordion-grey .section-title {   
    background:#ececec;
    border-bottom:1px solid transparent;
  
}

.resp_accordion-grey .section-title.active, .resp_accordion-grey .section-title:hover { 
  color:#000; 
  font-weight:600;

}

.resp_accordion-grey .section-title:after {
     font-size: 1em;
}

@media (max-width: 767px) {
  .section-title { font-size:1em; }
  
  .section-title:after { right:10px; top:15px; }
  .section-title.active:after { right:10px; top:15px; }
  .section-content { padding:0; }
  
  
}




/***
              Announcement
*/
.announcement-container {
    background-color: #fff;
    padding: 1em;
    display: flex;
    border: 1px solid #d4d4d4;
    margin: 0;
}
.announcement-content {
  padding:10px;
}
.announcement-content h2 {
    margin: 0;
    letter-spacing:4px;
    color:#b60000;
    font-size:2em;
    font-weight:600;

}
.announcement-icons {
    font-size: 3em;
    text-align: center;
    padding: 15px;
    color: #b60000;
    float:left;
    height:100%;
    margin-right:15px;   
}

.announcement-main-body { padding:1em; font-size:larger; line-height:1.8em; }

@media (max-width:787px) {
  
   .announcement-main-body { padding:0; font-size:1em; line-height:1.8em; }  
   .announcement-container { padding:0; border:0  }
   .announcement-container h2 { letter-spacing:unset;}  
   .announcement-icons {
     height:50px; 
     float:none;
     display:none;
  }
  
  
}


/**
     STUDENT CENTRAL SPECIFIC
***/
.student-central-feature { 
  float: left; 
  width: calc( 33.33% - 5px ); 
  height: auto; 
  margin: 5px 5px 0 0;
  padding: 5px;
  border: 1px solid #fff;
  border-radius:10px;
}

.student-central-feature-50 {
  float: left; 
  width: calc( 50% - 5px ); 
  height: auto; 
  margin: 5px 5px 0 0;
  padding: 15px;
  border: 1px solid #cdd5da;  
}

.student-central-feature:hover, .student-central-feature-50:hover { border:1px solid #aaa; }
.scf-header                    { text-align:center; text-decoration:none; height:3em; }
.student-central-feature-article-content { margin-top: 15px; }
ul.student-central-service-list { list-style-type:disc;  }
ul.student-central-service-list li { padding-top:5px; font-size: 1.1em; }
.SCentralFeatureImg { text-align:center;  }

@media (min-width: 1400px) {
  .student-central-feature {   height:500px;  }
}
@media (min-width: 1800px) {
  .student-central-feature {   height:600px;  }
}
@media screen and (max-width: 991px) {
  .student-central-feature {  
    width: calc( 50% - 5px ); 
    height: auto; 
    float: left; 
  } 
  .scf-header { font-size:18px; }
  .student-central-feature ul, .student-central-feature-50 ul { font-size:1em; list-style-type: disc; }
}

@media (max-width: 767px) {
  .student-central-feature,  .student-central-feature-50 {  width:100%; height:auto; float:none; margin:0 0 15px 0; }
  .scf-header { font-size: 24px; } 
}



/***    
   Pathway ribbon
*/
.dept-pathway-block { margin: 5px 0; }
.dept-pathway-inner { 
     padding: 5px 1.5em; 
     background-color: #dfd5d4; 
     display:flex;  
     border-top: 5px solid #b60000; 
}
.dept-pathway-name {    
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 10px;
    color:transparent; 
    line-height:0;
    
}
.dept-pathway-name .dpn { 
    font-size:1.2em;      
    color: #000;
    margin-right: 1em;
    padding: 2px 6px; 
    line-height: 2em;
}

.dept-pathway-name .dpn span.dpn-icon { 
     font-size:1em; 
     text-align:center; 
     padding-top: 7px;
     background-color:#fff;
     margin-right: 15px;
     border:2px solid;
     border-radius:50%;
     display:block;
     float:left;
     height:40px;
     width:40px;
}
.dept-pathway-name .dpn span.dpn-text { 
     display:inline;
     line-height:2em;
}
  

.dept-pathway-name .dpn span.fa-duotone.fa-people-roof {  }
.dept-pathway-name .dpn span.fa-duotone.fa-balance-scale {  }
.dept-pathway-name .dpn span.fa-duotone.fa-pencil-paintbrush { }
.dept-pathway-name a { 
    text-decoration: none;
    display:block;
    padding: 5px 0;
    line-height:1.5em;
}
@media (max-width:767px) {
  
 .dept-pathway-inner { 
     padding: 5px; 
     display:flex;  
  }
  .dept-pathway-name .dpn {
      font-size: 1.2em;
      margin-right: 0; 
      padding: 0;
  }
  
 .dept-pathway-name .dpn span.dpn-icon {
    font-size: 1em;
    text-align: center;
    margin-right: 12px;
    border: 2px solid;
    border-radius: 50%;
    display: block;
    float: left;
    height: 32px;
    width: 32px; 
   }


  
}

@media (max-width:500px) {
  .dept-pathway-name .dpn span.dpn-icon { margin:5px 10px 5px 0; } 
  .dept-pathway-name .dpn span.dpn-text { 
     line-height: 1.5em;
   }  
}


/
               Staff Bios
**/
.staffBioWrapper {
    background-color: #fff;
    border: 1px solid #bbb;
    padding: 1em;
    margin-bottom: 10px;
}
.staffBioImage { float: left; margin: 0 15px 10px 0; }
.staffBioImage img { width:250px !important; max-width:250px !important; height:auto !important; }
.staffBioImage:empty {margin:0;}
.staffBioName > h3 {    padding: 0; margin-top:0; }
.staffBioName > h2 {    padding: 0; margin-top:0; color:#b60000; }
.viewhide { padding-top: 5px; cursor:pointer; }
.viewhide .readMoreView { font-size:1.1em; }

.limitFullChar.hiddenPortion.active { display: inline !important; }
.hiddenPortion {   display:none; transition: all 1s ease-out;}
.rest-of-bio-wrapper { padding:1em;}


/*  For pages like bhcc.edu/alliedhealth/courses/  */
@media (max-width: 767px) {
  
  .staffBioImage { float: none; margin: 1em auto; }
  .staffBioImage img { width:320px !important; max-width:320px !important; height:auto !important; text-align:center; }
  .staffBioDescription { padding:1em; }
    ul.course-desc-link-list {margin-top:40px; }
    ul.course-desc-link-list li {padding-bottom:10px; font-size: 18px;}
    
}

/ VIDEO EMBED IWTH SIDE TEXT /
.video-embed-with-text { clear:both; }
.video-embed-with-text h3 { margin:0 0 10px 0;}
.video-embed-side-text { padding:1em;}
.left .video-embed-container {  margin: 1em 2em 1em 0; float:left; }
.right .video-embed-container {  margin: 1em 0 1em 2em; float:right; }

@media(max-width:991px) {
   .left   .video-embed-container {  margin: 0 auto; float:none;}
   .right .video-embed-container {   margin: 0 auto;  float:none; }
}



/ TICKRT SYSTEM */
#large-image-143218 { margin-bottom: 2em;}

#ticketTable {width:100%; }


/ FLEX container item */
.one-third-feature {
  flex: 320px;
  padding:1em 10px;
}
.one-third-feature-inner  {  
  height:100%;
  border-bottom: 1px solid #444; 
  padding-bottom:2em;
}



/*** The return of the LightBox Gallery for the library archive ***/

.lightbox-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;  
}

.galleryWrapper {
   position:relative; 
   width: 33%;
  
}

.galleryThumbWrapper {
  background-color:#fff; 
  border:1px solid #ddd;
  margin:5px 5px 20px 5px; 
  padding:5px 5px 15px; 
  flex:300px; 
  height: fit-content;
  cursor:pointer;
  position:relative;
}
.galleryThumbWrapper:hover { border-color:#000; }
  

.galleryThumb img { 
  width:100% !important; 
  height:auto !important;

}  
.galleryThumbCaption {
   padding:5px;
}

.galleryImageWrapper { 
   display:none;
   position:absolute;
   top:0;
   z-index:2;
   height:auto;
   padding:10px;
   border:2px solid #aaa;
   cursor:pointer; 
   background:#fff;
   top:0;
   min-width:900px;
   max-width:1800px;  
   width: 90%;
  margin-left:-100px;
}

.galleryImage {width:100%; }
.galleryImage img { 
  width:100% !important; 
  height:auto !important;

}

@media(max-width:991px) {
   .galleryWrapper {
       position:relative; 
       width: 99%;  
    }
  
  
}


.img-brighten:hover, .img-brighten:focus { filter: brightness(1.3); }