/* University Template over-ride
   Launched: 2018-04-03
   Author: Taylor Packet, Shawn Maust, Nevin McElwrath
   ----------------------------------------------------*/

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

/* Fonts */
@import url(//fonts.googleapis.com/css?family=EB+Garamond);
@font-face {
  font-family:GP;
  font-weight:300;
  font-style:normal;
   src:url('//static.nd.edu/fonts/gp-min/gp-book.woff2') format('woff2'),
       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.woff2') format('woff2'),
       url('//static.nd.edu/fonts/gp-min/gp-medium.woff') format('woff'),
       url('//static.nd.edu/fonts/gp-min/gp-medium.ttf') format('truetype');
}

/* FitEmbed */
.embed-inner {position:relative; padding:0;}
.embed-inner iframe,
.embed-inner object,
.embed-inner embed {position:absolute; top:0; left:0; width:100%; height:100%;}


.home-feature {margin-bottom:1.25em;padding: 1em; border:0; height:15em; position:relative; background:#ddd url(images/feature-640.jpg) center center / cover 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; }
  
/* People */
.directory-list { list-style:none; padding:0; margin:0 0 2em; }
  .directory-list li { padding:0 0 1em; -webkit-column-break-inside:avoid; break-inside:avoid; margin:0; }
  .directory-list p { margin:0; }
  
.nav-staff ul { list-style:none; padding:0; margin:2rem -0.25rem; display:flex; flex-flow:row wrap; align-items:center; }
.nav-staff li { width:100%; }
.nav-staff a { padding:1rem; margin:0.25rem; display:block; background:#0c2340; color:#fff; }

.staff-list { margin-top:2em; display:flex; flex-flow:row wrap; margin-right:-1rem;}
.staff-item { width:50%; padding-right:1rem; margin-bottom:2rem; display: flex; flex-flow: column; }
  .staff-item .staff-name { margin:0.25em 0; }
  .staff-item p { margin:0; }
  .staff-item .staff-links { display: flex; flex-direction: row; margin-top: auto; }
  .staff-item .staff-links .btn { width: 100%; }
  .staff-item .staff-links p { flex-grow: 1; flex-basis: calc(50% - 1em); padding: 0.25em;  }

.back-to-top { width:100%; }

.profile-item { display:flex; flex-flow:column; }
.profile-item-image { min-width:100%; }
.profile-item-name { margin:0 0 0.5em; }
.profile-item-email,
.profile-item-phone { display:inline-block; margin-right:2em; text-decoration:none; }

/* Twitter */
.tweet { display:inline-block; vertical-align:top; width:100%; padding:0 1em 1em 0; }
.tweet-user-img { width:3rem; margin-right:0.5rem; margin-top:0.25em; float:left; border-radius: 50%; overflow: hidden; }
.tweet-text { width:calc(100% - 3.5rem); font-size:0.9rem; line-height:1.35; float:left; }
.tweet-actions { text-align:center; clear: left; }
.tweet-actions a { display:inline-block; width:30%; position:relative; text-indent:-999em; }
.tweet-actions svg { height:1.5em; width:1.5em; position:absolute; left:50%; margin-left:-0.75em; fill:#AAB8C2; }
.tweet .date { color: #555; font-size: 0.8em; margin-bottom: 0.5em; }

/* Halls */
.hall-item { display:block; text-decoration:none; margin:0 0 2rem; /*border-radius:0.25rem;*/ overflow:hidden; background:#fff; box-shadow: 0 0 0 2px transparent; transition: all 250ms ease; }
  .hall-item:hover { box-shadow: 0 0 0 2px #009944; }
.hall-item-name { margin:0; padding: 0.5em; font-size:1.3rem; } 
.hall-item-image { width: 100% } 

.hall-details dl { padding: 0; margin:1rem 0; display:flex; flex-flow:row wrap; }
.hall-details dt, 
.hall-details dd { font-size:1em; margin:0; padding:0.5rem 0 0.5rem 0.5rem; width:50%; line-height:1.2; }
.hall-details dt { font-weight:700; text-align:right; }

.mens-hall-list,
.womens-hall-list { display:inline-block;}
  
/* Icons
  <span class="icon" data-icon="nd-monogram"></span>
  https://dev.conductor.nd.edu/icons/
----------------------------------------------------*/
.icon {display:inline-block; width:1em; height:1em; fill:currentColor;}
[data-icon="nd-monogram"] {fill:#0c2340;}

@media screen,projection {

  html {background:#eee;}

  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; text-shadow: none; }
  h1, h3, h4, h5, h6, .home h2 { color:#0d2240; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
  h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color:#0b223e;}
  
  h1, h2, h4, h5, h6, .home h2 {color: #0d2240;}
  h3 {color:#00aa9d; font-style: normal; }
  p {max-width:56em;}
  .home p,
  .full-width p { max-width:100%; }
  .column > h2 {margin-top:0;}
  .page-title {padding-bottom:0; margin-bottom:0.45em; border-bottom:2px solid #00aa9d;}
  
  .section { margin: 2em 0; }
  .column > .section:first-child { margin-top: 0; }
  
  /* General */
  .noborder,
  .noborder img {border:none !important;}
  .image-default img, .image-right img, .image-left img { box-shadow:0 1px 5px rgba(0, 0, 0, 0);}
  tr {border:1px solid #aaa;}
  hr {margin:1.35em 0 1em; border: 3px solid #d4d4d4; border-width: 3px 0 0;}
    
  blockquote {margin: 1em; padding: 0; clear: both;}
  blockquote p { margin: 0; padding:0 0 0 0.5em; border-left: 2px solid #bcd777; line-height: 1.35em; 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;}
  
  .publish-info b,
  .author b,
  .location b,
  .posted-in {color:#10182a;}
  
  .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:center; vertical-align:middle; font-weight:300; background:#2CAFBC; color:#fff; border-radius:0; box-shadow: none; }

  .btn:visited {color:#fff;}
  .btn.active {}
  .btn:hover,
  .btn.active:hover,
  .more:hover {border-bottom:4px solid #80cfd7; color:#eee; background-color:#279aa6; box-shadow: none; }
  .btn [data-icon] { margin: 0 0.3em 0 0; fill: white; }
    .btn [data-icon="external-link"] { width: 0.8em; height: 0.8em; margin: 0 0 0 0.3em; opacity: 0.8; }
    .btn:hover [data-icon="external-link"] { opacity: 1; }
  .btn:hover [data-icon] { fill: #fff; }
  
  .btn.btn-small { font-size: 0.9em; }

  .sidebar .btn{width:100%; border-bottom:4px solid #66aa84; background:#009944;}
  .sidebar .btn:hover{background:#00893d;}
  
  .card {  }
  .card-section { padding: 1em; margin-bottom: 1.5em; background-color: white; }
  .section-title { font-size: 1.6em; padding: 0.4em 0.4em 0.4em 0.75em; margin: 0; text-transform: uppercase; border-bottom: 5px solid rgba(255, 255, 255, 0.4); background-color: #009944; color: white; }
  .section-title.color-aqua { background-color: #2CAFBC; }
  .section-title.color-mint { background-color: #6ECB98; }
  .section-title.color-brand-blue { background-color: #0D2240; }
  .section-title.color-orange { background-color: #E7712C; }
  
  .section-heading { text-transform: uppercase; }

  /* Layout */
  .wrapper { overflow:hidden; }
  .sidebar {padding-top:1em; border-top: 1px solid #ccc;}
  [class*="column"] + [class*="column"]:last-child {float:left;}
  
  /* Header */ 
  .brandbar.theme-bb-blue {border-bottom: 1px solid #0d2240; background: #002b5c; box-shadow:none;}
  .titlebar.theme-tb-blue {background:#0d2240; box-shadow:none; }
  .theme-tb-blue .search-form {padding:0.15em 0.25em; border:1px solid white; border-radius: 0; background:#0d2240; box-shadow: none; }
   
 .search-button {border: none; background: transparent; top:0.25em; }
 .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;}
    .search-button .icon { fill:#fff; }
 
  .header-image { margin-bottom:0.5em; max-height: 32em; overflow: hidden; }

  /* Navigation */
  .nav-top {padding:0.35em 0; border-bottom:1px solid #ccc; background:#fff; box-shadow:none;}
  .nav-top li {font-size: 1em; font-weight: 200;}
  .nav-top li a {display:table-cell; vertical-align:middle; padding:.45em 1em; color:#0b223e; text-align:center; text-shadow:none;}
  .nav-top li.active a,
  .nav-top li a:hover {color:#0b223e; background:#7ed0bc; box-shadow:none;}
  
  .nav-site ul {padding:0 ;}
  .nav-site ul li a { transition: all 125ms ease-in-out; font-size: 1.25em; }
  .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; font-size: 1em; }
  .nav-site ul ul > .active > a {background:none; color:#e7712c;}
  .nav-site ul ul ul, 
  .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;}
  .nav-site ul ul ul ul,
  .nav-site ul ul ul ul ul {margin-left:1em;}
  .nav-site li.last {margin-bottom:0.2em;}
 
  .nav-mobile .search-input { width:6em; } 
    .nav-mobile .search-button { top:0.5em; }
    .nav-mobile .icon { fill:#000; } 
    
  .breadcrumbs { margin:0 0 0.125em; }
  .breadcrumbs li { margin:0; padding:0 4px 0;  }

  .nav-skip {border:none; background:#fff; box-shadow:none; }
    .nav-skip span,
    .nav-skip span:before,
    .nav-skip span:after {background-color:#E7712C;}

  /* Home */ 
  .home-primary h2 {margin:0 0 0.45em;}
  .home .entry-title a {color:#00a195;}
  .home-content {margin:2em 0 1em; }
  .home-content p {font-size:1.15em;}
  .home .site-content {padding-top:0;}
  
  .home-dates ul { list-style-type: none; padding: 0; margin: 1em 0 2em; }
  
  .home-secondary .columns > h2 { border:0; }

  /* Contact */
  .staff-item img { background:#efefea; }

  /* Halls */
  .hall-select { margin: 2em 0; }
  .hall-select select { background-image:none; border:none; border-radius:0; margin: 0.5em 0; padding: 1em; -webkit-appearance: none; -moz-appearance: none; max-width: 100%; overflow-x: hidden; color:#fff; background:#0d2240; }
  .hall-select > div { position: relative; }
  .hall-select > div:after { content: "\25BC"; position: absolute; top:calc(50% - 0.25rem); right:0; bottom: 0; font-size: 0.8em; line-height: 1em; padding: 0 0.5em; color: white; display: inline-block; }
}

/* 480px
----------------------------------------------------*/
@media only screen and (min-width:30em) { 
  
  /* Staff */
  .profile-item { flex-flow: row; }
  .profile-item-image { min-width:25%; max-width:10rem; padding:0 0 0 1rem; order:2;}
  .profile-item.profile-item--rector { display: block; }
  .profile-item--rector .profile-item-image { float: left; padding:0 1rem 0 0;}
  .profile-item-image img { width:100%; }
  .profile-item-details { min-width:75%; }
}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  
 .brandbar li { margin:0; }
 .dept-nd { float:left; }
 .dept { float:right; }
 .nav-top-true.home .alpha { width:100%; }
 .two-col { -webkit-column-count: 2; column-count: 2; }
  .tweet { width:50%; }
  
  .home-feature { height:15em; background:#ddd url(images/feature-900.jpg) center center / cover no-repeat; }

  h1 {font-size:2em;}
  h2 {font-size:1.7em;}
  h3 {font-size:1.5em;}
  h4 {font-size:1.3em;}
  h5 {font-size:1.1em;}
  h6 {font-size:1em; font-weight: bold; }
  
  /* Home */
  .home .site-content {padding-top:2em;}
  .home-update .site-content {padding-top:0; }
  .home-primary h2,
  .home-primary h3 { margin-top:0; }
  .home-icons li {width:20.28%;}
  .home-buttons h2 { text-align:center; }
  
  /* Staff */ 
  .directory-list { -webkit-column-count:2; column-count:2; }
  .staff-item { width:33%; }
  .nav-staff li { width:33%;}
 
  /* Halls */ 
  .hall-select { text-align:right; }
  .hall-detail-image { max-width:60%; }
  
}
 /* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {
  
  .nav-top li  {margin:0 1em; font-size: 1.2em; }
  
  .home-feature { height:23em; background:#ddd url(images/feature-1200.jpg) center center / cover no-repeat; }
  
  /* Halls */
  .hall-details dl { /*margin:2rem auto; max-width:36rem;*/ }
  
  /* Staff */
  .directory-list { -webkit-column-count:3; column-count:3; }
  .staff-item { width:25%; }
}


/* Print
----------------------------------------------------*/
@media only print {
 .nav-top,
 .quick-links,
 .home-icons { display:none; }

 article { margin-bottom:2em; }
 h2 { margin-top:0.75em; }
 .alpha a:link:after { display:block;}
 .site-link { display:block;}
 .nav-staff { display:none; }
 .staff-item { width:25%; }
 .tweet { width:50%; }
 .tweet a:after { display:none !important; }
 .hall-list-row { display:flex; flex-flow:row wrap; }
 .hall-list-row > .columns { max-width:33%; }
 .profile-item { flex-flow:row; }
 .profile-item-image { min-width:25%; max-width:10rem; padding:0 0 0 1rem; order:2;}
 .profile-item--rector .profile-item-image { order:-1; padding:0 1rem 0 0;}
}