@charset "UTF-8";
/* CSS Document */
/* Header */
body {
  background: #f1ebe2;
}
@font-face {
  font-family: "OpenSansRegular";
  src: url('../fonts/OpenSans-Regular-webfont.eot');
  src: url('../fonts/OpenSans-Regular-webfont.eot?iefix') format('eot'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
}
@font-face {
  font-family: "OpenSansItalic";
  src: url('../fonts/OpenSans-Italic-webfont.eot');
  src: url('../fonts/OpenSans-Italic-webfont.eot?iefix') format('eot'), url('../fonts/OpenSans-Italic-webfont.woff') format('woff'), url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
}
@font-face {
  font-family: "OpenSansSemiBold";
  src: url('../fonts/OpenSans-Semibold-webfont.eot');
  src: url('../fonts/OpenSans-Semibold-webfont.eot?iefix') format('eot'), url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
}
@font-face {
  font-family: "OpenSansSemiBoldItalic";
  src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot');
  src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot?iefix') format('eot'), url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
}
@font-face {
  font-family: "OpenSansBold";
  src: url('../fonts/OpenSans-Bold-webfont.eot');
  src: url('../fonts/OpenSans-Bold-webfont.eot?iefix') format('eot'), url('../fonts/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
}
@font-face {
  font-family: "OpenSansBoldItalic";
  src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
  src: url('../fonts/OpenSans-BoldItalic-webfont.eot?iefix') format('eot'), url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
}
body p, dd, body li {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  color: #574c3d;
  font-size: 0.95rem;
}

dl.transcript dt {
    font-family: "OpenSansBold", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
	color: #b5863e;
}

.usa-header--basic {
  background-color: transparent !important;
}
.column-teaser img {
  border: 6px solid #f7f3ed;
  -moz-box-shadow: 0px 0px 12px #d0c9be;
  -webkit-box-shadow: 0px 0px 12px #d0c9be;
  -o-box-shadow: 0px 0px 12px #d0c9be;
  box-shadow: 0px 0px 12px #d0c9be;
}
.column-feature img, img.column-feature {
  border: 8px solid #f7f3ed;
  box-shadow: 0px 0px 16px #d0c9be;
}

footer {
  background-color: #e1d8cb !important;
}

@media (max-width: 879px) {
  #nv-home #mainheader {
    background-image: none;
  }
}
.mainnav {
  background-color: #86201E;
}
@media (min-width: 1024px) {
  .usa-nav__primary > .usa-nav__primary-item > a {
    color: #D9C08C !important;
    font-weight: 500;
  }
	
	 .usa-nav__primary > .usa-nav__primary-item > a.active {
    color: #fff !important;
    font-weight: 500;
  }
	
  .usa-search .usa-button {
    background-color: #fff !important;
  }
  .fas.fa-search {
    color: #86201E;
  }
  .usa-search.usa-search--small {
    margin-top: 0.4rem;
  }
  .usa-search [type="submit"] {
    height: 1.87rem;
    margin-top: 1px;
  }
}

.insertfooter p, .insertfooter a {
  color: black !important;
}

/* Homepage Main */
#nv-home #mainheader {
  background-image: url("../images/homepage/home_top_image_2.jpeg");
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #D9C08C;
}



#nv-home .column-feature a > h2 {
  font-family: "OpenSansSemiBold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 1.28em;
  letter-spacing: 0.15em;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
#nv-home .column-feature a > h2.timeline {
  color: #308576;
}
#nv-home .column-feature a > h2.exhibition {
  color: #b5863e;
}
#nv-home .feature-footer {
  width: 68px;
  height: 9px;
  margin-top: 1rem;
  background: url(../images/homepage/home_arrows.png) 0px 0px no-repeat;
}
#nv-home .feature-footer-welcome {
  background-position: 0px -18px;
}
#nv-home .feature-footer-timeline {
  background-position: 0px -18px;
}
#nv-home .teaser-feature h3 a, h2.exhibition {
  font-family: "OpenSansBold", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 0.45em;
  text-transform: uppercase;
  letter-spacing: 0.08em;

}

#nv-home .teaser-feature h3 a {  
	color: #87201e;
  line-height: 0.3;}


#nv-home .teaser-feature p {
  font-size: 0.9rem;
  margin: 0.7rem 0;
}
#nv-home .acknowledgements-container .acknowledgements-button .title {
  font-family: "OpenSansItalic", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  font-size: 0.86em;
  letter-spacing: 0.1em;
  color: #87201e;
  display: block;
}
#nv-home .acknowledgements-container .acknowledgements-button .sub {
  font-family: "OpenSansItalic", Arial, Helvetica, sans-serif;
  font-style: italic;
  font-size: 0.86em;
  letter-spacing: 0.05em;
  color: #574c3d;
  display: block;
}
#nv-home .acknowledgements-container .acknowledgements-button {
  border: 4px solid #f1ebe2;
  -moz-box-shadow: 0px 0px 8px #d0c9be;
  -webkit-box-shadow: 0px 0px 8px #d0c9be;
  -o-box-shadow: 0px 0px 8px #d0c9be;
  box-shadow: 0px 0px 8px #d0c9be;
  border-radius: 6px / 6px;
  margin: 0 auto;
  background-color: #dfd6c7;
}
/* SUB-SECTIONS */
h1.accessibility {
  position: absolute;
  left: -9999px;
}


/* SIDE NAVIGATION */

nav.acnav a.active {
  background-color: transparent!important;
  border-left: none !important;
	padding-left: 0;
  margin-left: 0;
}

.acnav .arrow {
  border: solid #00000085;
  border-width: 0 2px 2px 0;
  padding: 3px;
	margin-right: 3px;}

.acnav.natvo .acnav__list--level2 a {
  color: #231f20 !important;
  font-family: "OpenSansBold";
  font-weight: normal;
  font-size: 0.9em;
}

nav.acnav.natvo .acnav__list--level2 a.active {
  color: #b5863e !important;
}

nav.acnav.natvo .acnav__list--level3 a {
  color: #574c3d !important;
font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
}

nav.acnav.natvo .acnav__list--level3 a.active {
  color: #87201E !important;
	 font-family: "OpenSansBold", Arial, Helvetica, sans-serif;
}

li.no-children {
  padding-left: 0.8em;
}

.section-healing-ways.section-active {
background: url("../images/exhibition/healing-voices-Y.jpg") no-repeat 0px 0px;
	height: 72px;
}
.section-healing-ways.section-notactive {
background: url("../images/exhibition/healing-voices.jpg") no-repeat 0px 0px;
	height: 72px;
}

.section-healing-ways.section-notactive:hover {
background: url("../images/exhibition/healing-voices-Y.jpg") no-repeat 0px 0px;
	height: 72px;
}

.section-hokulea.section-active {
background: url("../images/exhibition/hokulea-Y.jpg") no-repeat 0px 0px;
	height: 72px;
}
.section-hokulea.section-notactive {
background: url("../images/exhibition/hokulea.jpg") no-repeat 0px 0px;
	height: 72px;
}

.section-hokulea.section-notactive:hover {
background: url("../images/exhibition/hokulea-Y.jpg") no-repeat 0px 0px;
	height: 72px;
}
.section-healing-totem.section-active {
background: url("../images/exhibition/healing-totem-Y.jpg") no-repeat 0px 0px;
	height: 72px;
}
.section-healing-totem.section-notactive {
background: url("../images/exhibition/healing-totem.jpg") no-repeat 0px 0px;
	height: 72px;
}

.section-healing-totem.section-notactive:hover {
background: url("../images/exhibition/healing-totem-Y.jpg") no-repeat 0px 0px;
	height: 72px;
}

.section-art-gallery.section-active {
background: url("../images/exhibition/art-gallery-Y.jpg") no-repeat 0px 0px;
	height: 72px;
}
.section-art-gallery.section-notactive {
background: url("../images/exhibition/art-gallery.jpg") no-repeat 0px 0px;
	height: 72px;
}

.section-art-gallery.section-notactive:hover {
background: url("../images/exhibition/art-gallery-Y.jpg") no-repeat 0px 0px;
	height: 72px;
}


.acnav__label {
  border-top: 1px solid #e1dbd1;
  padding: 8px 0 8px 0;
}

@media (min-width: 1024px) {
  #mainheader {
    background-image: url("../images/header/top_image_2.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #D9C08C;
  }
  .head_sub {
    font-size: 1.2rem;
  }
}
@media (max-width: 1023px) {
  #mainheader, #nv-home #mainheader {
    background-image: none;
    background-color: #D9C08C;
  }
}


@media (max-width: 639px)	{
	#nv-home #mainheader img {
  max-width: 230px;
  margin-top: 30px;
}
}
/* EXHIBITION */

#exhibition h1 {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  color: #b5863e;
  font-size: 45px;
  font-weight: 400 !important;
}

#exhibition h2 {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  color: #b5863e;
  font-size: 30px;
  font-weight: 400 !important;
}

#exhibition p.intro {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: italic;
  font-size: 1.1em;
  line-height: 1.6em;
  color: #231f20;
}
.exhibit-name {
  font-family: "OpenSansBoldItalic", Arial, Helvetica, sans-serif;
}
#exhibition .column-feature a > h2 {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.23em;
  letter-spacing: 0.1em;
  color: #87201e;
}
#exhibition .column-teaser a > h2 {
  color: #308576;
}

#exhibition .column-teaser h2 {
font-family: "OpenSansBold", Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 0.93em;
  text-transform: uppercase;
  letter-spacing: 0.08em;	
}

#exhibition .column-teaser p{
	font-size: 0.93em;
  color: #574c3d;
	}
#exhibition .image-card {
	border-bottom-left-radius: 6px 6px;
	border-bottom-right-radius: 6px 6px;
  background: #e1dbd1;
	
}

.bg-photo > a > img {
  display: block;
  margin: auto !important;
}

a.usa-breadcrumb__link, .usa-breadcrumb__list-item {
  font-size: 0.9rem !important;
}

.usa-breadcrumb {
  background-color: transparent !important;
}

hr.heavy.gold {
	height: 4px;
  background: #b5863e;
  border: 0;
	
}


h2.exhibition a, #exhibition .column-teaser h2 a {
	 color: #b5863e !important;
	font-size: 1rem;
	text-transform: uppercase;
}
.bg-photo {
	background-color: #e1dbd1;
}

.tribes a {
  color: #8b0a03 !important;
  font-weight: bold;
}

@media (min-width: 350px){
.next-link {
  background-color: #e1d8cb;
  border:3px solid #fff;
}
}


#player_one {
  width: 100%;
}

@media (max-width: 1090px){
	.next-link {
  font-size: 11px !important;
}
}


/* INTERVIEWS */


.section-theme.section-active {
background: url("../interviews/images/theme-a.jpg") no-repeat 0px 0px;
	height: 72px;
}
.section-theme.section-notactive {
background: url("../interviews/images/theme.jpg") no-repeat 0px 0px;
	height: 72px;
}
.section-theme.section-notactive:hover {
background: url("../interviews/images/theme-a.jpg") no-repeat 0px 0px;
	height: 72px;
}
.section-name.section-active {
background: url("../interviews/images/name-a.jpg") no-repeat 0px 0px;
	height: 72px;
}
.section-name.section-notactive {
background: url("../interviews/images/name.jpg") no-repeat 0px 0px;
	height: 72px;
}
.section-name.section-notactive:hover {
background: url("../interviews/images/name-a.jpg") no-repeat 0px 0px;
	height: 72px;
}
.section-region.section-active {
background: url("../interviews/images/region-a.jpg") no-repeat 0px 0px;
	height: 72px;
}
.section-region.section-notactive {
background: url("../interviews/images/region.jpg") no-repeat 0px 0px;
	height: 72px;
}
.section-region.section-notactive:hover {
background: url("../interviews/images/region-a.jpg") no-repeat 0px 0px;
	height: 72px;
}