@import url('https://fonts.googleapis.com/css?family=EB+Garamond');
/*********************
Typography
EB Garamond is a google font
*/
/*
a {
	color: #50506C;
}
*/
@font-face {
    font-family: 'ScalaSansOT-Light';
    src: url('https://www.hnoc.org/css/fonts/ScalaSansOT-Light.otf') format("opentype");
}
@font-face {
    font-family: 'ScalaSansOT-Bold';
    src: url('https://www.hnoc.org/css/fonts/ScalaSansOT-Bold.otf') format("opentype");
}
@font-face {
    font-family: 'ScalaSansOT';
    src: url('https://www.hnoc.org/css/fonts/ScalaSansOT.otf') format("opentype");
}

@font-face {
    font-family: 'Movement-DirectBlack';
    src: url('https://www.hnoc.org/css/fonts/Movement-DirectBlack.woff') format("opentype");
}


header {
  background: #000;
  padding: 5px 0;
}
header .site-title {
  color: #e5e5e5;
  padding-left: .5em;
  margin-top: .5em;
  margin-bottom: .5em;
  /*font-family: 'EB Garamond', serif;	
  font-family: "ff-scala-sans-pro", 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;*/
  font-family: 'ScalaSansOT-Bold';
}
header a:hover {
  text-decoration: none;
}
/* JULY 2020 UPDATE - ADDED MARGIN TO GIVE LOGO ROOM */
header .logo {
  padding: 3px 0 0;
  margin-left:0px;
  width:100%;
}


/* JULY 2020 UPDATE - NEW HEADER & FOOTER DIVS FULL WIDTH + PAGE-WRAPPER */
.hed-nav, .bottom-footer {
  width:100%;
  /* margin:0 1em; */
}
.bottom-footer {
  height:138px;
  position: absolute;
  bottom:0;
  text-align: center;   /* to center socicons */
}
.bottom-footer-front {
  height:138px;
  text-align: center;   /* to center socicons */
}
.page-wrapper {
  position:relative;
  min-height:100vh;
}
.container {
  background-color: #fff;
  padding-bottom:138px;    /* footer height */
}

/* bootstrap overrides */
/* JULY 2020 UPDATE - BG COLOR OF BODY */
body {
  background-color:#ffffff !important;
}
/* JULY 2020 UPDATE - FONT SIZE A LITTLE LARGER + GET RID OF NEGATIVE MARGIN ON ROWS  */
/* 20210528 - Font to 18 from 16 since making scala default.  AF */
p {
  font-size:18px;
}
.row {
  margin-right:0;
  margin-left:0;
}
.navbar {
  border-radius: 0;
  border: none;
  min-height: 30px;
  margin-bottom: 0;
}
/* JULY 2020 UPDATE - BG COLOR OF NAV */
.navbar-default {
  background-color: #2e8096;
  border: none;
}
.navbar-default .navbar-collapse {
  border: none;
  padding-left: 0;
  padding-right: 0;
}
.navbar-default .dropdown-menu {
  background: #9cc4d1;
  border: none;
  border-radius: 0;
  padding: 10px 0;
  text-transform: uppercase;
}
.navbar-default .navbar-nav > li {
  border-top: 1px solid #2e8096;
}
/* JULY 2020 UPDATE - CHANGE TICKETS TO A BUTTON */
.nav li:last-child a{
  background-color: #c8132a;
  text-align: center;
  margin:4px 0;
  padding:7px;
}
/* JULY 2020 UPDATE - COLOR OF NAV LINKS & HOVER STATE */
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
  /* font-weight: bold; */
  text-transform: uppercase;
  font-size: 1.45rem;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #3e3f3f;
  background: #9cc4d1;
}
.navbar-default .navbar-nav li li {
  border-top: 1px solid #9cc4d1;
}
.navbar-default .navbar-nav > li li li a {
  font-weight: normal;
  text-transform: none;
  padding-left: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.navbar-default .navbar-nav .dropdown-menu {
  font-weight: bold;
  font-size: .857em;
  /* 12px / 14px */
  color: #333;
  letter-spacing: .065em;
  min-width: 200px;
}
.navbar-default .navbar-nav > .open {
  background: #9cc4d1;
}
.navbar-default .navbar-nav > .open li.active {
  background: #9cc4d1;
}
.navbar-default .navbar-nav > .open li.active li.active {
  background: #9cc4d1;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #9cc4d1;
}
.navbar-default .navbar-nav .open .dropdown-menu li a {
  color: #444;
}
.navbar-default .navbar-nav .open > .active > a,
.navbar-default .navbar-nav .open > .active > a:hover,
.navbar-default .navbar-nav .open > .active > a:focus {
  background: #9cc4d1;
  color: #444;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: #fff;
}
.navbar-default .navbar-toggle {
  float: left;
  border-radius: 0;
  margin-left: 15px;
  color: #3e3f3f;
  font-weight: bold;
  text-transform: uppercase;
  border-color: #3e3f3f;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #3e3f3f;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #9cc4d1;
}

/* MOBILE TOP NAV -----------------------------------*/
.navbar-default .mobile_home a {
    text-decoration: none;
	color: #3e3f3f;
    font-weight: bold;
    text-transform: uppercase;
	position: relative;
    display: block;
    padding: 10px 9px 10px 20px;
    font-size: .9em;
	line-height: 20px;
	
}
/* JULY 2020 UPDATE - CHANGED VISITED LINK & block menu H2 COLOR + MOBILE MENU COLOR */
a.block-title-link, a .block-title-link:visited {
  color:#ffffff;
  text-decoration: underline;
}
.block-menu h2 {
  color:#ffffff;
}
.navbar-default .col-sm-12 .block-menu {
	background-color: #2e8096;
  padding-left:5px;
}
.navbar-default .col-sm-12  li {
	border-top: 1px solid #2e8096;
	position: relative;
    display: block;
    padding-left: 10px;
}
.navbar-default .col-sm-12  li.leaf {
	list-style: none; 
	margin: 0; 
	padding-left: 10px;
}
/* JULY 2020 UPDATE - CHANGED  LINK COLOR */
.navbar-default .col-sm-12  li  a {
  /* color: #3e3f3f; */
  color:#ffffff;
  font-weight: bold;
  text-transform: uppercase;
  line-height:3;
  font-size:.9em;
}


/* END TOP MOBILE NAV -----------------------------*/

/* JULY 2020 UPDATE - CENTER NAV ITEMS ON FULL WIDTH HEADER */
.navbar-nav {
  /* margin-left: 0;
  margin-right: 0; */
  margin:0 auto;
  max-width:1170px;
  /* padding:10px 0; */
  float:none;
}
/* JULY 2020 UPDATE - fixed placement of search */
.navbar-form {
  border: none !important;
  padding-top: 10px !important;
  margin-left: -20px !important;
  margin-right: 0 !important;
}

.nav > li > a {
  padding: 10px 15px;
}

.nav > li > a:hover {
  background-color: #ffead9;
}


/* GETTING RID OF ARROWS OF Collapsed nav */
.menu ul li.collapsed {
	list-style-image: url("../images/menu-collapsed.png");
	list-style-type: disc;
	list-style-image: none;
	list-style-type: none;
}
.menu ul li.expanded li.leaf {
    background: #FFF;
}
.menu ul li.expanded li.collapsed {
    background: #FFF;
}

.menu ul li.expanded {
	list-style-image: url(../../../../../misc/menu-expanded.png);
    /*list-style-type: circle;
	list-style-image: none;
	list-style-type: none;*/
}

ul.menu li {
	margin: 0 0 0 0;
}

/* JULY 2020 UPDATE - LEFT NAV HOVER/ACTIVE - BG COLOR, FONT COLOR */
.menu ul li a:hover, .menu-tight ul li a:hover, .menu ul li a.active, .menu-tight ul li a.active, .views-table td a:hover{
  background-color: #2e8096;
  color:#ffffff;
	text-decoration: none;
}


.views_slideshow_cycle_main {
  width: 100%;
  float: left;
}
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame {
  width: 100% !important;
  height: auto;
}
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row {
  width: 100% !important;
  height: auto;
}
.views_slideshow_cycle_main .field-content {
  max-width: 100%;
  width: 100%;
}
.views_slideshow_cycle_main .field-content img {
  max-width: 100%;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
/* JULY 23020 UPDATE - ADDED TO MAKE HEADER IMAGES 100% AND AVOID EXTRA WHITESPACE ON RIGHT */
.img-responsive {
  width:100%;
}


footer {
  padding-bottom: 1em;
  color: #CCCCCC;
  font-size: small;
  background-color: black;
  height:138px; /* bottom-footer height - JULY 2020 UPDATE*/
}

/* homepage */
/* JULY 2020 UPDATE - COLOR OF LINK IN H2 (HOMEPAGE) AND H2 LINK + ARROW TO SHOW IT'S A LINK*/
.home h2 {
  font-size: 1.4285em;
  font-weight: bold;
  /*ont-style: italic;*/
  color: #333333;
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
}
.home h2 a {
  color:#333333;
}
.home h2 a::after {
  content:" >>";
}

.home .view-header h2 p {
  margin: 0;
}
.home .row .featured .content {
  margin-left: -15px;
  /*
  .views-row-first,
  .col-first .view-grid {
  	padding-left:15px;
  }
  */
}
.home .row .featured .content h3 {
  font-size: 1em;
  /* 14px */
  line-height: 1.42em;
  margin-top: 0.5em;
  margin-bottom: .265em;
  /* line clamp */
  /* https://css-tricks.com/line-clampin/ */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/*
.home .row .featured .content .img-responsive {
  max-width: inherit;
}*/
.home .row .featured .content .views-row,
.home .row .featured .content .view-grid {
  padding: 5px 35px;
}
.home div.messages,.home div.messages a{
  margin: 0;
  background-color: crimson;
  border-left: 0;
  border-right: 0;
  border-color:#000;
  color: white;
  text-decoration: none;
  font-size: 18px; 
  /*line-height: .5%;*/
}

@media (max-width: 469px) {
	.home div.messages,.home div.messages a{
	  margin: 0;
	  background-color: crimson;
	  border-left: 0;
	  border-right: 0;
	  border-color:#000;
	  color: white;
	  text-decoration: none;
	  font-size: 12px; 
	  /*line-height: .5%;*/
	}	
	
}


.home div.messages .views-field-title {
  text-align: center;
}
.home div.messages .views-field-title p {
  margin-bottom: 0;
  text-align: left;
}

/* carousel */
.carousel-control {
  opacity: .4;
  left: -1px;
}
.carousel-indicators {
  bottom: -10px;
}
.content .carousel-control {
 color: #828282; 
   /* color: #FBB37D;*/
  font-size: 2em;
  text-shadow: none;
  width: 1em;
}
.content .carousel-control .glyphicon {
  position: absolute;
  top: 33%;
  z-index: 5;
  display: inline-block;
}
.content .carousel-indicators {
  position: absolute;
  bottom: -25px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.content .carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: transparent;
  border: 1px solid #ccc;
  border-radius: 10px;
}
.content .carousel-indicators li.active {
  margin: 1px;
  width: 10px;
  height: 10px;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0.5);
}

.content .carousel-control.left,
.content .carousel-control.right,
.spotlight .carousel-control.left,
.spotlight .carousel-control.right {
  background-image: none;
}

/*
.content .carousel-control.right {
	right:15px;
}
*/
.content .carousel-control .glyphicon-triangle-left {
  left: 0;
  margin-left: 0;
}
.content .carousel-control .glyphicon-triangle-right {
  right: 0;
  margin-right: 0;
}

.carousel-fade > .carousel-inner > .item {
  opacity: 0;
  -webkit-transition: opacity .4s;
  /*adjust timing here */
  -moz-transition: opacity 1.4s;
  -o-transition: opacity 1.4s;
  transition: opacity 1.4s;
}

.carousel-fade > .carousel-inner > .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next,
  .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .carousel-fade .carousel-inner > .item.prev,
  .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .carousel-fade .carousel-inner > .item.next.left,
  .carousel-fade .carousel-inner > .item.prev.right,
  .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.glyphicon.glyphicon-search {
  color: white;
  float: right !important;
  font-size: 1.5em;
  background-color: black;
  border-style: none;
  /*margin-right: 1em;*/
  margin-top: .25em;
}

.navbar-collapse .glyphicon.glyphicon-search {
  float: left !important;
  background-color: transparent;
  border-style: none;
}

.glyphicon-step-backward,
.glyphicon-step-forward {
  margin-left: -12px;
}

.glyphicon-step-backward {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.glyphicon-step-backward:before {
  left: 0;
  margin-left: 0;
  content: "\e072";
}

.glyphicon-step-forward:before {
  content: "\e072";
}

.thnoc {
  /*font-family: 'EB Garamond', serif;*/
  font-family: "ff-scala-sans-pro", 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
  font-size: 2.2em;
  color: white;
  padding-left: 1em;
  /*letter-spacing: .10em;*/
  line-height: 1.5em;
  /*text-transform: uppercase;*/
}
/*smaller thnoc title header*/
.hidden-md.hidden-lg .site-title.thnoc{
  font-size:1.15em;
}

.pagetitle {
  font-size: 1.5em;
  /*font-style: italic;*/
  font-weight: bold;
  color: #323280;
  margin-top: 0;
  padding-left: 3%;
  display:block;
}

.pagetitle_xs {
  font-size: 1.5em;
  font-style: italic;
  font-weight: bold;
  color: #323280;
  padding-top: 1%;
  margin-top: 0;
}
.addthis {
  float: right;
  /*padding-top: .5%;*/
  /*padding-top: 3%;*/
  padding-right: 2.5%;
}
/* addThis placement */
.articleHeading h2.leftMarginHeader{
	margin-bottom: 0px;
}

.infobackground {
  background-color: #faf7ed;
  background-image: url("../images/infobox.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  border: 1px solid #ccc;
  height: 282px;
}

.circle {
  border-radius: 50%;
}

.info-icons .circle {
  background: #faf7ed;
  border: 3px solid #fbb37d;
}

.icons a.icon {
  float: left;
}

.infophone img {
  display: inline-block;
  max-height: 16%;
  max-width: 16%;
  width: 100%;
  float: left;
  padding-right: 5%;
  padding-left: 5%;
  padding-bottom: 10%;
}

/* JULY 2020 UPDATE - CENTERING SOCICONS IN MOBILE */
.socicons {
  /* padding-left: .25em;
  width: 100%; */
  width:245px;
  display:inline-block;
  margin:0;
  padding:1.75em 0 0;
}
.socicons ul {
  list-style-type: none;
}
.socicons li {
  display: block;
  float: left;
  padding-right: 1em;
}
.contact {
  text-align: center;
}
/* JULY 2020 UPDATE - MOVING SOCICONS TO THE LEFT */
@media (min-width:1200px) {
  .socicons{
    padding-top:4.25em;
    display:block;
  }
}

.imglist {
  margin: 0;
  padding: 0;
}

.imglist ul {
  list-style-type: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

.imglist h3 {
  font: bold 20px/1.5 Helvetica, Verdana, sans-serif;
}

.imglist li img {
  float: left;
  margin: 20px 15px 0px 0;
}

/*.imglist li p {
  font: 200 12px/1.5 Georgia, Times New Roman, serif;
}*/
.imglist li {
  padding: 10px;
}
/* JULY 2020 UPDATE - WIDEN HEADER TO FIT PAST MARGINS OF CONTAINER - INSTEAD OF USING ROW, WHICH MESSES UP HEADER WIDTH */
.imgcent {
  position: relative;
  margin-left:-15px;
  margin-right:-15px;
  /* left: 0%;
  margin-right: 4%; */
}

article,
.exhibition,
.event {
  padding-left: 15px;
  padding-right: 15px;
}

.spotlight {
  line-height: 1.45em;
  margin-bottom: 30px;
}

.spotlight .view-content {
  font-size: .92em;
}

.item {
  color: #50506C;
}

.spotlight .lead-image img {
  max-height: 220px;
}

.spotlight .item h3 {
  text-transform: none;
  font-size: .92em;
  line-height: 1.45em;
  margin-top: 6px;
  margin-bottom: 2px;
}

/*
.subtitle {
	font-style: italic;
}
*/
/* interior book detail section */
.item h2.title {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 6px;
}

.item h3.subtitle {
  text-transform: uppercase;
  margin-top: 0;
  font-style: normal;
  font-size: 1em;
}

.item-header .details {
  padding-top: 40px;
}

.main {
  padding-top: 20px;
 }
/* JULY 2020 UPDATE - COLOR OF LINK */ */
aside h2.module-title {
  font-size: 1.4285em;
  font-weight: bold;
  color: #333333;
}

.module.info-icons h2 {
  font-size: 1.4285em;
  font-weight: bold;
  font-style: italic;
  color: #669;
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
}

/* calendar styles */
.view .date-nav-wrapper .date-prev,
.view .date-nav-wrapper .date-next {
  -moz-border-radius: 0;
  border-radius: 0;
  background: none;
  float: none;
  padding: 0;
  text-align: right;
  margin: 0;
  width: auto;
}
.view .date-nav-wrapper .date-next a {
  margin-right: 10px;
  font-weight: bold;
}

.view-exhibitions-home .date-nav-wrapper {
  display: none;
}

/*#block-system-main ul.pager {
  display: none;
}*/

#block-system-main .view .date-nav-wrapper .date-heading {
  text-align: left;
}

.item-list > ul,
.event-list > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.item-list ul li {
  margin-left: 0;
}

.event-list .row {
  border-bottom: 1px solid #dedede;
  margin-bottom: 2em;
}

.node-event .field-name-field-dates {
  display: block;
}

.event-list .views-field-title {
  font-weight: bold;
  font-size: 1em;
}

.event-list .event-image,
.event-list .views-field-field-event-image {
  padding: 0 0 10px 0;
}

.row .featured .views-field-field-event-image .field-content {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.row .featured .views-field-field-event-image .field-content img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /*
  zoom in, potentially cropping
  top and bottom of image
  */
  /*
  no zoom, aligning image to top left
  and potentially cropping right
  and botton of image
  */
}
.row .featured .views-field-field-event-image .field-content img.portrait {
  width: 100%;
  height: auto;
}
.row .featured .views-field-field-event-image .field-content img.square {
  position: relative;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.recent-acquisition {
    background-color: #FDE1CC;
	padding: 4px 7px 1px;
	font-size: 11px;
	align-content: center;
	margin-bottom: 20px;
}

.recent-acquisition img {
    border:4px solid #FFFFFF;
}

.from-you-to-us {
  	width: 100%;
	padding: 7px 10px 7px;
	background-color: #faf7ed;
	/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
	font-family: 'ScalaSansOT';
    font-size: 11px;
}

/* book list styles */
#recent-publications .field-content {
	font-size: smaller;
	text-align: justify;
	/*margin-left: 6%;*/
	padding-right: 6%;
}
 #recent-publications .title {
	line-height: 1.0;
	 text-align: left;
	 margin-bottom: 5px;
}
#recent-publications.module.spotlights.row{
	margin-left: 0;
}

/* book page styles */
#publication.item{
	padding-top: 20px;
}
.field.field-name-field-book-cover.field-type-image.field-label-hidden .field-item.even {
	padding-bottom: 20px;
}
.field.field-name-field-book-info.field-type-text-long.field-label-hidden {
	font-size:.92em;
}

/* education page styles */
.lesson-plan {
	float: left;
	padding: 0px 20px 20px 0px;
}
.lesson-plan img {
    border:1px solid #000000;
}
/*  exhibitions list view */
.event-list .date-display-range {
	padding-bottom: 1%;
	padding-top: 0px;
	line-height:1em;
	font-weight:bold;
}
.date-display-range {
	padding-bottom: 20px;
	padding-top: 20px;
	line-height:.75em;
	font-weight:bold;
}
.date-display-single {
	padding-bottom: 20px;
	padding-top: 20px;
	line-height:.75em;
	font-weight:bold;
}
/* JULY 202O UPDATES - UPPED FONT SIZE */
.col-sm-8 .views-field.views-field-field-dates,
.col-sm-8 .views-field.views-field-title{
  padding-bottom: 3%;
  font-size:16px;
}
.item-header.col-sm-7{
	padding-top:2%;
}
.views-field.views-field-field-short-promo{
	padding-bottom: 20px;
}
.articleHeading{
	padding-bottom:3%;
}
 .primary-nav.hidden-xs.col-sm-3{
	padding-bottom:1%;
}
/*  exhibition events page view */
.item-image.col-sm-5{
	padding-bottom: 2%;
	padding-top: 2%;
}
 #exhibit .addthis.hidden-xs{
	padding-bottom:1%;
}
.field.field-name-field-fee.field-type-text.field-label-hidden,
.field.field-name-field-times.field-type-text.field-label-hidden,
.field.field-name-field-location.field-type-text.field-label-hidden{
	font-size:.90em;
}

/*  BLOCKQUOTE used in exhibit and event photos */
/* blockquote {
  margin: 0px 0px 10px;
	padding: 5px 0px 2px 6px;
  font-size: 9px;
  border-left: 5px solid #FFFFFF;
} */
/* JULY 2020 UPDATE - REMOVING BORDER LEFT + CHANGING FONT SIZE */
blockquote {
  border-left:none;
  padding:10px 0;
}
blockquote p {
  font-size:15px
}

/*  Removing Blockquote from homepage and exhibition listings  */
.views-field.views-field-field-event-image .image-field-caption { display: none; 
}

.grid-row {   /* Used to style Quartly Grid Layout */
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
}

.grid-row-press-gallery {   /* Used to style Press Gallery Grid Layout */
	padding-left: 25px;
	padding-right: 25px;
	vertical-align: bottom;
}

.devel-themer-wrapper {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;	
	
}

.media-coverage {
	float: left;
    padding: 0px 5px 2px 0px;
}
.views-row.views-row-1.views-row-odd.views-row-first.views-row-last.messages.warning{
	background-image:url();
	border-color:#000;
}
#frontpage-carousel-block_1.hidden-xs.carousel.slide{   /* removes frontpage carousel bounce */
	min-height: 325px;
}

.frontpage-emergency {
	background-color: #fff !important;
}

 
/* WEBFORM ---------------------------------------------------- */

.webform-component-textfield::after, .webform-component-select::after, .webform-component-email::after, .webform-component-textarea::after {
    clear: both;
}
.webform-component-textfield::before, .webform-component-textfield::after, .webform-component-select::before, .webform-component-select::after, .webform-component-email::before, .webform-component-email::after, .webform-component-textarea::before, .webform-component-textarea::after {
    content: " ";
    display: table;
}
.webform-component-textfield::after, .webform-component-select::after, .webform-component-email::after, .webform-component-textarea::after {
    clear: both;
}
.webform-component-textfield::before, .webform-component-textfield::after, .webform-component-select::before, .webform-component-select::after, .webform-component-email::before, .webform-component-email::after, .webform-component-textarea::before, .webform-component-textarea::after {
    content: " ";
    display: table;
}

#block-system-main fieldset {
    background: #F5F1EB;
    border: 1px solid #E6DDCF;
    margin: 18px 0 6px;
    padding: 5px 0 10px;
}

.webform-client-form fieldset {
    background: #F5F1EB;
    border: 1px solid #E6DDCF;
    margin: 18px 0 6px;
    padding: 5px 0 10px;
	width: 100%;
}
@media (max-width: 800px) {
  #webform-client-form-1558 fieldset {
	width: 99%
	}
}



#block-system-main fieldset legend, #webform-client-form-1558 fieldset legend {
    background: #fff;
    border: 1px solid #E6DDCF;
    display: block;
    font-size: 12px;
    padding: 7px;
    margin-left: 15px;
	width: auto;
	margin-bottom: 0px;
}

#block-system-main fieldset .form-item, #webform-client-form-1558 fieldset .form-item {
    clear: both;
    display: block;
    margin: 1em 20px;
	font-size: 12px;
    line-height: 14px;
    padding: 3px 20px 0 0;
}


#block-system-main fieldset .form-item label, #webform-client-form-1558 fieldset .form-item label {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 16px;
    padding: 3px 20px 0 0;
    position: relative;
    text-align: right;
    width: 200px;
}


@media (max-width: 800px) {
    #block-system-main fieldset .form-item label, #webform-client-form-1558 fieldset .form-item label {
	text-align: left;
	}
}

#block-system-main .form-text, #block-system-main .form-password, #block-system-main select, #block-system-main textarea,
#webform-client-form-1558 .form-text, #webform-client-form-1558 .form-password, #webform-client-form-1558 select,#webform-client-form-1558 textarea{
    font-size: 13px;
    line-height: 100%;
}

#block-system-main .form-text, #webform-client-form-1558 .form-text {
    width: 450px;
}
@media (max-width: 800px) {
  #block-system-main .form-text, #webform-client-form-1558 .form-text {
	width: 350px;
	}
}

#block-system-main input, #webform-client-form-1558 input {
    font-size: 12px;
    line-height: 100%;
    color: #494949;
}

#block-system-main .description, #webform-client-form-1558 .description  {
    color: #666;
    display: block;
    font-size: 12px;
    font-style: italic;
    font-weight: 100;
    line-height: 15px;
    padding: 0 20px 0 0;
    text-align: right;
    width: 225px;
}
@media (max-width: 800px) {
  #block-system-main .description, #webform-client-form-1558 .description  {
	text-align: left;
	}
}

#block-system-main p, body#fck p {
    margin-bottom: 15px;
}

#block-system-main .form-submit, #webform-client-form-1558 .form-submit {
    background: #e6e6e6;
    border-bottom-color: #969696;
    border-left-color: #ccc;
    border-right-color: #969696;
    border-top-color: #ccc;
    border-style: solid;
    border-width: 2px;
    color: #333;
    cursor: pointer;
    /* display: block; */
    font-size: 13px;
    margin: 15px 0 25px 0;
    padding: 3px 6px;
}

/* WEBFORM ---------------------------------------------------- */







/* 
new stuff above this line
-------------------------------------------------------------------------- 
*/

/* media queries */
@media (max-width: 320px){
	.view .date-nav-wrapper .date-heading{
		width:90%;
	}
	.view-content .event-list .date-display-range{
		line-height:1.2em;
		padding-bottom: 1%;
	}
}

@media (max-width: 469px) {
  .row .featured .item {
    height: 312px;
  }

  .views-field-field-event-image .field-content {
   height: 216px;
  }
  .views-field-field-event-image img {
   max-height: 216px;
  }
  /*.home .row .featured .content {
    margin-left: -15px;
    margin-right: -30px;
  }*/
  .home .row .featured .content .views-row,
  .home .row .featured .content .view-grid {
    padding: 0 20px 0 0;
  }
   .blockquote.image-field-caption {
		font-size:9px;
		padding-right:50%;
	}
	.views-field.views-field-title .field-content{
		margin-left:auto;
		margin-right: auto;
		display: block;
		padding: 2% 0 2% 0;
	}
	.view .date-nav-wrapper .date-prev, 
	.view .date-nav-wrapper .date-next{
		-moz-border-radius: 0;
         border-radius: 0;
         background: none;
		 position:relative;
         float: left;
         padding:2% 0 0 20%;
         text-align: right;
         margin: 0;
         width: auto;
	}
	.view .date-nav-wrapper .date-heading{
		width:90%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
}
@media (max-width: 506px) {
  .info-icons a.icon {
    width: 27px;
  }
  .info-icons a.icon:first-child {
    margin-left: 0;
  }
  .blockquote.image-field-caption {
		font-size:9px;
		padding-right:50%;
	}
	.event-list{
		margin-left: auto;
		margin-right: auto;
		width:88%;
	}
	.views-field.views-field-title .field-content{
		margin-left: auto;
		margin-right: auto;
		display: block;
		padding:2% 0 2% 0;
	}
	.view .date-nav-wrapper .date-prev, 
	.view .date-nav-wrapper .date-next{
		-moz-border-radius: 0;
         border-radius: 0;
         background: none;
		 position:relative;
         float: left;
         padding:2% 0 0 20%;
         text-align: right;
         margin: 0;
         width: auto;
	}
	.view .date-nav-wrapper .date-heading{
		width:80%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
}
@media (min-width: 500px) {
  /* JULY 2020 UPDATE - KEEP CENTERED IN FOOTER UNTIL 1200PX */
  .contact {
    /* float: left;
    padding:2% 0 0 3%;   */
    padding-top:1.5em;
  }
}
@media (max-width: 767px) {
  /* JULY 2020 UPDATE - GET RID OF PADDING & MARGINS TO KEEP BORDER FROM CRASHING INTO SEARCH BOX */
  .navbar-form {
    padding-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
/* JULY 2020 UPDATE - SHORTENED AREA BETWEEN IMAGE AND SELECTOR DOTS ON MOBILE */
  .row .featured .item {
    /* height: 320px; */
    height: 275px;
  }

  .content .carousel-control .glyphicon {
    position: absolute;
    top: 40%;
    z-index: 5;
    display: inline-block;
  }

  .carousel-inner {
    padding-bottom: 20px;
  }

  .content .carousel-indicators {
    bottom: -10px;
  }

  .info-icons a.icon {
    margin: 6px 3%;
    width: 11%;
  }
  .info-icons a.icon:first-child {
    margin-left: 0;
  }
  .info-icons a.icon:last-child {
    margin-right: 0;
  }
  .info-icons .module-inner {
    margin-bottom: 0;
  }
  .info-icons img {
    width: 32px;
  }
  .info-icons .circle {
    width: 100%;
    background: none;
    border: none;
  }

  .icons {
    margin: 0;
    width: 100%;
  }

  .spotlight h3.title {
    font-size: 1.143em;
  }

  .exhibition,
  .event {
    padding-left: 0;
    padding-right: 0;
  }

  .research-table > [class*="col-"] {
    border-bottom: 1px solid #ccc;
  }

  .item-header .details {
    padding-top: 20px;
    /*padding-bottom: 20px;*/
  }

  .views-field-field-event-image .field-content {
    height: 220px;
  }
	.blockquote.image-field-caption {
		font-size:9px;
		padding-right:50%;
	}
	.pagetitle{
		margin-left: auto;
		margin-right: auto;
		width:100%;
		display:block;
	}
	.view-header{
		margin-left: auto;
		margin-right: auto;
		width: 85%;
	}
	.views-row.views-row-1.views-row-odd.views-row-first.views-row-last.messages.warning{
		padding-left:2%;
		line-height:.5%
	}
	.views-field.views-field-title .field-content{
		margin-left: auto;
		margin-right: auto;
		display: block;
		padding:2% 0 2% 0;
	}
	/*image titles front-page*/
	.col-1.col-first .view-grid .views-field.views-field-title .field-content,
	.col-2.col-last .view-grid .views-field.views-field-title .field-content,
	.col-2 .view-grid .views-field.views-field-title .field-content,
	.col-3.col-last .view-grid .views-field.views-field-title .field-content{
		margin-left: auto;
		margin-right: auto;
		display: block;
		width:65%;
	}
	.view .date-nav-wrapper .date-prev, 
	.view .date-nav-wrapper .date-next{
		-moz-border-radius: 0;
         border-radius: 0;
         background: none;
		 position:relative;
         float: left;
         padding:2% 0 0 20%;
         text-align: right;
         margin: 0;
         width: auto;
	}
	.view .date-nav-wrapper .date-heading{
		width:70%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
/*	.featured.row-1.col-sm-11.col-md-9,
	.featured.row-2.col-sm-11.col-md-9{
		margin-left: auto;
		margin-right: auto;
		width:90%;
		display:block;
	}
	#block-views-frontpage-block-1.block.block-views,
	#block-views-frontpage-block-2.block.block-views{
		margin-left: auto;
		margin-right: auto;
		width:100%;
		display:block;
	}*/
}

/* JULY 2020 UPDATE - SHORTENED AREA BETWEEN IMAGE AND SELECTOR DOTS ON MOBILE */
@media (min-width: 470px) and (max-width: 767px) {
  .row .featured .item {
    /* height: 500px; */
    height:410px;
  }

  .views-field-field-event-image .field-content {
    height: 340px;
  }
  .event-list{
		margin-left: auto;
		margin-right: auto;
		width:88%;
	}
	.pagetitle{
		margin-left: auto;
		margin-right: auto;
		width:100%;
		display:block;
  }

	.view .date-nav-wrapper .date-heading{
		width:60%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
}
@media (min-width: 630px) and (max-width: 782px){
	.view .date-nav-wrapper .date-heading{
		width:100%;
    }	
}
/* JULY 2020 UPDATE - GIVE HEADER LOGO + SEARCH BOX SOME ROOM */
@media (min-width: 500px) {
  header .logo {
    width:auto;
  }
}
@media (min-width: 768px) {
  header .logo {
    margin-left: 20px;
    margin-top:8px;
  }
  .navbar-right {
    margin-right:0px;
  }
	/*thnoc title header*/
  .hidden-md.hidden-lg .site-title.thnoc{
    font-size:2em;
  }

  .nav > li:first-child a {
    /*	padding-left:0; */
  }
  /* JULY 2020 UPDATE - TICKETS BUTTON FLOAT RIGHT TO STAND OUT */
  .nav li:last-child {
    float:right;
  }

  .navbar {
    border-radius: 0;
  }

  .navbar-default .navbar-nav li,
  .navbar-default .navbar-nav li li {
    border: none;
  }

  .info-icons .circle {
    width: 168px;
    height: 168px;
  }

  .icons {
    margin: 20px auto;
    width: 104px;
  }

  .info-icons a.icon {
    margin: 6px 10px;
    width: 32px;
  }

  .views-field-field-event-image .field-content {
    height: 200px;
  }
	.view .date-nav-wrapper .date-heading{
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
   /*.event-list {
		margin-left: auto;
		margin-right: auto;
		width:88%;
	}*/	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* header .logo {
    margin-left: 0;
  } */

  .primary-nav .info-icons {
    display: none;
  }

  .home .primary-nav .info-icons {
    display: block;
  }

  .icons {
    width: 100%;
    margin: 0;
  }

  .info-icons .circle {
    width: 100%;
    height: 100%;
    background: none;
    border: none;
  }

  .info-icons a.icon {
    margin: 10px 0;
    width: 32px;
    display: block;
    float: none;
  }

  .container {
    width: 100%;
  }
  .event-list{
	margin-left: auto;
	margin-right: auto;
	width:88%;
  }
	.view .date-nav-wrapper .date-heading{
		width:60%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
}
@media (max-width: 991px) {
  	/*
  	.icons {
  		margin-top: 40%;
  	}
  
  	.icons {
  		margin-top: 45%;
  	}
  	*/
  .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 9px;
    font-size: .9em;
  }
}
@media (min-width: 992px) {
  .carousel-inner .item {
    text-align: center;

  }

  /*.row .featured .item {
    height: 340px;
  }*/
  .row .featured #frontpage-carousel-page .item {
    height: inherit;
  }

  .content .carousel-control .glyphicon {
    position: absolute;
    top: 33%;
    z-index: 5;
    display: inline-block;
  }

  .info-icons .circle {
    width: 220px;
    height: 220px;
  }

  .icons {
    margin: 34px auto;
    width: 140px;
  }

  .info-icons a.icon {
    margin: 8px 17px;
    width: 36px;
  }

  .secondary-nav .info-icons {
    display: none;
  }

  .views-field-field-event-image .field-content {
    height: 242px;
  }
}
/* JULY 2020 UPDATE - FLOAT RIGHT AND VERTICALLY CENTER IN FOOTER */
@media (min-width: 1200px) {
  .contact {
    float:right;
    margin-top: -2em;
    padding-right:3em;
  }

  .info-icons .circle {
    width: 250px;
    height: 250px;
  }

  .icons {
    width: 160px;
    margin: 45px auto;
  }

  .info-icons a.icon {
    margin: 8px 20px;
    width: 38px;
  }

  .info-icons a {
    margin: 8%;
  }

  .views-field-field-event-image .field-content {
    height: 272px;
  }
}
@media print {
  a[href]:after {
    content: none !important;
  }
}

/*More Images for Virtual Exhib 
.field-name-field-more-images .field-item {

	margin: 0 15px 20px 0;
	padding: 5px;
	max-width: 30%;
     display: inline-block;
    vertical-align: top;
	background-color:#F9F9F9;

}*/

.node-content .field-type-image{
  float: none !important;
}

/* JULY 2020 UPDATE - GOT RID OF WIDTH FOR LARGE EXHIBITION IMAGES ON EVERY VIEW */
.field-name-field-more-images .field-item {
/*float: left;*/
margin: 0 15px 10px 0;
padding: 5px;
/* width: 31%; */
/*min-height: 375px;*/
overflow: hidden;
display: inline-block;
vertical-align: top;
}

/*Added by AF on 1-24-18*/
td {
vertical-align: top; 
}

/*Added by AF 4-25-18 buttons to TNEW*/
.tnew-button {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
	font-size: 15px;
	line-height: 1.5;
}
.tnew-orange, .tnew-hover-orange:hover {
    color: #000 !important;
    background-color: #FE6D4C !important;
}
.tnew-button:hover {
    color: #000 !important;
    background-color: #FE9D89 !important;
}

/*FOR RESPONSIVE VIDEO EMBEDS FROM YOUTUBE & VIMEO
Added by CSE on 1/-17-19*/

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

 /*Virtual Exhibit Main Page Styling  by AF and CE 1-23-19 */
/*



body {
  background:#000;
  margin:0px;
  overflow: auto;
  padding:0px;
  position:relative;
  width:100vw;
}

p {
  color:#000;
  font-family: Arial, Helvetica, sans serif;
  font-size: 1rem;
  padding:0px 25px;
}

img {
  padding:0 20px;
}
**/
.ve-goods-button {
  background-color:#ab1a2d;
  border:none;
  color:white;
  display:inline-block;
  margin:0px;
  font-family:'ScalaSansOT-Bold';
  font-size:18px;
  padding:15px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width:auto;
}

.ve-goods-begin-exhibition {
  background-color:#ab1a2d;
  border:none;
  color:white;
  display:inline-block;
  margin:25px;
  font-family:'ScalaSansOT-Bold';
  font-size:18px;
  padding:10px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width:325px;
}

.ve-goods-button:hover {
    color:white;
}

.ve-header, .ve-header-mobile {
  display:block;
  position:relative;
  width:100%;
}

.ve-header img, .ve-header-mobile img {
  border:none;
  margin:0;
  padding:0;
  width:100%;
}

.ve-header {
  display:none;
}

.ve-container {
  background:#fff;
  display:block;
  margin:0;
  overflow: auto;
  padding:0;
  position: relative;
  /*width: 100vw;*/
 }

.left-image-mobile {
  margin:0;
  padding:0;
  width:100%;
}
.left-image {
  display:none;
}
.ve-quote {
  background:#34312c;
  margin:0px;
  padding:25px;
}
.ve-quote p {
  color:#fff;
  font-family: 'ScalaSansOT';
  font-size:18px;
}

.ve-quote b {
  color:#fff;
  font-family: 'ScalaSansOT';
  font-size:14px;
  text-transform: uppercase;
}

.ve-chapters {
  padding:5px;
}

.ve-chapters img {
  margin:0;
  padding:10px;
  width:100%;
}


/*MEDIA QUERIES*/

@media (min-width: 400px) {
  .ve-chapters img {
    width:363px;
  }
}
@media (min-width: 800px) {

  .ve-header {
    display:block;
  }
  .ve-header-mobile {
    display:none;
  }
  .ve-container {
    margin:0 auto;
    /*width:80%;*/
    max-width: 1170px;
  }
  .left-image-mobile {
    display:none;
  }
  .left-image {
    display:block;
    float:left;
    width:30%;
    padding:20px 25px 20px 25px;
    margin:0;
  }
  .ve-quote {
    margin:10px 110px;
  }
  .ve-chapters a {
    text-decoration: none;
  }
  
}

  @media (min-width: 1365px) {
    button.ve-goods {
      margin: 25px 0;
    }
  }

/* First Draft page styles */
.first-draft {
	float: left;
	padding: 0px 20px 20px 0px;
}
.first-draft img {
    border:1px solid #000000;
}
.first-draft-date-display-single {
    padding-bottom: 20px;
    padding-top: 5px;
    line-height: .75em;
}
@media (max-width: 770px) {
  .field-content-lesson {
    margin-left: 20px;
  }
	.field-content-lesson h4 {
    margin-left: 20px;
  }
}
/* -- Left rail image/column width on iPads > First Draft and History From  --
added by CSE 4-167-20 */
@media (max-width: 1199px) {
  #p-menu.menu img,
  .module-inner img, 
  .info-icons {
    display:none;
  }
}


/* Necessary for BLOCK under content called First Draft Mobile Nav
.mobileShow {display: none;}

/* Smartphone Portrait and Landscape */
@media only screen
and (min-width: 320px)
and (max-width: 480px){ 
  .mobileShow {display: inline;}
}

/*adding padding for bottom of the frontpage  by AF 20200429 */
.col-md-3 {
    padding-bottom: 20px;
}

.visible-xs .views-field-field-spotlight-image .field-content {
	display: flex;
    text-align: center;
	padding-left: 15%;
}
.visible-xs .view-display-id-block_9 {
padding-left: 15%;
}

/*  MORE LINK For virtual exhibition image captions by AF 20200518 */
#more {display: none;}
#more2 {display: none;}
#more3 {display: none;}
#more4 {display: none;}

#tooltip-link {
  text-decoration: underline;
  text-decoration-style: dashed;
}


/* Accordian Syling AF 20200713 */
/* [THE ENTIRE TAB] */
.tab {
  position: relative;
  margin: 2px;
  width: 95%
}

/* [THE LABEL] */
.tab input {
  display: none;
}
.tab label {
  display: block;
  background: #EEEEEE;
  color: #000;
  padding: 10px;
  cursor: pointer;
  margin-bottom: 10px;
}
.tab label::after {
  content: "\25b6";
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  transition: all 0.4s;
}
.tab input[type=checkbox]:checked + label::after,
.tab input[type=radio]:checked + label::after {
  transform: rotate(90deg);
}

/* [THE CONTENTS] */
.tab-content {
  overflow: hidden;
  /* Took out background color so that longer content doesn't look like it's missing background
  background: #FBFBFB; */
  /* CSS animation will not work with auto height */
  /* This is why we use max-height */
  transition: max-height 0.4s; 
  max-height: 0;
}
.tab-content p {
  margin: 20px;
}
.tab input:checked ~ .tab-content {
  /* Set the max-height to a large number */
  /* Or 100% viewport height */
  max-height: 100vh;
  /* Added overflow:visible and display:inline-block to ensure longer content doesn't get cut off - CSE 10-21-20 */
  overflow:visible;
  display:inline-block;
}

/* IN-PAGE SUB-NAV (originally added for Symposium 2021) -- CSE 1/15/21 */
a.blue-subnav-button {
  flex-grow: 1;
  padding: 20px;
  text-align:center;
  margin: 5px;
  display:block;
  font-size: 1.75rem;
  font-weight: bold;
  background-color: #2e8096;
  color: white;
  border: none;
  text-decoration: none;
  color: #fff;
cursor: pointer;
display: block;
position: relative;
}
a.blue-subnav-button:hover {
background-color: #5498aa;
}
/* GRAY BOX FOR 'ON VIEW' INFO ON EXHIBITIONS -- CSE 2/24/21 */
.gray-box {
  background-color:#eeeeee;
  border:solid 1px #707070;
  padding:10px;
}
.gray-box p {
  margin:10px;
}


/* Dancing in the Streets Narratives  20210501 */
.narrative-title-dits {
	font-family: 'Movement-DirectBlack';
	font-weight: bold;
}

/*Used for "buttons" <span> created in WYSWYG editor  20210514*/
a.white-link {
	text-decoration: none;   
	color: white;
}
a.white-link:hover {
	text-decoration: underline;   
	color: white;
}