@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

*************************************************/
/*********************
GENERAL STYLES
*********************/
html{font-size: 105%;  }
p{
  font-weight:400;
}
.main-div{
  max-width: 60em;
  background-color:#fff;
}

body, h1, h2, h3, h4, h5, h6,p{
  font-family:'futura-pt';
}

th{
  text-align:left;
}

p.items-per-page{
  float:right !important;
}

/*********************
LINK STYLES
*********************/
a:link,a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

.fa-external-link{
  font-size: 0.75em !important;
  opacity:0.5;
}

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
}

/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none;
}

.content-push{
  height:5em;
}

@media print, screen and (min-width: 40em){
  .content-push{
    height:3.1em;
  }
}

.announcement-widget{
  background-color:#000;
  text-align:center;
  padding:0.5em;
  padding-left:1.5em;
  padding-right:1.5em;
  color:#fff240;
  margin:0;
  margin-left:-1em;
  margin-right:-1em;
  width:auto;
  position: relative;
  z-index:500;
}

.announcement-widget p,
.announcement-widget h3,{
  margin-bottom:0;
  text-align:center;
}
/*********************
NAVIGATION STYLES
*********************/
.top-bar .title-area {
  z-index: 1;
}

.off-canvas-list ul {
  margin-left: 0;
}

.off-canvas-list ul li a {
  border-bottom: 0px;
}

.off-canvas-list ul .dropdown {
  margin-left: 20px;
}

/*********************
POSTS & CONTENT STYLES
*********************/
#content #inner-content {
  padding: 1rem 0rem;
}

.page-title .vcard {
  border: 0px;
  padding: 0px;
}

.byline {
  color: #999;
}

.entry-content img {
  max-width: 100%;
  height: auto;
}

.entry-content .alignleft,
.entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
}

.entry-content .alignright,
.entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
}

.entry-content .aligncenter,
.entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
}

.entry-content video,
.entry-content object {
  max-width: 100%;
  height: auto;
}

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}

.wp-caption {
  max-width: 100%;
/*  background: #eee;*/
/*  padding: 5px;*/
}

.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}

.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff;
}

[data-whatinput='mouse'] .post-password-form input[type="submit"] {
  outline: 0;
}

.post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
  background: #1583cc;
  color: #fff;
}

/*********************
IMAGE GALLERY STYLES
*********************/


/*********************
*********************/

.nav-sidebar-fix{
  width:100%;
}

@media print, screen and   (min-width: 40em) {

  .nav-sidebar-fix{
    position: relative;
    min-height:45em;
}

  .main{
    min-height:45em;
  }

}

@media print, screen and   (min-width: 64em) {

  .nav-sidebar-fix{
    min-height:55em;
    background-image: url('../images/landing-home.jpg');
    background-size: auto 100vh;
    background-repeat:no-repeat;
    background-position: 800px;
    background-attachment: fixed;
}

  .main{
    min-height:55em;
  }

}

.nav-sidebar-fix{
  background-size:cover;
}

.main{
  padding:1em;
  background-color: #fff;
  padding-top:0;
}

@media print, screen and   (max-width: 40em) {

  .main-div{
    padding-right: 0rem !important;
    padding-left: 0rem !important;
  }

  .top-bar{
    padding-right: .625rem !important;
    padding-left: .625rem !important;
  }

}

.nav-sidebar-fix{
  background-image:none;

}

/*********************
NAV BAR STYLES
*********************/

.header,
.top-bar,
.top-bar ul {
  background: #fff240;
}

@media print, screen and   (min-width: 40em) {

  .header{
    background: #fff;
  }
}

header.header{
  position:fixed;
  border-bottom:2px solid #EEE;
  z-index:25000;
  margin-left:0;
  margin-right:0;
  left:0;
  right:0;
}

.top-bar,
.off-canvas{
  font-family:futura-pt;
  font-weight: 500;
}

.top-bar-left{
  max-width: 50em;
}

.top-bar{
  height:5em;
  padding: 0;
}

@media print, screen and   (min-width: 40em) {

  .top-bar{
    height:auto;
    height:initial;
    position: relative;
  }

  .top-bar .top-bar-right{
    height:14px;
  }

  .top-bar,
  .top-bar ul:not(.submenu) {
    background-color: #fff;
  }

}

@media print, screen and   (min-width: 64em) {

  .top-bar,
  .top-bar ul:not(.submenu) {
    margin-left: -1.5em;
  }

}

.top-bar a{
  color:#000;
}

@media print, screen and (min-width: 40em){

  .top-bar .top-bar-left {
    width: 100% !important;
  }

  .top-bar-left.show-for-medium{
    /*width:90% !important;*/
    /*min-width:28em;***********************/
  }

}

.top-bar-left .menu-accordion li {
  width: 25%;
  border-bottom:solid 1px #fff;
  float:left;
  position: relative;
}

.top-bar-left .menu-accordion a {
  font-size: 1.5rem;
  text-align: center;
}

.top-bar-left .menu-item-has-children > a {
  width:80%;
}

.menu.submenu a {
  height:initial; /*temporary fix*/
  font-size: 1.2rem;
  text-align: left;
}


.top-bar-left .menu-accordion a:hover, .top-bar-left .menu-accordion [aria-expanded="true"] a {
  background: #000;
  color: #fff
}

/*.top-bar-left .menu-accordion button:hover {
  background: #000;
  color: #fff;
}*/
.is-accordion-submenu-parent > a:after{
  display:none;
}
.is-accordion-submenu-parent .is-accordion-submenu-parent > a:after{
    background: url(/wp-content/themes/dday-museum/assets/images/yellow_navarrow.png);
    display: block;
    border: 0;
    width: 13px;
    height: 13px;
    background-size: contain;
    background-repeat: no-repeat;
}
@media print, screen and   (max-width: 40em) {
  .is-accordion-submenu-parent .is-accordion-submenu-parent > a:after{
      background: url(/wp-content/themes/dday-museum/assets/images/black_navarrow.png);
      display: block;
      border: 0;
      width: 13px;
      height: 13px;
      background-size: contain;
      background-repeat: no-repeat;
  }
}
.is-accordion-submenu-parent .is-accordion-submenu-parent > a:hover:after, .is-accordion-submenu-parent .is-accordion-submenu-parent[aria-expanded="true"] a:after{
   background: url(/wp-content/themes/dday-museum/assets/images/black_navarrow.png);
   width: 13px;
   height: 13px;
   background-size: contain;
   background-repeat: no-repeat;
}

.is-accordion-submenu-parent .is-accordion-submenu-parent > a:hover :after, .is-accordion-submenu-parent .is-accordion-submenu-parent[aria-expanded="true"] a:after{
   background: url(/wp-content/themes/dday-museum/assets/images/black_navarrow.png);
   width: 13px;
   height: 13px;
   background-size: contain;
   background-repeat: no-repeat;
}

.is-dropdown-submenu{
  min-width: 0;
  width:100%;
}

.dropdown.menu>li.is-dropdown-submenu-parent>a:after {
    content: none;
  }

.submenu .submenu-toggle:after {
  border-color: #fff transparent transparent;
}

.top-bar-left .menu-accordion .submenu-toggle:hover:after {
  border-color: #fff240 transparent transparent;
}

.top-bar-left .menu-accordion .submenu .submenu-toggle:hover:after {
  border-color: #000 transparent transparent;
}
/*.top-bar-left .menu-accordion .is-accordion-submenu-parent[aria-expanded="true"] > a{
  color:#fff240;
}*/
.is-submenu-item {
  width: 100% !important;
}

.top-bar-left .is-submenu-item {
  background-color: #000;
}

.top-bar-left .menu .active>a,
.top-bar-left .menu .is-active>a {
  background: #000;
  color: #fff;

}

.top-bar-left .submenu .active>a,
.top-bar-left .submenu .is-active>a {
  background: #000;
  color: #fff;
}

.top-bar-left .menu .active>a:hover,
.top-bar-left .menu .is-active>a:hover {
  background: #000;
  color: #fff;
}

.top-bar-left .submenu .active>a:hover,
.top-bar-left .submenu .is-active>a:hover, .top-bar-left .submenu .current-menu-item a {
  background: #fff240;
  color: #000;
}

/*.menu .active button,
.menu .is-active button {
    background: #000;
    color: #fff;
}*/

.top-bar-left .submenu a{
  background: #000;
  color: #fff;
}

/*.top-bar-left .submenu button{
  background: #000;
  color: #fff;
}*/

.top-bar-left .submenu a:hover,
.top-bar-left .submenu .is-accordion-submenu-parent[aria-expanded="true"] a {
  background: #fff240;
  color: #000;
}

/*.top-bar-left .menu-item-has-children[aria-expanded="true"] a:hover{
  background: #fff240;
  color: #000;
}*/

.toggle {
  position: absolute;
  right: 0;
  top: 0;
  height:100%;
  padding: 0.5em;
/*  background: #fff;*/
  color: #000;
  width:20%;
  background-repeat: no-repeat;
  background-size:50%;
  background-position: center center;
/*  background-image: url(/wp-content/themes/dday-museum/assets/images/black_navarrow.png);
*/}

.togspan:after{
  content: "\f13a";
  font-family: fontAwesome;
  color:#000;
  font-size: 1.25em;
  vertical-align: -webkit-baseline-middle;
}

/*.submenu .toggle{
  background-image: url(/wp-content/themes/dday-museum/assets/images/white_navarrow.png);
}*/

.submenu .togspan:after{
  content: "\f13a";
  font-family: fontAwesome;
  color:#fff;
}

.toggle-open{
  border-bottom: solid 1px #fff;
/*  background-image: url(/wp-content/themes/dday-museum/assets/images/yellow_navarrow.png) !important;
*/}

.toggle-open .togspan:after{
  content: "\f13a";
  font-family: fontAwesome;
  color:#fff240;
}

/*.active .top-toggle-open{
  background-image: url(/wp-content/themes/dday-museum/assets/images/yellow_navarrow.png) !important;
}*/

.active .top-toggle-open .togspan:after{
  content: "\f13a";
  font-family: fontAwesome;
  color:#fff240;
}

/*.toggleClosed{
  background-image: url(/wp-content/themes/dday-museum/assets/images/black_navarrow.png);
}*/

.toggleClosed .togspan:after{
  content: "\f13a";
  font-family: fontAwesome;
  color:#000;
}

/*.submenu .toggleClosed{
  background-image: url(/wp-content/themes/dday-museum/assets/images/white_navarrow.png);
}*/

.submenu .toggleClosed .togspan:after{
  content: "\f13a";
  font-family: fontAwesome;
  color:#fff;
}

/*.toggleOpen{
  background-image: url(/wp-content/themes/dday-museum/assets/images/yellow_navarrow.png);
}*/

.off-canvas .submenu .toggle{
  border-bottom:1px solid #bbb;
}

.toggleOpen .togspan:after{
  content: "\f13a";
  font-family: fontAwesome;
  color:#fff240;
}

.top-bar-left .active > a{
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.top-bar-left .active a:hover{
  background: #fff240 !important;
  color: #000 !important;
}

.top-bar-left .submenu-expanded .toggle:hover{
  background-color: #fff240 !important;
/*  color: #000 !important;
   background-image: url(/wp-content/themes/dday-museum/assets/images/black_navarrow.png) !important;*/
}

.top-bar-left .submenu-expanded .toggle:hover .togspan:after{
  content: "\f13a";
  font-family: fontAwesome;
  color:#000;
}

.top-bar-left .active > .toggle{
  background: #000;
  color:#fff;
  border-right: solid 1px #fff;
/*  background-image: url(/wp-content/themes/dday-museum/assets/images/white_navarrow.png);
*/  background-repeat: no-repeat;
  background-size:50%;
  background-position: center center;
}

.top-bar-left .active > .toggle .togspan:after{
  content: "\f13a";
  font-family: fontAwesome;
  color:#fff;
}

.top-bar-left .submenu-expanded .menu-item-has-children > a {
    border-right: 1px solid #fff;
}

/*
.top-bar-left .toggle:hover {
  background: #ebebeb;
  color: #000;
  cursor: pointer;
}

.top-bar-left .submenu-expanded .toggle{
  background: #000;
  color: #fff;
}

  .top-bar-left .submenu button:hover {
  background: #ebebeb;
  color: #000;
}*/

.top-bar-left .is-dropdown-submenu{
  border:none;
}

.submenu {
  display: none;
}

.submenu.submenu-expanded {
  display: block;
}

.top-bar-left .submenu .submenu a{
  background: #fff240;
  color: #000;
}

.top-bar-left .submenu .submenu a:hover{
  background: #000;
  color: #fff240;
}

.top-bar-left .submenu{
  position: absolute;
  z-index:2;
  border-top: solid 1px #fff;
}

.top-bar-left .submenu .submenu{
  position: relative;
  position: initial;
}

.top-bar-left .submenu .submenu-toggle {
  height: 38px;
}

.accessibility-icon{
  width:2em;
  height:40px;
  display: none !important;     /*REMOVE ICON*/
}

.accessibility-icn{
float:right;
}

.accessibility-icon a{
  background-image:url("../images/accessibilityIcon.png");
  background-position:center;
  background-size:contain;
  background-repeat: no-repeat;
}

.top-bar-left .submenu{
  z-index:100;
}
.home-onward-arrow{
    text-align:center;
}
.home-onward-arrow a{
  color:#FFF;
}

.top-bar-left .menu-accordion >  li:hover > button{
  background-color:#CCC !important;
}
.top-bar-left .menu-accordion  li  button{
  cursor:pointer;

}
.top-bar-left .menu-accordion >  li > button:hover{
  background-color:#CCC !important;
}

.top-bar .menu-item-home{
  width:8% !important;

}
.top-bar .menu-item-home > a{
  text-indent:-3000px;
  background-image:url("/wp-content/themes/dday-museum/assets/images/home.png") !important;
  background-repeat:no-repeat !important;
  background-size:40% auto !important;
  background-position:center center !important;
}

.top-bar .menu-item-home > a:hover{
  background-repeat:no-repeat;
  background-size:40% auto;
  background-position:center center;
  background-image:url("/wp-content/themes/dday-museum/assets/images/home-wt.png") !important;

}

.top-bar, .top-bar ul:not(.submenu){
  margin-left:0;
}

.top-bar-right{
  position:absolute;
  right:0;
}

/*********************
MOBILE TOPBAR STYLES
*********************/

.top-bar .float-right.show-for-small-only{
  margin-top: 0.8em
}

.top-bar .float-right.show-for-small-only .menu{
  height:30px;
}

.mobile-logo{
  width:auto;
  margin-top: 0.85em;
  height: 3.3em
}

.mobile-text-logo{
  height:2em;
  width:auto;
}

.mobile-logo-text-div{
  width: 66%;
  text-align: center;
  height: 2.5em;
  margin-top: 1.5em;
}

.menu-icon{
  width: 4em !important;
  height: 50px !important;
  margin-right: -0.25em;
}

.menu-icon:after {
  width: 50%;
  height: 5px;
  background: #000;
  box-shadow: 0 12px 0 #000, 0 24px 0 #000;
  top: 12px !important;
  left: 1em !important;
}

.menu-icon:hover:after {
  background: #000;
  box-shadow: 0 12px 0 #000, 0 24px 0 #000;
}







/*********************
OFF CANVAS MOBILE NAV STYLES
*********************/


.off-canvas{
  background: #fff;
}

.off-canvas-menu{
  padding:1.5em;
}

.off-canvas #menu-main-nav #menu-item-98{
  display: none;
}

.off-canvas #menu-main-nav .submenu .submenu-toggle{
  /*border-bottom:1px solid #bbb;*/
  height:42px;/**/
}

.off-canvas #menu-main-nav .submenu .submenu-toggle:after {
  border-color: #666 transparent transparent;
}

.off-canvas #menu-main-nav a{
  color:#000;
  font-size: 1.5em;
}

.off-canvas #menu-main-nav .submenu a{
  font-size: 1.2em;
  font-weight: 400;
}

.off-canvas #menu-main-nav .active>a,
.off-canvas #menu-main-nav .menu .is-active>a {
  /*background: #000;
  color: #fff;*/
  background: #fff;
}

.off-canvas #menu-main-nav .submenu a{
  border-bottom:1px solid #bbb;
}

.off-canvas #menu-main-nav .submenu .submenu a{
  color:#666;
  padding-left:0.5em !important;

}

.off-canvas #menu-main-nav .button,
.off-canvas #menu-main-nav a {
  padding: .7rem 0rem !important;
}

.off-canvas-social-media-links{
  height:2.5em; /*remove this*/
  width:8em;
  margin-top:2em;
  margin-left: auto;
  margin-right: auto;
  margin-left: initial;
  margin-right: initial;
}

.off-canvas-social-media-links .column {
  padding-right: 0.35rem;
  padding-left: 0.35rem;
}

.off-canvas-sm-button{
  height:100%;
}

.off-canvas-sm-button:hover{
  opacity:0.6;
}

.off-canvas-sm-icon{
  height:100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.off-canvas-sm-button .twitterBtn{
  background-image:url("../images/ticon.png");
}

.off-canvas-sm-button .youtubeBtn{
  background-image:url("../images/yticon.png");
}

.off-canvas-sm-button .facebookBtn{
  background-image:url("../images/fbicon.png");
}

.off-canvas-accessibility{
  font-size:1.2em;
  float:right;
  margin-right:1.5rem;
}

.off-canvas a{
  color:black;
}

#accss-icn{
  height:1.5em;
  width:auto;
  vertical-align: middle;
  margin-left:1em;
}


/*ADAM*/

.off-canvas .menu.horizontal>li,
.off-canvas .menu>li {
  display: block;
  position: relative;
}

.off-canvas-menu .submenu .togspan:after {
    content: "\f13a";
    font-family: fontAwesome;
    color: #000;
}

.off-canvas-menu .toggle-open .togspan:after,
.off-canvas-menu .top-toggle-open .togspan:after {
  color: #bbbbbb;
}

.off-canvas-menu .is-accordion-submenu-parent .is-accordion-submenu-parent > a:after{
  content: none;
}

.off-canvas-menu .menu-item-has-children > a {
    width: 80%;
}



/*********************
SIDEBAR STYLES
*********************/

#sidebar1,
#sidebar-extra{
  max-width:25em;
}

#sidebar1{
  right:0;
  top:0;
  background-color: #fff240;
  padding:5%;
  padding-top:2em;
  padding-bottom:2em;
  overflow: hidden;
}

@media print, screen and   (min-width: 64em) {

  #sidebar1{
    padding:4%;
  }

   .sidebar-bottom{
      left: 4vw;
      right: 4vw;
  }

}

@media print, screen and   (min-width: 84em) {
  #sidebar1{
    right:auto;
    right:initial;
    left:60em;
  }
  #sidebar1.sidebar1-short-screen{
    left:auto;
    right:auto;
    left: initial;
    right: initial;
    float: none;
  }
}

.sidebar1-fixed{
  position: fixed;
  height:100%;
/*  max-height:100vh;*/
}

.sidebar1-unfixed{
  position: absolute !important;
  bottom:0;
  height:100%;
  max-height:100vh;
}

.sidebar1-short-screen{
  height:100%;
  position: relative;
  z-index: 2;
  float: right;
}

.sidebar1-unfixed_2{
  position: absolute !important;
  bottom:auto;
  max-height:auto;
  bottom:initial;
  max-height:initial;
}

@media screen and (min-width: 100em) {

  #sidebar1{
    /*padding:5.5em;*/
    padding-top:2.5em;
    padding-bottom:2.5em;
  }

}


#sidebar1 #media_image-2 {
  transform: scale(1.7);
  -ms-transform: scale(1.7);
  -webkit-transform: scale(1.7);
  -moz-transform: scale(1.7);
  transform-origin: top center;
  -ms-transform-origin: top center;
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
}

.sidebar-bottom{
  position: absolute;
  left: 4vw;
  right: 4vw;
  bottom: 1.5em;
}

@media print, screen and (min-width: 86em) {
  #sidebar1{
   /* padding:6%;*/
    padding-top:2em;
    padding-bottom:2em;
  }
}


.social-media-links{
  height:3.5em;
}

.sm-button{
  height:100%;
}

.sm-button:hover{
  opacity:0.6;
}

.sm-icon{
  height:100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.sm-button .twitterBtn{
  background-image:url("../images/ticon.png");
}

.sm-button .youtubeBtn{
  background-image:url("../images/yticon.png");
}

.sm-button .facebookBtn{
  background-image:url("../images/fbicon.png");
}

.sidebar-btns{
   margin-top: 110%;
   text-align: center;
   margin-left:-50%;
   margin-right:-50%;
}

.sidebar-btn{
  padding: 0.2em;
  background-color: #fff240;
  font-size: 1.3em;
  color: #000 !important;
  text-align: center;
  font-family: futura-pt;
  font-weight: 600;
  /* border-top: solid 2px black; */
  /* border: solid 2px black; */
  z-index: 50000;
}

.sidebar-btns i{
  margin-right: 0.2em;
}

@media print, screen and   (min-width: 40em) {

  .social-media-links .column{
    padding-right: 0.4em;
    padding-left: 0.4em;
  }

  .social-media-links{
    margin-right: -0.4em !important;
    margin-left: -0.4em !important;
  }

}

@media print, screen and (min-width: 60em){
  .social-media-links .column {
    padding-right: 0.6em;
    padding-left: 0.6em;
  }
}

@media print, screen and (min-width: 60em){
  .social-media-links .column {
    padding-right: 0.3em;
    padding-left: 0.3em;
  }
}

.side-bar-see-also{
  margin-top:1em;
  margin-bottom:1em;
}

.side-bar-see-also h3{
  font-size:1.8em !important;
  padding-top:0 !important;
}

.side-bar-see-also a{
  font-family:futura-pt;
  font-weight:500;
  color:#000;
  font-size:1.3em;
  margin-bottom:1.5em;
}

.side-bar-see-also a:hover,
.sidebar-tickets:hover{
  opacity:0.6;
}

.see-also-link-img{
  height: 0.7em;
  margin-left: -1.1em;
  margin-right: 0.4em;
  vertical-align: middle;
}

.side-bar-see-also span{
  vertical-align: middle;
}

@media print, screen and   (min-width: 64em) {

  .side-bar-see-also h3{
    font-size:2.5em !important;
  }

  .side-bar-see-also a{
    font-size:1.4em;
  }

  .see-also-link-img{
    height: 0.9em;
    margin-left: -1.4em;
    margin-right: 0.5em;
  }

}

@media print, screen and   (min-width: 84em){

  .side-bar-see-also h3{
    font-size:2.7em !important;
  }

  .side-bar-see-also a{
    font-size:1.5em;
  }

  .see-also-link-img{
    height: 1em;
    margin-left: -1.6em;
    margin-right: 0.6em;
  }

}

@media print, screen and   (min-width: 100em){

  .side-bar-see-also{
  margin-top:3.5em;
  }

  .side-bar-see-also h3{
    font-size:3em !important;
  }

  .side-bar-see-also a{
    font-size:1.7em;
  }

}

.side-bar-see-also h3{
    padding-top:0em !important;
}

.boundary{
  height:1em;
  width:1em;
}

#sidebar-extra{
  position: absolute;
  left:75%;
  bottom: 0;
  background: #fff240;
  height: 200000px;
  z-index: 1;
}

@media print, screen and   (min-width: 84em) {

  #sidebar-extra{
    left:60em;
    right: auto;
    right:initial;
  }
}


#sidebar1,
#sidebar-extra{
  max-width:30em;
  float:right;
  left:auto;
}

#sidebar-extra{
  right:0;
  left:auto;
}

@media print, screen and   (min-width: 84em) {
  #sidebar1{
    right:0 !important;
    top:0;
    bottom:0;
  }
  #sidebar1.sidebar1-short-screen{
    float:right;
  }
  #sidebar-extra{
    right:0;
  }

}

.sidebar1-fixed{
  z-index:  25001;
}

@media print, screen and   (orientation: landscape) and (max-height: 40em) and (min-width: 40em){
  #sidebar1 .side-bar-see-also{
    display:none;
  }

  .main-div .see-also{
    display: block !important;
    margin-bottom: 1em;
  }

}



/*********************
FOOTER
*********************/

@media print, screen and   (min-width: 64em) {

  .footer{
    font-size:1.2em;
  }

}

.footer{
  font-family:futura-pt;
  font-weight: 500;
  margin-top:0;
}

.footer h3,
.footer h4{
  font-family:futura-pt;
  font-size:1.5em;
  font-weight: 500;
}








.footer-part-1{
  padding-left:1.5em;
  padding-right:1.5em;
  background-color:#ebebeb;
}

@media print, screen and   (min-width: 64em) {

  .footer-part-1{
    padding-left:3em;
    padding-right:3em;
  }

}

.footer-part-1 h3{
  margin-bottom: 1em;
  margin-left:-0.5em;
}

@media print, screen and   (min-width: 40em) {

  .footer-part-1 h3{
    margin-left:0em;
  }

}

.footer-part-1 a{
  color: #000 !important;
}

.footer-phone-number{
  margin-top:1em;
}

.footer-phone-number span{
  height:1em;
  vertical-align: middle;
}

i.phone-icon{
  width:1em;
  height:1em;
  margin-right:1em;
  vertical-align: middle;
}

@media print, screen and   (min-width: 40em) {

  .footer-phone-number{
    margin-top:5em;
  }

}

.h-line{
  width:100%;
  height:1.2px;
  background-color: #000;
  margin-top: 1.5em;
}

@media print, screen and   (min-width: 40em) {

  .h-line{
    display:none;
  }

}

.find-us {
    float: right !important;
}

@media print, screen and   (min-width: 40em) {

  #find-us{
    padding-left:0;
  }

  .border-fix{
    border-left: 1.2px solid #000;
    padding-left:1em;
  }

}

.opening-times,
.find-us{
  padding-top:1.5em;
}

.find-us{
  padding-bottom: 2em;
}

@media print, screen and   (min-width: 40em) {

  .find-us .address{
    padding-left:1em;
  }

}

@media print, screen and   (min-width: 40em) {

  .opening-times,
  .find-us{
    padding-top:2em;
    padding-bottom:2em;
  }

}

.address{
  padding-right:0.25em;
}

.map{
  padding-left:0.25em;
}

iframe.map{
  height:12em;
}


.opening-times,.find-us{
  float:left !important;
  max-width:33em !important;
  padding-top:1em;
  padding-bottom:1em;
  font-size:95%;
}
.opening-times h3,.find-us h3{
  margin-bottom:0.5em;
}

.address{
  padding-right:0.25em;
  float:left !important;
}



.footer-sitemap{
  padding-top:1em;
  padding-bottom:2.5em;
  background-color:#fff240; /*****/
  padding-left:0.25em;
  padding-right:0.25em;
}

@media print, screen and   (min-width: 40em) {

  .footer-sitemap{
    padding-left:1.5em;
    padding-right:1.5em;
  }

}

@media print, screen and   (min-width: 64em) {

  .footer-sitemap{
    padding-left:3em;
    padding-right:3em;
  }

}

.footer-links{
  margin-top:1.5em;
}

.footer-links li{
  width:100%;
  display: block;
}

.footer-sitemap a{
  color:#000;
  line-height: 1.66em !important;
}

.footer-sitemap a:hover{
  opacity:0.6;
}

.footer-sitemap .active>a,
.menu .is-active>a {
    background: #fff240;
    color: #000;
}

@media print, screen and   (min-width: 40em) {

  .footer-links ul{
    margin-top:1em;
  }

}

.footer-sitemap a{
  line-height:1.2 !important;
  padding: .4rem 1rem !important;
  font-size:1rem;
}

.visiting-links{
  padding-left:0;
}





.footer-images{
  padding-top:1.5em;
}

.footer-images a {
  text-align: center;
  max-width:20em;
}

@media print, screen and   (min-width:25em) and (max-width:40em){
  .footer-images a{
    width:50% !important;
  }
}

.footer-images img{
  width:100%;
  margin-bottom:1.5em;
  vertical-align: middle;
/*  padding-left:1.5em;
  padding-right: 1.5em;*/
}

.helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

@media print, screen and   (min-width: 40em) {

  .footer-images a:nth-child(2){
    text-align: left;
  }

  .footer-images a:nth-child(3){
    text-align: center;
  }

  .footer-images a:nth-child(4){
    text-align: right;
  }

}

@media print, screen and   (min-width: 64em) {

  .footer-images{
    padding-left:3em;
    padding-right:3em;
    padding-top:2em;
  }

  .footer-images img{
  margin-bottom:2em;
  }

}









.footer-part-4{
  padding-top:1em;
  padding-bottom:1em;
  background-color:#000;
  color:#fff;
}

@media print, screen and   (min-width: 64em) {

  .footer-part-4{
    padding-left:1em;
    padding-right:1em;
  }

}

.footer-part-4 a{
  color:#fff;
  text-align:center;
}

.bottom-links{
  float:left !important;
}

.bottom-links ul{
  text-align:center;
}

.bottom-links li{
  display: inline-block;
}

.bottom-links a{
  padding:0 !important;
}

.bottom-links a:hover{
  text-decoration: underline;
}

.copyright{
  margin-top: 3em;
}

.ctext{
  color:#cbcab7;
}

.site-by{
  text-align: right;
}




#footer{
  position:relative;

}

.footer-sitemap{
  padding-top:0;
  padding-bottom:1rem;
  /*max-width:60em;*/
}

.footer-sitemap > .column{
    max-width:66em;
    float:left !important;
}

.footer-sitemap .footer-links{
  margin-top:0;
  padding-top:1rem;

}

.footer-sitemap h4 a{
  font-size:1.5rem;
}
.footer-sitemap .footer-links ul{
  padding-top:0;
  margin-top:0;
}

.footer-images{
  background-color:#FFF;
}

.footer-images img{
  width:80%;
  max-width:250px;
}
.footer-images .end img{
  width:70%;
}

.bottom-links a{
  display:inline-block;
  margin:0 1em;
}

.footer-links.visiting-links ul.menu-footer-column-3{
  columns:2;

}

.visiting-links{
  column-fill: balance;
  -moz-column-fill: balance;
  -webkit-column-fill: balance;
  column-count:4;
}
.footer2-widget img{
  float:right;
}


/*********************
404 STYLES
*********************/


.inner-content-404-2 h1{
  font-family:futura-pt;
  font-weight:600;
  margin-top:2em;
  margin-left:0.5em;
}

@media print, screen and   (min-width: 64em){

  .inner-content-404-2 h1{
    margin-left:1.5em;
  }

}

.content-404{
  margin-top:6em;
  margin-left:1em;
  margin-right:1em;
}

.logo-404{
  background-image:url("../images/logo-404.png");
  background-size:contain;
  background-position: top right;
  background-repeat:no-repeat;
  height:20em;
}

.logo-404-label{
  font-size:2em;
  font-family:futura-pt;
}


.error404 #breadcrumbs{
  display:none !important;
}



/*********************
PAGE
*********************/

.page-title{
  clear:left;
}

.clearer{
  clear:both;
}

.entry-content h3{
  font-family: futura-pt;
  margin-top:1em;
}

.breadcrumbs li{
  font-size: 1em;
  text-transform: lowercase;
}
.breadcrumbs li a{
  color:#8a8a8a;
}
.breadcrumbs li strong a{
  font-weight:500;
}
#breadcrumbs{
/*  margin-top:0.8em;*/
  font-family:futura-pt;
  color:#444;
  margin-bottom: 1.5em;
  display: inline-block;
  float:left;
  line-height: auto;
  line-height: initial;
}

.inline-search{
  margin-top: -1em;
}

.inline-search .accessibility-icon a{
  margin-top: 0;
  line-height: inherit;
  padding: 1em;
}

.inline-search .accessibility-icn{
  margin-top: 0;
}

@media print, screen and   (min-width: 40em){

  #breadcrumbs{
    /*margin-top:0em;*/
  }

}

#breadcrumbs a{
  padding: 0.5em 0.4em;
}

#breadcrumbs .separator::after,
#breadcrumbs .item-parent:after,
#breadcrumbs .item-cat:after, #breadcrumbs .item-home:after{
    margin: 0 .3em;
    content: " ";
    background: url(/wp-content/themes/dday-museum/assets/images/black_navarrow.png);
    width: 10px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

.breadcrumbs li{
  text-transform:none;
}

#breadcrumbs{
  margin-top:2em;
}

@media print, screen and (min-width: 40em){
 
  #breadcrumbs{
    max-width:60%;
  }
}

.inline-search{
  float: right;
  max-width: 40%;
  margin-top: 0.9em;
}

.page-parent #breadcrumbs li{
  display:none;
}

.page-parent.page-child #breadcrumbs li{
  display:block;
}

#breadcrumbs .item-current{
  display:none !important;
}

#site-search{
  display: inline-block;
  float:left;
  height:1em;
  margin-top:0.8em;
  font-family: futura-pt;
}

#site-search-text{
  width:83.333%;
  float:left;
  border:none;
  box-shadow: none;
  text-align: right;
  height:1.5em;
}

#mob-site-search-text{
  width:83.333%;
  float:left;
  border:none;
  box-shadow: none;
  text-align: right;
  height:1.5em;
}

#site-search-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #555;
}
#site-search-text::-moz-placeholder { /* Firefox 19+ */
  color: #555;
}
#site-search-text:-ms-input-placeholder { /* IE 10+ */
  color: #555;
}
#site-search-text:-moz-placeholder { /* Firefox 18- */
  color: #555;
}

#site-search-text:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #888;
}
#site-search-text:focus::-moz-placeholder { /* Firefox 19+ */
  color: #888;
}
#site-search-text:focus:-ms-input-placeholder { /* IE 10+ */
  color: #888;
}
#site-search-text:focus:-moz-placeholder { /* Firefox 18- */
  color: #888;
}

#site-search-text:focus{
  /*border-bottom: 1px solid black;
*/}

#site-search button{
  height:1em;
  vertical-align: baseline;
}

#site-search{
    float:right;
}

#site-search .fa-search:before{
  font-size:20px;
}

.accessibility-icon{
    display:block !important;
    width:130px;
  background-color:transparent;
}

.accessibility-icn{
  background-color:transparent !important;
  background:transparent !important;
  float:right;
  margin-top: 0.15em;
}

.accessibility-icon a{
  background-position:right center;
  background-size: 25px auto;
  padding-right: 30px !important;
  margin-top:5px;
  text-align:right;
  color:#000 !important;
  background-color:transparent;
}

#site-search{
  float:left;
  display:inline-block;
  width:130px;
}

.inline-search #site-search{
  float: right;
  margin-top:0;
  padding:1em;
}

.inline-search #site-search-text{
  float:left;
  width:83.333%;
}

#site-search button{
  display:inline-block;
  height: 1.5em;
}

#site-search-text{
  color:#000;
  display:inline-block;
  width:auto;
  float:none;
  margin-right:0;
  max-width: 100px;
}

#site-search-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
}
#site-search-text::-moz-placeholder { /* Firefox 19+ */
  color: black;
}
#site-search-text:-ms-input-placeholder { /* IE 10+ */
  color: black;
}
#site-search-text:-moz-placeholder { /* Firefox 18- */
  color: black;
}

#site-search-text:hover{
  border:1px solid #DDD;
}

#site-search-text2{
  max-width:83.33%;
}

.sitesearch-results-number{
  padding:0;
  margin-bottom:1em;
}

blockquote{
  font-family: broadsheet;
  border-left:none;
  color:#666;
  font-size:2em;
}

@media screen and (min-width: 1400px) {

  blockquote{
      width:55%;
      float:right;
      margin-right:-30%;
      margin-left:7%;
  }

}

@media screen and (min-width: 1700px) {

  blockquote{
    position:absolute;
      width:25%;
      right:50%;
    padding-top:4em;
  }

}

cite{
  font-family:futura-pt;
  font-style:normal;
  color:#000;
  font-size:0.5em;
  padding-top:0.5em;
}

article{
  font-size:1em;
}

@media print, screen and   (min-width: 40em) {

article{
    font-size:1.1em;
  }

}

article header h1,
#searchheader h1{
  font-family:futura-pt;
  font-weight: 500;
  font-size:2.3em;
  line-height:1em;
}

@media print, screen and   (min-width: 64em){

article{
    font-size:1.2em;
  }

article header h1,
#searchheader h1{
    font-size:2.6em;
  }

}


.page-main .entry-content{
  margin-top:1em;
  font-family: futura-pt;
  font-weight: 400;
}

.page-main h4{
  margin-top: 0.2em;
  font-family: futura-pt;
  font-weight: 400;
}

.page-main .entry-content ul ul{
  list-style-type: circle;
}

.page-main .entry-content li li{
  font-family: futura-pt;
  font-weight: 500;
}

.main-div{
  max-width: none !important;
  background-color:#fff;
}

.page-main .entry-content{
  max-width:40em;
}

.in-this-section h3,
.see-also h3,
.promos h3{
  font-family:futura-pt;
  font-weight: 500;
  font-size:1.75em;
}

.side-bar-see-also h3{
  font-size:1.6em !important;
  padding-top:4em;
}

.side-bar-see-also a{
  font-family:futura-pt;
  font-weight:500;
  color:#000;
  font-size:1.2em;
  margin-bottom:1.3em;
  line-height: 1.15;
}

@media print, screen and (min-width: 40em){

  .promos .row {
      margin-right: -0.5em !important;
      margin-left: -0.5em !important;
  }
}

@media print, screen and   (min-width: 40em){

  .in-this-section .row{
      margin-right: -0.5em !important;
      margin-left: -0.5em !important;
  }

}


.in-section-box{
  float:left;
  padding-left:0em !important;
  padding-right:0em !important;
  margin-bottom:1em;
  overflow: hidden;
}

@media print, screen and   (min-width: 40em){

  .in-section-box{
    padding-right:0.5em !important;
    padding-left:0.5em !important;
  }
}

.behind-in-section-item{
  background-color:#000;
  width:100%;
}

.in-section-item{
  background-size:cover;
  background-position: center;
  position: relative;
  padding-bottom:66%;
  width:100%;
}

.in-section-item-title{
  width:100%;
  background: rgba(0,0,0,0.85);
  color:#fff !important;
  font-family:futura-pt;
  padding:0.75em;
  position: absolute;
  top: 100%;
  transform: translateY(-3em);
  -ms-transform: translateY(-3em);
  -webkit-transform: translateY(-3em);
  -moz-transform: translateY(-3em);
  height:100%;
  transition: transform 0.3s ease-in-out;
}

.in-section-item-title a{
  color:#fff !important;
}

.in-section-item:hover .in-section-item-title{
  transform: translateY(-100%) !important;
  -ms-transform: translateY(-100%) !important;
  -webkit-transform: translateY(-100%) !important;
  -moz-transform: translateY(-100%) !important;
}

.in-section-item:hover .in-section-item-about{
  border-top: 2px solid #fff240;
}

.in-section-item-title .ISI-title{
    font-family:futura-pt;
  font-weight: 500;
}

.in-section-item-about{
  margin-top:0.5em;
  padding-top:0.5em;
}

.in-section-item-continue{
  position: absolute;
  bottom: 1em;
  right:1em;
  color:#fff240;
}

.in-section-item-continue span{
  font-size: 1.8em;
}

@media print, screen and   (min-width: 40em){

  .in-section-item-continue span{
    font-size: 2em;
  }
}

.see-also.show-for-small-only{
  /*min-height:8em;*/
  background:#fff240;
/*  padding:1em;
  padding-left:1.75em;
  padding-right:1.75em;*/
}

.see-also.show-for-small-only .side-bar-see-also{
  margin-top:0em;
  padding: 1em;
  padding-left: 1.75em;
  padding-right: 1.75em;
}

.see-also.show-for-small-only .side-bar-see-also img{
  margin-left:0;
}

.page-featured-image{
  position: relative;
  float: right;
  width:100%;
  margin-left: 2em;
  margin-bottom: 2em;
  margin-top: 1em;
  display: none;
}

.page-featured-image iframe{
  width: 100%;
}

@media print, screen and (max-width:40em){
  .page-featured-image iframe{
    height: 30em;
  }
}

.page-featured-image.hide_1{
  display:none !important;
}

.page-featured-image-full-width{
  display: block;
}

.featured-image-caption,
.wp-caption p.wp-caption-text{
  width: 100%;
  background: rgba(0,0,0,0.85);
  font-family:futura-pt;
  font-weight: 500;
  font-size: 0.8em;
  padding: 0.75em;
  bottom:0;
  color:#fff;
}

.wp-caption p.wp-caption-text{
  text-align:left;
}

.timeline-image{
  position: relative;
  margin-top: 0.5em;
}

.post_thumbnail_div{
  position: relative;
}

.post_thumbnail_div:hover .img-collections-link{
  opacity: 1;
}

.img-collections-link{
  background-color:#fff240;
  color:#000 !important;
  position: absolute;
  bottom:0;,
  left:0;
  font-family:futura-pt;
  opacity: 0.75;
  font-size: 0.8em;
  padding: 0.75em;
}

.timeline-left .img-collections-link{
  right:0;
}

@media print, screen and (min-width: 48em){

  .img-collections-link{
    font-size: 0.7em;
    padding: 0.5em;
  }
}

@media print, screen and (min-width: 75.6em){

  .img-collections-link{
    font-size: 0.8em;
    padding: 0.75em;
  }
}


@media print, screen and   (min-width: 48em){

  .page-featured-image{
  min-width: 17em;
  width:33%;
  display: inline-block;
  }

  .page-featured-image-full-width{
  display: none;
  }

  .featured-image-caption{
  font-size: 0.7em;
  padding: 0.5em;
}

}

@media print, screen and   (min-width: 75.6em){
  .page-featured-image{
    min-width: 22em;
    width:33%;
  }

  .featured-image-caption{
    font-size: 0.8em;
    padding: 0.75em;
  }

}


.page-featured-image img{
  width:100%;
}

@media print, screen and   (min-width: 48em){
  .page-featured-image{
      width:40%;
  }
}

@media print, screen and   (min-width: 75.6em){
  .page-featured-image{
/*     min-width: 30em; */
    max-width:none;
    width:55%;
    margin-right:-4% !important;
    margin-top:-4.1em;
  }
}

.inline-search{
    display: none;
  }


@media print, screen and  (max-width: 75.6em) and (min-width: 40em){

  .top-bar-right{
    display: none;
  }

  .inline-search{
    display: inline-block;
  }

  .top-bar-left .menu-accordion li{
    width:30%;
  }

}

.donate-artefact-btn{
  font-size: 1.5em;
  font-family: futura-pt;
  font-weight: 500;
}

.donate-artefact-btn span{
  margin-right:0.2em;
}

/*********************
FEATURE STYLES
*********************/

.promos{
  clear:both;
}

.home .promos{
  clear:left;
  overflow:auto;
}

.feature{
  padding:1em;
  padding-top:1.5em;
  padding-bottom:1.5em;
  float:left;
  font-family:futura-pt !important;
  margin-bottom: 2em;
  margin-top:1em;
}

.feature-style-yellow{
  background-color: #fff240;
}

.feature-style-grey{
  background-color: #ebebeb;
}

.feature-style-borders{
  border-top:2px solid #000;
  border-bottom:2px solid #000;
  padding:0;
  padding-top:1em;
  padding-bottom:1em;
}

@media print, screen and (min-width: 64em){

  .feature-style-borders{
    padding-top:2em;
    padding-bottom:2em;
  }
}

/*.feature-style-borders .feature-left{
  padding-left:0;
}

.feature-style-borders .feature-img{
  padding-right:0;
}

@media print, screen and (max-width: 64em){

  .feature-style-borders .feature-left{
    padding-right:0;
  }
}
*/
.feature-title{
  font-family: futura-pt;
  font-weight: 500;
  font-size: 1.75em;
  margin-bottom:0.5em;
  color:#000 !important;
}

.feature-title i{
  margin-right:0.25em;
  font-size: 1em;
}

.feature-text{
  margin-top: 1em;
}

@media print, screen and (min-width: 64em){

  .feature-left{
    margin-top:-0.35em;
  }
}

@media print, screen and (min-width:70em){

  .feature-has-image{
    width:50% !important;
  }

  .feature-img{
    width:50% !important;
  }

/*  .feature-doorstep-search{
    width:50% !important;
  }*/

}


.feature-doorstep-search{
  padding:0.5em;
/*  background-color:rgba(0,0,0,0.1);
*/  margin-top:1em;
}

.feature-doorstep-search input{
  height: 2.5rem !important;
}

.feature-doorstep-search h4{
  margin-bottom:0.5em;
}

.feature-doorstep-search{
  margin-top:0;
}

.pagePrevNext{
  margin-top:1em;
  font-family: futura-pt;
}

.pagePrev{
  float:left;
}

.pageNext{
  float:right;
}

.pagePrevNext a{
  color: #666;
}

.pagePrevNext a:hover{
  color: #262626;
}

.home .promos >h3{
  margin-left:0.6vw;
  margin-top:10px;
}
.feature{
  font-size:120%;
}

.pagePrevNext{
  clear:both;
  margin-top:1em;
  padding-top:1em;
  padding-bottom:1em;
  font-size:120%;
}

.pageNext a,.pagePrev a{
  color:#000;
}

.pageNext a:before{
  content:'Next: ';
  font-size:85%;
  color:#999;
  font-family:'futura-pt';
}


.pagePrev a i:after{
  content:'  Previous:';
  font-size:85%;
  color:#999;
  position:relative;
  left:0.5em;
  font-family:'futura-pt';
}

/*********************
FAQ STYLES
*********************/

.faq-section{
  margin-top: 2em;
  clear:both;
}

.faq-section .accordion{
  font-family:futura-pt;
}

.faq-section .accordion a{
  font-family:futura-pt;
  font-weight: 500;
  font-size:1.2em;
  color:#000;
  background-color:#ebebeb;
  line-height: 1.5em;
  padding-right: 1.5em;
}

.accordion-title:before {
    margin-top: -.6em;
}

.faq-link-div{
  background-color:#ebebeb;
  padding:1em;
  padding-top:0.5em;
  display: inline-block;
  width:100%;
}

.faq-padding{
  margin-bottom:1em;
}

@media print, screen and (min-width:40em){

  .faq-padding{
    float:right;
    padding-left:1em;
    margin-bottom:0;
  }
}

.faq-link{
  margin-top:0.5em;
  width:100%;
  height:8em;
  background-size:cover;
  background-position: center;
}

.explore{
  font-family: futura-pt;
  font-weight:500;
  font-size: 1.8em;
}

.faq-link-title{
  width: 100%;
  background: rgba(0,0,0,0.85);
  font-family:futura-pt;
  font-weight: 500;
  font-size: 0.8em;
  padding: 0.75em;
  bottom: 0;
  color: #fff;
  float:left;
}

.faq-link-title .fa,
.modal-explore-title .fa{
  float: right;
  font-size: 1.5em;
  line-height: 1.3em;
}

.push-fix{
  margin-left: 0.5em;
  visibility: hidden;
  float:none !important;
}

.accordion-item{
  border:1px solid #000;

}
.accordion-item:not(:first-child){
    border-top:0;
}
.accordion-content {
    font-size: 1.2em;
}




/*********************
TIMELINE STYLES
*********************/

.reveal-overlay{
  z-index:5000000000;
}

.timeline{
  margin-top:3em;
}

.timeline-main{
  min-height: 0 !important;
}

.timeline-left{
  text-align: right;
  border-right: solid 2px black;
}

@media print, screen and   (min-width: 40em){

  .timeline-right{
    border-left: solid 2px black;
    transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    -webkit-transform: translateX(-2px);
    -moz-transform: translateX(-2px);
  }
}

.time-label-div{
  width:100%;
  text-align: center;
  margin-top:1.5em;
  /*margin-bottom: 1.5em;*/
  margin-bottom: 5em;
}

.time-label{
  background-color: #000;
  width: 9em;
  height: 9em;
  padding: 0.5em;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
}

.time-label a{
  color:#fff240;
}

.time-label h2{
  margin-bottom: 0;
  font-family:futura-pt;
  font-weight: 500;
  color:#fff240;
  margin-top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);

}

@media print, screen and   (min-width: 40em){

  .big-time-label {
      width: 13em;
      height: 13em;
  }

  .big-time-label  h2{
    font-size:1.5em;

  }

}

.timeline,
.timeline-dday{
  position: relative;
  overflow: hidden;
  width: 100%;
}

.timeline-dday .article-header h2,
.timeline_post .article-header h2{
  font-family:futura-pt;
  font-weight: 500;
  font-size: 1.6em;
  display: inline-block !important;
}

.entry-content{
  font-family: futura-pt;
}

.timeline_post{
  padding: 1.2em !important;
  margin-top:-3em;
}

.timeline_post:last-child{
  float:left !important;
}


.timeline-circle-left{
  display: inline;
  font-size: 1.6em !important;
  margin-left:-0.8em;
  margin-right:0.3em;
}

.timeline-circle-right{
  display: inline;
  font-size: 1.6em !important;
  margin-right:-0.8em;
  margin-left:0.3em;

}



@media print, screen and   (max-width: 40em){

  .timeline-left{
    text-align:left;
  }


  .timeline_post{
    padding:1em !important;
    padding-top:0em !important;
    padding-bottom:0em !important;
    border:none !important;
    margin-top:0em;
    border-left: 2px solid black !important;
    margin-left: 5%;
    width: 90% !important;
    padding-bottom: 1.5em !important;
  }

  .time-label-div{
    width:100%;
    text-align: left;
    margin-top:1.5em;
    margin-bottom: 1em;
    margin-left:-0.6em;
  }

  .time-label,
  .big-time-label{
    background-color: #000;
    width:auto;
    height:auto;
    width: initial;
    height: initial;
    padding-right: 4em;
    text-align: left;
    border-radius: 0%;
  }

  .time-label h2{
    margin-bottom: 0;
    margin-top:0;
    transform: none;
    -ms-transform:none;
    -webkit-transform:none;
    -moz-transform:none;
    font-family:futura-pt;
    font-weight: 500;
    line-height: auto;
    line-height: initial;
  }

  .timeline-circle-left,
  .timeline-circle-right{
    display: none !important;
  }

}

@media print, screen and   (min-width: 40em){

  .label-space {
      padding: 1em;
      background-color: #fff;
      width: 16em;
      height: 16em;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      position: relative;
  }

  .timeline-dday .big-time-label{
    margin: 0.5em;
    padding:0;
  }
}

.timeline .wp-post-image{
  width: 100% !important;
  margin-bottom: 0 !important;
}

.beach-thumbnail{
  width:100%;
  height:auto;

}

.modal-expand{
  font-family:futura-pt;
  font-weight: 500;
  margin-top:0.25em;
  color:#666;
}

.modal-expand:hover{
  color:#000;
  cursor: pointer;
}

@media print, screen and   (max-width: 40em){

  .timeline-modal{
    background-color:#ebebeb;
  }
}

.timeline-modal h2,
.timeline-modal h4{
  font-family:futura-pt;
  font-weight: 500;
  margin-bottom: 0;
}

/*.modal-time-label{
  color:#666 !important;
}*/

.timeline-modal .article-header{
  margin-bottom:1em;
}

.timeline-modal .entry-content{
  font-size: 1.1em;
}

.timeline-modal h2{
  font-size: 1.8em;
}

@media print, screen and   (min-width: 40em){

  .timeline-modal h2{
    font-size: 2.1em;
  }
}

@media print, screen and   (min-width: 64em){

  .timeline-modal h2{
    font-size: 2.5em;
  }
}

.timeline-modal h4{
  font-size:1.3em;
  margin-bottom: 0.5em;
}

@media print, screen and   (min-width: 40em){

  .timeline-modal h4{
    font-size:1.5em;
    margin-bottom: 0em;
  }
}

@media print, screen and   (min-width: 64em){

  .timeline-modal h4{
    font-size:1.75em;
  }
}

.modal-image{
  margin-bottom:1em;
}

.explore-col{
  padding:0;
  float:left !important;
}

/*@media print, screen and   (min-width: 40em){

  .explore-col{
    background-color: #eee;
    padding-top: 0.5em;
  }
}*/

.modal-explore-thumbnail{
  background-color:#fff240;
  height:20em;
  background-size:cover;
  background-position: center;
}

.modal-explore{
  margin-bottom:1em;
}

.modal-explore:hover .modal-explore-title{
  color:#fff240;
}

.modal-explore:hover{
  cursor: pointer;
}


@media print, screen and   (min-width: 40em){

  .modal-explore{
    padding: 1em;
  }

  .modal-explore-thumbnail{
    height:10em;
  }
}

.modal-explore-title{
  width: 100%;
  background: rgba(0,0,0,0.85);
  font-family:futura-pt;
  font-weight: 500;
  font-size: 0.9em;
  padding: 0.75em;
  bottom: 0;
  color: #fff;
  float:left;
}

.timeline-image{
  width:100%;
  margin-bottom: 1em;
}

@media print, screen and   (min-width: 68em){

  .modal-explore-title{
    font-size: 1em;
    padding: 0.6em;
  }
}

@media print, screen and   (min-width: 80em){
  .timeline-modal .entry-content{
    width:58.33333% !important;
  }

  .modal-image{
    width:41.666667% !important;
  }
}

@media print, screen and   (min-width: 64em){

/*  .timeline .wp-post-image,
  .beach-thumbnail{
    width:100%;
    height:auto;
  }*/

  .timeline-image{
    width:66%;
  }

  .timeline-left .timeline-image{
      margin-left:auto;
  }
}

#timeline-dday-label{
  font-size:2em;
}

.timeline-dday .timeline-left,
.timeline-dday .timeline-right{
  margin-bottom:2.5em;
  border:none;
  position: relative;
  background-color: #fff;
  padding-top:1em;
  padding-bottom: 1em;
}

.beach-thumbnail{
  height: 10em;
  background-size: cover;
  display: inline-block;
}


.dday-box{
  float: left;
  border: 2px solid black;
  margin-top: -7.5em;
  z-index: 5;
  padding-top: 7em;
  margin-left:1.2em;
  margin-right:1.2em;
}

.dday-time-label-div{
  z-index: 100;
  position: relative;
}

.timeline-vLine{
  height: 5em;
  width: 2px;
  background-color: #000;
  float: left;
  margin-left: 50%;
}



@media print, screen and   (min-width: 40em){

  .dday-time-label-div{
    margin-bottom: 0;
    margin-top:0;
  }

  .timeline-dday .timeline-right {
    padding-left: 1em;
  }

  .timeline-dday .timeline-left {
    padding-right: 1em;
  }
}

@media print, screen and   (min-width: 64em){

  .timeline-dday .timeline-right {
    padding-left: 3em;
  }

  .timeline-dday .timeline-left {
    padding-right: 3em;
  }
}

@media print, screen and   (max-width: 40em){

  .category-beach-timeline{
    width:90%;
    margin-left: 5%;
    margin-bottom: 1.5em !important;
    padding: 0;
  }
}

.beach-timeline-link{
  padding:0.25em;
  padding-left:0.5em;
  padding-right:0.5em;
  background: rgba(0,0,0,0.85);
  color:#fff;
  font-size: 1em;
  text-align:left;
  float:left;
  vertical-align: middle;
  font-family:futura-pt;
  font-weight: 500;
}

.beach-timeline-link:hover{
  color:#fff240;
  background-color:#000;
}

.beach-arrow{
  margin-left:1em;
  float:right;
  vertical-align: middle;
  line-height: 1.5em !important;
}

@media print, screen and   (min-width: 40em){

  .bt-link-left{
    float:right;
  }

  .bt-link-right{
    float:left;
  }
}

.yellow-tint {
    height: 100%;
    width: 100%;
    background-color: rgba(255, 242, 64, 0.4);
}


.beach-timeline-box {
  display: none;
  position: absolute;
  width: 40%;
  height: 71%;
  border: solid 2px #000;
  top: 13em;
  left: 30%;
}

@media print, screen and   (min-width: 40em){

  .beach-timeline-box {
    display: block;
  }
}


.timeline-dday .entry-content p{
  margin-bottom:0;
}

.timeline-dday .entry-content{
  margin-bottom:1rem;
}

.timelineArrow{
  display:inline-block; 
  float:left;
  margin-top: -1em;
  padding-right: 0.5em;
}

.timeline-article-inner{
  display:inline-block;
  float:right
}

/*********************
ARCHIVE STYLES
*********************/

.archive-page-title{
  font-family:futura-pt;
  font-weight: 500;
}

.archive-results{
  margin-top:1em;
}

@media print, screen and   (min-width: 40em){

  .archive-results {
    margin-top:1.5em;
    margin-left: -0.5em;
    margin-right: -0.5em;
  }

}

@media print, screen and   (min-width: 64em){

  .archive-results{
    margin-left: 0em;
    margin-right: 0em;
    padding:0.5em;
  }

}

.archive-main .in-section-box,
.index-main .in-section-box{
  float:left;
  height:15em;
  padding-left:0em !important;
  padding-right:0em !important;
  margin-bottom:1.5em;
}

@media print, screen and   (min-width: 40em){
  .archive-main .in-section-box,
  .index-main .in-section-box{
    padding-right:1em !important;
    padding-left:1em !important;
    margin-bottom:2em;
  }
}


@media print, screen and (min-width: 85em){

  .archive-main .in-section-box,
  .index-main .in-section-box{
    width: 33.33333%;
  }

}

.archive-main .behind-in-section-item,
.index-main .behind-in-section-item{
  background-color:#fff240;
  height:100%;
  width:100%;
}

.archive-main .in-section-item,
.index-main .in-section-item{
  background-size:cover;
  background-position: center;
}


.faq-link-title{
  width: 100%;
  background: rgba(0,0,0,0.85);
  font-family:futura-pt;
  font-weight: 500;
  font-size: 0.8em;
  padding: 0.75em;
  bottom: 0;
  color: #fff;
  float:left;
}

.archive-main .in-section-item-title{
  top:12.5em;
}

.archive-timeline .timeline_post {
    padding: 1.2em !important;
    margin-top: 0em;
    padding: 0 !important;
}

.archive-timeline .timeline_post h1{
    font-size:1.8em;
}

.archive-timeline .timeline_post h2{
  margin-bottom: 0;
  margin-top:0.5em;
  font-size: 1em !important;
}

.archive-timeline .timeline_post h2 a{
    color:#666 !important;
}

@media print, screen and   (max-width: 40em){

  .timeline_post {
    border-left: none !important;
    border: none !important;
    margin-left: 0;
    width:auto;
    width: initial !important;
  }
}


/*********************
TIMELINE STYLES
*********************/

.timeline{
  margin-top:3em;
}

#jargon-search input{
  font-size:0.9em;
  height:2.2em;
  display: inline;
  vertical-align: top;
  font-family:futura-pt;
  font-weight: 500;
}

.timeline-left{
  text-align: right;
  border-right: solid 2px black;
}

@media screen and (min-width: 40em){

  .timeline-right{
    border-left: solid 2px black;
    transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    -webkit-transform: translateX(-2px);
    -moz-transform: translateX(-2px);
  }
}

.time-label-div{
  width:100%;
  text-align: center;
  margin-top:1.5em;
  /*margin-bottom: 1.5em;*/
  margin-bottom: 5em;
}

.time-label{
  background-color: #000;
  width: 9em;
  height: 9em;
  padding: 0.5em;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
}

.time-label a{
  color:#fff240;
}

.time-label h2{
  margin-bottom: 0;
  font-family:futura-pt;
  font-weight: 500;
  color:#fff240;
  margin-top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);

}

@media screen and (min-width: 40em){

  .big-time-label {
      width: 13em;
      height: 13em;
  }

  .big-time-label  h2{
    font-size:1.5em;

  }

}

.timeline,
.timeline-dday{
  position: relative;
  overflow: hidden;
  width: 100%;
}

.timeline-dday .article-header h2,
.timeline_post .article-header h2{
  font-family:futura-pt;
  font-weight: 500;
  font-size: 1.6em;
  display: inline-block !important;
}

.entry-content{
  font-family: futura-pt;
}

.timeline_post{
  padding: 1.2em !important;
  margin-top:-3em;
}

.timeline_post:last-child{
  float:left !important;
}


.timeline-circle-left{
  display: inline;
  font-size: 1.6em !important;
  margin-left:-0.8em;
  margin-right:0.3em;
}

.timeline-circle-right{
  display: inline;
  font-size: 1.6em !important;
  margin-right:-0.8em;
  margin-left:0.3em;

}



@media screen and (max-width: 40em){

  .timeline-left{
    text-align:left;
  }


  .timeline_post{
    padding:1em !important;
    padding-top:0em !important;
    padding-bottom:0em !important;
    border:none !important;
    margin-top:0em;
    border-left: 2px solid black !important;
    margin-left: 5%;
    width: 90% !important;
    padding-bottom: 1.5em !important;
  }

  .time-label-div{
    width:100%;
    text-align: left;
    margin-top:1.5em;
    margin-bottom: 1em;
    margin-left:-0.6em;
  }

  .time-label,
  .big-time-label{
    background-color: #000;
    width: initial;
    height: initial;
    padding-right: 4em;
    text-align: left;
    border-radius: 0%;
  }

  .time-label h2{
    margin-bottom: 0;
    margin-top:0;
    transform: none;
    -ms-transform:none;
    -webkit-transform:none;
    -moz-transform:none;
    font-family:futura-pt;
    font-weight: 500;
    line-height: initial;
  }

  .timeline-circle-left,
  .timeline-circle-right{
    display: none !important;
  }

}

@media screen and (min-width: 40em){

  .label-space {
      padding: 1em;
      background-color: #fff;
      width: 16em;
      height: 16em;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      position: relative;
  }

  .timeline-dday .big-time-label{
    margin: 0.5em;
    padding:0;
  }
}

.timeline .wp-post-image{
  width:100%;
  height:auto;
  margin-bottom: 1em;
  margin-top: 0.5em;
}

.beach-thumbnail{
  width:100%;
  height:auto;

}

.modal-expand{
  font-family:futura-pt;
  font-weight: 500;
  margin-top:0.25em;
  color:#666;
}

.modal-expand:hover{
  color:#000;
  cursor: pointer;
}

@media screen and (max-width: 40em){

  .timeline-modal{
    background-color:#ebebeb;
  }
}

.timeline-modal h2,
.timeline-modal h4{
  font-family:futura-pt;
  font-weight: 500;
  margin-bottom: 0;
}

/*.modal-time-label{
  color:#666 !important;
}*/

.timeline-modal .article-header{
  margin-bottom:1em;
}

.timeline-modal .entry-content{
  font-size: 1.1em;
}

.timeline-modal h2{
  font-size: 1.8em;
}

@media screen and (min-width: 40em){

  .timeline-modal h2{
    font-size: 2.1em;
  }
}

@media screen and (min-width: 64em){

  .timeline-modal h2{
    font-size: 2.5em;
  }
}

.timeline-modal h4{
  font-size:1.3em;
  margin-bottom: 0.5em;
}

@media screen and (min-width: 40em){

  .timeline-modal h4{
    font-size:1.5em;
    margin-bottom: 0em;
  }
}

@media screen and (min-width: 64em){

  .timeline-modal h4{
    font-size:1.75em;
  }
}

.modal-image{
  margin-bottom:1em;
}

.explore-col{
  padding:0;
  float:left !important;
}

/*@media screen and (min-width: 40em){

  .explore-col{
    background-color: #eee;
    padding-top: 0.5em;
  }
}*/

.modal-explore-thumbnail{
  background-color:#fff240;
  height:20em;
  background-size:cover;
  background-position: center;
}

.modal-explore{
  margin-bottom:1em;
}

.modal-explore:hover .modal-explore-title{
  color:#fff240;
}

.modal-explore:hover{
  cursor: pointer;
}


@media screen and (min-width: 40em){

  .modal-explore{
    padding: 1em;
  }

  .modal-explore-thumbnail{
    height:10em;
  }
}

.modal-explore-title{
  width: 100%;
  background: rgba(0,0,0,0.85);
  font-family:futura-pt;
  font-weight: 500;
  font-size: 0.9em;
  padding: 0.75em;
  bottom: 0;
  color: #fff;
  float:left;
}

@media screen and (min-width: 68em){

  .modal-explore-title{
    font-size: 1em;
    padding: 0.6em;
  }
}

@media screen and (min-width: 80em){
  .timeline-modal .entry-content{
    width:58.33333% !important;
  }

  .modal-image{
    width:41.666667% !important;
  }
}

@media screen and (min-width: 64em){

  .timeline .wp-post-image,
  .beach-thumbnail{
    width:66%;
    height:auto;
  }
}

#timeline-dday-label{
  font-size:2em;
}

.timeline-dday .timeline-left,
.timeline-dday .timeline-right{
  margin-bottom:2.5em;
  border:none;
  position: relative;
  background-color: #fff;
  padding-top:1em;
  padding-bottom: 1em;
}

.beach-thumbnail{
  height: 10em;
  background-size: cover;
  display: inline-block;
}


@media screen and (min-width: 40em){

  .dday-time-label-div{
    margin-bottom: 0;
    margin-top:0;
  }

  .timeline-dday .timeline-right {
    padding-left: 1em;
  }

  .timeline-dday .timeline-left {
    padding-right: 1em;
  }
}

@media screen and (min-width: 64em){

  .timeline-dday .timeline-right {
    padding-left: 3em;
  }

  .timeline-dday .timeline-left {
    padding-right: 3em;
  }
}

@media screen and (max-width: 40em){

  .category-beach-timeline{
    width:90%;
    margin-left: 5%;
    margin-bottom: 1.5em !important;
    padding: 0;
  }
}

.beach-timeline-link{
  padding:0.25em;
  padding-left:0.5em;
  padding-right:0.5em;
  background: rgba(0,0,0,0.85);
  color:#fff;
  font-size: 1em;
  text-align:left;
  float:left;
  vertical-align: middle;
  font-family:futura-pt;
  font-weight: 500;
}

.beach-timeline-link:hover{
  color:#fff240;
  background-color:#000;
}

.beach-arrow{
  margin-left:1em;
  float:right;
  vertical-align: middle;
  line-height: 1.5em !important;
}

@media screen and (min-width: 40em){

  .bt-link-left{
    float:right;
  }

  .bt-link-right{
    float:left;
  }
}

.yellow-tint {
    height: 100%;
    width: 100%;
    background-color: rgba(255, 242, 64, 0.4);
}


.beach-timeline-box {
  display: none;
  position: absolute;
  width: 40%;
  height: 71%;
  border: solid 2px #000;
  top: 13em;
  left: 30%;
}

@media screen and (min-width: 40em){

  .beach-timeline-box {
    display: block;
  }
}


/*********************
ARCHIVE STYLES
*********************/

.archive-page-title{
  font-family:broadsheet;
}

.archive-results{
  margin-top:1em;
}

@media screen and (min-width: 40em){

  .archive-results {
    margin-top:1.5em;
    margin-left: -0.5em;
    margin-right: -0.5em;
  }

}

@media screen and (min-width: 64em){

  .archive-results{
    margin-left: 0em;
    margin-right: 0em;
    padding:0.5em;
  }

}

.archive-main .in-section-box,
.index-main .in-section-box{
  float:left;
  height:15em;
  padding-left:0em !important;
  padding-right:0em !important;
  margin-bottom:1.5em;
}

@media screen and (min-width: 40em){
  .archive-main .in-section-box,
  .index-main .in-section-box{
    padding-right:1em !important;
    padding-left:1em !important;
    margin-bottom:2em;
  }
}


@media print, screen and (min-width: 85em){

  .archive-main .in-section-box,
  .index-main .in-section-box{
    width: 33.33333%;
  }

}

.archive-main .behind-in-section-item,
.index-main .behind-in-section-item{
  background-color:#fff240;
  height:100%;
  width:100%;
}

.archive-main .in-section-item,
.index-main .in-section-item{
  background-size:cover;
  background-position: center;
  position: relative;
  height:100%;
  width:100%;
}


.archive-main .in-section-item-title,
.index-main .in-section-item-title{
  width:100%;
  background: rgba(0,0,0,0.7);
  color:#fff;
  font-family:futura-pt;
  font-weight:600;
  padding:0.5em;
  position: absolute;
  bottom: 0;
}

.archive-main .in-section-item-title{
  top:12.5em;
}

.in-section-li-title{
  font-size:1.7em !important;
  line-height:1.2;

}

.in-section-li-title i{
  margin-left:0 !important;
}

.in-section-item-title .ISI-title{
  font-weight:700;
}

.archive-timeline .timeline_post {
    padding: 1.2em !important;
    margin-top: 0em;
    padding: 0 !important;
}

.archive-timeline .timeline_post h1{
    font-size:1.8em;
}

.archive-timeline .timeline_post h2{
  margin-bottom: 0;
  margin-top:0.5em;
  font-size: 1em !important;
}

.archive-timeline .timeline_post h2 a{
    color:#666 !important;
}

@media screen and (max-width: 40em){

  .timeline_post {
    border-left: none !important;
    border: none !important;
    margin-left: 0;
    width: initial !important;
  }
}


/*********************
JARGON BUSTER STYLES
*********************/

#jargon-search{
  margin-top:1em;
}

#jargon-search input{
  font-size:0.9em;
  height:2.2em;
  display: inline;
  vertical-align: top;
  font-family:futura-pt;
  font-weight: 500;
}

#jargon-search-text{
  width:77.5%;
  float:left;
}

#jargon-search-submit{
  width:20%;
  background:none;
  background-color: #fff240;
  float:right;
  color:#444;
  padding:2px;
}

#jargon-search-submit:hover{
  opacity: 0.8;
  cursor: pointer;
}

#jargon-search input{
  height:2em;
}

@media print, screen and (min-width: 100em){

.archive-jb-results{
    width: 66.6666%;
  }

}
.archive-jb-main article header a{
  color:#000;
}

.jargon-header{
  margin-bottom:1.5em;
}

.archive-jb-results{
  margin-top:1em;
}

.archive-search-label{
  font-family: futura-pt;
  font-size:2em;
  margin-top:0.5em;
  opacity:0.6;
}

.archive-search-label span{
  font-style: italic;
}

.results-number{
  font-family:futura-pt;
  font-weight: 500;
}

.jb-letter-select{
  margin-top:0em;
  letter-spacing: 0.3em;
  clear:both;
  display: inline-block;
}

.jb-letter-select a{
  color: #666 !important;
  font-size: 1.3em;
  font-family: futura-pt;
}

.jb-letter-select a:hover{
  color: #000 !important;
}

a.thisLetterActive{
  font-weight: bold;
  color: #000 !important;
  position: relative;
  text-align: center;
}

.archive-jb-results article{
  font-family:futura-pt;
}

.archive-jb-results h2{
  font-size:1.3em;
  font-family:futura;
}

.archive-jb-results article{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border-top: 1px solid #ccc;
  padding-top: 1em;
  padding-bottom: 1em;
}

.archive-jb-results article p{
  margin-bottom:0em;
}

.post-not-found h1{
  font-size: 1.8em;
  font-family: futura-pt;
}

.post-not-found .entry-content{
  font-size: 1.2em;
  font-family: futura-pt;
  opacity: 0.6;
}

.jb-clear-filter{
  display: block;
  clear:both;
  font-size: 1.5em;
  color: #666666;
  margin-top:0.5em;
}

.jb-clear-filter:hover{
  color: #26262626;
}

.no-results{
  font-family:futura-pt;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border-top: 1px solid #ccc;
  padding-top: 1em;
  padding-bottom: 1em;
}

.archive-jb-results article h2{
  font-family:'futura-pt';
}

.jargon-buster-item{
   border:2px solid #000;
  padding:0.5em;
}

.results-number a{
  color:#000;
}


/*********************
FORM STYLES
*********************/

.acf-form{
  font-family: futura-pt;
}

.acf-field .acf-label label {
  font-weight: initial;
  font-family:futura-pt;
  font-weight: 500;
}

.acf-form-submit{
  padding: 15px 12px;
}

input.acf-button.button.button-primary.button-large{
  background-color: rgba(0,0,0,0.85);
  color: #fff240;
}

input.acf-button.button.button-primary.button-large:active{
  background-color: #000;
}

.acf-error-message p {
  font-size: 1em !important;
  color: #000;
}

.acf-error-message {
  background: #fff240 !important;
  border-left: #000 solid 4px;
}

.acf-error-message .acf-icon {
  background-color: #000;
}

.acf-field .acf-error-message:after {
  border-top-color: #fff240;
}

.form-message{
  background-color:#fff240;
  font-family:futura-pt;
  font-weight: 500;
  float:left;
}

.form-message p {
  padding:0.5em;
  font-size:1.25em;
  margin-bottom:0;
}

.form-message .fa{
  font-size: 1.25em;
  margin-left:0.75em;
  line-height: 1.4em;
}

.form-main .acf-form{
    max-width: 45em;
    margin-left: auto;
    margin-right: auto;
}

/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem;
}

.page-numbers {
  display: inline-block !important;
}

.navigation.pagination{
  text-align:center;
  margin-bottom: 3em;
}

.navigation.pagination .nav-links{
  display: inline-block;
  width:99%;
}

.navigation.pagination h2{
  display: none;
}

.pagination .current{
    background: #fff240;
    color: #000;
}

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px;
}

#respond ul {
  margin-left: 0px;
}

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px;
}

.commentlist li:last-child {
  margin-bottom: 0;
}

.commentlist li ul.children {
  margin: 0;
}

.commentlist li[class*=depth-] {
  margin-top: 1.1em;
}

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0;
}

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0;
}

.commentlist .vcard {
  margin-left: 50px;
}

.commentlist .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}

.commentlist .vcard time {
  float: right;
}

.commentlist .vcard time a {
  color: #999;
  text-decoration: none;
}

.commentlist .vcard time a:hover {
  text-decoration: underline;
}

.commentlist .vcard img.avatar {
  position: absolute;
  left: 10px;
  padding: 2px;
  border: 1px solid #cecece;
  background: #fff;
}

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em;
}

.commentlist .comment-reply-link {
  float: right;
}

/*********************
EVENT STYLES
*********************/

.event-box a{
  color: #000;
}
.event-box{
  max-width:50em;
  margin-top:1em;
  padding-top:1em;
  border-top:1px solid #DDD;
}
.home-title-text a{
  color:#000;
}
#introduction:focus{
  outline: 0;
}
.home-events{
  background-color:transparent;
}
.home-events img,.events-feed img{
  float:right;
  max-width:48%;
  margin-left:2%;
}

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em;
}

.respond-form form {
  margin: 0.75em 0;
}

.respond-form form li {
  list-style-type: none;
  clear: both;
  margin-bottom: 0.7335em;
}

.respond-form form li label,
.respond-form form li small {
  display: none;
}

.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url],
.respond-form form textarea {
  padding: 3px 6px;
  background: #efefef;
  border: 2px solid #cecece;
  line-height: 1.5em;
}

.respond-form form input[type=text]:focus,
.respond-form form input[type=email]:focus,
.respond-form form input[type=url]:focus,
.respond-form form textarea:focus {
  background: #fff;
}

.respond-form form input[type=text]:invalid,
.respond-form form input[type=email]:invalid,
.respond-form form input[type=url]:invalid,
.respond-form form textarea:invalid {
  outline: none;
  border-color: #fbc2c4;
  background-color: #f6e7eb;
  -ms-box-shadow: none;
  box-shadow: none;
}

.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url] {
  max-width: 400px;
  min-width: 250px;
}

.respond-form form textarea {
  resize: none;
  width: 97.3%;
  height: 150px;
}

#comment-form-title {
  margin: 0 0 1.1em;
}

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0;
}

.nocomments {
  margin: 0 20px 1.1em;
}

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0;
}

.widget ul li {
  list-style: none;
}

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
}

/*********************
FOUNDATION STYLES
*********************/

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0;
}

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet.

Remember to add things that won't make sense to print at
the bottom. Things like nav, ads, and forms shouldbe set
to display none.
******************************************************************/


@media print {

body{
  font-size: 0.7em;
}

header.header,
.sidebar-btns,
.social-media-links,
#site-search,
.sidebar-bottom{
  display:none;
}

#breadcrumbs{
  margin-top: 2em !important;
}

.inline-search{
  margin-top:1em !important;
}

.page-featured-image{
  margin-top:0;
}

.page-main .entry-content {
max-width: none !important;

}

.show-for-small-only{
  display: none;
}

.top-bar-left .menu-accordion a {
    font-size: 1.5em;
}

.top-bar-left.show-for-medium{
  width:100% !important;
}

#sidebar1 h3 {
    font-size: 2em !important;
}

.see-also-link-img{
  height: 0.75em;
}

.footer .menu>li>a {
    padding: 0;
}

.toggle{
  display:none;
}

.top-bar-left .menu-item-has-children > a {
    width: 100%;
}

.in-section-box {
  height: 3em;
}

.in-section-item-title {
    top: 0em;
}

.in-section-item-title  .fa {
    display: none;
}

.menu-item-has-children ul{
  display:none;
}

.footer{
  display: none;
}

.landing-home{
  height:35em !important;
}

.h-event-month {
    font-size: 1.25em !important;
}

.h-event-day {
    font-size: 3.25em !important;
}

.home-event{
  border-bottom:none !important;
}

}

/*@media printand (min-width: 40em){

  .main-div {
      width: 83.33333% !important;
  }
}*/
/*@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }*/



/*********************
MODES DISPLAY STYLES
*********************/

#related .related_item img {
  width:100%;
}
#related .related_item .thumbimageouter {
  background-color:#FFFFFF;
  width:auto;
}
#related .related_item .thumbimageinner {
  width:auto;
  margin:none;
}

.collection-title{
  margin-top:1em;
}

#searchheader{
  margin-top:1em;
}

#searchheader .page-title{
  font-weight: 500;
}

.search-help {
  font-size:85%;
}
.simodes_list_item {
  border-top:2px #FFF240 solid;
  padding:20px 0px 0px 0px;
  margin:20px 0px;
  font-family: futura-pt;
}
.simodes_list_item:last-child {
  border-bottom:2px #FFF240 solid;
}
.simodes_list_item .highlight, #si_modes_detail .highlight {
  background-color:#fff240;
  font-weight:bold;
}
.modes-form{
  max-width:50em;
}
.modes-form .collections-search-form{
  margin-left:-0.6255rem;
  margin-right:-0.625rem;
}
@media print, screen and (min-width: 40em){
  .modes-form .collections-search-form{
    margin-left:-0.9735rem;
    margin-right:-0.9735rem;
  }
}
.modes-form::before,
.modes-form::after{
  display:table;
  content: ' ';
  clear:both;
}
.simodes_list_item a {
  color:#0A0A0A;
}
.simodes_list_item h2 {
  /*width:700px;
  float:left;*/
}
.thumbimageouter {
  width:200px;
  margin:0px 0px 20px 20px;
  background-color:#F1F1F1;
  float:right;
}
.zoomimageouter {
  width:400px;
  margin:0px 0px 20px 20px;
  background-color:#F1F1F1;
  float:right;
}
#si_modes_detail {
  font-family: futura-pt;
}
#si_modes_detail #gallery {
  max-height:500px;
  width:100%;
  overflow-y:auto;
  overflow-x:hidden;
}
#si_modes_detail .thumbimageouter, #si_modes_detail .zoomimageouter {
  margin-right:25px;
  margin-left:0px;
  float:left;
}

.simodes_list_item .name,#si_modes_detail .name{
  font-size:1.5em;
  text-transform:capitalize;
}

.thumbimageouter .thumbimageinner {
  width:150px;
  background-color:#FFFFFF;
  margin:25px 25px 10px 25px;
}
.zoomimageouter .zoomimageinner {
  width:350px;
  height:350px;
  background-color:#FFFFFF;
  margin:25px 25px 25px 25px;
}

.zoomimageouter{
    width:100% !important;
}
.zoomimageinner{
    width:95% !important;
}

.thumbimageouter .thumbimagecaption {
  margin:0px;
  padding:10px 25px 10px 25px;
  font-size:.75em;
}
.simodes_list_item h2 {
  font-style:italic;
}
p.accession-number {
  font-size:.75em;
}

@media print, screen and (max-width: 64em){

  #search-results-collection .thumbimageouter{
    float:none;
    margin-left: 0;
  }
}

@media print, screen and (max-width: 40em){
  
  #search-results-collection{
    margin-top: 3em !important;
    border-left:0;
  }

  .search-result-image,
  .search-result,
  .search-result-item{
    padding-left:0;
    padding-right:0;
  }

  .search-result-item{
    margin-top:0.5em;
  }

  .search-result-title{
    margin-top: 0.25em;
  }
}



/*  Themes  */

ul.themes {
  list-style:none;
}
ul.themes ul.themes {
  display:none;
}
ul.themes li span {
  display:inline-block;
  height:20px;
  width:20px;
  text-align:center;
  margin-right:10px;
  font-size:180%;
}
ul.themes li span.leaf:before {
  content:'•';
}
ul.themes li span.parent {
  cursor:pointer;
}
ul.themes li span.parent:hover {
  color:#666666;
  padding-bottom:3px;
}
ul.themes li span.parent.closed:before {
  content:'➸';
}
ul.themes li span.parent.open:before {
  /* have to adjust the font size with the diagonal arrows... */
  font-size:90%;
  content:'➷';
}

/*  Advanced search */

body.home #advancedsearchwrapper {
  display:none;
}

#advancedsearchtoggler,
.click-target {
  cursor:pointer;
  clear:both;
}

#advancedsearchtoggler.closed,
.click-target.closed {
  opacity:0.6;
}

#advancedsearchtoggler span,
.click-target span {
  font-size:180%;
  display:inline-block;
  width:20px;
  vertical-align: middle;
}
#advancedsearchtoggler.closed span:before,
.click-target.closed span:before {
  content:'\f0da';
  font-family:fontAwesome;

}
#advancedsearchtoggler.open span:before,
.click-target.open span:before{
  /* have to adjust the font size with the diagonal arrows... */
  font-size:90%;
  content:'\f0d7';
  font-family:fontAwesome;
}
#advancedsearchsection.closed {
  display:none;
}
label.date .dateYear, label.date .dateMonth, label.date .dateDay {
  width:auto;
  float:left;
  margin-right:2%;
}
label.date.small {
  width:48%;
  float:left;
  margin-right:2%;
}

.search-form .search-submit{
  background-color: rgba(0,0,0,0.85);
  color: #fff240;
  border: none;
  display: inline-block;
  vertical-align: bottom;
}

.search-text-label{
  display: inline-block;
  margin-right:1em;
}

.search-form-label{
  font-size: 1.75em;
  font-family: futura-pt;
  font-weight: 500;
}

.collections-search-form .search-field{
  margin-bottom: 0;
}
.collections-search-form .search-submit{
  margin: 0;
  margin-top: 1em;
  margin-bottom:0.5em;
  height: 2.5rem;
  background-color:#000 !important;
  font-family: futura-pt;
    font-weight: 500;
}

@media print, screen and (min-width: 40em){

  .collections-search-form .search-submit{
    margin-top: 2.975em;
    margin-bottom:auto;
    margin-bottom: initial;
  }
}

/** Shortcode insert  **/
.simodes_inserted_object {
  display:inline-block;
  padding:0px;
}
.simodes_inserted_object p {
  float:left;
  max-width:50%;
  margin:0px 20px 0px 0px;
}
.simodes_inserted_object p.name {
  font-weight:bold;
}
.simodes_inserted_object p.commentary {
  font-size:85%;
  font-style:italic;
}
.simodes_inserted_object .thumbimageouter {
  height:auto;
  width:auto;
  float:left;
  margin:0px 20px 0px 0px;
}
.simodes_inserted_object .thumbimageouter .thumbimageinner {
  height:auto;
  width:auto;
}
.simodes_inserted_object .thumbimageouter .thumbimageinner img {
}


.collection-embed.right{
  max-width:15em;
  width:50%;
  float:right;
  clear:right;
  margin-left:7%;
}

.collection-embed.left{
  max-width:10em;
  width:33%;
  float:left;
  clear:left;
  margin-right:7%;
}

@media screen and (min-width: 1250px) {
  .collection-embed.right{
    margin-right:-20%;
  }
}

.caption{
  font-size:90%;
  color:#666;
}
.lg-backdrop{
  z-index:104000;
}
.lg-outer.lg-visible{
  z-index:105000;
}
.simodesdetail{
  width:63%;
  float:left;
}
#simodesgallery{
  width:33%;
  float:right;
  margin-left:2%;
}
#si_modes_detail{
  margin-top:3em;
}
#si_modes_detail .thumbimageouter{
  width:45%;
  float:left;
  margin-right:3% !important;
}

#si_modes_detail .thumbimageouter:first-child{
  width:100%;
  float:none;
}
#si_modes_detail .thumbimageouter .thumbimageinner{
  margin:0;
  width:100%;
}
/*.alignright{
  clear:right;
}*/

.simodes_list_item h2{
  font-style:normal;
  font-size:1.3em;
  font-weight:700;
}

@media print, screen and (min-width: 40em){
 
  .main{
    padding-left:2.6em;
  }
}

.at4-share-title{
  font-size:14px;

}

#submit2{
  background-color:#EFEFEF;
  padding-top:12px;
  padding-bottom:12px;
  text-align:center;
  height: 2.4375rem;
  text-align: center;
  border: 1px solid #cacaca;
}

.keywords .tag{
  color:#000;
  background-color:#DDD;
  border-radius:40px;
  margin-right:1em;
  padding:3px 10px;
}

.keywords{
  max-width:600px;
}

#simodes_listing_wrapper_inner .thumbimageouter,#search-results-collection .thumbimageouter{
  padding:0;
  background-color:transparent;
}
#search-results-collection .thumbimageouter{
  max-width:120px;
}
#simodes_listing_wrapper_inner .thumbimageouter  .thumbimageinner,#search-results-collection .thumbimageouter .thumbimageinner{
  padding:0;
  margin:0 !important;
  width:100%;
}

.simodes_list_item{
  border-top: 1px #DDD solid;
}

.simodes_list_item:last-child{
  border-bottom-color:#DDD;
}

.simodes_list_item .name{
  text-transform:uppercase;
  font-size:1em;
}

#si_modes_detail .name{
  text-transform:uppercase;
  font-size:1.3em;
}

#si_modes_detail .commentary{
  font-size:1.2em;
}

.backlink a{
  color:#000;
}

.backlink a:hover{
  background-color:#fff240;
  padding:3px;
}

.simodes_list_item h2,#si_modes_detail h2{
  font-family:'futura-pt'
}

.itemsperpage{
  float:right;
  width: 33%;
  text-align: right;
}
.itemsperpage a{
  color:#000;
  padding:3px;
}
.itemsperpage .here{
  font-weight:bold;
}
.itemsperpage a:hover{
  background-color:#fff240;
}

.search-result{
  border-top:1px solid #DDD;
  margin-top:1em;
  padding-top:1em;
}

.search-result-title a{
  color:#000;
}
.search-result-item .type{
  text-transform:uppercase;
}
.search-result-item h3{
  margin-bottom:0;
}

#content-modal-inner .entry-content,#marker-content .entry-content{
  max-width:none;
}

.marker-map-link{
  border-bottom: none !important;
  font-size: 1.2em;
}

#search-results-collection{
  margin-top:-1.5em;
  border-left:1px solid #DDD;
}

.highlight{
  font-weight:bold;
  background-color:#fff240;
}