/* University Template over-ride
   Launched: 2018-04-03
   Author: Shawn Maust, Nevin McElwrath
   ----------------------------------------------------*/
body { color: #333; font-family: Roboto,Verdana,Arial,sans-serif; font-weight: 400; line-height: 1.5; }
h1,h2,h3,h4,h5,h6 { color: #333; font-family: Arapey,Hoefler Text,Georgia,Times,serif; font-style: normal; margin: 1em 0 .25em; }
a { color: #541b01; }
a:visited { color: #6d3c26; }
a:active { color: #541b01; }
li a:hover,nav a:hover { text-decoration: none; }
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited { color: #6d3c26; }
.breadcrumbs li { color: #555; }
.breadcrumbs li a,.breadcrumbs li a:visited { color: #6d3c26; }
/* Events */
.events .vevent { margin:0 0 2rem; }
.events .events-sidebar .vevent { margin: 0 0 1rem; }
/* Albums */
.album-list { display:flex; flex-flow:row wrap; width:calc(100% + 1rem); }
.album-item { margin-bottom:2rem; padding-right:1rem; width:100%; }
.album-item-link { background:#fff; display:block; padding:1rem; text-decoration:none; }
.album-item-image { margin:-1rem -1rem 1rem; }
.album-item-title { margin:0; }
.album-item-year { margin-bottom: .25em; }
.album-tracks { list-style:none; padding:0; }
.audio-track { border-bottom:1px solid #ccc; margin:0; padding:.5em .5em .5em 2em; }
.audio-track:first-child { border-top:1px solid #ccc; }
.site-content blockquote { font-family: Arapey,Hoefler Text,Georgia,Times,serif; font-weight: 400; padding: .5em 0 .5em 3em; position: relative; }
.site-content blockquote:before {  background: url(/stylesheets/images/blockquote.svg) 0 / 2em 100% no-repeat; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 2em; }
.site-content blockquote p { border-left: none; color: #0c2340; font-size: 1.35rem; line-height: 1.7rem; margin: .3em 0; padding-left: 0; }
@media projection,screen {
  html { background: #fbf7e2; }
  .brandbar.theme-bb-gold-flat { background: #ae9142; }
  .theme-bb-gold-flat .dept-nd a { background-image: url(https://static.nd.edu/images/brandbar/dept-nd-white.png); }
  
  .site-content { padding-top: 0; }
  
  .header-util { color: #fff; min-width: 200px; }
  .header-util nav a,.header-util nav a:hover { color: #fff; text-shadow: none; }
  .search-form { background: none; border: none; box-shadow: none; }
    .search-form .search-input { border-bottom: .2em solid #fff; color: #fff; padding: .25em; transition: all .25s ease; width: 100%; }
    .search-form .search-input::-moz-placeholder { color: hsla(0,0%,100%,.7); }
    .search-form .search-input::placeholder { color: hsla(0,0%,100%,.7); }
    .search-form .search-input:focus { border-bottom-color: #ae9142; outline: none; }
    .search-form .search-button { background: none; border: none; position: absolute; right: 0; top: 8px; }
      .search-form .search-button svg { fill: #fff; height: 1em; transition: all .25s ease; width: 1em; }
      .search-form .search-button:hover svg { fill: #ae9142; }
  
  .embed-inner { padding:0; position:relative; }
  .embed-inner embed,.embed-inner iframe,.embed-inner object { height:100%; left:0; position:absolute; top:0; width:100%; }

  /* Header */
  .titlebar { background: #0c2340 url(/stylesheets/images/bg-floral@2x.png) 0 -15px; background-size: 20% auto; border-bottom: 2px solid #fff; }
  .site-header { position: relative; }
  .site-header .header-photo { background: url(/stylesheets/images/hdr-choir_in_basilica-700.jpg) 50% 50% / cover no-repeat; min-height: 40vw; position: relative; z-index: 0; }
  /*.site-header:before { content: ""; height: 50%; position: absolute; left: 0; right: 0; top: 50px; background: linear-gradient(to bottom, rgba(12,35,64,1) 0%, rgba(12,35,64,0.5) 80%, rgba(12,35,64,0) 100%); }*/
  .site-title a { background: url(/stylesheets/images/logo-folk_choir-h.svg) 0 / contain no-repeat; height:100%; text-indent:-999em; width:100%; }
  .home .site-header .header-photo { min-height: 40vw; }
  .home .site-header:before { height: 35%; }
  
  .btn-nav-mobile { background: #ae9142; border: none; }
  
  .nav-mobile .search-form { margin: 0; padding: .1em .75em; width: 100%; }
    .nav-mobile .search-form .search-input { border: none; }
    .nav-mobile .search-form .search-button { height: 2em; position: relative; width: 1.7em; }
    .nav-mobile .search-form .search-button svg { fill: #541b01; min-height: 1.5em; width: 100%; }
    .nav-mobile .search-form .search-input { width: calc(100% - 2em); }
    .nav-mobile .search-form .search-input::-moz-placeholder { color: #ccc; }
    .nav-mobile .search-form .search-input::placeholder { color: #ccc; }
  
  .nav-top { background:none; border:0; box-shadow:none; width: auto; }
    .nav-top li a { border-radius: .2em; box-shadow: none; color: #333; font-family: Roboto,Verdana,Arial,sans-serif; font-size: 1rem; padding: .35em 1em; text-shadow: none; }
    .nav-top li a:hover { background: #5f1709; box-shadow: none; color: #fff; text-decoration: none; }
    .nav-top li.active a { background: none; box-shadow: none; color: #5f1709; }
  
  .nav-site ul a { color: #333; font-family: Arapey,Hoefler Text,Georgia,Times,serif; transition: all .25s ease; }
    .nav-site ul a:hover,.nav-site ul>.active>a { border-color: #ae9142; color: #541b01; }
  
  .alpha { background: #fff; border: 1px solid #cbbd76; padding: 1.5em; position: relative; }
  .home .alpha { background: none; border: none; padding: 0; }
  
  .btn { background: #541b01; box-shadow: none; color: #fff; display: inline-block; font-family: Roboto,Verdana,Arial,sans-serif; font-size: 1em; font-weight: 500; margin: 0; min-width: 200px; padding: 1em; text-align: center; transition: all .25s ease; }
  .btn:hover { background: #6d3c26; box-shadow: none; text-decoration: none; top: 0; }
  .btn.btn-support { background: #5aabbc; border: 1px solid transparent; color: #fff; display: none; flex-basis: 14em; font-weight: 500; padding: .75em 1em; }
    .btn.btn-support:hover { background: #398392; border-color: #5aabbc; text-decoration: none; }
    
  .btn-alt,.more { background: none; border: 1px solid transparent; border-radius: .25em; box-shadow: none; color: #541b01; font-family: Roboto,Verdana,Arial,sans-serif; font-size: 1em; font-weight: 400; margin: .5em 0; padding: .75em 1em; transition: all .25s ease; }
  .btn.btn-alt [data-icon] { fill: #541b01; }
  .more:after { content: "\2192"; margin-left: .5em; }
  .btn-alt:hover,.more:hover { background: none; border-color: #541b01; box-shadow: none; color: #541b01; text-decoration: none; top: 0; }
  .more:visited { color: #541b01; }
  .btn.ondark { background: transparent; border-color: #fff; color: #fff; }
    .btn.ondark:hover { background: #fff; color: #541b01; }
  
  .btn-shop { margin-bottom: 1em; }
  
  .wrapper { overflow:hidden; }
  .home .site-content { padding-top:0; } 
  
  .page-title { border-color: #ae9142; }
  
  .additional-links { text-align: right; }
  
  /* Home */ 
  .home-features { background:#0c2340 url(/stylesheets/images/bg-floral.png); background-size: 20% auto; border-bottom: 2px solid #fff; border-top: 2px solid #fff; margin-bottom:2rem; padding: 3em 0; }
  .feature-link { background:#fff; box-shadow: 0 0 1em transparent; display:flex; flex-flow:column; height:calc(100% - 2rem); margin:1rem 0; padding:1rem; position:relative; text-decoration:none; transform: scale(1); transform-origin: center center; transition: all .25s ease; }
    .feature-link:hover { box-shadow: 0 0 1em #1e1e1e; transform: scale(1.03); }
  .feature-label { background:#531c06; border:1px solid #fff; color:#fff; display: block; float: right; font-size: .8em; font-weight: 300; letter-spacing: .25em; padding:.25em 1em; position: relative; text-transform: uppercase; z-index:10; }
  .feature-image { margin:-1rem -1rem 1rem; max-width:none; width:calc(100% + 2rem); }
  .feature-title { margin:0; }
  .feature-link:hover .feature-title { text-decoration: none; }
  .feature-link .meta-item,.feature-meta .meta-item { font-size: .9rem; font-weight: 400; }
  .feature-link .meta-item { color: #656565; }
  
  .elevator { position: relative; }
    .elevator .column { padding: 0; }
    .elevator blockquote { background: #541b01; color: #fff; float:none; font-family: Arapey,Hoefler Text,Georgia,Times,serif; font-size: 1.5em; height: auto; margin:0; padding: .5em; text-indent: 0; width: 100%; }
 
  .flex-item { display:flex; flex-flow:column; justify-content:center; margin:1rem 0 2rem; }
  .flex-title { margin: .5em 0; }
  
  /*Home Hero Image*/
  #home p.page-image.page-image-option {
    margin: 0;
    max-width: 100%;
    overflow:hidden;
}
#home .page-image-option img{
    left: 0;
    min-width: 100vw;
    position: absolute;
    top: 0;
}
  
  /* News & Events */
  .vevent .meta { padding:1rem 0;} 
  .vevent footer { padding-top: 1em; }
  .event-date { background: #0c2340; color:#fff; float:left; margin:0 1rem 0 0; padding:.5rem; text-align:center; width:5rem; }
  .event-month { display:block; font-size:1rem; letter-spacing: .25em; line-height: 1; margin-bottom: .3em; margin-top: .3em; text-transform: uppercase; }
  .event-day { font-size:3rem; font-weight:700; line-height: 1; }
  .event-location,.event-time { display:block; float:left; margin:.25rem 0; width: calc(100% - 6rem); }
  .event-image { margin-bottom:0; }
  .event-image+.event-date { margin:-5.5rem 0 0 1rem; position:relative; }
  .events-sidebar .event-date { display:none; }
  .events-sidebar .entry-title { font-family: Roboto,Helvetica Neue,Helvetica,Verdana,Arial,sans-serif; font-size: 1.2em; font-weight: 400; }
  .events-sidebar .date-string { display:inline; }
  .events-sidebar .meta-item { width:100%; }
  .entry-title { font-family: Arapey,Hoefler Text,Georgia,Times,serif; }
  
  /* Albums */
  .audio-player { display:inline-block; height:2.5em; margin:0 .25rem 0 -2em; vertical-align:middle; width:2.5em; }
  .audio-player circle { stroke:#ccc; stroke-width:.2rem; transition: stroke-dashoffset .2s linear; }
  .audio-player .current { stroke: #6d3c26; transform:rotate(-90deg); transform-origin:50% 50%; }
  .audio-player .pause-icon,.audio-player .play-icon { transform: scale(.8); transform-origin: 50% 50%; transition: all 125ms ease; }
  .audio-player .pause-icon,.audio-player .play-icon { fill:#999; }
  .audio-track { transition: all 125ms ease; }
  .audio-track.has-player { cursor:pointer; }
  .audio-track:hover { background:#f2f2f2; }
  .audio-track:hover .pause-icon,.audio-track:hover .play-icon { fill: #6d3c26; }
  
  .album-item-link { box-shadow: 0 0 1em transparent; transform: scale(1); transform-origin: center center; transition: all .25s ease; }
  .album-item-link:hover { box-shadow: 0 0 1em rgba(30,30,30,.4); transform: scale(1.03); }
  /*.recordings .page-title span { font-family: Roboto, Helvetica, Arial, Verdana, sans-serif; font-size: 1rem; display: block; line-height: 1; font-weight: 400; }*/
    
  /* MC Signup */
  .home-form { background: #541b01 url(/stylesheets/images/bg-floral.png); background-size: 20% auto; color: #fff; margin: 1.5em 0; padding: 2em 0; }
  .mc-container { background: none; border-radius:.5em; display:flex; flex-flow:column; padding:1rem; }
  .mc-container h2 { color: #fff; font-size:1.4rem; margin:0; text-shadow: none; }
  .mc-field-group { display:inline-flex; flex-flow:row wrap; margin:1rem 1rem 1rem 0; }
  .mc-container input { border-radius: .2em; border-style: solid; color: #333; font-size:1rem; height:2rem; line-height:2; margin:0; padding: .25em; width: 100%; }
  .mc-container label { display:block; font-size: .9em; font-weight: 300; line-height:1; margin:0 1rem .25em 0; min-width:8em; padding:0; }
  .mc-container input[type=submit] { border-style: solid; min-width: auto; padding: 0 1.5rem; }
  .subscribe .mc-container h2 { display:none; }
  .subscribe .mc-container { padding:0; }
  
  .social-media-footer { display:block; text-align:center; }
    .social-media-footer a { display:inline-block; height:1.5rem; margin:.25rem; position:relative; text-indent:-9999em; width:1.5rem; }
    .social-media-footer .icon { font-size:1.5rem; left:0; position:absolute; top:0; }
}
/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.250em) {
  .brandbar a { margin: 0 0 0 1.9375rem; }
  .album-item { width:50%; }
}
/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  h1 { font-size: 2.4rem; }
  h2 {font-size:1.7rem;}
  h3 {font-size:1.5rem;}
  h4 {font-size:1.2rem;}
  h5 {font-size:1.1rem;}
  h6 {font-size:1rem;}
  
  .brandbar a { margin: 0; }
  
  .site-content { padding-top: 1em; }
  
  /* Header */
  .site-header .header-photo { background: url(/stylesheets/images/hdr-choir_in_basilica-1200.jpg) 50% 50% / cover no-repeat; /*background-attachment: fixed;*/ min-height: 30vw; }
  
  .alpha { margin-top: -5em; z-index: 2; }
  .titlebar { padding-bottom: 2em; }
  .titlebar .column { align-items: bottom; display:flex; justify-content:flex-end; min-height: 13vw; padding-top:1rem; position:relative; }
  .site-title { align-self: flex-end; flex-grow: 1; height: 100%; min-width: 200px; padding: 1rem 1rem 0 0; }
  .site-title a { background: url(/stylesheets/images/logo-folk_choir.svg) 0 100% / contain no-repeat; height:100%; text-indent:-999em; width:100%; }
  .header-util { position:absolute; right:.9375rem; top:1rem; }
  .elevator { bottom:2rem; left:0; position:absolute; right:0; z-index: 3; }
    .elevator blockquote { background: url(/stylesheets/images/badge-goal.svg) 50% 100% / contain no-repeat; display:block; float:right; height: 30vh; margin:0; padding:0; text-indent:-999em; width: 32%; }
    
  .btn.btn-support { align-self: flex-end; display: inline-block; text-align:center; width:16rem; }
  .btn-shop { float: right; margin-top: -5em; }
  
  .nav-top { align-self: flex-end; background: #fff; display: inline-block; /*min-width: 25em;*/ flex-basis: content; margin-right:1rem; padding: .25em; text-align:right; }
  
  
  /* Home */ 
  .flex-item { flex-flow:row; justify-content:center; }
  .flex-image { margin-right:2rem; }
  .flex-details,.flex-image { max-width:45%; }
  
  /* Albums */ 
  .album-item { width:33.33%; }
  
  /* MC Signup */
  .mc-container { align-items:flex-end; display:flex; flex-flow:row wrap; padding:1rem; }
  .mc-container h2 { width:100%; }
  .mc-container label {display:block; min-width:0; width:100%; }
  .mc-field-group{ margin:1rem 1rem 0 0; width: calc(33% - 4em); }
  
  .social-media-footer { clear:left;  float:left; text-align:left; }
}
/* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {
  .audio-player { height: 1.5em; width: 1.5em; }
}
/* 1024px
----------------------------------------------------*/
@media only screen and (min-width:64em) {
  .titlebar .column { min-height: 10vw; }
  .site-title a { background: url(/stylesheets/images/logo-folk_choir-h.svg) 0 100% / contain no-repeat; }
  
  /* Albums */ 
  .album-item { width:25%; }
}
/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
  .site-header .header-photo { background: url(/stylesheets/images/hdr-choir_in_basilica-1600.jpg) 50% 50% / cover no-repeat; /*background-attachment: fixed;*/ }
  
  .mc-container { flex-flow: row; }
  .mc-container h2 { margin-right:2rem; width:auto }
  .mc-field-group{ margin:0 1rem 0 0; width:20%;}
}
/* Hi-res
----------------------------------------------------*/
@media
  only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi){
    .theme-bb-gold-flat .dept-nd a { background-image: url(https://static.nd.edu/images/brandbar/dept-nd-white@2x.png); }
    .home-features { background:#0c2340 url(/stylesheets/images/bg-floral@2x.png); background-size: 20% auto; }
  }
/* Print 
----------------------------------------------------*/
@media print { 
  /* Hide */
  .audio-player,.btn-support,.elevator,.feature-label,.home-form,.nav-top { display:none; }
  
  .alpha abbr:after { content:""; }
  
  /* Home */
  .home-features>.row { flex-flow:row; }
  .home-flex { margin:2rem auto; }
  .home-flex .flex-item { display:flex; justify-content:center; }
  .home-flex .flex-image { margin-right:1rem; max-width:40%; }
  .home-flex .flex-details { max-width:50%; }
 
  /* Events */ 
  .events-sidebar { width:33%;} 
  .vevent { display:inline-flex; flex-flow:column; margin-bottom:4rem; }
  .entry-title { order:-1; }
  .event-date { margin:0; }
  
  /* Events */ 
  .events-row { flex-flow:row; }
  .events-primary { width:67%;} 
  
  /* Albums */ 
  .album-item { width:33%; }
  .album-row { flex-flow:row; }
  .album-row>.medium-4 { width:33%; }
  .album-row>.medium-8 { width:67%; }
  .album-tracks { margin:0; }
}