/* University Template over-ride
   Launched: 2019-4-11
   Updated: 2019-04-17
   Author: Shawn Maust, Aaron Greene
   ----------------------------------------------------*/

:root {
  --font-heading: Georgia, Times, "Times New Roman", serif;
  --font-secondary: Georgia, Times, "Times New Roman", serif;
}

.wf-active { 
  --font-secondary: 'Domine', Georgia, Times, "Times New Roman", serif;
}

.site-preview .snippet .article-title { 
  font-weight:400;
  font-family:var(--font-secondary);
  font-size:1.4em;
}

.site-preview .page-title {
  font-weight:400;
  letter-spacing:1px;
}

@media only screen and (min-width:60em) {  
  .site-preview .home-photo .card-title, .site-preview .home-flex .card-title, .site-preview .featured-article .card-title { font-size:3rem; }
}

.page-header .breadcrumbs { display:none; }
.meta-list li { margin-right:1rem; }
.page-title { font-variant-ligatures:none; }
.page-title span { display:block; font-size:1rem; line-height:1.2; font-family:var(--font-default); color:#444; font-weight:300;  }

.feature-image-default, .entry-content .feature-image-default { margin-bottom:2.5rem; }
.image-default, .entry-content .image-default { font-family:var(--font-default); line-height:1.325; color:#777; margin-bottom:1rem; }

@media only screen {
  body { color:#444; font-variant-ligatures:none; }
  h1, h2, h3, h4, h5, h6 { font-family:var(--font-secondary); letter-spacing:0; }
  h2 { font-size:1.75em; }
  h3 { color:#333; font-weight:300; font-size:1.5rem; }
  h5 { color:#333; }
  h6 { font-weight:300; color:#333; }
  
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:var(--brand-blue); }
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
    h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus { color:var(--brand-blue-bright); text-decoration:none; }
  
  hr { max-width:100%; margin:2rem auto; }
  hr.break { clear:both; width:5rem; height:0.5rem; margin:1rem auto; border:1px solid var(--brand-gold); border-right:none; border-left:none; }

  .feature-image-default img { width:100%; }
  .align-center { align-items:center; }
  
  .section-label,
  .card-category {font-family:var(--font-default); color:var(--gray); font-size:0.9rem; font-weight:400; margin:0 0 0.5rem; letter-spacing:0.04em; text-transform:uppercase; }
  
  .breadcrumbs { margin:0 0 0.5em; }  
    
  .site-content a[href^="http"]:not(.video):after { display:none; }
  .meta-item { color:#555; }
  blockquote { border-left:none; border-top:4px double #ccc; border-bottom:4px double #ccc; margin:1rem 0; }
    blockquote.pull { border-left:none; }
    blockquote, blockquote p { font-family:var(--font-secondary); color:#333; font-size:1.1rem; line-height:1.5em; }
    
  .image-circle { border:1px solid #ddd; }  
  
  .page-main { font-family:var(--font-secondary); }
  .page-primary h2, .entry-content h2, .page-primary h3, .entry-content h3, .page-primary h4, .entry-content h4, .page-primary h5, .entry-content h5, .page-primary h6, .entry-content h6 { margin-top:1em; }
  
  .list-more { border-top:1px solid #ccc; padding-top:1rem; }
  
  /* Header */
  .site-title a { background:url(images/magazine-logo.svg) center center / contain no-repeat; text-indent:-999em; max-width:28rem; height:2rem; }
  
  .page-header { position:relative; }
    .page-header::before { content:''; display:block;  background:var(--gray-extra-light); position:absolute; left:-5vw; right:-5vw; top:0; bottom:0; z-index:-1; }
    .home .page-header::after {content:''; display:block; width:10em; height:0.325em; background:var(--brand-gold-light); position:absolute; bottom:0em; left:calc(50% - 5em); } 
    .page-header .page-image { height:100%; }
  .page-title-wrapper { background:none; display:block; padding:2rem 1rem; margin-bottom:0; transition:all var(--anim-duration-slow) var(--anim-ease); grid-column:1/-1; }
    .page-title-wrapper a { text-decoration:none; }
    .page-title-wrapper .page-title { margin-bottom:0.325rem; display:block; }
  .home .page-title-wrapper { text-align:center; }
  
  .page-byline { margin:0 auto; text-transform:uppercase; }
  
  .page-title { font-family:var(--font-secondary); transition:all var(--anim-duration-slow) var(--anim-ease); }
    .page-title::after { display:none; }
    .home .page-title:hover { color:var(--brand-blue-bright); }
  
  /* Home */
  .home .page-main { padding-bottom:0; }
  
  .home-section { margin:2rem 0; }
    .home-section:last-child { margin-bottom:0; }
    
  .home-social { text-align:center; }
    .home-social ul::before { content:'Follow Us:'; line-height: 1.25em; color: var(--brand-blue); text-rendering: optimizeLegibility; font-weight: 600;  font-family:var(--font-secondary); font-size:1.5rem; display:block; margin-bottom:0.75rem; }
    .home-social ul li { display:inline-block; margin:0 0.5rem; }  
  
  .home-photo { padding:0.5rem; border:1px solid #ccc; margin-bottom:2rem; }
    .home-photo .article { border:1px solid #ccc; margin-bottom:0; }
    article.featured-article { margin-bottom:2rem; }
    .home-photo .card-title, .home-flex .card-title, .featured-article .card-title { font-size:2rem; }
    .home-photo .card-title a:hover, .home-flex .card-title a:hover, .featured-article .card-title a:hover { text-decoration:none; color:var(--brand-blue-bright); }
    .home-photo .entry-more, .featured-article .entry-more { margin:1rem 0 2rem; }
    
  .home-teasers .snippet .card-title { font-size:1.675rem; }
  
  .home-current-issue, .home-categories { position:relative; padding:2rem 0;  z-index:1; }
    .home-current-issue::after, .home-categories::after { content:''; display:block; position:absolute; top:0; right:-100vw; bottom:0; left:-100vw; background:var(--sky-blue-light); z-index:-1; }
    .home-current-issue .issue-details { text-align:center; }
    .home-current-issue .issue-details h3 { color:var(--brand-blue); font-weight:600; font-size:1.325em; margin-top:0.5em; margin-bottom:0.25rem; }
    .home-current-issue .issue-details img { border:1px solid #ccc; }
    .home-current-issue .issue-articles { margin-top:0; }
    .home-current-issue .section-label { border-top:4px double var(--sky-blue); border-bottom:4px double var(--sky-blue); text-align:center; margin-bottom:2rem; padding:0.5rem 0; }
  .home-current-issue + .home-categories::after { background:none; }
  
  .home-categories article.snippet { margin-bottom:0; }
  
  .home-podcast .card-image { position:relative; align-self:flex-start; }
  .home-podcast .card-image::after { content:''; background:url(images/icon-play.svg) 50% 50% / 2rem no-repeat; display:block; position:absolute; top:0; bottom:0; left:0; right:0; }
  
  .home-podcast .card-body, .home-classics .card-body { border-left:3px solid var(--brand-gold-light); }
  
  /* Issues */
  .issue-listing .card { text-align:center; }
  .issue-listing .card-title { margin-bottom:0.25rem; }
  .issue-listing .card-image { border:1px solid #ccc; }
  
  .issue-image-col img { display:none; }
  .issue-features-col {}
    .issue-features-col h3:first-child { margin-top:0; }
    .issue-features-col h2  { font-size:2rem; margin-top:1em; margin-bottom:0.25rem; }
    .issue-features-col h3 + h2 { margin-top:0.5rem; }
  .issuemid { padding:0 0 0 0.5rem; }
  .issuemid h3 { margin-left:-1rem; }
  .issuemid ul, .article-aside ol { padding:0 0 0 0.5rem; }
    .issuemid ul li, .article-aside ol li { list-style:none; text-indent:-0.5rem; }
  .story { margin: 1rem 0; padding: 0 0 0 1rem; }
    .story h3:first-child { margin-left:-1rem; }
    .story h2 { font-size:1.25rem; margin-bottom:0; margin-top:1.5em; }
    .story h3 + h2 { margin-top:0.5rem; }
    
  /* Search */
  .search-page .page-main input[type='search'] { padding:1rem 1.25rem; font-family:var(--font-default); margin:0; height:1rem; line-height:1; }
  .search-page .page-main button[type='submit'] { background:var(--brand-blue); color:#fff; padding:1rem 1.25rem; line-height:1; }
    
  .search-result-title { font-family:var(--font-secondary); font-weight:600; }
  .search-time, .search-result-url, .search-result-excerpt { font-family:var(--font-default); }
  .search-time { font-size:1rem; }
  .search-result-url a { color:#888; font-weight:400; text-decoration:none; }
  .search-result-excerpt { line-height:1.6; }
  
  /* Cards */
  .article-title, .card-title { font-weight:600; }
  .article-title a, .card-title a { color:#333; }
  .snippet .article-title, .snippet .card-title { font-size:1.5em; font-weight:600; }
  .card:hover .card-title a { color:var(--brand-blue-bright); }
  .card-body { padding:1em; }
  .card-category { margin-bottom:0.25rem; }
  
  /* Meta Items */
  .snippet .meta-item, 
  .article-header .meta-item { display:inline-block; color:#777; }
    .article-header .meta-item .meta-label { font-size:0; margin:0; }
    .snippet .meta-item { font-size:0.825rem; }
    .snippet .meta-item.author, .article-header .meta-item.publish-info { font-size:0.9rem; }
    .snippet .meta-item::after,
    .article-header .meta-item::after { content:"|"; display:inline; color:var(--brand-gold-light); }
    .snippet .meta-item:last-child::after, 
    .article-header .meta-item:last-child::after { display:none; }
    .snippet .meta-item.author, 
    .article-header .meta-item.author { font-family:var(--font-secondary); color:var(--brand-blue); }
    .snippet .meta-item.publish-info,
    .article-header .meta-item.publish-info { font-family:var(--font-default); }
    .snippet .meta-item::after { margin:0 0.125rem 0 0.5rem; }
    .article-header .meta-item::after { margin:0 0.25rem 0 0.325rem; }
  
  /* News */
  .meta-share-group-footer { margin-top:2rem; }
  .news-single .page-main { max-width:80rem; margin:0 auto; }
  .news-single .article { margin-bottom:1rem; }
  .grid article.snippet { margin-bottom:0; }
  
  .photo-of-week-feature { border:1px solid #ccc; padding:0.5rem; }
    .photo-of-week-feature img { margin:0; border:1px solid #ccc; }
  
  .article-header, .issue-header { border-bottom:2px solid #d2d2d2; padding:0 0 1rem; margin:0 0 1rem; }
    .article-header .entry-title, .issue-header .page-title { margin-bottom:0.5rem; padding-bottom:0; }
    .article-subhead { font-size:1.25rem; color:#666; font-weight:300; font-style:italic; }
  .entry-content { line-height:2em; }
    .entry-content p { line-height:inherit; }
    .entry-content table, .entry-content table tr, .entry-content table td { background:none; border:none; }
    .entry-content table { margin:0 -0.75rem 1rem; width:calc(100% + 1.5rem); }
    .entry-content table .image-default, .entry-content table .image-default img { margin-bottom:0; }

  .news-related, .news-comments { margin-top:2rem; padding-top:2rem; border-top:2px solid var(--gray-extra-light); }
  .news-single .news-related article { margin-top:0; }
  
  #callout { list-style:none; margin:1rem; padding:0; min-width:12em; border:1px solid var(--sky-blue);  background:var(--sky-blue-light);  }
  #callout li:first-child, #callout li a { margin:0; padding:0.5rem 1rem 0.5rem 1.5rem; color:#666; line-height:1.25em; text-indent:-0.75em; }
  #callout li a { font-size:0.875rem; display:block; transition:all var(--anim-duration) var(--anim-ease); }
  #callout li a:hover { background:#fff; }
  #callout li:first-child { color:#333; font-weight:400;  background:var(--sky-blue); }
  #callout li:last-child { margin:0; }
  
  /* Feature */
  .special-features .page-main, .special-features .page-main::before { background-color:transparent; }
  .page-primary .feature-title, .special-features .card-title { margin-top:0; margin-bottom:0.25em; }
  .feature-section { padding:0 0 2rem; }
  .feature-section + .feature-section { padding:2rem 0; }
  .feature-middle { align-items:center; }
  .feature-section.s1, .feature-section.s3, .feature-section.s5  { position:relative; }
  .feature-section.s1::after, .feature-section.s3::after, .feature-section.s5::after { content:''; display:block; background:var(--sky-blue-light); position:absolute; top:0; bottom:0; left:-5vw; right:-5vw; z-index:-1; }
  
  .timeline-list-item h2 { font-size:1.25rem; text-transform:capitalize;}
  .stat-item strong { display:block; font-family:var(--font-secondary); color:var(--brand-blue); }
  .stat-item strong span { display:block; font-size:3.5rem; line-height:1; }
  .organ-intro { margin:0 0 2rem; }
  .building-organ, .shakespeare-intro { padding-top:2rem; }
  .special-features .grid { margin-bottom:2rem; }
    .special-features .grid article { margin-bottom:0; }
    
  /* Store */
  .store-grid .card-title { margin-bottom:0.25rem; }
  .store-grid .card-image { margin-bottom:1.5rem; }
  .link-enlarge { text-decoration:none; display:block; position:relative; cursor:zoom-in; } 
  .link-enlarge span { text-align:right; right:0; left:0; position:absolute; top:100%; display:block; font-size:0.8em; padding:0.25rem 0; }
  .link-enlarge span svg { margin-right:0.5rem; font-size:0.7rem; fill:var(--brand-gold); }
 
  /* Staff */
  .staff-item { margin-bottom:6rem; }
  .staff-item-image { padding:0 1rem 1rem; max-width:15rem; margin:0 auto; }
  .staff-item .card-title { margin:0; }
  
  /* Class Notes */
  .grid-class-notes .btn { display:block; text-align:center; }
  
  /* Quotes Feature */
  .then, .now { font-weight:bold; display:inline-block; }
  .then strong, .now strong { padding-right:.15em; color:var(--brand-blue); font-style:normal; font-family:var(--font-default); font-weight:bold; font-size:1.0625em; }
  .quotes-feature .staff-item:nth-child(2n) .staff-item-image { grid-column:3; }
  .quotes-feature .staff-item-bio p { line-height:2.25em; }
  .quotes-feature hr.break { margin:2.5rem auto; }
  .quotes-feature .staff-item-bio { grid-column:1/4; }
  .quotes-feature .staff-item .card-title { padding-bottom:10px; }
  
  /* map feature */
  .zoom-buttons { background:var(--sky-blue); padding-left:1em; padding-top:.25em; }
  .section--map-legend { background: var(--sky-blue); padding:1em; margin:1.5rem 0; max-width:65rem; font-size:0.9em; }
  .section--map-legend h2 { font-family: var(--font-secondary); }
  .map-legend { font-family: var(--font-default); -moz-column-count:2; column-count:2; }
  
  /* before and after photo */
  figure.full { display:block; margin:0; width:100%; float:none; margin-bottom:2rem; }
  figure.full figcaption { margin-top:0.25em; display:block; }
  figure > p { display:table-caption; caption-side: bottom; text-align: left; line-height:1.5em; }
  
  
  /* Footer */
  .footer-parent, .site-footer::before {  }
  .footer-org .site-link { display:block; background:url(images/magazine-logo.svg) center center / contain no-repeat; text-indent:-999em; width:24rem; max-width:100%; margin-top:0.5rem; }
  
  /* Lightbox Overrides */
  .slbElement .slbContentOuter, .slbElement .slbContent, .slbElement .slbImageWrap { height:100%; }
  .slbElement .slbContentOuter { width:85%; padding:0; }
  .slbElement .slbImageWrap { display:flex; align-items:center; justify-content:middle; }
  .slbElement .slbImageWrap:after { background-color:transparent; box-shadow:none; }
  .slbElement .slbCaption { position:fixed !important; background:#000; padding:1rem 1.5rem; font-size:1rem; bottom:0; left:0; white-space:normal; }
  .slbElement .slbCaption p { margin:0 auto; }
  
   /* Footer */
  .nav-footer { margin:-2rem -5vw 2rem; background:var(--brand-blue-dark); z-index:1000; }
  .nav-footer a { display:block; text-decoration:none; line-height:1; margin:0.25rem 0.25rem 0.25rem 0; padding:1rem 1.25rem; }
  .nav-footer .current,
  .nav-footer a:hover { background:var(--brand-blue-light); text-decoration:none; }
  .nav-footer ul { max-width:90vw; margin:0 auto; }
  .nav-footer li { display:inline-block; }
}


/* 480px
----------------------------------------------------*/
@media only screen and (min-width:30em) { 
  .series-section-grid {  display:grid; grid-gap:1rem;  grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr 1fr; }
    .series-section-grid li:first-child { grid-row:1/-1; }
    
  .staff-item { display:grid; grid-template-rows:auto 1fr; grid-template-columns:auto 1fr; grid-gap:0 1rem; }
  .staff-item-image { grid-row:1; grid-column:1; align-self:center; padding-left:0;justify-self:flex-end; }
  .staff-item-heading { grid-row:1; grid-column:2; align-self:center; }
  .staff-item-bio { grid-row:2; grid-column:1/3; }
  #callout { float:right; max-width:40%; }
  
  .home-category { display:grid; grid-template-rows:repeat(3,auto); grid-template-columns:1fr 1fr; grid-gap:1rem; }
  .home-category li { grid-column:2; }
  .home-category li:first-child { padding-top:1rem; grid-column:1; grid-row:1/4; }
}

/* 768px
----------------------------------------------------*/
@media only screen and (min-width:48em) { 
  .site-title a { background-position:center top; }
  h2 { font-size:1.8em; }
  .nav-header { margin-bottom:-2.5rem; }
  .page-header { min-height:8em; }
  .page-header::before { background:var(--gray-extra-light) 50% 50% / cover no-repeat; left:0; right:0; bottom:0; top:0; }
  .mark-header { margin-bottom:1.5rem; }
  
  blockquote, blockquote p { font-size:1.25rem; }
  
  /* Navigation */
  .nav-top-true .nav-top,
  .nav-top-true .nav-section {display:block;}
  .nav-top-true .nav-full,
  .nav-top-true.home .beta {display:none;}
  
  .nav-mobile-util {  display:none; }
  
  .nav-search { border-left: 1px solid var(--gray-light); height: 100%; margin-left:auto; }
  .btn-search { margin: 0; padding: 1.25rem; display: block; line-height: 1rem; background: transparent; border: none; transition: all var(--anim-duration-slow) var(--anim-ease); }
  
  .nav-top { position: relative; display: inline-block; font-size: 1rem; border-bottom: 0 solid transparent; transition: all var(--anim-duration-slow); }
    .nav-top ul { display: flex; position: relative; align-items: center; opacity: 1; transition: all 1s; }
    .nav-top a { display: block; position: relative; padding: 1.25rem 1rem; opacity: 1; line-height: 1rem; color: var(--gray); border-top: 0.25rem solid transparent; border-bottom: 0.25rem solid transparent; transition: all var(--anim-duration) var(--anim-ease); }
      .nav-top .current { border-bottom-color:var(--sky-blue-dark); }
    .nav-top .btn-search { border-bottom: 4px solid transparent; }
    .nav-top a:hover, 
    .nav-top .btn-search:hover { background: var(--sky-blue-light); border-bottom-color: var(--sky-blue-dark); }
    .nav-top.is-opening-search a { transform: translateX(1rem); opacity: 0; }
    .nav-top.is-opening-search li:nth-child(7) a { transition-delay: 0.1s; }
    .nav-top.is-opening-search li:nth-child(6) a { transition-delay: 0.15s; }
    .nav-top.is-opening-search li:nth-child(5) a { transition-delay: 0.2s; }
    .nav-top.is-opening-search li:nth-child(4) a { transition-delay: 0.25s; }
    .nav-top.is-opening-search li:nth-child(3) a { transition-delay: 0.3s; }
    .nav-top.is-opening-search li:nth-child(2) a { transition-delay: 0.35s; }
    .nav-top.is-opening-search li:nth-child(1) a { transition-delay: 0.4s; }
    .nav-top.active { }
    .nav-top.active ul { opacity: 0; visibility: hidden; }
    .nav-top.active a { opacity: 0; transform: translateX(1rem); }
    .nav-top.active li:nth-child(1) a { transition-delay: 0.1s; }
    .nav-top.active li:nth-child(2) a { transition-delay: 0.15s; }
    .nav-top.active li:nth-child(3) a { transition-delay: 0.2s; }
    .nav-top.active li:nth-child(4) a { transition-delay: 0.25s; }
    .nav-top.active li:nth-child(5) a { transition-delay: 0.3s; }
    .nav-top.active li:nth-child(6) a { transition-delay: 0.35s; }
    .nav-top.active li:nth-child(7) a { transition-delay: 0.4s; }
    .nav-top.active .search-input { opacity: 1; transform: translateX(0); outline: none; }
    .nav-top.active .nav-search-wrapper { visibility: visible; opacity: 1; z-index: 1; }
    .nav-top.active .search-button { transform: translateX(0); }
    .nav-top.is-closing-search .nav-search-wrapper { opacity: 0; }
    .nav-top.is-closing-search ul { opacity: 1; visibility: visible; }
    .nav-top.is-closing-search a { transform: translateX(0); opacity: 1; }
    .nav-top .active { background: var(--sky-blue-light); border-bottom-color: var(--sky-blue-dark); }
    
  .nav-header { display: block; z-index:10; width:100%; max-width:100%; }
    .nav-header .nav-top { background: #fff; }
  
  .navbar { display: block; position: fixed; opacity: 0; z-index: 999; top: 0; transform: translateY(-100%); left: 0; width: 100%; padding: 0 5vw; transition: 0.3s ease; background: var(--brand-blue); border-top: 4px solid var(--brand-gold); border-bottom: 5px solid var(--brand-blue-dark); }
    .navbar.visible { transform: translateY(0); opacity: 1; }
    .navbar ul { justify-content: flex-end; overflow: hidden; }
    .navbar a { color: #fff; }
    .navbar a:hover { background: var(--brand-blue-light); border-bottom-color: transparent; }
    .navbar .active { background: var(--brand-blue-light); }
    .navbar .current { border-bottom-color: transparent; }
    .navbar .nav-home span { display: none; }
    .navbar .nav-search { border-color: var(--brand-blue-light);}
    .navbar .btn-search:hover { background: var(--brand-blue-light); border-bottom-color: transparent; }
    .navbar .icon { fill: #fff; }
    .navbar .nav-search-wrapper { max-width: 90vw; margin: 0 auto; background: #fff; }
    .navbar .nav-search-wrapper .icon { fill: var(--gray); }
    .navbar .search-form { height: 100%; }
    .navbar .search-form .search-input { color:#fff; }
    .navbar .search-form .search-input::-webkit-input-placeholder { color:var(--gray-light); }
    .navbar .search-form .search-input::-moz-placeholder { color:var(--gray-light); }
    .navbar .search-form .search-input:-ms-input-placeholder { color:var(--gray-light); }
    .navbar .search-form .search-input::-ms-input-placeholder { color:var(--gray-light); }
    .navbar .search-form .search-input::placeholder { color:var(--gray-light); }
    
  .nav-site { margin:1rem 1rem 2rem -1rem; }
    
  .search-form { display: flex; border-bottom:none; background-color:transparent; margin:0; }
    .search-form button { flex: 0 0 auto; margin: 0; padding: 1rem 1.25rem; border: none; background: transparent; }
    .search-form .search-input { flex: 1 1 auto; order: 1; margin: 0; border: none; background: transparent; transition: all var(--anim-duration-slow) var(--anim-ease); transform: translateX(0); opacity: 1; padding:0 1rem; }
    .search-form .search-button { order: 2; transition: all var(--anim-duration-slow) var(--anim-ease); transform: translateX(0); }
    .search-form .search-close { order: 2; border-left: 1px solid var(--gray-light); }
    
  .nav-top-false .nav-search-wrapper { width:33vw; max-width:50rem; height:4rem; opacity:1; visibility:visible; position:static; }
  .nav-top-false .nav-search-wrapper .search-form { background:#fff; border-bottom-color:transparent; transition: all var(--anim-duration-slow) var(--anim-ease); }
  .nav-top-false .nav-search-wrapper .search-form:focus-within { border-bottom-color: var(--sky-blue-dark); background:var(--sky-blue);  }
  .nav-top-false .nav-search-wrapper .search-input { opacity:1; transform:none; }
  .nav-top-false .nav-search-wrapper .search-button { transform:none; }
  
  /* Search */
  .search-page .page-main input[type='search'] { width:15rem; }
  
  /* Home */
  .home-photo .entry-info, .home-flex .entry-info, .featured-article .entry-info { align-self:center; }
  .home-category { display:block; }
  .home-category li:first-child { padding-top:0; }
  
  .home-social ul::before { display:inline-block; margin-bottom:0; }

  /* News */
  .meta-share-group-footer { margin-top:0; }
  .meta-share-group-footer .social-share { align-self:flex-start; }
  .article-main, .issue-main, .feature-main { margin-bottom:auto; }
  
  /* Features */
  .timeline-list-item { position:relative; }
  .timeline-list-item::before { content:''; display:block; border-top:2px solid var(--brand-blue); margin:0 -1em 2em; }
  .timeline-list-item::after { content:''; display:block; position:absolute; width:1rem; height:1rem; border:2px solid var(--brand-blue); background:white; border-radius:50%; top:-0.5rem; left:calc(50% - 0.5rem); transition:all var(--anim-duration-fast) var(--anim-ease); }
    .timeline-list-item:hover::after { background:var(--sky-blue-light); }
  .timeline-list-item .image-default::before { content:''; display:block; position:absolute; width:2px; height:2rem; background:var(--brand-blue); top:0; left:calc(50% - 1px); }
 
  /* Staff */
  .staff-item-image { grid-row:1/3; grid-column:1; align-self:flex-start;  }
  .staff-item-heading { grid-row:1; grid-column:2; }
  .staff-item-bio { grid-row:2; grid-column:2; }
  
  /* Issue */
  .issue-image-col img { display:block; border:1px solid var(--gray-light); }
  
  /* quotes feature */
  .quotes-feature .staff-item-bio { grid-column: 2; }
  
  /* map feature */
  .section--map-legend { margin:0 0 3.5rem 1rem; padding: 1rem 2rem; float:right; width:50%; } /* margin:1.5rem 0 3.5rem; padding: 1rem 2rem; */
  .map-legend { -moz-column-count:1; column-count:1; } /* column-count:3; */
  .map-legend li { padding-left:0.5em; }
  
  /* before and after photo */
  figure.full { margin:0 0 1em; max-width:100%; }
  figure.full figcaption { display:block; text-align:left; line-height:1.5em; }
  figure.full figcaption blockquote { width:auto; font-weight:normal; }
  
  /* Footer */
  .footer-contacts { margin-bottom:2rem;  }
} 

/* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {  
  blockquote { margin:0 1.5em 2rem; padding:1.5em; }
    
  .feature-image-default, .entry-content .feature-image-default { margin-bottom:3.5rem; }
  
  /* Header */
  .btn-search { padding:1rem; }
  .nav-header { max-width:100%; width:100%; }
  .nav-header .nav-search, .navbar .nav-search { margin-left:auto; }
  
  .home .page-title-wrapper, .home .page-title-wrapper .page-title, .home .page-title-wrapper a { color:#fff; }
  .page-title-wrapper { grid-column:2/-2; padding:1rem; }
    .page-title-wrapper a { text-shadow:0 0 10em #0c2340; }
    .home .page-header::after { width:16em; height:0.5rem; left:calc(50% - 8em); }
    .page-header:hover .page-title-wrapper { margin-bottom:0.25rem; }
    .page-header:hover .page-title-wrapper::after { bottom:-2.75rem; }
    .home.nav-top-true .page-image.full, .nav-top-true .page-image.full { max-height:27rem; }
    .home .page-image::after { content:''; display:block; position:absolute; bottom:0; left:-5vw; right:-5vw; height:15em; opacity:0.8; z-index:2; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); }
  .page-main { padding-top:3rem; }
    .home .page-main { padding-top:0; }
  .page-main, 
  .full-width .page-main { /* grid-row:4/6; */ margin-top:2.5rem; padding-left:0; }
  
  /*
  .nav-top-true .page-header { grid-template-columns: 5vw 2fr 1fr 5vw; }
  */
  .page-header { /* grid-template-rows:5rem auto 1fr 2.5rem; */ --padding-bottom:2.5rem; }
  
  .page-header.has-title::before { grid-row:1/-1; }
  .page-header .page-title { font-size:2.75rem; padding:0; }
  .home .page-title:hover { color:#f1dfad; }
  
  .page-header .breadcrumbs { display:block; grid-row:2; grid-column:2; padding:0.25rem 0.5rem; margin-bottom:1rem; align-self:flex-start; }
  .has-title + .page-main .breadcrumbs  { height: 0; width: 0; overflow: hidden; margin: 0; } 
  
  /* Home */
  .home-section { margin:4rem auto; }
    .home-section:last-child { margin-bottom:0; }
    .home-section { margin-top: 1.5rem; }
    
  .home-photo, .home-flex, .home-teasers, .feature-item { max-width:80em; }
  article.featured-article { margin-bottom:3rem; }
  .home-photo .card-title, .home-flex .card-title, .featured-article .card-title { font-size:3rem; }
  .home-current-issue, .home-categories { padding:4rem 0; }
  .home-current-issue .issue-articles { margin-left:3rem; }
  .home-current-issue .issue-details h2 { font-size:1.5em; }
  
  .home-podcast, .home-classics { padding-left:3rem; }
  
  /* Issues */
  .issue-features-col { margin:0 1rem; }
    .issue-features-col h2 { margin-top:2em; }
  .issuemid, .story { padding-left:1rem; }
    .issuemid h3, .story h3 { margin-left:-2rem; }
    
  /* News */
  .article-main, .issue-main, .feature-main, .category-main { margin-top:-5rem; padding:3rem 1rem 1rem; background:#fff; }
  .article-more { padding:0 1rem 1rem; }
  
  .article-main { display:grid; grid-template-columns:3fr 1fr ; grid-template-rows:auto; grid-gap:2rem; }
  .article-header,
  .article-content,
  .article-footer { grid-column:1 } 
  .article-aside { grid-column:2; grid-row:1/4; } 
  
  #callout { max-width:33%; }

  /* Features */
  .feature-section { padding:0 1rem 2rem; }
  .feature-section + .feature-section { padding:2rem 1rem; }
    .builder-item article, .builder-item article h3 { margin-bottom:0.25rem; }
  .building-organ, .shakespeare-intro { padding-top:2rem; }
  
  /* Staff */
  .staff-item .card-title { font-size:2rem; }
  .staff-item .card-image { max-width:none; }
  
  /* Footer */
  .footer-contacts { margin-bottom:4rem;  }
  .nav-footer { margin:0; }
  .nav-footer.fixed { position:fixed;z-index:9999; bottom:0; left:0; width:100%; padding:0 5vw; transition:0.3s ease;  }
}

/* 1120px
----------------------------------------------------*/
@media only screen and (min-width:70em) {
  .map-legend { -moz-column-count:2; column-count:2 }
}

/* 1024px
----------------------------------------------------*/
@media only screen and (min-width:64em) {  
  .page-header .page-title { font-size:3rem; }
  .home .page-header .page-title { margin:0 auto 0.325rem; }
}

/* 1280px
----------------------------------------------------*/
@media only screen and (min-width:80em) {  
  h1, .page-title { font-size:3.125rem; }
  h2 { font-size:2rem; }
  h3 { font-size:1.75rem; }
  hr.break { margin:2rem auto; }
  
  /* Header */
  .nav-top { font-size:1rem; }
    .nav-top a { padding:1rem 1.375rem; }
  .home.nav-top-true .page-image.full, .nav-top-true .page-image.full { max-height:33rem; }
  
  .page-header .page-title { font-size:3.5rem; }
  
  /* Home */
  .home-podcast, .home-classics { padding-left:5rem; }
  
 .article-main, .issue-main, .feature-main, .category-main { margin-top:-6rem; padding:3rem 2rem 2rem;  }
  .article-more { padding:0 2rem 2rem; }
  #callout { max-width:30%; margin:2rem 1rem; }
  #callout li:first-child, #callout li a { font-size:0.9rem; padding:0.75rem 1.75rem; }
  .feature-section { padding:0 2rem 4rem; }
  .feature-section + .feature-section { padding:4rem 2rem; }
  .building-organ, .shakespeare-intro { padding-top:4rem; }
  
  /* Issues */
  .issuemid { padding-left:2rem; }
    .issuemid ul, .article-aside ol { padding:0 0 0 0.75rem; }
    .issuemid ul li, .article-aside ol li { text-indent:-0.75rem; }
}

/* 1600px
----------------------------------------------------*/
@media only screen and (min-width:100em) {  
  body, .card-body, .page-title span { font:1.05rem/1.75em var(--font-default); }
  
  /* Home */
  .home-section { margin:5rem auto; }
  .home-section { margin-top:2.5rem; }
    
  /* Header */
  .home .page-header .page-title { font-size:4rem; }
  
}

/* 1920px
----------------------------------------------------*/
@media only screen and (min-width:120em) {  
  /* Footer */
  .nav-footer ul { max-width: 108rem; }
}

/* 
Before - After 
Moved from original site 
*/
.before-after-slider { margin:10vmin auto 1rem; }
.js .before-after-slider { position:relative; padding-top:53.33%; width:80%; height:0; border:1px solid #000; overflow:hidden; cursor:-webkit-grabbing; cursor:grabbing; }
.js .before-image,
.js .after-image { position:absolute; top:0; left:0; bottom:0; right:0; overflow:hidden;  }
.js .before-image { border-right:1px solid #000; }

.no-js .before-after-slider .after-image,
.no-js .before-after-slider .before-image {  display:inline-block; }

.js .before-after-slider img { min-width:100%; max-width:none; height:100%; }
.js .before-after-slider .lazy { -webkit-filter:blur(4px); filter:blur(4px); transition:0.2s; }

.before-after-slider + figcaption { text-align:center; color:#666;  }

.before-after-handle { position:absolute; display:block; width:0.25em; top:0; bottom:0; left:50%; }
.before-after-handle:after { content:'\2190\00a0Slide\00a0\2192'; width:6em; display:inline-block; position:absolute; top:50%; transform:translate(-3em,-50%); text-align:center; padding:0.25em; opacity:1; transition:opacity 1s; background:rgba(255,255,255,0.9);}
.before-after-handle.active:after { opacity:0; }

/*!
 * simpleLightbox
 * https://github.com/dbrekalo/simpleLightbox
 * Copyright (c) 2018 Damir Brekalo
 */
.slbOverlay,.slbWrapOuter,.slbWrap{position:fixed;top:0;right:0;bottom:0;left:0}.slbOverlay{overflow:hidden;z-index:2000;background-color:#000;opacity:0.7;-webkit-animation:slbOverlay 0.5s;animation:slbOverlay 0.5s}.slbWrapOuter{overflow-x:hidden;overflow-y:auto;z-index:2010}.slbWrap{position:absolute;text-align:center}.slbWrap:before{content:"";display:inline-block;height:100%;vertical-align:middle}.slbContentOuter{position:relative;display:inline-block;vertical-align:middle;margin:0px auto;padding:0 1em;box-sizing:border-box;z-index:2020;text-align:left;max-width:100%}.slbContentEl .slbContentOuter{padding:5em 1em}.slbContent{position:relative}.slbContentEl .slbContent{-webkit-animation:slbEnter 0.3s;animation:slbEnter 0.3s;background-color:#fff;box-shadow:0 0.2em 1em rgba(0,0,0,0.4)}.slbImageWrap{-webkit-animation:slbEnter 0.3s;animation:slbEnter 0.3s;position:relative}.slbImageWrap:after{content:"";position:absolute;left:0;right:0;top:5em;bottom:5em;display:block;z-index:-1;box-shadow:0 0.2em 1em rgba(0,0,0,0.6);background-color:#FFF}.slbDirectionNext .slbImageWrap{-webkit-animation:slbEnterNext 0.4s;animation:slbEnterNext 0.4s}.slbDirectionPrev .slbImageWrap{-webkit-animation:slbEnterPrev 0.4s;animation:slbEnterPrev 0.4s}.slbImage{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:5em 0;margin:0 auto}.slbCaption{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:1.4em;position:absolute;left:0;right:0;bottom:0;padding:.71429em 0;color:#fff;color:rgba(255,255,255,0.7);text-align:center}.slbCloseBtn,.slbArrow{margin:0;padding:0;border:0;cursor:pointer;background:none}.slbCloseBtn::-moz-focus-inner,.slbArrow::-moz-focus-inner{padding:0;border:0}.slbCloseBtn:hover,.slbArrow:hover{opacity:0.5}.slbCloseBtn:active,.slbArrow:active{opacity:0.8}.slbCloseBtn{-webkit-animation:slbEnter 0.3s;animation:slbEnter 0.3s;font-size:3em;width:1.66667em;height:1.66667em;line-height:1.66667em;position:absolute;right:-.33333em;top:0;color:#fff;color:rgba(255,255,255,0.7);text-align:center}.slbLoading .slbCloseBtn{display:none}.slbLoadingText{font-size:1.4em;color:#fff;color:rgba(255,255,255,0.9)}.slbArrows{position:fixed;top:50%;left:0;right:0}.slbLoading .slbArrows{display:none}.slbArrow{position:absolute;top:50%;margin-top:-5em;width:5em;height:10em;opacity:0.7;text-indent:-999em;overflow:hidden}.slbArrow:before{content:"";position:absolute;top:50%;left:50%;margin:-.8em 0 0 -.8em;border:.8em solid transparent}.slbArrow.next{right:0}.slbArrow.next:before{border-left-color:#fff}.slbArrow.prev{left:0}.slbArrow.prev:before{border-right-color:#fff}.slbIframeCont{width:80em;height:0;overflow:hidden;padding-top:56.25%;margin:5em 0}.slbIframe{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 0.2em 1em rgba(0,0,0,0.6);background:#000}@-webkit-keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@-webkit-keyframes slbEnter{from{opacity:0;-webkit-transform:translate3d(0, -1em, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@keyframes slbEnter{from{opacity:0;transform:translate3d(0, -1em, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@-webkit-keyframes slbEnterNext{from{opacity:0;-webkit-transform:translate3d(4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@keyframes slbEnterNext{from{opacity:0;transform:translate3d(4em, 0, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@-webkit-keyframes slbEnterPrev{from{opacity:0;-webkit-transform:translate3d(-4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@keyframes slbEnterPrev{from{opacity:0;transform:translate3d(-4em, 0, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}

.slbOverlay { opacity:0.85; }
/* Print
----------------------------------------------------*/
@media print { 
  .home .page-header .page-title, 
  .home .page-title-wrapper { display:block; text-align:center; }
  .home .page-title-wrapper a { text-decoration:none;  }
  .home .page-header .page-title { margin:0; }
}