/* CSS Document: mobile styles */
.hide-for-mobile{
display:none;
}

.hide-for-desktop{
display:inherit;
}

h3{
    font-size: 1.2em;
}

.anchor-link{
display: block;
  position: relative;
  top: -50px;
  visibility: hidden;
}

.container-title{
    top: 35vh;
}

.container-title h1{
    font-size:2.4rem;
}

.container-title h2{
font-size: 1.6em;
}

.container-title p{
    font-size: 1.4rem;
}

.splash-img-mobile .container-title{
  top: 50%;
}

.splash-img-mobile .container-title h2 {
  font-size: 1.8em;
}

#lightgallery img.thumb{
max-width:100%;
}

.container-gallery{
margin-bottom:0px;
margin-top:0px;
  padding: 0px;
}

.container-gallery p{
font-size:1.2em;
padding: 50px 8px;
  margin: -10px 0px 0px 0px;
}
.splash-img-mobile{
height:inherit;
}
/*
.splash-img-mobile .container-title{
top:20%;
}
*/
.splash-img-mobile img{
max-width:100%;
}

.top-40{
top:40%;
}
.top-50{
top:50%;
}
.top-60{
top:60%;
}
.top-70{
top:70%;
}
.top-80{
top:80%;
}

.container-nav{
min-height: 50px;
  background-color: #fff;
  width: 100%;
  border-bottom: 1px solid #eee;
}

.container-nav:hover{
min-height: 50px;
}

.container-summary p {
font-size: 1.1em;
line-height:1.4;
}

.container-summary p.lead {
  font-size: 1.1em;
  margin: 0px;
  padding: 20px 0px 0px 0px;
}

.btn-show-more-summary{
color:#000;
padding: 0px 0px 20px 0px;
display:inline-block;
}


.container-expanded-nav-inner h2{
font-size:2.2em;
color:#000;
}

.container-expanded-nav-inner{
padding:0px 0px 20px 0px;
}

.container-nav h2,
.container-nav:hover h2, 
.container-nav .container-expanded-nav-inner h2{
font-size:1.6em;
margin: 5px 0px 0px 0px;
color: #000;
}

.container-expanded-nav-inner h3 a:hover .date {
display:none;
}

.container-expanded-nav-inner h3{
  font-size: 1.2em;
}

#container-expanded-nav ul li.subheader{
font-size:1em;
}

#container-expanded-nav ul li a,
.container-archive-footer .container-archive-content ul li a{
  font-size:1.1em;
  transition: inherit;
  padding: 2px 0px 2px 0px;
  border-left: none;
  text-align: left;
}
#container-expanded-nav ul li a:hover,
#container-expanded-nav ul:hover li a,
.container-archive-footer .container-archive-content ul li a:hover,
.container-archive-footer .container-archive-content ul:hover li a{
  padding: 2px 0px 2px 0px;
  border-left: none;
}


/* Archive footer */
.container-archive-footer .container-archive-content h2 {
  xfont-size: 2.2em;
  xmargin-top: 0px;
}

.container-archive-footer .container-archive-content ul li{
  margin-left:0px;
}

.container-archive-content ul li a img,
.container-archive-content ul li a:hover img {
  max-width: 90px;
  xwidth:31%;
}

#container-expanded-nav ul li a .container-thumbs img,
#container-expanded-nav ul li a:hover .container-thumbs img,
.container-archive-content ul li a:hover img {
  xmax-width: 90px;
  xwidth:31%;
  width:32%;
}

.archive-remaster p.lead-header span, .archive-remaster p.sub-header span{
  padding: 20px 0px 30px 0px;
}

.archive-remaster p.lead-header span{
  font-size:1.4em;
}

#containerContent p{
  border: 15px solid #fff;
}

/* mininav Icon */

 #nav-icon3{
width: 40px;
  height: 45px;
  position: absolute;
  right: 10px;
  top: 0px;
  margin: 0px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  cursor: pointer;
  padding: 0px 0px;
  border-radius: 4px;
}

#nav-icon3 span{
  display: block;
position: absolute;
height: 2px;
width: 20px;
background: #000;
border-radius: 0px;
opacity: 1;
left: 10px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
  top: 16px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 23px;
}

#nav-icon3 span:nth-child(4) {
  top: 30px;
}



#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.container-nav:hover #nav-icon3:hover span {
  background: #000;
}

.nav-bg,
.nav-bg img{
display:none;
opacity: 0.0;
}


.container-footer{
padding:50px 10px 100px 10px;
text-align:center;
}

.container-footer p{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 10px 0px 0px 0px;
  font-size: 1.2em;
}

.container-archive-content h2{
  text-align:center;
}

.container-archive-content h3{
  top:35px;
  font-size:1.4em;
  text-align:center;
}

.container-archive-footer .container-archive-content h2{
top:50px;
text-align:center;
font-size:1.4em;
}
.container-archive-footer .container-archive-content h3{
  top:80px;
  font-size:1.4em;
}


#container-expanded-nav .container-archive-footer .container-archive-content h2{
top:0px;
}

#container-expanded-nav .container-archive-footer .container-archive-content h3{
top:30px;
}


.container-archive-content ul,
.container-archive-footer .container-archive-content ul{
  text-align:center;
}
.container-archive-content ul li{
  margin-top:10px;
  text-align: center;
}

#container-expanded-nav ul li{
  text-align: center;
}

.container-archive-footer .container-archive-content ul li a p{
  text-align :left;
  max-width: 310px;
}



#container-expanded-nav ul li a .container-thumbs img, .container-archive-content ul li a img {
        max-width: inherit;
        width:32%;
}
#container-expanded-nav ul li a:hover .container-thumbs img, .container-archive-content ul li a:hover img {
        max-width: inherit;
        width:32%;
}
.archive-year-legacy{


}