/*!

University Template over-ride
Launched: 2018-??-??
Author: Erik Runyon & Aaron Greene

BRANDING
-----------------------------------------
1. COLORS
   - Blue (Headings):#0d2240
   - Light Blue (Links):#2cafbc
   - Orange: #e7712c
   - Green: #094
   - Light Green: #6ecb98

2. FONT STACKS
   - Headings:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif
   - Body:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif

3. GALAXIE POLARIS FONT WEIGHTS
   - 300 book
   - 400 medium (normal)
   - 700 bold

----------------------------------------------------*/
body { line-height:1.75em; }
h1, h2, h3, h4, h5, h6 {color:#0d2240; line-height:1.2em; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; text-shadow:none;}
h3 {font-style:normal;}

tr:nth-child(odd) td, tr:nth-child(odd):hover td { background:rgba(0,0,0,0.085); }

.page-title {border:none;}
.section-title {margin:0 0 1em; font-size:0.9rem; font-weight:700; text-transform:uppercase;}
.visually-hidden {display:none !important}

/* Twitter */
.tweet-data {padding:1rem 0; border:1px solid #2cafbc; border-width:3px 0; text-align:center;}
/* .tweet-user-img { width:48px; margin-right:12px; margin-top:0.25em; float:left; } */
.tweet-text {  }
.tweet-actions {margin:0;}
.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; }

.checkbox-wrap { display:inline-block; margin-right:1em;}

/* Fonts
   https://dev.conductor.nd.edu/fonts/
----------------------------------------------------*/
@font-face {font-family:GP; font-weight:300; font-style:normal;
  src:url('https://static.nd.edu/fonts/gp-min/gp-book.woff2') format('woff2'),
      url('https://static.nd.edu/fonts/gp-min/gp-book.woff') format('woff'),
      url('https://static.nd.edu/fonts/gp-min/gp-book.ttf') format('truetype');
}
@font-face {font-family:GP; font-weight:400; font-style:normal;
  src:url('https://static.nd.edu/fonts/gp-min/gp-medium.woff2') format('woff2'),
      url('https://static.nd.edu/fonts/gp-min/gp-medium.woff') format('woff'),
      url('https://static.nd.edu/fonts/gp-min/gp-medium.ttf') format('truetype');
}
@font-face {font-family:GP; font-weight:700; font-style:normal;
  src:url('https://static.nd.edu/fonts/gp-min/gp-bold.woff2') format('woff2'),
      url('https://static.nd.edu/fonts/gp-min/gp-bold.woff') format('woff'),
      url('https://static.nd.edu/fonts/gp-min/gp-bold.ttf') format('truetype');
}

@media screen,projection {
  html {background:url(images/bg.jpg);}
  h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, a, a:visited, .breadcrumbs a:visited {color:#2cafbc;}
  
  .event-date-print { display:none; }
  
  .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%;}

  /* Social */
  .list-social {margin:0;}
    .list-social svg {width:30px; height:30px; fill:#596272;}
    .list-social a:hover svg {fill:#fff;}

  /* Twitter */
  .tweet-actions svg { transition: all 125ms ease; }
  .tweet-text { font-size: 0.9em; }
  .tweet-actions .twitter-reply:active { fill-opacity:50%; }
  .tweet-actions .twitter-retweet:active { fill-opacity:50%; }
  .tweet-actions .twitter-like:active { fill-opacity:50%; }
  .tweet-actions svg:hover { fill: #002b5c; }

  /* Instagram */
  .grid-instagram {display:flex; flex-wrap:wrap; flex-direction:row; margin:0;}
    .grid-instagram li {width:50%; margin:0; padding:0;}

  /* Theme */
  .brandbar { background:#FFF; border-bottom:2px solid #EEE; }
  .theme-bb-white .dept-nd a {background-image:url('https://static.nd.edu/images/brandbar/dept-nd-gray.png');}
  .theme-bb-white .dept-staf a {background-image:url('https://static.nd.edu/images/brandbar/dept-staf-gray.png');}
  .dept { display:none; }
  .titlebar {background:#094; padding:1.25em 0 0;}
  .site-title {text-shadow:none; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
    .site-title a { padding:0.25em 0 0; font-size:1.325rem; }
    .site-title a,
    .site-title a:visited {color:#fff;}
  .site-content { padding-top:0; }

  .search-form {border-color:#0d2240; border-radius:0;}
    .search-button {border-radius:0;}

  .btn, .more, .excerpt_continuation { box-shadow:none; border-radius:0; }
  .btn:hover, .more:hover, .excerpt_continuation:hover { top:0; box-shadow:none; }
  .btt-btn { margin-top:1.5em; }
  .btn.external { background:#003269 url('images/external.svg') 88%  50% / 1.25rem no-repeat; }
  
  .alpha { background:#fff; }
    .home .alpha { background:none; padding:0;}
    .sub-feature { width:auto; margin:0 -0.9375rem;}
  .beta {border:none; box-shadow:none;}
    .nav-extra {text-align:center;}
    .sao-logo {float:left; width:2rem; margin:0 1rem;}
    .list-social {float:left;}
      .list-social li {float:left; margin:0 1rem;}

  .search-button { background:none; border:none; }
    .search-button:hover { background:none; border:none; }
    .search-button:hover .icon { fill:#094; }

  /* Navigation */
  .block-nav {overflow:hidden; padding:1.5rem; background:#0d2240;}
    .nav-site ul a {color:#fff;}
      .nav-site ul a:hover {color:#ddd;}
  .nav-site ul > .active > a {color:#6ecb98; border:none;}
    .nav-site ul > .active {position:relative;}
    .nav-site ul > .active > a:before {position:absolute; top:0.5rem; left:-1.5rem; display:block; content:''; width:1.125rem; height:1.2rem; background:#2a555b;}
  .nav-site ul a {color:#fff; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:1.25rem;}
  .nav-site ul ul a {color:#fff;}
  .nav-site ul ul a:hover {color:#ddd;}
  .nav-site ul ul ul .active > .current-last,
  .nav-site ul ul > .active > a {color:#6ecb98; background:none; font-weight:normal;}
  .nav-site ul ul > .active > a:before {background:transparent;}

  .nav-mobile {background:#0d2240;}
  .nav-mobile .search-input { width:70%; }
  .nav-skip { background:#0c2340; box-shadow:none; border-radius:0; border:none; top:1.25rem; }
  
  /* Content */
  .breadcrumbs { margin:1em 0;}
  .block-fimage {overflow:hidden; position:relative; margin:2rem 0; text-align:right;}
    .block-fimage img {float:right; width:90%;}
    .block-fimage-text {position:absolute; top:2rem; left:0;}
      .block-fimage a {display:block; padding:1rem; text-decoration:none; color:#fff; background-color:#0d2240;}
      .block-fimage a:hover {background-color:#094;}
      .block-fimage h2 {margin:0; color:#fff;}
      .block-fimage p {margin:0;}
  .page-section { margin-bottom:0; }
  .section-title { margin-top:4em; }
  .site-content { overflow:hidden; }
  .site-title { font-size:1.5em; }

  .venue-search input,
  .resource-search input { padding:0.5em 2em 0.5em 0.5em; }
  input[type="search"], button[type="submit"] { padding:0.25em; }

  /* Home */
  .home-primary-wrap {padding-bottom:1rem;}
  .home-feature {width:auto; height:200px; margin:-1rem -0.9375rem 0; background-size:cover;}
  .home-primary-wrap .beta {display:none;}
  .home-section {margin:0 0.9375em; background:#fff; }
  .row-services a[href$=".pdf"] { background:none; padding:0; }

  .tab-tabs {border-bottom:3px solid #AAA; margin-top:2em; }
    .tab-tabs li {display:inline-block; font-size:0.9rem; font-weight:700; text-transform:uppercase;}
    .tab-tabs a { padding:0.5rem 0.5em 0.75em; margin-right:1em; text-decoration:none; color:#AAA;}
    .tab-tabs a:hover,
    .tab-tabs a.active {color:#0d2240; border-bottom:3px solid #e7712c;}

  .row-services > div { margin:2em 0 1em;}
    .row-services img {margin-bottom:1rem; width:100%;}
    .row-services h2 { font-size:1.5em; margin:0 0 0.25em; }
  .row-mission {font-size:1.2rem; text-align:center; margin:2em 0;}
  .home-mission { padding:2em 0; border-top:2px solid #6ecb98; border-bottom:2px solid #6ecb98; font-style:italic; }
    .home-mission p { margin:0; }

  /* Staff */
  .staff-item { margin:0 0 2em; line-height:1.4em;}
    .staff-img { margin-bottom:1em; }
    .staff-text {}
      .staff-item h2 { font-size:1.5em; margin:0 0 0.25em;}
      .staff-title {}
      .staff-email {font-style:italic;}

  /* Venues */
  .venue-item { margin:0 0 1em;}
    .venue-img {}
    .venue-title { margin:0.5em 0 0.25em; }
    .venue-building {font-style:italic;}
    .venue-capacity {font-style:italic;}
  .venue-data { margin:0 0 2em; }
    .venue-data img { margin:0 0 2em; }
    
  /* Feature Images */
  .home-feature {background:url('/stylesheets/images/sao-bg-400.jpg') center center no-repeat; background-size:cover;}
  .sub-feature {height:8em; background:url('/stylesheets/images/sao-bg-400.jpg') center center no-repeat; background-size:cover;}
    .events .sub-feature { background-image:url('/stylesheets/images/sao-events-bg-400.jpg'); }
    .about .sub-feature { background-image:url('/stylesheets/images/sao-about-bg-400.jpg'); }
    .groups .sub-feature { background-image:url('/stylesheets/images/sao-groups-bg-400.jpg'); }
    .facilities-services .sub-feature { background-image:url('/stylesheets/images/sao-facilities-bg-400.jpg'); }
    .resources .sub-feature { background-image:url('/stylesheets/images/sao-resources-bg-400.jpg'); }
    .sao-360 .sub-feature { background-image:url('/stylesheets/images/sao-360-bg-400.jpg'); }
    .student-leadership .sub-feature { background-image:url('/stylesheets/images/sao-student-bg-400.jpg'); }

  /* Checklist */
  .groups-prospective-groups-constitution-checklist .alpha ul {padding:0 0 0 1rem; list-style:none;}
  .groups-prospective-groups-constitution-checklist .alpha input[type='checkbox'] {margin-right:0.5rem;}

  /* News / Events */
  article { margin-bottom:0; }
  .events-listing { display:flex; flex-flow:row wrap; }
  .event-item { margin-bottom:1.5em;}
    .events .event-item { width:calc(50% - 1em); margin-right:1em; margin-left:0;}
    .events .events-date-header { display:none; }
    .event-item header {display:flex;}
    .event-date-stacked {margin-right:1rem; text-align:center;}
      .event-date-stacked-month {text-transform:uppercase;}
      .event-date-stacked-date {font-size:3em; margin-top:0.5rem; font-weight:300;}
    .event-item .meta,
    .home .event-item .description {display:none;}
  .entry-title { }
  .entry-title a,
  .entry-title a:visited { color:#009944; }
  
  /* Groups */
  .nav-group { list-style:none; padding:0; margin:0 0 1rem; display:flex; width:100%; flex-flow:row wrap; background:#fff; }
    .nav-group a { display:inline-block; padding:1rem; width:2rem; }
  
  .group-item { }
  
  .group-name { font-size:1.325rem; line-height:1.5em; position:relative; padding-left:2rem; padding-bottom:0.5rem; margin-bottom:0; border-bottom:0.2rem solid #eee; cursor:pointer; }
    .group-name:before { content:''; display:block; position:absolute; top:calc(50% - 0.3rem); left:0.5rem; border:0.3rem solid transparent; border-left-color:#aaa; transition:0.2s -webkit-transform; transition:0.2s transform; transition:0.2s transform, 0.2s -webkit-transform; }   
    .expanded .group-name:before { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
  .group-description { display:none; padding:1em 2em; background:#EFEFEF; }
    .expanded .group-description { display:block; }
  .group-description .btn { margin-top:1rem; margin-bottom:0; }
  .group-list-message { padding:2rem; text-align:center; }
  
  .loading-indicator { padding-top:4rem; color: #999; background:url(images/ajax-loader.gif) 50% 1rem / 2rem no-repeat; }
  
  /* Footer */
  .site-footer {color:#fff; background:#0d2240;}
    .footer-inner {box-shadow:none; border:none;}
    .site-footer a {color:#fff;}
    .site-footer .ndmark {display:block; width:200px; height:47px; background:url('https://static.nd.edu/images/marks/white/ndmark300.png') 0 0 no-repeat; background-size:cover;}
    .site-footer .ndmark img {display:none;}

  /* Checkboxes */
  .checkbox-wrap { font-size: 18px; position: relative; display: inline-block; margin-bottom: 15px; padding-left: 30px; margin-right:0; cursor: pointer; }
  .checkbox-wrap input { position: absolute; z-index: -1; opacity: 0; }
  .checkbox-indicator { position: absolute; top: 2px; left: 0; width: 20px; height: 20px; background: #e6e6e6; }

  .checkbox-wrap:hover input ~ .checkbox-indicator,
  .checkbox-wrap input:focus ~ .checkbox-indicator { background: #ccc; }

  .checkbox-wrap input:checked ~ .checkbox-indicator { background: #2cafbc; }

  .checkbox-wrap:hover input:not([disabled]):checked ~ .checkbox-indicator,
  .checkbox-wrap input:checked:focus ~ .checkbox-indicator { background: #2cafbc; }

  .checkbox-indicator:after { position: absolute; display: none; content: ''; }
  .checkbox-wrap input:checked ~ .checkbox-indicator:after { display: block; }
  .checkbox-wrap .checkbox-indicator:after { top: 3px; left: 8px; width: 5px; height: 11px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border: solid #fff; border-width: 0 2px 2px 0; }
  .checkbox-wrap input:disabled ~ .checkbox-indicator:after { border-color: #7b7b7b; }
}

/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.250em) {
  .home-feature,
  .sub-feature {background-image:url('/stylesheets/images/sao-bg-800.jpg');}
    .events .sub-feature { background-image:url('/stylesheets/images/sao-events-bg-800.jpg'); }
    .about .sub-feature { background-image:url('/stylesheets/images/sao-about-bg-800.jpg'); }
    .groups .sub-feature { background-image:url('/stylesheets/images/sao-groups-bg-800.jpg'); }
    .facilities-services .sub-feature { background-image:url('/stylesheets/images/sao-facilities-bg-800.jpg'); }
    .resources .sub-feature { background-image:url('/stylesheets/images/sao-resources-bg-800.jpg'); }
    .sao-360 .sub-feature { background-image:url('/stylesheets/images/sao-360-bg-800.jpg'); }
    .student-leadership .sub-feature { background-image:url('/stylesheets/images/sao-student-bg-800.jpg'); }
}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  /* Layout */
  .titlebar {overflow:initial; position:relative; height:0; top:2rem; padding:0;}
  .site-content {padding-top:0;}
  .site-title {position:relative; margin-left:-1rem; text-indent:0.9rem;}
    .site-title a {padding:1rem; font-size:1.5rem;}
  .header-util {right:1rem;}
  .alpha {padding:0 2rem 2rem; margin-right:0.9375rem; margin-left:-0.9375rem;}
  .home .alpha {padding-left:0;}
    .home-feature {height:100%; margin:0;}
    .sub-feature { height:20em; width:auto; margin-left:-2rem; margin-right:-2rem; margin-bottom:1rem; border-bottom:1em solid #0d2240;}
  .beta {padding-top:0; padding-right:0;}
    .home-primary-wrap .beta {display:block;}

  /* Theme */
  .titlebar {background:transparent;}
  .site-title {background:#094; font-size:1.75em; }
  .page-section {margin-bottom:3em;}
  .section-title { margin-top:0; }

  /* Home */
  .home-primary-wrap {background:#0d2240;}
  .home-nav {display:none;}
  .tab-tabs a { margin-right:2em; }
  .home .tab-content-block {display:flex; flex-flow:wrap;}
    .home .event-item {width:50%;}
  .row-services > div { margin:0; }
  .row-services h2 { margin:0.5em 0 0;}
  .row-mission { margin-bottom:1em; }
  /* Instagram */
  .grid-instagram {flex-wrap:nowrap;}
    .grid-instagram li {width:25%;}

  /* Navigation */
  .sao-logo {float:left; width:60%; margin:0;}
  .block-nav {padding-top:8rem;}
  .block-nav .list-social {float:left; margin-left:2rem;}
  .list-social li {float:none; margin:0 0 0.5rem;}
}

/* 920px
----------------------------------------------------*/
@media only screen and (min-width:57.5em) {
  .dept { display:block; }
  .sub-feature { height:30em; }
  .staff-list { display:flex; flex-flow:row wrap; }
  .staff-item { width:calc(50% - 1em); margin:0 1em 0 0; }

}

/* 1024px
----------------------------------------------------*/
@media only screen and (min-width:64em) {
  .home-feature,
  .sub-feature {background-image:url('/stylesheets/images/sao-bg-1200.jpg');}
    .events .sub-feature { background-image:url('/stylesheets/images/sao-events-bg-1200.jpg'); }
    .about .sub-feature { background-image:url('/stylesheets/images/sao-about-bg-1200.jpg'); }
    .groups .sub-feature { background-image:url('/stylesheets/images/sao-groups-bg-1200.jpg'); }
    .facilities-services .sub-feature { background-image:url('/stylesheets/images/sao-facilities-bg-1200.jpg'); }
    .resources .sub-feature { background-image:url('/stylesheets/images/sao-resources-bg-1200.jpg'); }
    .sao-360 .sub-feature { background-image:url('/stylesheets/images/sao-360-bg-1200.jpg'); }
    .student-leadership .sub-feature { background-image:url('/stylesheets/images/sao-student-bg-1200.jpg'); }
    
  .home .event-item {width:32.33%; margin-right:1%;}
}

/* 1600px
----------------------------------------------------*/
@media only screen and (min-width:100em) {
  .home-feature,
  .sub-feature {background-image:url('/stylesheets/images/sao-bg-1600.jpg');}
    .events .sub-feature { background-image:url('/stylesheets/images/sao-events-bg-1600.jpg'); }
    .about .sub-feature { background-image:url('/stylesheets/images/sao-about-bg-1600.jpg'); }
    .groups .sub-feature { background-image:url('/stylesheets/images/sao-groups-bg-1600.jpg'); }
    .facilities-services .sub-feature { background-image:url('/stylesheets/images/sao-facilities-bg-1600.jpg'); }
    .resources .sub-feature { background-image:url('/stylesheets/images/sao-resources-bg-1600.jpg'); }
    .sao-360 .sub-feature { background-image:url('/stylesheets/images/sao-360-bg-1600.jpg'); }
    .student-leadership .sub-feature { background-image:url('/stylesheets/images/sao-student-bg-1600.jpg'); }
}

/* 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:144dpi),
  only screen and (min-resolution:1.5dppx){
    .theme-bb-white .dept-nd a {background-image:url('https://static.nd.edu/images/brandbar/dept-nd-gray@2x.png');}
    .theme-bb-white .dept-staf a {background-image:url('https://static.nd.edu/images/brandbar/dept-staf-gray@2x.png');}
  }

/* Print 
----------------------------------------------------*/
@media print {
  .nav-extra, .event-date-stacked, .tab-tabs, .dept { display:none; }
  .row-services { display:flex; flex-flow:row wrap; margin:3em 0; }
    .row-services .column { width:calc(33% - 1em); margin-right:1em; }
    .row-services .column h2 { margin-top:1em; }
  article { margin-bottom:1.5em; }
}