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

/* Global Styles go outside the @media screen */
/* Uncomment the site stylesheet in _resources.liquid to use */

/* Icons
  <span class="icon" data-icon="nd-monogram"></span>
----------------------------------------------------*/
.icon {display:inline-block; width:1em; height:1em; fill:currentColor; vertical-align:baseline;}
[data-icon="nd-monogram"] {fill:var(--brand-blue);}
[data-icon="external-link"] {height:0.8em; width:0.8em;}

.beta .sidebar .btn {white-space:inherit;}

@media screen,projection {
  h1, h2, h3, h4, h5, h6 {margin:0.75em 0 0.35em; font-family: GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; line-height: 1.25em;}    
  h1, h3, h4, h5, h6, .home h2 {color: #0d2240;}
  h2 {color:#009944;}
  p{max-width:56em;}
  
  tr {border:1px solid #aaa;}
  hr{margin:1.35em 0 1em; border: 3px solid #d4d4d4; border-width: 3px 0 0;}
  
  .site-title{font-family: GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
  
    .brandbar.theme-bb-blue {border-bottom: 1px solid #0d2240; background: #002b5c;
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;}
   .titlebar.theme-tb-blue {background:#0d2240;
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
  }
   .theme-tb-blue .search-form {padding:0.15em 0.25em; border:1px solid white; border-radius: 0; background:#0d2240;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
 
  .search-button {border: none; background: transparent;}
  .search-button:hover{background:none; border:0;}
  .search-button::before {color: white; text-shadow:none;}
  .search-button:hover::before {color:#2CAFBC; text-shadow:none;}
  .search-input{padding: 0.35em; color:#ccc; background: transparent;}
 
  .home .site-content {padding-top:0;}
  .page-title {border-bottom:2px solid #2CAFBC;}
  
  .nav-site ul > .active > a,
  .nav-site ul a:hover {color:#104396; border-bottom: 2px solid #009944;}
  .nav-site ul ul a {padding:0 0 0 25px;}
  .nav-site ul ul > .active > a{background:none; color:#e7712c;}
  .nav-site ul ul ul a{font-size:1em;}
  .nav-site ul ul ul > .active > .current-last{color:#555;}
  .nav-site ul ul ul ul > .active > .current-last {color:#777;}
  
  .home-primary h2{margin:0 0 0.45em;}

  .home-feature {margin-bottom:1.25em;padding: 1em; border:0; height:15em; position:relative; background:#ddd url(images/feature-sm.jpg) top no-repeat; background-size:100%; }
  
  .home-feature h1 {position:absolute; margin-bottom:0; padding:0.45em 0.5em; bottom:0; width:100%; left:0; color:#fff; text-align:left; text-transform:uppercase; font-size:1.35em; border-bottom:5px solid #f1aa80; border-bottom:5px solid rgba (241,170,128, 0.85); background-color: #e7712c; background-color: rgba(231,113,44, 0.875); text-shadow:none;}
  
  .home-buttons .columns {margin:0.25em 0 0;}
  .home-buttons .columns a {margin:0.25em 0; display: block; padding: 0.75em; color: #fff; font-size: 1.35em; text-decoration: none; font-weight: 300; transition: all 125ms ease; border-bottom:4px solid #4c6ea7; background: #003181; height: 4em; position: relative; font-family: GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}

  .home-buttons .columns a:hover {background: #002a6e;}
  .home-buttons .columns:nth-child(2) a {border-bottom:4px solid #f1aa80; background: #E7712C;}
  .home-buttons .columns:nth-child(2) a:hover {background: #d16628;}
  .home-buttons .columns:nth-child(3) a {border-bottom:4px solid #66aa84;  background: #009944;}
  .home-buttons .columns:nth-child(3) a:hover {background: #00893d;}
    
  .home-buttons .columns a span {display: block; position: absolute; bottom: 0.7em; padding-right:0.75em; }
  
  .home .section-faq ol{padding:0; margin-left:2em;}
  .home .section-faq li{padding:0; margin:0 0 1em; text-indent:-1.9em; list-style-type: none; counter-increment: step-counter;}
  .home .section-faq li::before {content: counter(step-counter); margin-right:0.5em; background-color: #2CAFBC; color: white; font-weight: bold; padding: 2px 8px;}
  .home .section-location{margin:1.25em 0;}
  
  .btn,
  .more,
  .excerpt_continuation {display:inline-block; *display:inline; *zoom:1; white-space:nowrap; margin-bottom:0; *margin-left:.3em; padding:0.6em 0.75em 0.5em; cursor:pointer; border-bottom:4px solid #80cfd7; font-size:1.2em; line-height:1.2em; text-decoration:none; text-align:left; vertical-align:middle; font-weight:300; background:#2CAFBC; color:#fff;
    -webkit-border-radius:0;
       -moz-border-radius:0;
            border-radius:0;
  }
  
  .btn-red { background:#c72e38; border-bottom-color:#bd6d72; }
  
  .btn-large { font-size: 1.5em; }

  .btn:visited {color:#fff;}
  .btn.active {}
  .btn:hover,
  .btn.active:hover,
  .more:hover {border-bottom:4px solid #80cfd7; color:#eee; background-color:#279aa6;}
  .btn [data-icon]:before {padding-right:0.25em; color:#333; font-size:1.25em;}
  .btn:hover [data-icon]:before {color:#dcb439;}
  .btn-red:hover { background:#af2932; border-bottom-color:#be6e77; }
  
  .footer-social { padding:1em 0; }
    .footer-social a { font-size:2em; display:inline-block; position:relative; margin:0.25rem; height:1.5rem; width:1.5rem; text-indent:-9999em; }
    .footer-social .icon { position:absolute; top:0; left:0; font-size:1.5rem; }
  
  .sidebar .btn{width:100%; border-bottom: 4px solid #66aa84; background: #009944;}
  .sidebar .btn:hover{background: #00893d;}
  
  .home-secondary .columns > h2{border:0;}
  
   .nav-skip {border:none; background:#fff;
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
  }
  
  .nav-skip span,
  .nav-skip span:before,
  .nav-skip span:after {background-color:#E7712C;}
    
  blockquote {margin: 1em; padding: 0; clear: both;}
  
  blockquote p { margin: 0; padding:0 0 0 0.5em; border-left: 2px solid #E7712C; line-height: 1.5em; color: #333; font-size: 1.4em; font-style: italic; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; }
  
  blockquote footer { display: block; margin-top: 1em; color: #ccc; line-height: 1.5em; font-style: italic; font-size: 0.8em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
  
  blockquote.pull { float: right; font-style: normal; background-color: white; clear: none; text-align: right;}

  .sidebar-comments { }
    .sidebar-comments h2 { font-size:1.5em; }
    .sidebar-comments ul { list-style:none; padding:0; margin:0; position:relative; }
    .sidebar-comments li { display:none; text-transform:italic; position:absolute; top:0; }
    .sidebar-comments .active { display:block; }
    
  @font-face {
    font-family: GP;
    font-weight: 300;
    font-style: normal;
    src: url('//static.nd.edu/fonts/gp-min/gp-book.eot');
    src: url('//static.nd.edu/fonts/gp-min/gp-book.eot?iefix') format('embedded-opentype'),
         url('//static.nd.edu/fonts/gp-min/gp-book.woff') format('woff'),
         url('//static.nd.edu/fonts/gp-min/gp-book.ttf') format('truetype')
    ;
  }

  @font-face {
    font-family: GP;
    font-weight: 600;
    font-style: normal;
    src: url('//static.nd.edu/fonts/gp-min/gp-medium.eot');
    src: url('//static.nd.edu/fonts/gp-min/gp-medium.eot?iefix') format('embedded-opentype'),
         url('//static.nd.edu/fonts/gp-min/gp-medium.woff') format('woff'),
         url('//static.nd.edu/fonts/gp-min/gp-medium.ttf') format('truetype')
    ;
  }
}

/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.250em) {
 .home-feature { background-image: url(images/feature-md.jpg) }
}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
 .home .site-content {padding-top:2em;}
 .home .section-location{margin:0;}
 .brandbar li { margin:0; }
 .dept-nd { float:left; }
 .dept { float:right; }

 .two-col { 
    -webkit-column-count: 2; 
    -moz-column-count: 2; 
    column-count: 2; 
  }
 
  h1 {font-size:2.45em;}
  h2 {font-size:2em;}
  h3 {font-size:1.65em;}
  h4 {font-size:1.4em;}
  h5 {font-size:1.275em;}
  h6 {font-size:1.1em;}
  
  /* Footer */
  .footer-social { position:absolute; left:50%; padding:0; top:3.5rem; }
    .footer-social a { font-size:1.5em; }
 
 }
 /* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {
   .home .hours{padding-left:1.25em; border-left:3px solid #d4d4d4;}
   .home-feature { background-image: url(images/feature.jpg) }
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
 .home .site-content {padding-top:2em;}
 .home-feature {height:23em;}
 .home-feature h1{font-size:1.75em;}
}