/* University Template over-ride
   Launched: 2016-08-05 
   Author: Taylor Packet, Shawn Maust 
   ----------------------------------------------------*/

/* Global Styles go outside the @media screen */

/* Icons
   <span class="icon" data-icon="nd-monogram"></span>
----------------------------------------------------*/
html {background:none;}
h1, h2, h3, h4, h5, h6 {font-family:Alegreya, Garmond, Georgia, "Times New Roman", Times, serif; color:#216093;}
h1 {font-size:2.15em;}
h2 {color:#008587; font-size:1.85em;}
h3 {color:#691748; font-size:1.65em; font-style:italic;}
h4 {color:#444; font-size:1.325em; text-transform:uppercase; font-style:normal;}
h5 {font-size:1.1em;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#216093;}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color:#397eb6;}

.nav-mobile .search-input { width:80%; }
.rehearsal-form fieldset { margin:2em 0; }
.rehearsal-form fieldset li { padding: 0 1em; width:100%; display:inline-block; list-style:none; margin-right:-4px;}

.rehearsal-form legend { font-size:1.75em; position:relative; top:-1em; margin-bottom:-0.85em;  font-family:Alegreya, Garmond, Georgia, "Times New Roman", Times, serif; color:#008587; }
.rehearsal-form label { font-weight:normal; }
.results-item { display:inline-block; width:100%; vertical-align:top; margin-top:2em; padding-bottom:1.5em; border-bottom:1px solid #ccc; }

.rehearsal-form ul {margin:0; margin-top:0.5em; padding:1.45em 0.5em 0.5em; border-radius:5px;}
.results-item ul { margin:0; padding:0; list-style:none; }
.results-item li { padding:0; list-style:none; }
.results-item li:first-child {font-size:1.65em; font-family:Alegreya, Garmond, Georgia, "Times New Roman", Times, serif; color:#008587;}

.footer-social { list-style:none; padding:0; }
.footer-social li { padding:0; display:inline-block; margin:0 0.25em; width:1em; font-size:1.4em; }
.footer-social a { display:block; position:relative; text-indent:-99em; }
.footer-social .icon { position:absolute; top:0; left:0; }
.footer-social .icon.fb {color:#3b5998;}
.footer-social .icon.twitter {color:#0084b4;}

.page-title {border:none; padding:0;}
.smamark { width:200px; margin:1em auto; display:block; }
.events .date-string { display:inline-block; }  

@media screen, projection {
  .site-title a {display:block; padding:0.5em 0; text-indent: -9999px; background:url('images/sma-anniversary-logo.svg') center center no-repeat; width:90%; background-size: contain;
  }  
  .wrapper { overflow-x:hidden; }
  .home .site-content { padding:0; }
  
  .rssBody h3 {font-style:normal; font-size:1.7em;}
  
  /* Titlebar */
  
  .titlebar {padding:1em 0; background:#fff;}
  .search-form {border-color:#ccc; box-shadow:none;}
  .search-button {background:none; border:none;}
  .search-button:hover {background:#ddd; border:none; color:#691748;}
  .icon {display:inline-block; width:1em; height:1em; fill:currentColor;}
[data-icon]:before { content:''; }
.search-button { text-indent:0; }
.search-button span { display:inline-block; text-indent:-99em; overflow:hidden;}
button.search-button {background:#691748; color:#fff; width:25px;}
.search-form {padding:3px 3px 3px 2px;}
  
  /* Navigation */
  .nav-top { margin-bottom:-50px; text-align:left; box-shadow:none; border:0; background:transparent; }
    .nav-top ul { position:relative; width:auto; float:left; background:rgba(231,197,50,0.9); }
    .nav-top ul:after { content:''; position:absolute; top:0; bottom:0; left:-999em; right:100%; background:rgba(231,197,50,0.9); }
    .nav-top li {font-size:1.25em;}
      .nav-top li a { padding: .55em 1em; color:#333; text-shadow:none; font-family:Alegreya, Garmond, Georgia, "Times New Roman", Times, serif; }
    .nav-top li.active a, .nav-top li a:hover {background:rgba(210,95,25,0.9); box-shadow:none; color:#fff;}  
    
    .nav-site ul {padding:0;}
    .nav-site ul a {padding:0.35em 0.75em 0.15em 1.5em; font-family:Alegreya, Garmond, Georgia, "Times New Roman", Times, serif; font-size:1.25em; color:#555; border:none;}
    .nav-site li.last {margin-bottom:0;}
    .nav-site ul li a:hover,
    .nav-site ul > .active > a {background:#008587; border:none; color:#eee;}
    .nav-site ul > .active > a {color:#f5cb36;}
    .nav-site ul ul a {padding:0.25em 0 0 1.85em; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight:normal; font-size:1em; color:#777;}
    .nav-site ul ul li a:hover,
    .nav-site ul ul > .active > a {background:none; color:#691748;}
    .nav-site ul ul > .active > a {font-weight:bold;}
    
    .nav-skip {top:0.65em;}
    .nav-skip {background:#f5c20e; border:none; box-shadow:none;}
    .nav-skip span, .nav-skip span:before, .nav-skip span:after {background:#fff;}
    
  /* Buttons */
  .btn {margin:0.25em 0.25em 0.25em 0; padding:0.55em 1em 0.4em; background:#008587; border-radius:none; border-bottom:none; color:#fff; font-family:Alegreya, Garmond, Georgia, "Times New Roman", Times, serif; font-size:0.9em; font-weight:bold; text-transform:uppercase; letter-spacing:1px;}
  .btn:hover {border:none; background:#006466;}
  .btn:visited { color:#fff; }
  
  button[type="submit"],
  button#print-btn.btn {border:none;}
  
  .more {border:none; padding:0 1em 0 0; background: url(images/arrow.png) center right no-repeat; font-family:Alegreya, Garmond, Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-size:0.95em; font-weight:bold; letter-spacing:1px; border-radius:0; transition:none;
     transition: all .25s ease-in-out;
  }
  .more:link,
  .more:visited {color:#d25f23;}
  .more:hover {padding:0 1.2em 0 0; background:none; border:none; color:#b6470e; background: url(images/arrow.png) center right no-repeat;}
    
  /* Events */  
  .events-wrapper { background:#fff; margin-top:-0.35em; padding:1em 0;}
  .event-date { padding: 0.3em 0 0.95em; margin:0 0.75em 0 0; width:70px; float:left; clear:left; text-align:center; background:url(images/date_border.svg) no-repeat; background-size:68px;}
  .event-date { }
  .event-title,
  .event-details { width:calc(100% - 100px); float:left; } 
  .event-month { display:block; text-transform:uppercase; font-weight:700; color:#691748; font-size:0.95em; letter-spacing:1px; font-family:Alegreya, Garmond, Georgia, "Times New Roman", Times, serif;}
  .event-day { display:block; font-size:1.85em; font-weight:400; color:#691748; font-weight:200;}      
  .entry-title {font-family:Alegreya, Garmond, Georgia, "Times New Roman", Times, serif;}
  .events-date-header {font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
  .publish-info b, .author b, .location b, .posted-in {color:#691748;}

  /* Home */
  .home-primary { position:relative; padding:2.5em 0 3.5em; margin-top:-2em; }
  .home-primary:after { content:''; position:absolute; display:block; top:0; left:-99em; right:-99em; bottom:0; border-bottom:5px solid #164062; background:#216093 url(images/elevator_bg.jpg) repeat; z-index:-1; }
  .home-primary h2 {color:#e7bd1e; text-shadow:none; font-size:2.5em;}
  .home-primary p {color:#fff; font-size:1.25em; line-height:1.65em; font-weight:300; letter-spacing: 0.025em;}
    .home-events p {color:#666; font-size:0.95em; }
  .home-secondary h3 {margin-top:0.75em; color:#216093; font-size:1.65em; font-style:normal;}
  
  .elevator {padding:0 1.25em;}
  
  .home .entry-title {font-family:Alegreya, Garmond, Georgia, "Times New Roman", Times, serif; font-size:1.4em;}
  .home .entry-title a {color:#691748;}
  .home .entry-title a:hover {color:#491032; text-decoration:none; border-bottom:1px dotted #999;}

  .home-events { margin-top:-2em; }    
    .home-events h2 { margin:0 0 0.15em; }
    .home-events h2.label {margin-left:-0.5em; padding:0.5em 0.95em 0.45em; font-size:0.9em; text-transform:uppercase; letter-spacing:1px; font-weight:bold; background:#691748; display:inline-block;}
    .home-events h2.label a {color:#fff; text-shadow:none;}
    .home-events article { padding-top:0.75em; padding-bottom:0.5em; margin-bottom:0; }
  .home-callouts { background:#008587; }
    .home-callouts ul { list-style:none; margin:0; padding:0; }
    .home-callouts li { margin:0; }
    .home-callouts li:after {content:""; display:block; margin:0 0.75em; border-bottom: 1px solid #006263;}
    .home-callouts li:last-child:after { border-bottom:none; }
    .home-callouts a { display:block; padding:0.8em 0.75em 0.7em; color:#f5c20e; font-size:1.45em; line-height:1.35em; font-family:Alegreya, Garmond, Georgia, "Times New Roman", Times, serif; text-decoration:none;}
    .home-callouts a:hover {background:#009ea0;}
  
  /* Header Images */
  .home .header-image {border-bottom:5px solid #164062;}
  .header-image { padding-top:33%; z-index:-1; background:#ccc url(images/header_default-700.jpg) 50% 50% no-repeat;
  -ms-background-size: 100% auto;
      background-size: 100% auto;
  }
  .home .header-image { padding-top:50%; background-image:url(images/sma-wallpaper-1-700.jpg); }
  .about-us .header-image {background-image:url(images/header_about-700.jpg);}
  .special-programs .header-image {background-image:url(images/header_special_programs-700.jpg);}
  .choir .header-image {background-image:url(images/header_choir-700.jpg);}
  .organ .header-image {background-image:url(images/header_organ-700.jpg);}
  .events .header-image {background-image:url(images/header_events-700.jpg);}
  .news .header-image {background-image:url(images/header_news-700.jpg);}
  
  .breadcrumbs { position:absolute; bottom:100%; left:1em; float:left; margin:0; padding:0 0.5em; background:#f7c30d; font-weight:bold; }
    .breadcrumbs li { display:inline-block; color:#333; }
    .breadcrumbs a:link,
    .breadcrumbs a:visited { color:#333; font-weight:normal;}
    
  .page-title { clear:both; padding-top:0.35em; }
  
  /* Blockquote */
  blockquote {margin:2em 0.5em; background:url(images/blockquote.svg) top left no-repeat;
     background-size: 35px auto;
  }
  blockquote p {padding-left:2.5em; border:none; font-family:Alegreya, Garmond, Georgia, "Times New Roman", Times, serif; font-style:normal; font-size:1.25em; line-height:1.35em; color:#444; text-align:left;}
  blockquote.pull {background:none; margin:0 0.5em;}
  blockquote.pull p {background:none; padding:0.25em 0.5em 1.5em;}
  blockquote.pull p:before {content:""; display:block; position:relative; margin:0 0 1em; padding:1em; background:url(images/blockquote.svg) center no-repeat;}
  blockquote.pull p {text-align:center;}
  
  .sidebar blockquote, .choir .sidebar blockquote,
  .organ .sidebar blockquote, 
  .special-programs .sidebar blockquote {margin:2em 0; background:none;}
  .sidebar blockquote p {padding-left:0; font-size:1.35em; font-style:italic;}

  /* Custom */
  .special-programs .breadcrumbs {background:#3c0d29;}
  .special-programs .breadcrumbs li {color:#fff;}
  .special-programs .breadcrumbs a:link,
  .special-programs .breadcrumbs a:visited {color:#ddd;}
  .special-programs .alpha,
  .special-programs .full-width .alpha {border-color:#691748;}
  .special-programs .page-title {color:#691748;}
  .special-programs h2,
  .special-programs h3 {color:#222;}
  .special-programs blockquote p:before,
  .special-programs blockquote {background-image: url(images/blockquote-sp.svg);}
  .special-programs blockquote.pull {background:none; margin:0 0.5em;}
  
  .organ .breadcrumbs {background:#bc4f15;}
  .organ .breadcrumbs li {color:#fff;}
  .organ .breadcrumbs a:link,
  .organ .breadcrumbs a:visited {color:#ddd;}
  .organ .alpha,
  .organ .full-width .alpha {border-color:#d25f23;}
  .organ .page-title {color:#d25f23;}
  .organ h2,
  .organ h3 {color:#222;}
  .organ blockquote p:before,
  .organ blockquote {background-image: url(images/blockquote-o.svg);}
  .organ blockquote.pull {background:none; margin:0 0.5em;}

  .choir .breadcrumbs {background:#006f71;}
  .choir .breadcrumbs li {color:#fff;}
  .choir .breadcrumbs a:link,
  .choir .breadcrumbs a:visited {color:#ddd;}
  .choir .alpha,
  .choir .full-width .alpha {border-color:#008587;}
  .choir .page-title {color:#008587;}
  .choir h2,
  .choir h3 {color:#222;}
  .choir blockquote p:before,
  .choir blockquote {background-image: url(images/blockquote-c.svg);}
  .choir blockquote.pull {background:none; margin:0 0.5em;}
    
  /* Misc */
  .rehearsal-form fieldset { border:0; padding:0; }
  .rehearsal-form ul { background: #e5e5e5; }
  .rehearsal-form .btn { float:right; }
  #print-btn { margin:1em 0; float:right; }
  .pdf-instructions { width:100%; text-align:right; clear:both; font-size:0.9em; }
  .results-message { width:100%; margin:2em 0; float:left; text-align:left; clear:both; font-size:1.1em; color:#656565; }
  .select-all,
  .deselect-all {margin:0 0.1em; font-size:0.9em; text-decoration:none; color:#555; border-bottom:1px dotted #aaa; }
  .blog-list ul { padding:0; list-style:none; }
  .blog-list li { margin:0; }
  
  .footer-inner {margin-top:2em; box-shadow:none; border-top:1px dotted #999;}
}
/*************************************************************************************
 * Media Queries
 ************************************************************************************/

/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.25em) {
.site-title a {padding:1.35em 0;}
.nav-top li {font-size:1em;}
}
 

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  
h1 {font-size:2.625em;}
h2 {font-size:2.35em;}
h3 {font-size:2em;}
h4 {font-size:1.625em;}
h5 {font-size:1.375em;}

  .dept,
  .theme-bb-gold .dept { border-top:none; box-shadow:none; }
  .brandbar li { margin:0; }
    .dept { float:right; }
    .dept-nd { float:left; }
    
  .site-title a {padding:1em 0;}
    
  .alpha,
  .full-width .alpha { margin-top:-2em; border-top:4px solid #216093; background:#fff; }
    .home .alpha { margin-top:0; border-top:0; background:none; }
    .nav-section { background:#fff; margin-left:-0.9375em; padding:0.9375em; margin-top:-3.85em; position:relative; z-index:0;}
      .nav-section::before { content:''; position:absolute; top:-0.25em; bottom:-0.25em; left:-0.25em; right:-0.25em; border:1px solid #ddd; z-index:-1; }
  .site-content { padding:0 0.9375em 1em; }
  
  .titlebar {padding:1em 0 0;}
  .site-title a {width:425px;}
  
  .elevator {padding:2.5em 1em 1em;}
  
  .rssBody h3 {font-size:1.85em;}
    
  /* Header Images */
  .header-image { padding:0; height:16em; background-image:url(images/header_default-700.jpg); }
  .home .header-image { background-image:url(images/sma-wallpaper-1-1000.jpg); }
  .about-us .header-image {background-image:url(images/header_about-1000.jpg);}
  .special-programs .header-image {background-image:url(images/header_special_programs-1000.jpg);}
  .choir .header-image {background-image:url(images/header_choir-1000.jpg);}
  .organ .header-image {background-image:url(images/header_organ-1000.jpg);}
  .events .header-image {background-image:url(images/header_events-1000.jpg);}
  .news .header-image {background-image:url(images/header_news-1000.jpg);}
  
  .page-title { clear:both; padding-top:0.5em; }
  .breadcrumbs {margin-bottom:-0.5em; left:-0.5em;}
  
  /* Home */
  .home-primary { margin-top:0; }
  .home-events { width:78%; position:absolute; bottom:80%; left:0; } 
  .home-callouts { width:22%; position:absolute; bottom:80%; right:0; }
  .home .header-image { padding-top:55%; }
  
  .home .publish-info, .home .location {margin-top:0; line-height:1em;}

 
  /* Rehearsals */
  .results { width:100%; }
 /* .results-item { width:33%; margin-right:-4px; } */

  .smamark { position:absolute; width:130px; top:1em; right:225px; }
}

/* 920px
----------------------------------------------------*/
@media only screen and (min-width:57.5em) {
blockquote.pull {width:35%;}
.blog-list {margin-top:-7.15rem;}
.blog-list h2 {font-size:2.625em;}

.nav-top li {font-size:1.25em;}

  blockquote {margin:2em;
     background-size: 60px auto;
  }
  blockquote p {padding-left:3.5em; font-size:1.65em;}
  
}


/* 1024px
----------------------------------------------------*/
@media only screen and (min-width:64em) {
  
  /* Header Images */
  .header-image { height:21em; background-image:url(images/header_default.jpg); }
  .home .header-image { padding-top:45%; background-image:url(images/sma-wallpaper-1.jpg); }
  .about-us .header-image {background-image:url(images/header_about.jpg);}
  .special-programs .header-image {background-image:url(images/header_special_programs.jpg);}
  .organ .header-image {background-image:url(images/header_organ.jpg);}
  .choir .header-image {background-image:url(images/header_choir.jpg);}
  .events .header-image {background-image:url(images/header_events.jpg);}
  .news .header-image {background-image:url(images/header_news.jpg);}
  
  /* Footer */
  .smamark { position:absolute; width:200px; top:0.8em; right:240px;}  
  .footer-social { position:absolute; margin:0; top:2.25em; left:45%; }  
    
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
.home-callouts a {font-size:1.6em;}
.header-image { height:25em; }
.rehearsal-form fieldset li { width:50%;}
}

@font-face { font-family:Alegreya; src:url("fonts/Alegreya-Regular-webfont.eot"); src:url("fonts/Alegreya-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Alegreya-Regular-webfont.woff") format("woff"), url("fonts/Alegreya-Regular-webfont.ttf") format("truetype"); font-weight:normal; font-style:normal; }
@font-face { font-family:Alegreya; src:url("fonts/Alegreya-Italic-webfont.eot"); src:url("fonts/Alegreya-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Alegreya-Italic-webfont.woff") format("woff"), url("fonts/Alegreya-Italic-webfont.ttf") format("truetype"); font-weight:normal; font-style:italic; }

/* Hi-res
----------------------------------------------------*/
@media
(-webkit-min-device-pixel-ratio:1.5),
(-webkit-min-device-pixel-ratio:144),
(min-resolution:144dppx) {
    .more {
        background-image: url(images/arrow@2x.png);
     background-size: 7px auto;
    }
}

/*************************************************************************************
 * Print
 ************************************************************************************/
@media print {
  .nav-top,
  .rehearsal-form,
  .footer-social,
  #print-btn,
  #donwload-btn,
  .pdf-instructions { display:none; }
  .vevent { margin-bottom:2em; }
  .home-secondary .medium-4 { width:33%; }
  .results-item { /* width:33%; margin-right:-4px; */ }
  .site-footer .ndmark { top:0.5em; }
  .smamark { margin:0; position:absolute; display:block; width:120px; top:0.25em; right:166px; }  
  .choir .page-title {color:#008587;}
  .organ .page-title {color:#d25f23;}
  .special-programs .page-title {color:#691748;}
}