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

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

@import url(//fonts.googleapis.com/css?family=EB+Garamond);
.noborder,
.noborder img {border:none !important;}
.column > h2 {margin-top:0;}

.header-image { margin-bottom:0.5em; }
.nav-wellbeing-wheel { display:none; }
.nav-wellbeing-list { list-style:none; padding:0; }
.nav-wellbeing-item a { display:block; margin:0 0 0.5em; padding:0.5em 1em; text-align:center; text-decoration:none; background:#ccc; }

/* 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;}
article {overflow:hidden;}

@media screen,projection {

  html {background:#eee;}

  h1, h2, h3, h4, h5, h6 {margin:0.75em 0 0.35em; font-family: "EB Garamond", "Adobe Garamond Pro", "Adobe Garamond", Georgia, serif; line-height: 1.15em;}
  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;}
  p {max-width:56em;}
  .home p,
  .full-width p { max-width:100%; }
  
  .event-list { display:flex; flex-flow:row wrap; }
    .event-list .vevent { width:100%; }
  
  .home .entry-title a {color:#00a195;}
  .home-content {margin:2em 0 1em; }
  .home-content p {font-size:1.15em;}
  .wrapper { overflow:hidden; }
  
  .sidebar {padding-top:1em; border-top: 1px solid #ccc;}

  .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;}

  .site-title a { width:220px; height:65px; margin:0; text-indent:-999em; background:url(images/logo.png) 50% 50% no-repeat; background-size:contain; }

   .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;}
 .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 {padding-bottom:0; margin-bottom:0.45em; border-bottom:2px solid #00aa9d;}

  .nav-site ul a {margin:0; padding:0.35em 0 0.35em 1.5em; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:1.1em; font-weight:400; border:none;
  transition: all 250ms ease-in-out;
}
  .nav-site ul > .active > a,
  .nav-site ul a:hover {color:#00aa9d; border-bottom: none; background:#fff;}
  .nav-site ul > .active > a {background:#00aa9d; color:#fff; font-weight:bold;}

  .nav-site ul ul {background:#fff;}
  .nav-site ul ul a {padding:0.3em 0 0.35em 25px; font-size:0.9em;}
  .nav-site ul ul li {margin:0; border-left:2px solid #00aa9d;}
    .nav-site ul ul a:hover {color:#00aa9d;}
  .nav-site ul ul > .active > a{background:none; color:#00aa9d; font-weight:bold;}
  .nav-site ul ul ul a{font-size:1em; color:#777;}
  .nav-site ul ul ul li {border:0;}
  .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
  ----------------------------------------------------*/
  .home-update .home-feature:after {border-bottom:3px solid #32a08f;}
  .home-feature { margin-bottom:0; padding-top:29%; position:relative; background:#ddd url(images/feature-sm.jpg) 50% 0 no-repeat; background-size:cover;border-bottom:3px solid #32a08f; }
  .home-feature-1 { background-image: url(images/header01-sm.jpg); }
  .home-feature-2 { background-image: url(images/header02-sm.jpg); }
  .home-feature-3 { background-image: url(images/header03-sm.jpg); }
  .home-feature-4 { background-image: url(images/header04-sm.jpg); }
  
  .home-update .home-feature { margin:0 -0.9375em 1em; padding:29% 0.9375em 2.5em; }
  
  .home-feature .caption { margin-bottom:0; padding:0 0.5em; text-align:left;}
  .home-feature h1 {margin:0; font-weight:700; font-size:3.25em; line-height:1.1em; font-family: "EB Garamond", "Adobe Garamond Pro", "Adobe Garamond", Georgia, serif; color:#fff; text-shadow:2px 2px 0 #0b223e;}
  .home-update .home-feature h1 {padding:0.25em 0; line-height:1.35em; font-size:1.85em; text-align:left; display:inline-block; float:left; background:#0b223e; background:rgba(11,34,62,0.875);}
  
  .home-feature h1 span { display:block; padding:0 0.35em; line-height:1.15em; letter-spacing:1px; text-shadow:none; font-size:0.9em; font-weight:300; color:#fff;}
  .home-feature .tagline span {padding:0.25em 0.5em; text-transform:uppercase; letter-spacing:1px; font-size:0.8em; line-height:1; color:#fff; background:#0b223e;}
  
  .quick-links { padding:1em 0; }
    .quick-links ul { margin:0; list-style:none; padding: 0; }
    .quick-links a { display:block; }
    .quick-links a:visited { color:#004da3; }
    
/*

  .home-update .quick-links { border:0; padding:1em 0.9375em; background:none; }
    .home-update .quick-links ul { padding:0; }
    .home-update .quick-links li { margin:0.45em 0; border:1px solid #ccc;}
    .home-update .quick-links a { font-size:1.1em; background:#fff;}
*/
 
  .home-icons ul { margin:1em 0; padding:0; text-align:center; }
  .home-icons li { width: 42%; display:inline-block; vertical-align:top; }
  .home-icons a { display:block; padding-top:80%; text-decoration:none; background-position:50% 0; background-repeat:no-repeat; background-size:90%; text-transform:uppercase; font-size:0.9em; letter-spacing:1px; color:#555;}
  .home-icons a:hover{background-color:#fff;}
  .home-icons .physical { background-image:url(images/physical.svg); }
  .home-icons .emotional { background-image:url(images/emotional.svg); }
  .home-icons .spiritual { background-image:url(images/spiritual.svg); }
  .home-icons .occupational { background-image:url(images/occupational.svg); }
  .home-icons .social { background-image:url(images/social.svg); }
  .home-icons .environmental { background-image:url(images/environmental.svg); }
  .home-icons .intellectual { background-image:url(images/intellectual.svg); }

  .home-buttons .columns a {margin:0 0 0.45em; display: block; padding: 0.75em; color: #0b223e; text-shadow:0 1px rgba(255,255,255,0.75); font-size: 1.35em; text-decoration: none; font-weight: 300; transition: all 125ms ease;  height: 4em; position: relative; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
  .home-buttons .columns:nth-child(2) a {border-bottom:4px solid #95e4d1; background: #7ed0bc;}
  .home-buttons .columns:nth-child(2) a:hover {background: #76c3b2;}

  .home-buttons .columns:nth-child(3) a {border-bottom:4px solid #d4ec8c; background: #c4dd79;}
  .home-buttons .columns:nth-child(3) a:hover {background: #b4cb6f;}

  .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;}

  .room-list { display:flex; flex-flow:row wrap; }
  .room-list-item { width:100%; position:relative; margin-bottom:2px; }
  .room-list-item h3 { position:absolute; font-size:1.5em; bottom:0.25em; left:0.5em; display:inline-block; max-width:90%; background:#a4ba59; padding:0.25em 0.35em 0.15em; text-shadow:none; }
  .room-list-item h3 a {color:#fff;}
  .room-list-item h3:hover,
  .room-list-item h3 a:hover {background:#32a08f; text-decoration:none;}
  
  .home-twitter { display:flex; flex-flow:row wrap; }
  .tweet { width:100%; }
  .tweet-actions { display:flex; clear:both; text-align:center; }
  .tweet-actions a { display:inline-block; width:30%; text-indent:-999em; position:relative; } 
  .tweet-actions svg { height:1.5em; width:1.5em; position:absolute; left:50%; margin-left:-0.75em; fill:#aaa; }
  .tweet-user-img { width:3.5em; float:left; }
  .tweet-text { width:calc(100% - 4em); float:right; }
  
  .home-news-events { position:relative; margin:2em 0; }
  .home-news-events:before { content:''; display:block; position:absolute; top:0; bottom:0; left:-99em; right:-99em; background:#0b223e; }
  .home-news-events h2 a {color:#fff; text-shadow:none;}
  
  .vevent .location { display:block; }
  .btn,
  .more,
  .excerpt_continuation {display:inline-block; *display:inline; *zoom:1; white-space:nowrap; margin-bottom:0.5em; *margin-left:.3em; padding:0.6em 0.75em 0.5em; cursor:pointer; font-size:1.2em; line-height:1.2em; text-decoration:none; text-align:left; vertical-align:middle; font-weight:300; border-bottom: 4px solid #d4ec8c;
background: #bad273; color:#333;
    border-radius:0;
  }

  .btn:visited {color:#fff;}
  .btn.active {}
  .btn:hover,
  .btn.active:hover,
  .more:hover {border-bottom: 4px solid #95e4d1;
background: #7ed0bc; color:#333;}
  .btn [data-icon]:before {padding-right:0.25em; color:#0d2240; font-size:1.25em;}
  .btn:hover [data-icon]:before {color:#0d2240;}

  .sidebar .btn{width:100%; border-bottom: 4px solid #66aa84; background: #009944;}
  .sidebar .btn:hover{background: #00893d;}
  .home-secondary {  padding:3em 0 1.5em; }
  .home-secondary .columns > h2{border:0;}

   .nav-skip {border:none; background:#fff;
    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 #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;}

.home-update .location,
.home-update .publish-info {color:#eee;}

.home-update .publish-info b,
.home-update .author b,
.home-update .location b,
.home-update .posted-in {color:#00a195;}

.home-update .entry-title a {color:#bfd867;}

.home-update .entry-summary,
.home-update .description {display:none;}
.home-update article {margin-bottom:2em;} 

.breadcrumbs { margin:0 0 0.125em; }
.breadcrumbs li {margin:0; padding:0 4px 0; background:#bcd777; color:#444;}
.breadcrumbs a:visited {color:#0b223e;}

.footer-feedback { padding:1em 0 2em; }
  .footer-feedback a { font-size:0.85em; color:#2c8d7e; text-decoration:none; display:inline-block; font-weight:700; padding:0.25em 0.5em; transition:background 0.25s;   }
  .footer-feedback a:hover { background:#fff; }
  
  /* Top Nav
  ----------------------------------------------------*/
  .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;}

  @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');
  }

  [class*="column"] + [class*="column"]:last-child {float:left;}
 
  /* Your Well Being */ 
  .nav-wellbeing-wheel {width:80%; margin:1em auto; position:relative;}

  .content-title { padding:1em 0 0 6em; min-height:6em; background:url(images/icon-emotional.svg) 0 75% / 5em no-repeat; }
  .your-well-being-emotional-well-being .content-title { background-image:url(images/icon-emotional.svg); }
  .your-well-being-environmental-well-being .content-title { background-image:url(images/icon-environmental.svg); }
  .your-well-being-financial .content-title { background-image:url(images/icon-financial.svg); }
  .your-well-being-intellectual-well-being .content-title { background-image:url(images/icon-intellectual.svg); }
  .your-well-being-occupational-well-being .content-title { background-image:url(images/icon-occupational.svg); }
  .your-well-being-physical-well-being .content-title { background-image:url(images/icon-physical.svg); }
  .your-well-being-social-well-being .content-title { background-image:url(images/icon-social.svg); }
  .your-well-being-spiritual-well-being .content-title { background-image:url(images/icon-spiritual.svg); }
}

/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.250em) {
.site-title a {width:300px; height:88px; margin:0.5em 0;}
}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
 .home .site-content {padding-top:2em;}
 .home-update .site-content {padding-top:0; }
 
 .home .section-location{margin:0;}
 .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;
  }

  h1 {font-size:2.85em;}
  h2 {font-size:2.25em;}
  h3 {font-size:1.95em;}
  h4 {font-size:1.75em;}
  h5 {font-size:1.5em;}
  h6 {font-size:1.25em;}

  .home-feature { border:5px solid #fff; padding-top:30%; }
  
  .home-feature .caption { position:absolute; bottom:0; left:0; }
  
  .home-update .home-feature { border:0; background:none; padding-top:24%; }
    .home-update .home-feature:after { content:'';  display:block; left:-99em; right:-99em; top:0; bottom:0; position:absolute; z-index:-1; background:url(images/header01.jpg) 50% 20% / 100vw auto no-repeat; } 
     .home-update .home-feature-1:after { background-image: url(images/header01.jpg); }
     .home-update .home-feature-2:after { background-image: url(images/header02.jpg); }
     .home-update .home-feature-3:after { background-image: url(images/header03.jpg); }
     .home-update .home-feature-4:after { background-image: url(images/header04.jpg); }
  .home-update .home-feature h1 { line-height:1.25em; font-size:3.35em; }
/*
  .quick-links {padding:0; border-bottom:none; background:none;}
   .quick-links li {margin:0 0 1em; padding:0.35em 0.5em; background:#fff;}
   .quick-links a {font-size:1.15em;}
   .quick-links a:hover {color:#00aa9d;}
*/
  .home-icons li {width:20.28%;}
 .home-buttons h2 { text-align:center; }
 .home-feature .caption {padding:0.5em 2em;}
 .home-feature h1 {font-size:4.85em; line-height:0.9em; text-shadow:2px 4px 0 #0b223e;}
 .home-feature .tagline span {font-size:0.95em;}
  .room-list-item { width:33.333%; padding-right:2px; }
  .room-list-item:last-child { padding-right:0; }
 
  .tweetData { display:flex; flex-flow:row wrap; }
  .tweet { width:50%; padding:0 1em 0 0; }
  .tweet .date {text-transform:uppercase; font-size:0.9em; letter-spacing:1px; color:#777;}
  
  .nav-wellbeing-wheel { display:block; }
  .nav-wellbeing-list { display:none; }
  
  .home-update .quick-links li {padding:0.25em 0.25em 0.1em;}
 
 .footer-feedback { text-align:right; }
}
 /* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {
   .home .hours{ padding-left:1.25em; border-left:3px solid #d4d4d4; }
    .event-list .vevent { width:48%; margin-right:2%; }
}

 /* 1000px
----------------------------------------------------*/
@media only screen and (min-width:62.5em) {
.home-icons li {width:13.28%;}
.quick-links li {padding:1em 0.5em;}
.quick-links a {font-size:1.35em;}
.nav-top li {margin:0 1em; font-size: 1.2em;}
 .home-update .home-feature { padding-top:28%; }
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
 .home .site-content { padding-top:2em; }
 .home-update .site-content {padding-top:0; }
 .home-feature h1 {font-size:6em; line-height:1em; text-shadow:3px 4px 0 #0b223e;}
  .home-update .home-feature h1 { font-size:4em; }
 .home-feature .tagline span {font-size:1.1em;}
}

/* Hi-res
----------------------------------------------------*/
@media
  (-webkit-min-device-pixel-ratio:1.5),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio:144),
  (min-resolution:144dppx){

    .site-title a { background-image:url(images/logo@2x.png); }
}

/* 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;}

}