/****
@font-face
- Lato
light
regular
bold
*****/
/* Lato Regular */
@font-face {
	font-family: 'latoregular';
	src: url('/_resources/fonts/lato-regular-webfont.eot');
	src: url('/_resources/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/_resources/fonts/lato-regular-webfont.woff2') format('woff2'), url('/_resources/fonts/lato-regular-webfont.woff') format('woff'), url('/_resources/fonts/lato-regular-webfont.ttf') format('truetype'), url('/_resources/fonts/lato-regular-webfont.svg#latoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Lato Light */
@font-face {
	font-family: 'latolight';
	src: url('/_resources/fonts/lato-light-webfont.eot');
	src: url('/_resources/fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('/_resources/fonts/lato-light-webfont.woff2') format('woff2'), url('/_resources/fonts/lato-light-webfont.woff') format('woff'), url('/_resources/fonts/lato-light-webfont.ttf') format('truetype'), url('/_resources/fonts/lato-light-webfont.svg#latolight') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Lato Bold */
@font-face {
	font-family: 'latobold';
	src: url('/_resources/fonts/lato-bold-webfont.eot');
	src: url('/_resources/fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/_resources/fonts/lato-bold-webfont.woff2') format('woff2'), url('/_resources/fonts/lato-bold-webfont.woff') format('woff'), url('/_resources/fonts/lato-bold-webfont.ttf') format('truetype'), url('/_resources/fonts/lato-bold-webfont.svg#latobold') format('svg');
	font-weight: normal;
	font-style: normal;
}
/****
Mixins & Variables
- font weights
- colours
*****/
/* font weights */
p .highlight {
	font-family: latobold, arial, helvetica, sans-serif;
}
/* colours */
/****
Typography styles
- headings
paragraph
highlight colours
*****/
h1 {
	font-size: 40px;
	font-family: latolight, arial, helvetica, sans-serif;
	font-weight: bold;
}
h2 {
	font-size: 25px;
	font-family: latolight, arial, helvetica, sans-serif;
	font-weight: bold;
}
h3 {
	font-size: 20px;
	font-family: latolight, arial, helvetica, sans-serif;
}
h4 {
	font-size: 16px;
	font-family: latolight, arial, helvetica, sans-serif;
}
h5 {
	font-size: 14px;
	font-family: latolight, arial, helvetica, sans-serif;
}
p {
	font-size: 14px;
	font-family: latoregular, arial, helvetica, sans-serif;
	margin-bottom: 40px;
}





h1, h2, h3, h4, h5, p{ color: #000; }
/* headings */

.secondary-header{
	padding: 0 0 10px 0;
	margin-top: 25px;
	margin-bottom: 20px;
	font-family: latobold, arial, helvetica, sans-serif;
	border-bottom: solid 1px #d6d2d5;
}
.small-text{ font-size: 11px; }
/*****
colours
*****/
@usu-blue {
	background: #0e243a;
}
/*****
body
*****/
body {
	background: #717180;
	font-family: latoregular, arial, helvetica, sans-serif;
}
.hidden-accessible{text-indent:-9999px;position:absolute;left:-9999px}.accessible-placeholder:focus,.hidden-accessible:focus,.accessible-placeholder:hover,.hidden-accessible:hover{text-indent:0;left:0}
header, main { background: #f7f8f8; }
#global-header{ font-size: 12px; }
main{ padding-bottom: 40px; }
.inner-wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	outline: solid 1px #f00;
}
.nav-ul {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
.nav-hidden-text,
.ui-icon-closethick{
	width: 1px;
	height: 1px;
	clip: rect(0, 0, 0, 0);
	overflow: hidden;
	position: absolute;
}

/*****
header
- logo
- primary nav
- home page nav
*****/
/* main header wrapper */
.header-wrapper {
	position: relative;
	z-index: 10;
}
/* nehma header */
.nehma-header {
	border-bottom: solid 1px #000;
}
.header-hover {
	position: relative;	
}
.header-left {
	position: absolute;
	width: 79%;
	height: 122px;
	z-index: 200;
}
.header-left.hover {
	background-image: url("/ou-images/images/banner-background_logohover.png");
	background-repeat: no-repeat;
	background-size: 100% 122px;
}
.header-left:hover {
	background-image: url("/ou-images/images/banner-background_logohover.png");
	background-repeat: no-repeat;
	background-size: 100% 122px;
	z-index: 20;
}
.header-right {
	position: absolute;
	width: 33%;
	height: 122px;
	right: -50px;
	z-index: 200;
}
.header-right.hover{
	background-image: url("/ou-images/images/banner-background_menuhover.png");
	background-repeat: no-repeat;
	background-size: 237% 122px;
}
.header-right:hover{
	background-image: url("/ou-images/images/banner-background_menuhover.png");
	background-repeat: no-repeat;
	background-size: 237% 122px;
	z-index: 20;
}
.nehma-header-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px 0 15px;
	/*outline: solid 1px #f00;*/
	z-index: 10;
	position: relative;
	padding-left: 25px;
}
/* usu/nehma 70/30 logo */
.usu-nehma-logo {
	margin: 20px 0;
}
/** primary nav **/
.primary-nav-toggle{
	position: absolute;
	right: 0;
	top: 0;
	width: 44px;
	height: 35px;
	/*float: right;*/
	margin-top: 23px;
	margin-right: 20px;	
}
.nav-button{
	display: block;
	height: 100%;
	background: url(/_resources/images/menu_sprite.svg) 0 0 no-repeat;
	background-position:left -37px;
	background-size: 90px;
	position: relative;
	z-index: 10000;
}
.nav-button:hover{background-position:left -1px;}

.close-icon{
	background-position: -45px -72px;
	background-size: 90px;
}
.close-icon:hover{background-position: -45px 0px;}

/* Home Nav */
/** primary nav **/
body.home .primary-nav-toggle{
	position: absolute;
	right: 0;
	top: 0;
	width: 44px;
	height: 35px;
	/*float: right;*/
	margin-top: 23px;
	margin-right: 20px;	
}
body.home .nav-button{
	display: block;
	height: 100%;
	background: url(/_resources/images/menu_sprite.svg) 0 0 no-repeat;
	background-position:left -73px;
	background-size: 90px;
	position: relative;
	z-index: 10000;
}
body.home .nav-button:hover{background-position:left -1px;}

body.home .close-icon{
	background-position: -45px -71px;
	background-size: 90px;
}
body.home .close-icon:hover{background-position: -45px 1px;}


/*.primary-nav-toggle:hover{ background-position: 0 -33px; }*/
.ui-dialog-titlebar{
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
.ui-dialog-title{ display: none; }
.ui-dialog-titlebar-close{
	width: 44px;
	height: 33px;
	background: url(/_resources/images/menu_sprite.svg) -45px -33px no-repeat;
	background-size: 90px;
	position: absolute;
	top: 84px;
	right: 0;
	z-index: 1500;
}
.primary-nav-wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 202px 0 0 0;
	background: rgba(0,0,0,.8);
	position: absolute;
	top: 40px;
	left: 0;
	/*z-index: 1001;*/
}
.primary-nav-ul {
	width: 40%;
	font-family: latolight, arial, helveticaneuelight, sans-serif;
	font-size: 24px;
	list-style: none;
	list-style-image: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.primary-nav-item { display: block; }
.primary-nav-item a{
	display: block;
	padding: 3px 0;
	text-align: center;
	border-bottom: solid 1px #666570;
	color:#d6d1d5;
}
.primary-nav-item a { color: #fff; }
.primary-nav-item a:hover {
	font-family: latoregular, arial, helvetica, sans-serif;
	border-bottom: solid 1px #fff;
	text-decoration: none;
}
/*
.primary-nav-item .nehma-events:hover { color: #e75c25; }
.primary-nav-item .nehma-exhibitions:hover { color: #febc16; }
.primary-nav-item .nehma-education:hover { color: #a04299; }
.primary-nav-item .nehma-collections:hover { color: #4ab649; }
.primary-nav-item .nehma-visit:hover { color: #53b0e0; }
*/
/** secondary nav **/
/*hover color styles for the secondnav on the main page*/
.second-nav-color li:first-child:hover a{
	color:#E95C26
}
.second-nav-color li:nth-child(2):hover a{
	color:#FEBC14;
}
.second-nav-color li:nth-child(3):hover a{
	color:#A04198;
}
.second-nav-color li:nth-child(4):hover a{
	color:#46B749;
}
.second-nav-color li:nth-child(5):hover a{
	color:#52B0E0;
}

/*.secondary-nav {
float: right;
}*/

.home-nav-wrapper {
	position: absolute;
	width: 100%;
}
#blacknehmalogo{
	display:block;
}
#whitenehmalogo{
	display:none;
}


body.navExpanded .home-nav-wrapper{
	display:none;
}

body.navExpanded #blacknehmalogo{
	display:none;
}
body.navExpanded #whitenehmalogo{
	display:block; 
}


.home-nav-wrapper .primary-nav-ul {
	width: 100%;
	max-width: 1350px;
	margin: auto;
}
.home-nav-wrapper li {
	display: inline-block;
	width: 16%;
}
.home-nav-wrapper a {
	color: #d6d1d5;
	cursor: pointer;
}
.nav-title {
	float: left;
}
/*
.primary-header-button {
position:relative;
width: 100px;
height: 50px;
border-left: 3px solid #428bca;
-webkit-transform: skew(-37deg);
-moz-transform: skew(-37deg);
-o-transform: skew(-37deg);
display:inline-block;
text-decoration: none;

}

.primary-header-text:hover {
background-color: #428bca;
}

.primary-header-text {
position: absolute;
left: 80px;
width: 200px;
height: 120px;
border-left: 3px solid #428bca;

}
*/
/*****
home page
- header
- banner
*****/
main.home{
	padding: 0;
}
.home header{ background: none; }
.home .nehma-header { border-bottom: solid 1px #fff; }
.home .nehma-header:before {
	width: 100%;
	height: 650px;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: -1;
	content: '';
	background: -moz-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 65%);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 65%);/* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 65%);/* IE10+ */
	background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0) 65%);/* W3C */
}
.banner-wrapper {
	position: relative;
	margin-top: -123px;
	margin-left: 0;
	margin-right: 0;
}
.banner-image img {
	width: 100%;
	max-width: 100%;
	/* height: auto;*/
	/*position: relative;
	top: 0;
	left: 0;*/
	z-index: 1;
	vertical-align: top;
}

/* vertical-align: top removes the space on top and everything else just pushes up */
/* use when the banner text is position absolute */
.banner-text-wrapper{
	max-width: 1200px;
	margin: auto;
	position: relative;
}


/*.caption-wrapper:before*/
.banner-text:before{
	/* settings with no angle */
	/*
	width: 400%;
	left: -100%;
	height: 110px;
	*/
	content: '';
	/*z-index: 15;*//* use when on the caption-wrapper */
	z-index: -1;
	position: absolute;
	bottom: -5px;
	
	/* sets the skew and angle */
	/*width: 120%;
	height: 110px;*/
	/*left: -10%; */
	
	/* use when the banner text is position absolute */
	width: 120%;
	min-height: 120%;
	left: 0;
	right: auto;
	
	
	-webkit-transform: translateX(-30%) skew(55deg);
	transform: translateX(-30%) skew(55deg);
	box-shadow: inset 2px 20px 30px rgba(0,0,0,.3); /* gives effect of vertical gradient */
	background: -webkit-linear-gradient(left,rgba(0,0,0,.1),rgba(0,0,0,.5));
	background: -o-linear-gradient(right,rgba(0,0,0,.1),rgba(0,0,0,.5));
	background: -moz-linear-gradient(right,rgba(0,0,0,.1),rgba(0,0,0,.5));
	background: linear-gradient(to right, rgba(0,0,0,.1), rgba(0,0,0,.5));
	/* original gradient */
	/*
	background: -webkit-linear-gradient(left,rgba(0,0,0,.3),rgba(0,0,0,.9));
	background: -o-linear-gradient(right,rgba(0,0,0,.3),rgba(0,0,0,.9));
	background: -moz-linear-gradient(right,rgba(0,0,0,.3),rgba(0,0,0,.9));
	background: linear-gradient(to right, rgba(0,0,0,.3), rgba(0,0,0,.9));
	*/
}

/* vertical gradient from top to bottom */
/*
.banner-text:after{
	width: 120%;
	min-height: 120%;
	content: '';
	z-index: -1;
	position: absolute;
	bottom: 0;
	left: 0;
	right: auto;
	-webkit-transform: translateX(-30%) skew(55deg);
	transform: translateX(-30%) skew(55deg);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.3) 33%, rgba(0,0,0,0.1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 33%,rgba(0,0,0,0.1) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 33%,rgba(0,0,0,0.1) 100%);
}
*/
.banner-text{
/*
	padding: 10px 0 10px 25px ;
	width:548px;
	height: 152px;*/
	position: absolute;
	bottom: 0px;
	z-index: 35;
	left: 0;
	/*color: #fff;*/
	/*height: 152px;*/
	min-height: 50px;
	max-width: 1200px;
	min-width: 990px;
    /*margin: 0 auto;*/
    padding: 0 15px 0 15px;
	color: #fff;
    z-index: 30;
    /*position: relative;*/
	
    padding-left: 25px;
}
.banner-text h1,
.banner-text h3 {
	margin: 0;
	padding: 0;
	color: #fff;
	/*max-width: 760px;*/
}

.banner-text h1{ font-size: 32px; }
.banner-text h4{ color: #ffffff; }/*replaced with white  original color #e75c25*/

.hide-caption-button {
	color: #d6d1d5;
}
.hide-caption-button:hover {
	cursor:pointer;
}
.banner-wrapper .hidden-caption:before {
	height: 22px;
}
.hidden-caption .hide-caption-button {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
}
.hide-inner-content h1, .hide-inner-content h2, .hide-inner-content h3, .hide-inner-content h4 {
	display: none;
}
.hide-caption-button .glyphicon.glyphicon-chevron-down, .hide-caption-button .glyphicon.glyphicon-chevron-up {
	padding-left: 5px;
	font-size: small;
}
/* carousel indicators */
.banner-wrapper .carousel-indicators .active {
	margin-left: -.3em;
	border: 1px solid #fff;
	background-color: #fff;
}
.banner-wrapper .carousel-indicators li {
	display: block;
	margin-left: -.2em;
	background-color: #717180;
	border: 1px solid #717180;
	margin-top: 1em;
	margin-bottom: 1em;

}
.banner-wrapper .carousel-indicators {
	text-align: center;
	bottom: 50%;
	margin-bottom: 0;
	padding: 1em;
	width: 0%;
	left: auto;
	right: 0;
	background-color: rgba(0, 0, 0, 0.6);
}

body.navExpanded .carousel-indicators{display:none;}
/*****

Directory Styling

*****/
.individual h4 {
	font-family: latobold, arial, helvetica, sans-serif;
}
.individual img {
	width: 100%;
}
.faculty-info-container{
	padding:30px;
}
.individual .faculty-info-container {
	background-color: #d6d1d5;
	color: #000000;
	display: inline-block;
	width: 100%;
	max-height: 170px;
	float: left;
	margin-bottom: 30px;
}


/*****
exhibition page
- section nav
- exhibition grid
- side nav
- exhibition details
*****/
/*[class*="column"] { outline: solid 1px #f00; }*/
/* section nav */
/*
div.exhibitions ul{
margin-bottom: 2px;
}
div.exhibitions .primary-header-button:hover {
background-color: #fce388;
}
div.exhibitions .primary-header-button-wrapper{
border-left: 2px solid #fce388;
}
.page-title.exhibitions{
border: solid 2px #fce388;
}
*/
.exhibitions .page-title ul{
	margin-bottom:0;
}
.section-nav-wrapper{
	border: solid 1px #d6d2d5;
	margin-bottom: 40px;
}
.section-title{
	font-family: latolight, HelveticaNeue-Light, Helvetica Neue Light, arial, sans-serif;
	font-size: 50px;
	line-height: 1;
	margin: 0;
	padding: 20px;
}
.section-nav-ul{
	display: block;
	float: right;
	padding: 0;
	margin: 0;
}
.section-nav-item{
	display: inline-block;
	padding: 30px 30px 0 30px;
	font-family: latolight, HelveticaNeue-Light, Helvetica Neue Light, arial, sans-serif;
	font-size: 21px;
	color: #717180;
}
.section-nav-item a{ color: #717180; }
.section-nav-item a.active{
	font-family: latobold, arial, helvetica, sans-serif;
	color: #000;
}
.exhibitions .section-nav-wrapper{ border-color: #febc11; }
.content.sub-page {
	max-width: 1200px;
	margin: 0 auto;
	/*outline: solid 1px #f00;*/
	padding: 20px;

}
.primary-column {
	padding-left: 0;
	padding-right: 30px;
}
/* exhibition grid wrapper */
.exhibitions-grid {
	margin-left: -2px;
}
/* exhibition grid item */
.exhibitions-grid-item {
	overflow: hidden;
	border: solid 2px #F7F8F8;
	padding: 0;
	position: relative;
	height: 290px;

}
/* exhibition grid item */
.exhibitions-grid-item-sm {
	border: solid 2px #F7F8F8;
	padding: 0;
	position: relative;
	height: 150px;

}
/*.exhibitions-grid-item img {
width: 100%;
max-width: 100%;
height: auto;
}*/
.exhibitions .ex-past img {
	width: 170px;
	height: 130px;
}
.exhibitions .big img {
	width:100%;


}

.exhibitions-grid-text {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding: 10px 10px 10px 20px;
	width:100%;
	color: #fff;
}

.exhibitions-grid-text:before {
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 50%, rgba(0,0,0,.9) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.9) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.9) 100%);
}

.exhibitions-grid-text h2,
.exhibitions-grid-text .event-title{
	color: #fff;
	padding: 0;
}
.exhibitions-grid-text h2{ margin: 0 0 10px 0; }
.exhibitions-grid-text .event-title{ margin: 0 0 10px 0; }
.exhibitions-grid-text .event-date{
	padding: 0;
	margin: 0 0 20px 0;
	color: #febc11;
}
.exhibitions-grid-item:before {
	width: 100%;
	height: 50%;
	margin-top: 149px;

	top: 0;
	left: 0;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);/* FF3.6+ */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);/* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);/* IE10+ */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);/* W3C */ 
}
.exhibitions-grid-text h2 a,
.exhibitions-grid-text .event-title a{
	color: #fff;
}
.exhibitions-grid-text .event-date a{ color: #fff; }
/* side nav */
ul.secondary-nav{ display: block; border-top: solid 4px #febc11; }
.secondary-nav-item{
	padding: 20px 0;
	border-bottom: solid 1px #d6d2d5;
}
.secondary-nav-item h3{
	padding: 0;
	margin: 0;
}
.secondary-nav-item a,
.secondary-nav-item a:hover{
	color: #717180;
}
.secondary-nav-item span{
	display: block;
	padding: 0;
	margin: 0;
	line-height: 1;
}
.secondary-nav-item .event-title{
	font-family: latobold, arial, helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 5px;
}
.secondary-nav-item .event-date{
	font-size: 12px;
	font-family: latolight, arial, helveticaneuelight, sans-serif;
}
.exhibition-photo{ border: solid 1px #d6d2d5; }
.exhibition-photo img{
	border-bottom: solid 1px #d6d2d5;
	max-width: 100%;
	height: auto;
}
.exhibition-photo-credits{ padding: 20px; margin: 0; }
.exhibition-photo-credits p { margin-bottom: 0; }
/**** Exhibition - Listing Navigation below large image ***/
div.exhibition-listing{
	padding-top:30px;
}
.exhibition-listing ul{
	padding-left:0;
}
.exhibition-listing li{
	float: right;
	background: #e7e1e5;
	/*margin-right: 45px;*/
	width: 45%;
	text-align:center;
}
.exhibition-listing li > a{
	text-decoration: none;
	display: block;
	position: relative;
	line-height: 40px;
	padding: 0 8px;
	color: #444;
}
.exhibition-listing li > a:before{
	content: '';
	position: absolute;
	border: 20px solid #f7f8f8;
	border-left-color: transparent;
	border-top-color: transparent;
	right: 100%;
	top: 0;
}
.exhibition-listing li > a:after{
	content: '';
	position: absolute;
	border: 20px solid #d6d1d5;
	border-right-color: transparent;
	border-bottom-color: transparent;
	left: 100%;
}
.exhibition-listing li:first-child > a {
	background: #d6d1d5;
}
.exhibition-listing li:first-child > a:hover {
	background: #fdbb15;
}
.exhibition-listing li:first-child > a:after {
	border-top-color: #d6d1d5;
	border-left-color: #d6d1d5;
}
.exhibition-listing li:first-child > a:hover:after {
	border-top-color: #fdbb15;
	border-left-color: #fdbb15;
}
.exhibition-listing li:last-child > a {
	background: #d6d1d5;
}
.exhibition-listing li:last-child > a:hover {
	background: #fdbb15;
}
.exhibition-listing li:last-child > a:before{
	border-right-color: #d6d1d5;
	border-bottom-color: #d6d1d5;
}
.exhibition-listing li:last-child > a:hover:before {
	border-right-color: #fdbb15;
	border-bottom-color: #fdbb15;
}
.exhibition-listing li:last-child > a:after {
	border: 0;
}
.exhibition-listing li:nth-child(2){
	margin-right:0;
}
/**** Exhibitions Past Accordion***/
.exhibitions .panel-group .panel-heading+.panel-collapse>.panel-body{
	border-top: 3px solid #febc11;
}
.exhibitions .panel{
	background: #f7f8f8;
}
.exhibitions .ex-past:before{
	background: #f7f8f8;
}
.exhibitions .ex-past{
	border:none;
	padding-bottom: 20px;
}
.ex-past .event-title{
	font-size:12px;
	padding-bottom: 8px;
	color: #707180;
}
.ex-past .event-title a{
	color: #707180;
}
.ex-past .event-date{
	font-size:12px;
}
.ex-past .event-date a{
	color: #707180;
}
.ex-past p{
	margin-bottom:0;
}
.ex-past-details{
	padding-left:0;
	padding-right:0;
}
.ex-past a{
	color:#000;
}
.ex-past h3{
	font-size: 18px;
	margin-bottom: 2px;
}
.nav-ul .secondary-nav-item a:hover{
	color: #febc11;	
}
.exhibitions .sub-page{
	padding-left:10px;
}
/* Padding for top Nav Exhibitions 
div.exhibitions .primary-header-button{
padding: 1.5em 3.5em;
}*/
/*Social Media Icons on Exhibitions Listing Pages*/
.exhibition-footer{
	float: right;
	padding-top: 20px;
	padding-right: 0;
}
.exhibition-footer .social-media-link{
	width: 41px;
	height: 41px;
}
.exhibition-footer .social-media-link .facebook:hover, .vimeo:hover, .exhibition-footer .social-media-link .twitter:hover {
	background-position: 0 41px;
}
.exhibition-footer .footer-social-media-item {
	padding: 0 6px;
}
.exhibition-footer .col-md-4{
	padding-top: 10px;
	font-size: 15px;
}
/*Multi-Edit region of Exhibitions*/
p.artName{
	font-style: italic;
}
/*Arrows added to dropdown menu for Past Exhibitions Page*/
a.collapsed .exhibition-arrow {
	display: inline-block;
	width: 12px;
	height: 13px;
	margin-left: 2px;
	vertical-align: middle;
	background: url("/ou-images/icons/Arrow_sprite.svg") 0 0;
	background-size: 200%;
}
.exhibition-arrow {
	display: inline-block;
	width: 12px;
	height: 13px;
	margin-left: 2px;
	vertical-align: middle;
	background: url("/ou-images/icons/Arrow_sprite.svg") 12px 0;
	background-size: 200%;
}


/*********************************************************************
/****          Social Past Accordion Test               ***/

.social .page-title ul{
	margin-bottom:0;
}
.section-nav-wrapper{
	border: solid 1px #d6d2d5;
	margin-bottom: 40px;
}
.section-title{
	font-family: latolight, HelveticaNeue-Light, Helvetica Neue Light, arial, sans-serif;
	font-size: 50px;
	line-height: 1;
	margin: 0;
	padding: 20px;
}
.section-nav-ul{
	display: block;
	float: right;
	padding: 0;
	margin: 0;
}
.section-nav-item{
	display: inline-block;
	padding: 30px 30px 0 30px;
	font-family: latolight, HelveticaNeue-Light, Helvetica Neue Light, arial, sans-serif;
	font-size: 21px;
	color: #717180;
}
.section-nav-item a{ color: #717180; }
.section-nav-item a.active{
	font-family: latobold, arial, helvetica, sans-serif;
	color: #000;
}
.social .section-nav-wrapper{ border-color: #febc11; }
.content.sub-page {
	max-width: 1200px;
	margin: 0 auto;
	/*outline: solid 1px #f00;*/
	padding: 20px;

}
.primary-column {
	padding-left: 0;
	padding-right: 30px;
}
/* exhibition grid wrapper */
.social-grid {
	margin-left: -2px;
}
/* exhibition grid item */
.social-grid-item {
	overflow: hidden;
	border: solid 2px #F7F8F8;
	padding: 0;
	position: relative;
	height: 290px;

}
/* exhibition grid item */
.social-grid-item-sm {
	border: solid 2px #F7F8F8;
	padding: 0;
	position: relative;
	height: 150px;

}
/*.exhibitions-grid-item img {
width: 100%;
max-width: 100%;
height: auto;
}*/
.social .ex-past img {
	width: 170px;
	height: 130px;
}
.social .big img {
	width:100%;


}

.social-grid-text {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding: 10px 10px 10px 20px;
	width:100%;
	color: #fff;
}

.social-grid-text:before {
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 50%, rgba(0,0,0,.9) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.9) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.9) 100%);
}

.social-grid-text h2,
.social-grid-text .event-title{
	color: #fff;
	padding: 0;
}
.social-grid-text h2{ margin: 0 0 10px 0; }
.social-grid-text .event-title{ margin: 0 0 10px 0; }
.social-grid-text .event-date{
	padding: 0;
	margin: 0 0 20px 0;
	color: #febc11;
}
.social-grid-item:before {
	width: 100%;
	height: 50%;
	margin-top: 149px;

	top: 0;
	left: 0;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);/* FF3.6+ */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);/* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);/* IE10+ */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);/* W3C */ 
}
.social-grid-text h2 a,
.social-grid-text .event-title a{
	color: #fff;
}
.social-grid-text .event-date a{ color: #fff; }
/* side nav */
ul.secondary-nav{ display: block; border-top: solid 4px #febc11; }
.secondary-nav-item{
	padding: 20px 0;
	border-bottom: solid 1px #d6d2d5;
}
.secondary-nav-item h3{
	padding: 0;
	margin: 0;
}
.secondary-nav-item a,
.secondary-nav-item a:hover{
	color: #717180;
}
.secondary-nav-item span{
	display: block;
	padding: 0;
	margin: 0;
	line-height: 1;
}
.secondary-nav-item .event-title{
	font-family: latobold, arial, helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 5px;
}
.secondary-nav-item .event-date{
	font-size: 12px;
	font-family: latolight, arial, helveticaneuelight, sans-serif;
}
.social-photo{ border: solid 1px #d6d2d5; }
.social-photo img{
	border-bottom: solid 1px #d6d2d5;
	max-width: 100%;
	height: auto;
}
.social-photo-credits{ padding: 20px; margin: 0; }
.social-photo-credits p { margin-bottom: 0; }

/**** Social - Listing Navigation below large image ***/

div.exhibition-listing{
	padding-top:30px;
}
.social-listing ul{
	padding-left:0;
}
.social-listing li{
	float: right;
	background: #e7e1e5;
	/*margin-right: 45px;*/
	width: 45%;
	text-align:center;
}
.social-listing li > a{
	text-decoration: none;
	display: block;
	position: relative;
	line-height: 40px;
	padding: 0 8px;
	color: #444;
}
.social-listing li > a:before{
	content: '';
	position: absolute;
	border: 20px solid #f7f8f8;
	border-left-color: transparent;
	border-top-color: transparent;
	right: 100%;
	top: 0;
}
.social-listing li > a:after{
	content: '';
	position: absolute;
	border: 20px solid #d6d1d5;
	border-right-color: transparent;
	border-bottom-color: transparent;
	left: 100%;
}
.social-listing li:first-child > a {
	background: #d6d1d5;
}
.social-listing li:first-child > a:hover {
	background: #fdbb15;
}
.social-listing li:first-child > a:after {
	border-top-color: #d6d1d5;
	border-left-color: #d6d1d5;
}
.social-listing li:first-child > a:hover:after {
	border-top-color: #fdbb15;
	border-left-color: #fdbb15;
}
.social-listing li:last-child > a {
	background: #d6d1d5;
}
.social-listing li:last-child > a:hover {
	background: #fdbb15;
}
.social-listing li:last-child > a:before{
	border-right-color: #d6d1d5;
	border-bottom-color: #d6d1d5;
}
.social-listing li:last-child > a:hover:before {
	border-right-color: #fdbb15;
	border-bottom-color: #fdbb15;
}
.social-listing li:last-child > a:after {
	border: 0;
}
.social-listing li:nth-child(2){
	margin-right:0;
}

.social .panel-group .panel-heading+.panel-collapse>.panel-body{
	border-top: 3px solid #49b749;
}
.social .panel{
	background: #f7f8f8;
}
.social .ex-past:before{
	background: #f7f8f8;
}
.social .ex-past{
	border:none;
	padding-bottom: 20px;
}
.ex-past .event-title{
	font-size:12px;
	padding-bottom: 8px;
	color: #707180;
}
.ex-past .event-title a{
	color: #707180;
}
.ex-past .event-date{
	font-size:12px;
}
.ex-past .event-date a{
	color: #707180;
}
.ex-past p{
	margin-bottom:0;
}
.ex-past-details{
	padding-left:0;
	padding-right:0;
}
.ex-past a{
	color:#000;
}
.ex-past h3{
	font-size: 18px;
	margin-bottom: 2px;
}
.nav-ul .secondary-nav-item a:hover{
	color: #febc11;	
}
.social .sub-page{
	padding-left:10px;
}

.social-footer{
	float: right;
	padding-top: 20px;
	padding-right: 0;
}
.social-footer .social-media-link{
	width: 41px;
	height: 41px;
}
.social-footer .social-media-link .facebook:hover, .vimeo:hover, .social-footer .social-media-link .twitter:hover {
	background-position: 0 41px;
}
.social-footer .social-social-media-item {
	padding: 0 6px;
}
.social-footer .col-md-4{
	padding-top: 10px;
	font-size: 15px;
}
/*Multi-Edit region of Exhibitions*/
p.artName{
	font-style: italic;
}
/*Arrows added to dropdown menu for Past Exhibitions Page*/
a.collapsed .social-arrow {
	display: inline-block;
	width: 12px;
	height: 13px;
	margin-left: 2px;
	vertical-align: middle;
	background: url("/ou-images/icons/Arrow_sprite.svg") 0 0;
	background-size: 200%;
}
.social-arrow {
	display: inline-block;
	width: 12px;
	height: 13px;
	margin-left: 2px;
	vertical-align: middle;
	background: url("/ou-images/icons/Arrow_sprite.svg") 12px 0;
	background-size: 200%;
}

/************************* END OF SOCIAL ***************************************************/


/*****
content pages
- visit
*****/

.visit-info-ul{
	display: block;
	list-style: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
}
.visit-info-item{
	width: 24%;
	display: inline-block;
	padding-right: 10px;
	vertical-align: top;
}
.visit-info-item p{ margin-bottom: 30px; }
.visit-twoColumn{
	padding-top:30px;
}
.visit-schedule-header{
	padding: 10px;
	font-family: latobold, arial, helvetica, sans-serif;
	border-top: solid 1px #52b2e5;
	border-bottom: solid 1px #52b2e5;
	margin-bottom: 50px;
	margin-top: 20px;
	text-align: center;
}
p.visit-schedule-text{
	transform: skewX(55deg);
	color: #000;
	text-decoration: none;
	z-index: 1;
	margin-bottom: 0px;
}
a.visit-schedule-button {
	display:inline-block;
	text-decoration: none;
	color: black;
	padding: 9px;
	padding-left: 35px;
	padding-right: 35px;
	transform: skewX(-55deg);
	margin:-7px 25px -7px 25px;
	outline: 1px solid #52b2e5 ;
	outline-offset: 3px;
}
a.visit-schedule-button:hover {
	background-color: #A0D5F2 ;
}
a.visit-schedule-button:after {
	content:"";
	position:absolute;
	display:inline-block;
	width: 0;
	height: 0;
	border-right:0px solid #52b1e2;
}
a.visit-schedule-button:before {
	content:"";
	position:absolute;
	display:inline-block;
	width: 10px;
	height: 10px;
	border-left:0px solid #52b1e2;
	left: -4px;
}


/** content pages images
*/
.photo-credit-img{
	width: 100%;
	margin: 0;
}

.img-border{
	width: 100%;
	height: auto;
	border: solid 1px #d6d2d5;
}


/*****
footer
- wrapper
- nehma footer-wrapper
- contact details
- social media links
- usu footer
*****/
/* footer wrapper */
.footer-wrapper {
	color: #fff;
}
footer p{ margin-bottom: 0; }
.nav-ul {
	display: inline-block;
	vertical-align: middle;
}
.nehma-footer {
	background: #000;
	padding: 30px 0 30px 0;
}
.nehma-footer-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
/* contact details */
.primary-contact p{ color: #d6d1d5; }
.primary-contact-item {
	display: inline-block;
	vertical-align: top;
	/*padding: 0px 20px 30px 20px;*/
	padding: 0px 15px 30px 15px;
}
.primary-contact-item .highlight {
	font-family: latobold, arial, helveticaneuelight, sans-serif;
}
.primary-contact-item .details {
	font-family: latolight, arial, helveticaneuelight, sans-serif;
}
.footer-nav {

	padding: 0;
	border-left: solid 1px #d6d1d5;
	border-right: solid 1px #d6d1d5;
}
.footer-nav-item {
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	margin: 0;
	font-family: latolight, arial, helveticaneuelight, sans-serif;
}
.footer-nav-item a {
	display: block;
	color: #d6d1d5;
}
.footer-nav-item a:hover {
	color: #fff;
}
.highlight {
	font-family: latobold, arial, helveticaneuelight, sans-serif;
}
/* social media links */
.footer-social-media-item {
	display: inline-block;
	padding: 0 5px;
}
.social-media-link {
	width: 51px;
	height: 51px;
	display: block;
}
.social-media-link .facebook,
.social-media-link .twitter,
.social-media-link .instagram,
.social-media-link .pinterest,
.social-media-link .newsletter,
.social-media-link .vimeo{
	width: 100%;
	height: 100%;
	display: block;
}
.social-media-link .facebook {
	background: url("/ou-images/icons/facebook_sprite.svg") 0 0;
	background-size: 100%;
}
.social-media-link .twitter {
	background: url("/ou-images/icons/twitter_sprite.svg") 0 0;
	background-size: 100%;
}
.social-media-link .instagram {
	background: url("/ou-images/icons/instagram_sprite.svg") 0 0;
	background-size: 100%;
}
.social-media-link .pinterest {
	background: url("/ou-images/icons/pinterest_sprite.svg") 0 0;
	background-size: 100%;
}
.social-media-link .newsletter {
	background: url("/ou-images/icons/newsletter_sprite.svg") 0 0;
	background-size: 100%;
}
.social-media-link .vimeo {
	background: url("/ou-images/icons/vimeo_sprite.svg") 0 0;
	background-size: 100%;
}
.social-media-link .facebook:hover,
.social-media-link .twitter:hover,
.social-media-link .instagram:hover,
.social-media-link .pinterest:hover,
.social-media-link .newsletter:hover,
.social-media-link .vimeo:hover{
	background-position: 0 51px;
}
.social-media-link .text {
	width: 1px;
	height: 1px;
	clip: rect(0, 0, 0, 0);
	overflow: hidden;
	position: absolute;
}
/*.footer-newsletter{
padding:0 32%;
}*/
/* footer logos */
.footer-logos {
	padding: 20px 0;
	text-align: center;
}
.footer-logos img {
	display: inline-block;
	margin: 0 30px;
}
/****

Styling for the visit page button or sub-page navigation

*****/
/** sub-page **/
.page-title,
.sub-page h1.page-title{
	font-family: latolight, arial, helveticaneuelight, sans-serif;
	border: solid 1px #52b2e5;
	line-height: 1;
	/*padding-right: 1.5em;*/
	display: inline-block;
	width: 100%;
}
/*
div.exhibitions ul{
margin-bottom: 2px;
}
div.exhibitions .primary-header-button:hover {
background-color: #fce388;
}
div.exhibitions .primary-header-button-wrapper{
border-left: 2px solid #fce388;
}
*/
.about .page-title{
	border: solid 1px #52b2e5;
}
.collections .page-title{
	border: solid 1px #49b749;
}
.exhibitions .page-title{
	border: solid 2px #fce388;
	margin-bottom: 42px;
}
.education .page-title {
	border: solid 1px #A04198;
}

/***** Page Nav Drop Down Hide****/
.dropdown{
	display: none;
}
.page-title ul {
	/*display: inline;*/
	float:right;
}
.about .page-nav, .collections .page-nav, .exhibitions .page-nav, .education .page-nav {
	float: right;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-right:20px;
}
.about .primary-header, .collections .primary-header, .exhibitions .primary-header, .education .primary-header {
	display: inline-block;
	margin: 3px;
	float: left;
}
.about .primary-header p, .collections .primary-header p, .exhibitions .primary-header p, .education .primary-header p {
	margin-bottom: 0;
	margin-left: 10px;
	font-size: 2.3em;
	/*padding-top: 6px;*/
	font-weight: lighter;
	font-family: latolight, HelveticaNeue-Light, Helvetica Neue Light, arial, sans-serif;
}
.about .primary-header-button-wrapper, .collections .primary-header-button-wrapper, .exhibitions .primary-header-button-wrapper, .education .primary-header-button-wrapper{
	display: inline-block;
	transform: skewX(-55deg);
}
.about .primary-header-button-wrapper {
	border-left: 1px solid #52b2e5;
}
.collections .primary-header-button-wrapper {
	border-left: 1px solid #b2d89b;
}
.exhibitions .primary-header-button-wrapper {
	border-left: 1px solid #fce388;
}
.education .primary-header-button-wrapper {
	border-left: 1px solid #A04198;
}

.about .primary-header-button, .collections .primary-header-button, .exhibitions .primary-header-button, .education .primary-header-button {
	display:inline-block;
	margin: 4px 4px 4px 6px;
	/*padding: 1.5em;
	text-decoration: none; 
	color: black; 
	padding: 10px; 
	padding-left: 20px; 
	padding-right: 20px; */
	/*margin: -7px 0px -7px 0px; */
}

.about .primary-header-button:hover, .collections .primary-header-button:hover, .exhibitions .primary-header-button:hover, .education .primary-header-button:hover {
	text-decoration: none;
	cursor: pointer;
	font-family: latolight;
}
.about .primary-header-button:hover{
	background-color: #A0D5F2; /* about background color */ 
}
.collections .primary-header-button:hover{
	background-color: #b2d89b; /* collections background color */ 
}
.exhibitions .primary-header-button:hover {
	background-color: #fce388; /* exhibitions background color */ 
}
.education .primary-header-button:hover {
	background-color: #CE95C9; /* education background color */ 
}
.about .primary-header-button:hover a, .collections .primary-header-button:hover a, .exhibitions .primary-header-button:hover a, .education .primary-header-button:hover a{
	color: #000000;
}
/** for highlighting specific li in page nav **/
.about.navHighlight-1 .page-nav li:nth-child(1) .primary-header-button{
	background-color: #A0D5F2; /* about background color */
	text-decoration: none;
	font-family: latolight;
}
.about.navHighlight-1 .page-nav li:nth-child(1) .primary-header-button a{
	color: #000000;
	font-weight: normal;
	padding:1em;
}
.about.navHighlight-2 .page-nav li:nth-child(2) .primary-header-button{
	background-color: #A0D5F2; /* about background color */
	text-decoration: none;
	font-family: latolight;
}
.about.navHighlight-2 .page-nav li:nth-child(2) .primary-header-button a{
	color: #000000;
	font-weight: normal;
	padding:1em;
}
.about.navHighlight-3 .page-nav li:nth-child(3) .primary-header-button{
	background-color: #A0D5F2; /* about background color */
	text-decoration: none;
	font-family: latolight;
}
.about.navHighlight-3 .page-nav li:nth-child(3) .primary-header-button a{
	color: #000000;
	font-weight: normal;
	/*padding:1em;*/
}
.about.navHighlight-4 .page-nav li:nth-child(4) .primary-header-button{
	background-color: #52b2e5; /* about background color */
	text-decoration: none;
	font-family: latolight;
}
.about.navHighlight-4 .page-nav li:nth-child(4) .primary-header-button a{
	color: #000000;
	font-weight: normal;
	padding:1em;
}
.about.navHighlight-5 .page-nav li:nth-child(5) .primary-header-button{
	background-color: #52b2e5; /* about background color */
	text-decoration: none;
	font-family: latolight;
}
.about.navHighlight-5 .page-nav li:nth-child(5) .primary-header-button a{
	color: #000000;
	font-weight: normal;
	padding:1em;
}
/* collections page */
.collections.navHighlight-1 .page-nav li:nth-child(1) .primary-header-button{
	background-color: #b2d89b; /* collections background color */
	text-decoration: none;
	font-family: latolight;
}
.collections.navHighlight-1 .page-nav li:nth-child(1) .primary-header-button a{
	color: #000000;
	font-weight: normal;
	padding:1em;
}
.collections.navHighlight-2 .page-nav li:nth-child(2) .primary-header-button{
	background-color: #b2d89b; /* collections background color */
	text-decoration: none;
	font-family: latolight;
}
.collections.navHighlight-2 .page-nav li:nth-child(2) .primary-header-button a{
	color: #000000;
	font-weight: normal;
	padding:1em;
}
.collections.navHighlight-3 .page-nav li:nth-child(3) .primary-header-button{
	background-color: #b2d89b; /* collections background color */
	text-decoration: none;
	font-family: latolight;
}
.collections.navHighlight-3 .page-nav li:nth-child(3) .primary-header-button a{
	color: #000000;
	font-weight: normal;
	padding:1em;
}
.collections.navHighlight-4 .page-nav li:nth-child(4) .primary-header-button{
	background-color: #b2d89b; /* collections background color */
	text-decoration: none;
	font-family: latolight;
}
.collections.navHighlight-4 .page-nav li:nth-child(4) .primary-header-button a{
	color: #000000;
	font-weight: normal;
	padding:1em;
}
.collections.navHighlight-5 .page-nav li:nth-child(5) .primary-header-button{
	background-color: #b2d89b; /* collections background color */
	text-decoration: none;
	font-family: latolight;
}
.collections.navHighlight-5 .page-nav li:nth-child(5) .primary-header-button a{
	color: #000000;
	font-weight: normal;
	padding:1em;
}
/* exhibitions page */
.exhibitions.navHighlight-1 .page-nav li:nth-child(1) .primary-header-button{
	background-color: #fce388; /* exhibitions background color */
	text-decoration: none;
	font-family: latolight;
}
.exhibitions.navHighlight-1 .page-nav li:nth-child(1) .primary-header-button a{
	color: #000000;
	font-weight: normal;
	padding:1em;
}
/* Added hover CSS to fix bold issues in Firefox Browsers
.exhibitions.navHighlight-1 .page-nav li:nth-child(1) .primary-header-button a:hover{

font-weight: normal;

text-decoration: none;
}
*/

.exhibitions.navHighlight-2 .page-nav li:nth-child(2) .primary-header-button{
	background-color: #fce388; /* exhibitions background color */
	text-decoration: none;
	font-family: latolight;
}
.exhibitions.navHighlight-2 .page-nav li:nth-child(2) .primary-header-button a{
	color: #000000;
	font-weight: normal;
	padding:1em;
}
.exhibitions.navHighlight-3 .page-nav li:nth-child(3) .primary-header-button{
	background-color: #fce388; /* exhibitions background color */
	text-decoration: none;
	font-family: latolight;
}
.exhibitions.navHighlight-3 .page-nav li:nth-child(3) .primary-header-button a{
	color: #000000;
	font-weight: normal;
	padding:1em;
}
.exhibitions.navHighlight-4 .page-nav li:nth-child(4) .primary-header-button{
	background-color: #fce388; /* exhibitions background color */
	text-decoration: none;
	font-family: latolight;
}
.exhibitions.navHighlight-4 .page-nav li:nth-child(4) .primary-header-button a{
	color: #000000;
	font-weight: normal;
	padding:1em;
}
.exhibitions.navHighlight-5 .page-nav li:nth-child(5) .primary-header-button{
	background-color: #fce388; /* exhibitions background color */
	text-decoration: none;
	font-family: latolight;
}
.exhibitions.navHighlight-5 .page-nav li:nth-child(5) .primary-header-button a{
	color: #000000;
	font-weight: normal;
	padding:1em;
}
/* education page */
.education.navHighlight-1 .page-nav li:nth-child(1) .primary-header-button{
	background-color: #CE95C9; /* education background color */
	text-decoration: none;
	font-family: latolight;
}
.education.navHighlight-1 .page-nav li:nth-child(1) .primary-header-button a{
	color: #000000;
	font-weight: normal;
	padding:1em;
}
.education.navHighlight-2 .page-nav li:nth-child(2) .primary-header-button{
	background-color: #CE95C9; /* education background color */
	text-decoration: none;
	font-family: latolight;
}


.education.navHighlight-2 .page-nav li:nth-child(2) .primary-header-button a{
	color: #000000;
	font-weight: normal;
	padding:1em;
}
.education.navHighlight-3 .page-nav li:nth-child(3) .primary-header-button{
	background-color: #CE95C9; /* education background color */
	text-decoration: none;
	font-family: latolight;
}
.education.navHighlight-3 .page-nav li:nth-child(3) .primary-header-button a{
	color: #000000;
	font-weight: normal;
	padding:1em;
}
.education.navHighlight-4 .page-nav li:nth-child(4) .primary-header-button{
	background-color: #CE95C9; /* education background color */
	text-decoration: none;
	font-family: latolight;
}
.education.navHighlight-4 .page-nav li:nth-child(4) .primary-header-button a{
	color: #000000;
	font-weight: normal;
	padding:1em;
}
.education.navHighlight-5 .page-nav li:nth-child(5) .primary-header-button{
	background-color: #CE95C9; /* education background color */
	text-decoration: none;
	font-family: latolight;
}
.education.navHighlight-5 .page-nav li:nth-child(5) .primary-header-button a{
	color: #000000;
	font-weight: normal;
	padding:1em;
}
/** end of highlighting specific nav item */
/*
.primary-header-button::after {
content:""; 
position:absolute; 
display:inline-block; 
width: 0px; 
height: 44px; 
border-right: 1px solid #428bca; 
right: -10px; 
top: -4px; 
}
.primary-header-button::before {
content:""; 
position:absolute; 
display:inline-block; 
width: 0px; 
height: 44px; 
border-left: 1px solid #428bca; 
left: -10px; 
top: -4px; 
}
*/
.about .primary-header-text-wrapper, .collections .primary-header-text-wrapper, .exhibitions .primary-header-text-wrapper, .education .primary-header-text-wrapper {
	transform: skewX(55deg);
	padding:.5em 1em;
}
.about .primary-header-text-wrapper a, .collections .primary-header-text-wrapper a, .exhibitions .primary-header-text-wrapper a, .education .primary-header-text-wrapper a{
	color: #707180;
	font-size: 1.2em;
	font-weight: normal;
	/* color: #000000;
	text-decoration: none; 
	z-index: 1;
	*/
	margin-bottom: 0px;
	/*background-color: inherit;*/ 
}
.about .primary-header-text-wrapper a:hover, .collections .primary-header-text-wrapper a:hover, .exhibitions .primary-header-text-wrapper a:hover, .education .primary-header-text-wrapper a:hover{
	text-decoration: none;
}

/****
** End of Page Nav ** 
****/

/**
Collections
**/
.collections-blurb {
	width: 80%;
	margin: auto;
}
.collections-blurbv2 {

	margin-right: 12.5%;
	margin-left: 12.5%
}
.collections img.tall {
	width: auto;
	height: 100%;
}
.collections img.wide {
	width: 100%;
	height: auto;
}
.collections-row {
	min-height: 312px;
}
.collection-outer-wrapper {
	position: relative;
	min-height: 319px;
	padding: 0;
}
.image-helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.collection-inner-wrapper {
	position: absolute;
}
.collection-image-wrapper {
	overflow: hidden;
	height: 0px;
	width: auto;
	white-space: nowrap;
	text-align: center;
	min-height: 227px;
}
.collection-outer-wrapper img {
	display: block;
	margin: auto;
}
.collection-inner-text {
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1em;
}
.collection-inner-text p {
	font-family: latoregular;
	color: #707180;
}
.collection-title h4 {
	font-size: 22px;
	font-family: latobold;
	color: #707180;
	text-align: center;
}
.collection-date p {
	color: #fdbb15;
}
.page-header{
	border-bottom:none;
	margin: 20px 0 23px;
}

.portrait img {
	width: 250px;
}
.artists-index p {
	margin-bottom: 6px;
}
.alpha-list {
	display: inline-block;
}
.alpha-list li {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	float: left;
	color: #4ab749;
}
.artists-index .alpha {
	display: block;
}
.artists-index > div {
	display: none;
}
.artists-index .alpha p:hover{
	text-decoration:underline;
	color:#49b749;
}
#artistSearchResults{
	margin-top:15px;
}
#artistSearchResults p:hover{
	cursor:pointer;
	text-decoration:underline;
	color:#49b749;

}
#resetButton:hover{
	color:blue !important;
	text-decoration:none;
}
#resetButton{
	color:black !important;
}
.alpha-list li:hover {
	color:black;
	font-weight:bold;
	cursor:pointer;
}
.alpha:hover{
	cursor:pointer;
}
.alpha-list li.alpha-bold{
	font-weight:bold;
	color:black;
}
#searchButton{
	color: white;
	background-color: #49b749;
	border-color: #49b749;
}

#searchButton:before {
	z-index: -1;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -28px;
	display: block;
	width: 55px;
	background-color: #49b749;
	-webkit-transform: skew(45deg);
	-ms-transform: skew(45deg);
	transform: skew(-45deg);
	margin-top: -1px;
	margin-bottom: -1px;
}
.searchButtonWrapper {
	z-index: 2;
	position: relative;
}
/* set background color of usu footer */
#footer{ background-color: #717180 !important; }
/* admin link */
.admin-link{
	text-align: center;
	margin-bottom: 10px;
}
#de{
	color: #fff;
	font-size: 10px;
}
@media (max-width: 768px){ .admin-link{display: none;} }

@media (max-width: 1260px){
	.nehma-header,
	main.content{
		/*padding: 0 20px 40px 20px;*/
	}

	.sub-page.content .row{
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 660px){
	.primary-column{
		padding: 0 15px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* testing the resize of the nehma logo when screen is below 360 pixels */
@media (max-width: 370px){
	#blacknehmalogo{
		max-width: 75% !important;
	}
}


/* Owl test */

div#sync1 .carousel-caption{
	position: absolute;
	/*top: 540px;*/
	bottom: 1px;
	padding: 0 7px 5px 7px;
	/* 560*/
}

div#sync1 .main-carousel-image{
	/*padding-bottom: 40px;*/
	padding-bottom: 70px;
	/* 20*/
}
div#sync1 p{
	color:white;
	background-color:black;
}

.owl-carousel .carousel-caption p{
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
}

#sync1 .owl-item{
	height: 600px;
	margin-top: auto;
	margin-bottom: auto;
	background: black;
	padding: 0px 0px;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}
#sync1 .item{

}
#sync1 .item img{
	max-height: 600px;
	max-width: 100%;
}
.owl-item img {
	height: auto;
}

div#sync2 {
	margin-top: 50px;
	/*padding: 0 30px;*/
	padding: 0 45px 0 30px;
}
/*
#sync2 .item{
background: #C9C9C9;
padding: 10px 0px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
cursor: pointer;
}
#sync2 .item h1{
font-size: 18px;
}
*/
#sync2 .synced .item{
	background: #0c83e7;
} 

.owl-item {
	height: 600px; /* Set as required */
	position: relative;
}
/* vertically center the main carousel images */
.owl-item img.main-carousel-image { 
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translate(0,-50%); /* IE9*/
	transform: translate3d(0,-50%,0); /* Modern Browsers - better performance */
	margin: 0 auto;
}

/* creates the chevrons for the next and previous buttons */
.owl-buttons {
	position: absolute;
	top: 50%;
	transform: translate3d(0,-50%,0);
	width: 100%;
}
#sync1 .owl-next {
	right: 1.5em;
	position: absolute;
	top: 50%;
	transform: translate3d(0,-50%,0) rotate(45deg);
	border-top: .85em solid #808080;
	border-right: .85em solid #808080;
}
#sync1 .owl-prev {
	left: 1.5em;
	position: absolute;
	top: 50%;
	transform: translate3d(0,-50%,0) rotate(45deg);
	border-bottom: .85em solid #808080;
	border-left: .85em solid #808080;
}
#sync2 .owl-next {
	right: 30px;
	position: absolute;
	top: 50%;
	transform: translate3d(0,-50%,0) rotate(45deg);
	border-top: .5em solid #808080;
	border-right: .5em solid #808080;
}
#sync2 .owl-prev {
	left: -30px;
	position: absolute;
	top: 50%;
	transform: translate3d(0,-50%,0) rotate(45deg);
	border-bottom: .5em solid #808080;
	border-left: .5em solid #808080;
}
.content #sync1.owl-theme .owl-controls .owl-buttons div{
	padding: 3em 3em;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: none;
}

.content #sync2.owl-theme .owl-controls .owl-buttons div{
	padding: .75em .75em;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: none;
}


.owl-next {
	right: 1.5em;
	position: absolute;
	top: 50%;
	transform: translate3d(0,-50%,0) rotate(45deg);
	border-top: .85em solid #808080;
	border-right: .85em solid #808080;
}
.owl-prev {
	left: 1.5em;
	position: absolute;
	top: 50%;
	transform: translate3d(0,-50%,0) rotate(45deg);
	border-bottom: .85em solid #808080;
	border-left: .85em solid #808080;
}

.content .owl-theme .owl-controls .owl-buttons div{
	padding: 3em 3em;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: none;
}
#sync2 .owl-item .imageWrapper{
	display: inline-block;
}
#sync2 .owl-item img{
	width:80px;
	height:80px;
	margin-right:0px;
}
#sync2 .owl-item{
	height:85px;
	margin-top:10px;
	margin-right:0px;
	
}

#sync2 .owl-item.synced{
	height:85px; 
	margin-right:0px;
/* margin-right:10px;*/
} 
#sync2 .owl-item.synced .imageWrapper{
	height:85px; 
	margin-right:10px;
	border-top:5px solid #52b1e2;
} 

/* end owl */

.banner-text a:hover {
	text-decoration-color: #fff;
	color: #ffffff;
}
.banner-image{

	background-size: auto 100%;
	background-color: #000;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	background-position: center;

}
.index-background-placeholder{
	width:100%;
	height:0;
	/*padding-top:37%;*//*use when banner-text has a hard coded height of 100px */
	padding-top:44%;
}
h1.namespc{
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom:0;
}
h2.namespc{
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom:0;

}
h2.h2center {
	text-align: center;
}
h4.banner-text-wrapper.banner-text{
	padding-top: 17px;


}
.btn-donate {
	color:#333;
	background-color: #d6d1d5;
}


.btn-donate:hover {
	color: #333;
	background-color: #52b1e2;
	border-color: #52b1e2;
}
body main .content.paddingCleanUp{
	padding:0px;
}

.row.nehma-footer{

}
.row.nehma-header{
	margin-right:0 !important;
}
.nehma-header-left{

}
.exhibitions-grid-img{
	z-index:-1;
}
.nehma-footer-width{
	max-width:1200px;
	margin-right:auto;
	margin-left:auto;

}

.menuLinkWrapper {
	border-left: solid 1px #d6d1d5;
	border-right: solid 1px #d6d1d5;
	padding: 0 10px;
}

.menuLinkWrapper a{
	color: #d6d1d5; 
	text-decoration: none; }

.menuLinkWrapper a:hover{
	color: #d6d1d5; 
	text-decoration: underline; }
}

.borderClass {
	border-left: solid 1px #d6d1d5;
	border-right: solid 1px #d6d1d5;
	padding: 0 10px;
}

.menuLink{
	border-left: solid 1px;
	border-right: solid 1px;
}

.noExhibitionsMessage {
	text-align: center;
}

.ui-accordion  h2.dropdownArrow  {
	padding-bottom: 26px;
	float: right;
	background: none;
	border: none;
}
.ui-accordion div.dropdownContent{
	clear: both;
	background: none;
	border: none;
	margin-right:auto;
	margin-left: auto;
	height:auto;
}
.ui-accordion div.dropdownContent p{
	text-align:center;
}
.ui-accordion div.dropdownContent p a{
	display: block;
}
.ui-accordion .ui-icon-triangle-1-s{
	    background-position: 1px -16px;
}
.ui-accordion .ui-icon-triangle-1-e {
	background-position: -63px -16px;
	
	
}

.center-block{
	float: none;
}

/**************** Custom Responsive ********************/
/******* Leave at the bottom of this CSS file **********/

@media screen and (max-width: 1260px){
	.collections-blurb {
	width: 100%;
	margin: auto;
}
	
}
/******* MD responsive (1200px) **********/
@media screen and (max-width: 1200px) {

	/******* front page responsive **********/
	.index-background-placeholder{
		padding-top:50%;
	}
	.banner-text{

		left:0;
	}
	.menuLinkWrapper{
		border-bottom: solid 0px;

		border-right: 1px;
		border-left: 1px




	}
	.menuLink{
		border-left: solid 1px;
		border-right: solid 1px;
	}
.collections-blurb {
	width: 100%;
	margin: auto;
}

}


/******* SM responsive (990px) **********/
@media screen and (max-width: 990px) {

	/******* front page responsive **********/
	/*.caption-wrapper:before*/
	.banner-text:before{
		background: -webkit-linear-gradient(left,rgba(0,0,0,.9),rgba(0,0,0,.3)); /*Safari 5.1-6*/
		background: -o-linear-gradient(right,rgba(0,0,0,.9),rgba(0,0,0,.3)); /*Opera 11.1-12*/
		background: -moz-linear-gradient(right,rgba(0,0,0,.9),rgba(0,0,0,.3)); /*Fx 3.6-15*/
		background: linear-gradient(to right, rgba(0,0,0,.9), rgba(0,0,0,.3)); /*Standard*/
		transform: none;
		right: 0;
		left: 0;
		box-shadow: none;
	}
	/*.caption-wrapper:before*/
	/*
	.banner-text:before{
		height:81px;
		transform: none;
		width: 100%;
		right: 0;
	}*/
	.banner-text{
		min-width: 100%; 
		width: 100%;
	}
	.banner-text h1{
		font-size:24px;
	}
	.banner-text h3{
		font-size:16px;
	}
	.banner-text h4{
		font-size:12px;
	}
	
	.index-background-placeholder{
		padding-top:78%;
	}
	.banner-text{
		margin-left: 15px;
	}
	.form-horizontal{
		padding-right:130px;}
	.faculty-info .form-horizontal{
		padding-right:0;}
	.paddingphoto{
		padding: 0px 250px;}
	.banner-text{

		left:0px;
	}
	.menuLinkWrapper{
		border-right: solid 0px;
		overflow: hidden;
	}
	.menuLink{
		border-right: none;

	}
	.banner-image, .index-background-placeholder{
		background-size: 100%;
	}
	.socialWrapper{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.menuLink{

	}
	.collections-blurb {
	width: 100%;
	margin: auto;
		
}
	.exhibition-listing li{
		width: 60%;
	}
}


.owl-carousel .carousel-caption{
		left: 0;
		right: 0;
	}


/******* XS responsive (765px) **********/
@media screen and (max-width: 765px) {

	/******* front page responsive **********/
	/*.caption-wrapper:before*/
	.banner-text:before{
		height:125%;
		top: -10px;
		/*transform: none;
		width: 100%;*/
	}
	.banner-text h1{
		/*font-size:20px;*/
	}
	.banner-text h3{
		/*font-size:10px;*/
	}
	.banner-text h4{
		/*font-size:8px;*/
	}
	.banner-text{
		/*height:76px;*/
		height:auto;
		position: absolute;
		bottom: 0;
	}
	.home-nav-wrapper{
		display:none;
	}
	.banner-image, .index-background-placeholder{
		height:120%;
		background-size: 100%;
	}
	.footer-nav-item{
		padding: 3px 20px 3px 20px;
	}
	.footer-nav{
		border:none;
	}
	.footer-social-media-item{
		padding: 3px 3px;
	}
	.form-horizontal{
		padding-right:0px;}
	/*.primary-contact-item{
	padding: 0px 1px 3px 0;
}*/

	.paddingphoto{
		padding: 0px;}


	.logosizeadjust{
		width: 285px;
	}


	/******** Drop Down Menu CSS ***********/
	/* Style The Dropdown Button */
	.dropbtn {
		background-color: transparent;
		color: black;
		padding: 16px;
		font-size: 16px;
		border: none;
		cursor: pointer;
		float: right;
	}

	/* The container <div> - needed to position the dropdown content */
	.dropdown {
		position: relative;
		display: inline;
		
		z-index: 2;
		clear: both;
		width: 100%;
	}

	/* Dropdown Content (Hidden by Default) */
	.dropdown-content {
		display: none;
		width:100%;
	}

	/* Links inside the dropdown */
	.dropdown-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		min-width: 160px;
	}

	/* Change color of dropdown links on hover */
	.dropdown-content a:hover {background-color: #d6d1d5;}

	/* Show the dropdown menu on hover */
	.dropdown:hover .dropdown-content {
		display: block;
		text-align: center;
		clear: both;
	}

	/* Change the background color of the dropdown button when the dropdown content is shown */
	.dropdown:hover .dropbtn {
		background-color: transparent;
	}

	.page-nav{
		display: none;
	}

	.primary-header{
		display: 
			block;}
	.primary-header-text-wrapper .primary-header-button .primary-header-button-wrapper{
		display: none;
	}


	/* Exhibition past page */
	.ex-past a {
		margin-left: auto;
		margin-right: auto;
		display: table;
		text-align: center;
	}



	#sync1 .owl-buttons{


	}
	.hidesync2{
		display: none;
	}

	.exhibition-arrow {
		display: inline-block;
		width: 12px;
		height: 13px;
		margin-left: 2px;
		vertical-align: middle;
		background: url("/ou-images/icons/Arrow_sprite.svg") 0 0;
		background-size: 200%;
	}
	
	.owl-carousel .carousel-caption{
		left: 0;
		right: 0;
		padding-bottom: 0;
		padding-top: 0;
	}

	.contactWrapper {
		border-bottom: solid 1px;
	}
	.menuLinkWrapper{
		border-bottom: solid 1px;
		border-left: 0px;
		border-right: 0px;
		overflow: hidden;

		padding-bottom: 30px;
		margin-bottom: 30px;
		padding-top: 30px;

	}
	.menuLink{
		border-right: 0px;
		border-left:0px;
	}


	.socialWrapper{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	
	a.visit-schedule-button {
	
	
	padding-left: 15px;
	padding-right: 15px;
	
	margin:-7px 4px ;
	
}
.collections-blurb {
	width: 100%;
	margin: auto;
}
}
@media screen and (max-width: 330px) {
	a.visit-schedule-button {
	
	
	padding-left: 15px;
	padding-right: 15px;
	outline: 0px;
	margin:-7px 4px ;
	
}

}

/******* end custom responsive **********/

/**
	form styling
	- "required" field star
	- validation error messages
	- main error message
	- main validation message
*/
/* star */
label .required{
	font-size: 18px;
	color: #cd3737;
}

/* field validation message */
.label-important{
	color:#f00;
	font-size: 85%;
	font-weight: 400;
}

/* main error message */
.alert{
	color:#cd3737;
	font-size: 85%;
	font-weight: 400;
}

.alert-error {
	background-color: #fbbdbd;
	border-color: #f7a6a6;
	color: #cd3737;
}

/* main success message */
.alert-success{
	color:#3c763d;
	margin-top: 20px;
	font-size: 16px;
}