.colorbar {
background: rgba(78,164,165,1);
/*background: linear-gradient(0deg, rgba(33,65,75,1) 0%, rgba(78,164,165,1) 100%);*/

height: 75px;
}

main p a, main li a {color: #00757b; text-decoration: underline;}
main li {list-style-type: square; margin-top: .5em; margin-left: 2em;}
.page section.blog p a {color: #dc6e0d; text-decoration: underline;}

a {color: #00757b; text-decoration: none;}
a:hover, a h2:hover {color: #f15b40;}
p a {text-decoration: underline;}


h1, h2 {color: #000; }


.page {background: #FBFAF8; background: #FFF; position: relative;  border-top: 0px solid #000; margin-top: 0px; top: 80px; }

body .page .default_page { top: 0px !important; }
.page h2 {color: #00757b;}
.page .footer h1, .page .footer h2 {color: #523540; }
.page .bottom h1, .page .bottom h2 {color: #82AABD; }
.page section {padding: 3em 0; border-top: 0px solid #999; }
.page section img {
    /* border: 1px solid #444; */
    
}
.page section#whatsnew img {border: 0px solid #444;}

#tagline h1, #tagline h2, .special h1.sectionHead {color: #00757b; text-align: center; font-size: calc(1.5vw + 15px);}
#tagline h1, .special h1.sectionHead  {font-size: calc(1.5vw + 15px);}
#tagline h2 {font-size: calc(.7vw + 15px); text-transform: uppercase;}

.page section:first-of-type {padding: 3em 0; margin-top: 0; border-top: 0px solid #999;}
.page section:last-of-type {border-top: 0px solid #999;}
.page section.highlighted { padding: 4em 0 3em 0; background: #82AABD; color: #191919; background: #FFF; color: #333; }
.page section.tan {background: #E8E1CB;}
.page section.highlighted h1 { color: #FFF; color: #333; margin-bottom: 1em;}

.page section.highlightsVertical {padding-bottom: 0px;}
.page section.highlightsVertical section.special {padding-bottom: 0px;}


/* breadcrumb */
#breadcrumb ul {margin: 0 0 0 0; padding: 0 0 0 0;}
#breadcrumb li {display: inline-block; font-family: font-family: 'Roboto Condensed', Sans-Serif; font-size: 70%; text-transform: uppercase; padding-right: 1em; border-right: 1px solid #666;}
#breadcrumb li.last {border-right: 0px solid #FFF;}



/* =================== content div ============================ */
.content p:first-of-type {}
.content div p:first-of-type {font-size: 100%;}


.tan > h1 { text-align: center; margin-bottom: 1em; }
.nomargin {margin: 0 0 0 0 !important;}
.home-event h1 { margin: 0; font-size: 200%; }
.home-event { word-wrap: normal; text-align: right; border-bottom: 1px solid #777; margin-bottom: 2rem !important; padding-bottom: 2rem;}
.home-event p {margin: 0.4em 0 0 0.5em; }

div.pagetitle {
    border-bottom: 1px solid #CCC;
}

.pagetitle {
    margin: 2em 0 0 0; 
    padding: 1.5em .5em 0 .5em; 
    background: transparent;
}
.pagetitle h2, .pagetitle h1 {text-transform: uppercase; 
font-family: 'Roboto Condensed', Sans-Serif; 
font-size: 130%; 
color: #555; 
padding: 0 0 .25em 0; 
margin: 0 0 0 0;}

li .pagetitle h2 {color: #F5F6F7; }

li:hover { }
header {
    /* top: 0; */
    left: 0;
    width: 100%;
    z-index: 3;
    border-bottom: 0px solid #CCC;
    background: #F5F6F7;

    background: rgba(245, 246, 247, .7);
    background: #E8E1CB;
    background: rgba(232,225,203,.7);
    color: #F5F6F7;
    background: #FFF;
   background: #00757b;

}
.body_home header { background: rgba(245, 246, 247, .7);}

header div.row {margin-bottom: 0;}
header .container {background: #00757b;}
.active {background: #f2f3f4; background: transparent;}

.arrow-container { position: relative; }

.banner { padding: 0 0 1em 0;}
.banner img { width: 100% }

.border-top { border-top: 1px solid #ddd; }
.border-bottom { border-bottom: 1px solid #ddd; }

.content {}
.float-right { float: right; }
.float-left { float: left; }

nav ul li {}
.container { }
.list-events { margin-top: .5em;}

.logo {
    display: block;
    float: left;
    margin: 0px 0 0 0;
}

.exhibits img{position: relative;}
.exhibits img:hover { }

.exhibits p:hover + img{ }

.exhibits { width: 100% !important; }
.exhibits-newest .exhibits-others  { position: relative; }

.exhibits p { 
    font-size: 1.2em; 
    position: absolute; 
    padding-left: 1em; 
    z-index: 10; 
    color: #eee;
}
.exhibits p:hover { }

/* ---------- MENUS ----------------------- */
#header_menu ul { margin-top: .25em;}
#header_menu ul li ul {display: block !important;}
#header_menu ul li ul li ul { display: none !important; }
#header_menu ul li.active ul { display: block !important; margin: 0 0 0 1em; }



.side-menu ul li a:hover { background: #F5F6F7;}
.side-menu li a, #scrollmenu li a { padding: 1em .5em; display: block; border-bottom: 1px solid #555; }
.side-menu li.active ul, #scrollmenu li.active ul { margin: 0 0 0 1em; }
.side-menu li li:hover {}
.side-menu li li.active { }
.side-menu ul li.active > a i, .container-menu ul li.active > a i, #scrollmenu ul li.active > a i, .mobilemenu ul li.active > a i { 
    -ms-transform: rotate(90deg) translateY(4px); /* IE 9 */
    -webkit-transform: rotate(90deg) translateY(4px); /* Safari */
    transform: rotate(90deg) translateY(4px); 
    }
.side-menu ul li { border-bottom: 0px solid #000;}
.side-menu ul li ul { display: none; }
.side-menu ul li.active ul { display: block; margin-left: 0;}
.side-menu ul li ul li {font-size: 90%;}
.side-menu ul li.active a {font-weight: bold; }
.side-menu ul li.active li a {font-weight: bold; }
.side-menu ul li.active li a {font-weight: normal; padding-left: 1.5em;}
.side-menu li a {color: #666;}
.side-menu li a:hover {color: #f15b40;}

.exhibitions-menu {position: relative;}
.exhibitions-menu li a {padding: .5em .5em; display: block; border: 1px solid #F2F3F4; border-bottom: 0px solid #555; text-decoration: none; margin: 0 0 0 0; }
.exhibitions-menu li a:hover { background: #F5F6F7;}
.exhibitions-menu li.active a { font-weight: bold; background: #FFF; border: 1px solid #999; border-bottom: 0px solid #555;}
.exhibitions-menu li {background: #F5F6F7; float: right; list-style-type: none; margin:0 0 0 0; padding: 0 0 0 0;}
.exhibitions-menu ul {text-align: right; bottom: -1px;}
main .border-bottom {}



.container-menu { 
    position: absolute; 
    padding-bottom: 1em;
    width: 100%;
    margin: 0 0;
    left: 50%; 
    transform: translateX(-50%);
    visibility: hidden;
    opacity: 0;
    /*transition: visibility .1s, opacity 0.5s linear;*/
    color: #FFF;
    z-index: 6;
    background: #222;/*box-shadow: 0px 3px 5px #666*/;
}

.container-menu .active { background: #666; }
.container-menu a { color: #F5F6F7; }
.container-menu p { font-size: 90%; line-height: 140%; }

body.body_exhibitions .container-menu {
    visibility: visible;
    opacity: .5;
}

.container-menu img { border: 1px solid #F6F7F8; }
.container-menu ul { margin: 0 2em 2em 0; }
.container-menu ul li:last-child, .side-menu ul li:last-child { border-bottom: 0; }
.container-menu ul li, #scrollmenu ul li {
    width: 100%; 
    text-align: left;
    margin: 0;
    border-bottom:1px solid #555;
}
.container-menu ul li:hover  { background: #666; }

.burger-aside { text-align: right; }
.burger-icon{
    font-size: 1em !important;
    margin-top: 1em !important;
    padding-left: 1em;
    line-height: 36px !important;
    font-weight: bold !important;
}

#visit_menu, #visit_menu h2.pagetitle {
   /* background: #D26900 !important;*/
}
#exhibits_menu, #exhibits_menu h2.pagetitle {
    /*background: #82AABD !important;*/
}


/* header menu
========================================================== */
.side-menu, .header-menu-new, .topmenu, .exhibitions-menu {font-family: 'Roboto Condensed', Sans-Serif; text-transform: uppercase;}
.header-menu-new ul li { 
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
    position: relative;

}
.header-menu-new ul li a {color: #FFF; margin: 0;display: inline-block; padding: .8em 1em;}
.header-menu-new ul li:hover a {color: #555;}
.header-menu-new ul li ul {display: none; background: #FFF;  position: absolute; border: 1px solid #F5F6F7; border-top: 0px;  }
.header-menu-new ul li:hover {background: #FFF;}
.header-menu-new ul li:hover ul {display: block; padding-top: 1em; right: 0; min-width: 280px; margin: 0; padding: 0; z-index: 1;}

.header-menu-new ul li ul li {float: none; display: block; padding: 0;}
.header-menu-new ul li ul li a {color: #555; padding: .7em 1em; margin: 0; display: block; width: 100%; border-bottom: 1px solid #F6F6F6;}
.header-menu-new ul li ul li a:hover {color: #f15b40;}

.header-menu li.parent:hover div .container-menu  { 
    visibility: visible;
    opacity: 1;
}
.header-menu {clear: right;}
.header-menu li { display: inline-block; }
.header-menu li.parent { 
    display: table-cell;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.header-menu li.parent > a {
    color: #000;
    font-weight: 600;
    padding: 1.2em 1em 1.3em 1em;
    display: inline-block;
    /*font-family: 'Oswald', sans-serif;*/
    Font-Family: 'Roboto Condensed', Sans-Serif;
    font-size: 120%;
}
.header-menu li.parent:hover > a { color: #F5F6F7;}
.header-menu li { transition: background 0.25s linear;}
.header-menu li:hover {background: #222; }
.header-menu a:hover { color: #F5F6F7; }
.header-menu li li li:hover { background-color: #F5F6F7; }
.header-menu li li li a:hover { color: #222; }
.header-menu li li a { font-weight: normal; color: #F5F6F7; display: block; padding: 1em .5em; }

.topmenu {width: 100%; }
.topmenu ul {float: right;}
.top-topmenu { background: #FFF;}
.top-topmenu a {color: #00757b;}
.topmenu > ul li {display: table-cell; text-align: right; font-size: 80%; padding: .5em 1em; font-weight: bold; }
.topmenu ul:after {clear:right;}

.left-menu ul { margin: 0 2em 0 0;}

.menu-thumb {margin: 2em 0 0 0; max-height: 200px; overflow: hidden; }
.menu-thumb img { width: 90%; }


/* ---- Scrollmenu ------------------------------------- */
#scrollmenu { 
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    border-bottom: 0px solid #333; 
    background: #000; 
    background: #FFF;
    position: fixed; -200px; 
    left: 0; 
    width: 100%; 
    z-index: 10;
}

#scrollmenu li a, #scrollmenu i { color: #F5F6F7; }
#scrollmenu li.active { background: #666; }
#scrollmenu li:hover { background-color: #666; }

#scrollmenu li li.active, #scrollmenu li li:hover { background-color: #F5F6F7; } 
#scrollmenu li li.active a, #scrollmenu li li.active i, #scrollmenu li li:hover a, #scrollmenu li li:hover i  { color: #222 }


#scrollmenu div.row {margin-bottom: .5rem;}
#scrollmenu div:nth-of-type(2) { text-align: center; }
#scrollmenu div:nth-of-type(3) { text-align: right; }

/* ------- END Scrollmenu ------------------------------------- */

/* ------------- END MENUS ----------------------- */


main img { border: 1px solid #333;}

.rightArrowCircle, .leftArrowCircle { 
    padding: 2em; 
    position: absolute; 
    top: 90px; 
    z-index: 10; 
    border-radius: 4em; 
    border: 2px solid #ddd;
    background: rgba(221, 221 , 221, .4);
}
.rightArrowCircle { right: 0px; }

section.three-images { width:100%; }

.slider-rightArrow, .slider-leftArrow { 
    font-size: 4em;
    outline: none; 
    border: 0; 
    background: transparent; 
    position: absolute; 
    top: 87px; 
    z-index: 10;
}
.slider-rightArrow { right: 5px; }
.slider-leftArrow { left: 5px; }

.three-images div.column, .two-images div.column { }
.box img { width: 100%; }
.box h3, .box h4 {
    padding-left: .5rem;
    padding-right: .5rem;
}
.box h4 {font-family: 'PT Sans', serif; font-weight: 700; font-size: 60%; margin-top: 1rem; }

.box h3 {margin-top: .5rem;} 
.box p {
    padding-left: .5rem;
    padding-right: .5rem;
}

.upcoming-events { background: #ddd;}
.upcoming-events h1, .upcoming-events h2{ margin-left: 1em; }

div img, main img {max-width: 100%;}

footer li {margin: .5em;}
.col-5.columns { 
}
.footer-bottom { color: #999; font-size: .9rem;}
.footer-bottom p {line-height: 130%; font-size: .9rem;}
.footer-bottom a {display: block; border-bottom: 1px solid #FFF; padding: .5em; color: #CCC;}
.footer-bottom p a {display: inline; border-bottom: 0px solid #333; padding: 0em; color: #CCC;}

.no-margin-top { margin-top: 0; }

/* ------------STAFF DIRECTORY PAGE --------------------- */
.body_102 .content li {margin: 0 0 0 0; padding: .5em; list-style-type: none; width: 100%;}
.body_102 .content li:nth-child(odd) { background: #EFEFEF; }


/* ---- Current Exhibition ---------------------------- */
.exhibitBanner { height: 500px; overflow: hidden; 
     background-color: #FFF;
     background-position: top center;
     background-size: 1600px auto;
     background-repeat: no-repeat;
}
.exhibit-list div.exhibitlist:nth-of-type(even) {border: 0px solid red;}
.exhibit-list div.exhibitlist:nth-of-type(even) .exhibitimage {float: right; margin-left: 4%; margin-right: 0%;}
.exhibit-list div.exhibitlist:nth-of-type(even) .exhibittext {float: left; text-align: right; margin-left: 0%; }
.exhibit-list div.exhibitlist:nth-of-type(even) .exhibittext p {text-align: right;}

.exhibitlist { border-bottom: 1px solid #999; padding-bottom: 3rem; padding-top: 1rem; }

.exhibitTitle { margin-top: 300px; margin-bottom: 50px; }
.exhibitTitle h1, .exhibitTitle h2, .exhibitTitle h3 { color: #FFF; text-shadow: 2px 2px 6px #333;} 
.exhibitTitle h1 { font-size: 3rem; }

.current .exhibitinfo {border: 1px solid #222; 
                       background: #82AABD; 
                       background: rgba(0,0,0, .6); 
                       background: #000;
                       padding: 15px;  margin-top: 150px; 
                       margin-top: 300px;
                       margin-bottom: 50px; }
.body_1 .homeinfo {
margin: 300px auto; 
margin-top: 200px !important; 
margin-bottom: 200px !important; 
width: 90%; 
max-width: 800px;
background: rgba(0,0,0, .6); 
background: #000;
padding: 2em;
color: #FFF;
}
.homeinfo h1 {
color: #FFF;
margin: 0 auto;
text-align: center;
}

.current h1, .current h2, current h3 {color: white;  }
.current h1 { }
.current h3 a {color: white; border: 1px solid white; padding: 5px 10px;}

.callout { border: 1px solid #999; padding: 1em; background: #f2f3f4; margin: 2em 0 0 0;}
.callout p.row {border-top: 1px solid #999;}

/* --------------- Gallery ---------------------------------- */
.lightgallery rss-image { margin-left: 0%; }
.exhibitgallery { margin-top: 1em; }
/* --------------- Calendar ---------------------------------- */

.calendar { width: 100%; color: #222;   font-family: 'Roboto Condensed', Sans-Serif;}
.calendar-container { margin-top: 2em; }
.calendarHeader tr { height: 2em; }
.calendarHeader a, .mobile-calendarHeader a {
  font-family: 'Roboto Condensed', Sans-Serif;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 120%;
  color: #222;
}
.mobile-calendarHeader .calendarTitle { margin: 0 1em; }
.mobile-calendarHeader { 
    display: none;  
    margin: 1em auto; 
}

.calendar td { text-align: center; }
.calendar span.today { padding: 0 0.2em; }
.calendar span.today a { color: #000; }
.calendar a.events-today { color: #F5F6F7;  }
.calendar td.events-today { background-color: #999; }
.calendar td.events-today:hover { background-color: #ccc; }
.calendar td.events-today:hover a {  color: #222; }

/**/

.highlighted h2 a {color: #333;}
.highlighted h2 a:hover {color: #f15b40;}

/* ---------- Forms ---------- */

.error { font-size: 105%; color: red; }
form div.row {margin-bottom: 0; }

/* ---------- END Forms ---------- */
#hidden-mobile-menu {margin-bottom: 4em;}
.fullwidth {width: 100%; margin: 0; max-width: 100%;}
.nopadding {padding: 0 0 0 0;}
.alert p {font-size: 90%; line-height: 110%; color: white}
.alert p a {color: white; text-decoration: underline;}
#featuredExhibitionsSmall {position: absolute; bottom: 2em; width: 100%;}
.flex {display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch;}
.imageGrid div:nth-child(4),.imageGrid div:nth-child(7), .imageGrid div:nth-child(10),
 .imageGrid div:nth-child(13),
 .imageGrid div:nth-child(16),
 .imageGrid div:nth-child(19),
 .imageGrid div:nth-child(22) {
margin-left: 0;
}
.fileGrid div:nth-child(4),.fileGrid div:nth-child(7), .fileGrid div:nth-child(10) {margin-left: 0;}
h1.sectionHead {text-align: center; font-size: calc(2.5vw + 15px); margin: 0 auto 1em auto;}
h1.sectionHeadSmall {font-size: calc(1.5vw + 15px);}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.highlighted h2 {font-weight: normal; font-size: 1em; min-height: 3em;}
.special .box p {font-size: 80%; line-height: 1.3; color: #666;}
.special .box:hover {background: #f5f6f7; transition: background ease .75s;}
.content li {line-height: 1.4;}

.overlayContainer {
  position: relative;
  width: 100%;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.overlayContainer:hover .overlay {
  height: 100%;
}

.overlayText {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  border: 1px solid white;
  padding: .5em 1em;
}
.overlayText:hover {
  background: black;
}

.overlayContainer img {
  display: block;
  width: 100%;
  height: auto;
}


.body_1 .callout {border-color: transparent; background: transparent; padding: 0;}

/* added by dp in an effort to fix the banner slider from hiding the menu */
.header-menu-new ul li { z-index: 10000;}
.header-menu-new ul li ul li {
        z-index: 10000;
    }
    
    .from-left { transition: none !important; }
    
    
    /* SOME LOGO FIXES */
.nmhu_header-logo a img {    
    position: absolute;
    top: 10px;
    left: 50px;
    max-width: 250px;
    z-index: 10;
    /* border: 0px solid #00757b; */
}
/* Hide Slider under 844px (iPhone 12 Horizontal Width) */
@media (max-width:844px) {
    .nmhu_banner-slider { display: none !important; }
}
@media (max-width:500px) { 
    .nmhu_header-logo a img {    
        top: 10px;
        left: 10px;
        max-width: 190px;    
    }
}
 @media only screen and (max-width:844px) {
    .nmhu_slideshow-container { min-height: calc(70vh - 80px) !important; }
    .pagetitle { margin: 0 !important; }
    .mobile-burger { display: block !important; }
    .nmhu_header-navigation { display: none !important; }
}

@media (min-width:500px) and (max-width:844px) { 
    .nmhu_slideshow-container { min-height: calc(85vh - 80px) !important; }
    .page { top: 60px; }
    .nmhu_header-logo a img {    
        top: 25px;
        left: 35px;
        max-width: 150px;    
    }
}

@media (max-width:500px) { 
    .nmhu_slideshow-container { min-height: calc(50vh - 80px) !important; }
    .nmhu_banner-container h2 { padding: 50px 0px 0px 6px !important; }
    .nmhu_banner-subcontainer { padding-top: 0px !important; }
    .nmhu_header-logo a img {    
        top: 8px;
        left: 8px;
        max-width: 125px;    
    }
    .page { top: 15px; }

}

@media only screen and (min-width: 768px)
.nmhu_banner {
    max-height: calc(50vh - 80px);
    width: 100%;
    /*min-height: 150px;*/
}