/* General */

/* * {
font-family: Noto Sans, Helvetica, Arial, sans-serif;
}

h1, .h1, h2, .h2, h3, .h3, h4, .site-title h1, .h4, h5, .preview-block h4, .preview-block .site-title h1, .site-title .preview-block h1, .h5, h6, .h6 {
font-family: font-family: Noto Serif, Helvetica, Arial, sans-serif;
}*/

h3{
font-size: 0.9375rem;
}

h4{
font-family: 'Noto Sans', sans-serif;
font-size: small;

}

body {
background-color:#fff;
font-family: Noto Sans, Helvetica, Arial, sans-serif;
}

h1.site-title {
margin-left: 10px;
}

.lg-backdrop {
background-color: #e6e6e6;
}

a {
color:#0073e4;
}
a:hover, a:active {
text-decoration:underline;
}

a.site-title:hover, a.site-title:active {
text-decoration:none;
}

.title {
font-size: large;
font-family: Noto Serif, Helvetica, Arial,sans-serif;
color:#fff;
}

#content .title {
font-size: large;
font-family: Noto Serif, Helvetica, Arial,sans-serif;
color:#036;
}

.site-title h1 {
padding-left: 15px;
font-family: Noto Serif, Helvetica, Arial,sans-serif;
}

.site-title a {
color:#fff;
}

.site-title a:hover {
color:#fff;
text-decoration:none;
}

h4{
font-size: medium;
margin-bottom: 0;
font-weight: 600;
}


/* Hero */
.hero-container {
left: 50%; 
margin-left: -50vw; 
margin-right: -50vw; 
max-width: 100vw; 
position: relative; 
right:50%; 
width:100vw;
margin-top:-2rem;
}

@media print, screen and (max-width: 39.99875em){ .hero-container {
margin-top:-1rem;
}
}

.hero-image{
  background-image: linear-gradient(rgba(0, 51, 102, 0.4), rgba(0, 51, 102, 0.9)),url("https://omeka.hpc.fau.edu/files/original/90a2f90aeabc4b18a0f15e850286c2679b6667aa.jpg");
min-height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
	width: 100%;max-width: none; 
}

@media print, screen and (max-width: 39.99875em){ .hero-image{
max-height: 500px;
}
}

.hero-text {
position: absolute;
text-align: center;
color:#fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hero-text button {
background: #0073E4;
color:#fff;
margin-top: 15px;
padding: 15px;
}

.hero-text button:hover {
background: #007bff;
}


/* Featured */
.cell {
width: 100%;
}

.featurebox img {
height: 100%; width: 100%; object-fit: contain;
}

.featuretext {
color: #434242;
line-height: normal;
}

.featuring {
font-size: xx-large;
line-height: normal;
font-family: Noto Serif, Helvetica, Arial,sans-serif;
}

@media print, screen and (max-width: 39.99875em){ .featuring {
font-size: x-large;
}
}

.featurebox {
border: 1px solid #BFBFBF;
	padding:0;
	margin: 1em;
}
.featuretext {
	padding: .5rem 1rem .5rem 1rem;
}

.image.fit {
	display: block;
    margin: 0;
    width: 100%;
}


/* Top Nav and Toggle Left Nav */

.top-bar,.top-bar ul {
background-color:#003366;
}
.top-bar ul a, {
background-color: #003366;
color:#fff;
text-decoration:none;
}

.title-bar button {
color:#fff;
}

.off-canvas {
background:#003366;
}



/* Left Nav */
.wide.sub-menu li a {list-style: none; border-color:#003366; color:#003366; border-width: 0; border-style: solid; border-bottom-width: 1px;}
.wide.sub-menu li a:hover {font-weight:bold;color:#0073e4;}
.wide.sub-menu li a:active {font-weight:bold;color:#0073e4;} 



/* Exhibit Page Boxes */
.exhibitbox {
display: flex;
padding:1rem;
}

.flex-row {
-ms-flex-direction: row!important;
flex-direction: row!important;
}
	
.image-section {
position: relative; 
flex: 0 0 49%; 
display: flex;
}
.image-section img {
 object-fit: cover;
}

.text-section { 
background: #d9ecff; 
flex: 0 0 51%;
display: flex;
flex-direction: column;
 justify-content: center;
padding:2rem;
}


.site-page-pagination{
display: none;
}

/* Footer */
footer{background-color: #003366; width: 100%;max-width: none; color: white; padding: 5rem 2rem;}

.footerimg {width:70%; padding:.5em;}

@media print, screen and (max-width: 64em){.footerimg{width:75%;padding:1em;}}

body.vertical-menu footer{background-color:#fff;max-width:none;width:100%;margin:0;padding:1rem;min-height:10vh}
@media print, screen and (min-width: 64em){body.vertical-menu footer{width:calc(100% - 16.66667%);margin-left:16.66667%}
}