/* Launched: 2016-04-06
   Authors: Taylor Packet & Erik Runyon
   ----------------------------------------------------*/

h1, h2, h3, h4, h5 {font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight:300; line-height:1.35em;}
h2 {font-weight:400;}

.social {margin:0; padding:0; list-style:none;}
  .social li {}
  .social a {text-decoration:none; color:#444;}
  .socal li:hover {border-bottom:1px solid #ccc;}
  .back-to-top { display:none; }
  
  tr:nth-child(odd) td {background: rgba(0, 0, 0, 0.05);}

/* 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:#002b5b;}

.icon.facebook {fill:#3b5998}
.icon.twitter {fill:#00aced}

/* Fonts
   https://dev.conductor.nd.edu/fonts/
----------------------------------------------------*/
@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-bold.woff2') format('woff2'),
      url('//static.nd.edu/fonts/gp-min/gp-bold.woff') format('woff'),
      url('//static.nd.edu/fonts/gp-min/gp-bold.ttf') format('truetype');
}

@media screen,projection {
  html {background-image:url('images/bg.jpg');}

  /* Titlebar */
  .site-header {position:relative;}
    .header-home {display:none; position:absolute; top:0; left:0; right:0; width:100%; height:57vw;}
      .home .header-home {display:block;}
    .home .site-header {padding-bottom:30%;}
  .brandbar {position:relative;}
   .brandbar.theme-bb-gold {border-color:#b7911d; background:#dcb439; box-shadow:none;}
  .home .theme-tb-white {box-shadow:none;}
  .theme-tb-white {background:#fff; z-index:999; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);}
    .home .theme-tb-white {background:transparent;}
  .search-form {border-color:#333;}
  .featureimg {padding-top:43.14285714%; background:url('header-default-1000.jpg') center center no-repeat;}
    .commencement-weekend .featureimg {background-image:url(header-commencement_weekend-1000.jpg);}
  .plan .featureimg {background-image:url(header-visit-1000.jpg);}
  .student-information .featureimg {background-image:url(header-student-1000.jpg);}
  .historical-information .featureimg {background-image:url(header-history-1000.jpg);}
  .disability-resources .featureimg {background-image:url(header-disability-1000.jpg);}
  .header-home {height:68vw;}

    .home .featureimg {padding:0; background:none;}
    .home .site-title a,
    .home .subline {text-shadow:none; color:#dcb439;}
    .home .site-title a {color:#fff; font-weight:600;}
    .site-title a {color:#002b5b; font-weight:600;}
    .subline {margin:0.25em 0 0; color:#bf9a29; font-size:1.15em; letter-spacing:1px; text-transform:uppercase;}
    .site-title {padding: 0.3em 0 0;}

  /* Navigation */
  .home .nav-top {border:none; box-shadow:none;}
  .nav-top {background:transparent; border-bottom: 0 solid #fff; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);}
    .nav-top #primary {display:table; width:100%;}
    .nav-top .depth_1 {display:table-row; z-index:1; background:rgba(0,38,80,0.9);}
    .nav-top li {display:table-cell; padding:0.3em;  font-size:1em;}
    .nav-top li a {padding:.35em 0.8em; color:#eee; text-shadow:none; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
    .nav-top li.active a, .nav-top li a:hover {box-shadow:none; background:none;}
    .nav-top li.active a {font-weight:bold;}

  /** Home **/
  .alert {padding:0.85rem 1rem 1rem 4.5rem; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:1.25rem; line-height:2rem; background:#dcb439 url(images/icon-caution.svg) 20px no-repeat; background-size: auto 40px; box-shadow: 0px 0px 20px rgba(0,0,0,0.25);}
    .alert.urgent { background-color:#aa272f; color:#fff; }
    .alert.urgent a,
    .alert.urgent a:visited {color:#fff;}
    
  .nav-top-true.home .alpha {width:100%; margin-top:-80px;}
  .home-row a {display:block; text-decoration:none;}
  .home-primary {}
    .home-primary .home-block {padding:1em; margin-bottom:1em; background:#fff; box-shadow: 0px 0px 20px rgba(0,0,0,0.25); border:1px solid #ccc;}
    .home-primary a:hover {background:#eee;}
    .home-primary .icon {display:none;}
    .home-primary img {width:100%; margin-top:1px;}
    .home-primary h2 {margin:0; padding:1em 0.25em; font-size:1.3em; font-weight:300;}
    .home-primary h2:after {display:inline-block; padding-left:0.5em; content:" »"; color:#777;}
  .home-secondary {}
    .home-secondary .home-block {padding:2em 0; text-align:center;}
    .home-secondary a {padding:1em;}
      .home-secondary a:hover {background:#002b5b; box-shadow: 0px 0px 20px rgba(0,0,0,0.25);}
      .home-secondary a:hover h2 {color:#fff; text-shadow:none;}
    .home-secondary a:hover, .home-secondary a:hover h2 {-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
    .home-secondary .icon {width:80px; height:80px;}
    .home-secondary img {display:none;}
    .home-secondary h2 {margin:0; font-size:1.2em; font-weight:300;}

  /** Events Page **/
  body.events #maybug {display:none;}
  .eventlist {display:none; margin:0; padding:1em; background:#fff; box-shadow: 0 0 20px rgba(0,0,0,0.25);}
    .events .eventlist,
    .eventlist.events {display:block;}
    .eventlist ul {margin:0; padding:0; list-style:none;}
    .eventlist h2 {margin:0 0 0.85em; padding:0 0 0.25em; font-size:1.3rem; border-bottom:1px solid #ccc;}
      .eventlist h2 a {font-size:50%;}
    .eventlist h3 {margin:1.5em 0 0; font-size:0.9rem; font-style:normal; font-weight:bold;}
    .vevent h4 {margin-top:0;}
    .eventlist li {margin:0 0 12px; list-style:none;}
      .eventlist .title {font-size:1.1rem; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
      .eventlist .location {display:none;}
      .eventlist .datetime {display:block; font-size:88%;}
      .eventlist .cevent {font-size:88%;}
  .vevent {margin-bottom:30px;}
  .events-print {margin:0 -1em -1em; padding:0.5em; text-align:center; background:#002b5b;}
    .events-print a {display:block; color:#fff; text-decoration:none;}
      .events-print:hover {background:#dcb439;}
  .no-events-msg {margin-bottom:0; font-size:smaller;}
  
    .commencement-weekend-schedule-of-events-diploma-ceremonies h3 {margin-top:0;}

  .entry-title {font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
  .events-date-header {margin-top:0.5em; font-family: GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}

  .eventoptions {float:left; width:100%; margin:10px 0 16px; padding:10px 0; list-style:none; text-align:center; border:1px solid #dadada; border-width:1px 0;}
  .eventoptions li {display:inline; margin:0 20px; list-style:none;}
  #content .eventoptions li a {border:none; background-color:transparent;}

  body.event .pubdate {margin:0; padding:0; border:none; font-size:120%; background:none; font-family:"Lucida Grande",Lucida,Helvetica,Verdana,Arial,sans-serif;}
  body.event .location {margin:5px 0; padding:0; font-size:110%; font-weight:normal;}

  /** Events Map **/
  #map {width:100%; height:400px; border:1px solid #333;}
    body.event #map {height:400px;}
    .infowindow {max-width:400px;}
    .infowindow h2 {margin:0 0 4px; padding:0 0 2px; font-size:16px; font-weight:bold;}
    .infowindow h3 {margin-top:0; font-weight:normal; font-size:12px;}
    .infowindow p {padding-top:0; font-size:11px;}
  .infoeventlist {font-size:11px; line-height:1.2em;}
    .infoeventlist li {margin:0;}
    .infoeventlist a {background:none; border:none;}

  .eventswrapper {margin:20px 0;}
  .daytabs {overflow:hidden; top:0.15em; position:relative;}
  .daytabs ul {float:left; margin:0; padding:0; list-style:none; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
    .daytabs li {float:left; display:inline; margin:0;}
    .daytabs a {display:block; float:left; padding:0.5em; border:none; text-decoration:none; background-color:#eee; border:1px solid gray; border-width:1px 1px 0; color:#777;}
      .daytabs a.active {background-color:#fff; color:#444;}
    .daytabs input {float:right; margin:10px 10px 0 8px;}
    .day {padding:1em; background:#fff; border:1px solid gray;}
      .js .day {display:none;}
      .js .day.active {display:block;}

  /* Social */
  .social {margin-bottom:1em;}
    .social li {display:inline-block;}
    .social li:last-child {margin-left:1em;}

}

/*************************************************************************************
 * 2. Media Queries
 ************************************************************************************/

/* 450px
----------------------------------------------------*/
@media only screen and (min-width:30em) {
  .header-home {height:58vw;}
  .site-title {padding: 0;}
  .home .nav-top {top:3em;}
}

/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.250em) {
  .subline {font-size:1.25em;}
}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  .home .alpha {margin:0; padding:0; border:0; background:0; box-shadow:none;}
  .wrapper { -webkit-transform:none; transform:none; }
  .alpha {margin-top: -3.5em; padding: 1em; z-index: 999; background:#fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); border:1px solid #ccc;}
  .full-width .alpha {margin-top: -3.5em;}
  .featureimg {position:relative; padding-top:30%; background-size:cover;}
    .home .featureimg {}
    .nav-top {position:absolute; top:0;}
    .nav-top li {font-size:0.85em; line-height:1.35em;}
    .nav-top-true.home .alpha {margin-top:-40px;}
  .site-footer { overflow:visible; }
  .back-to-top {padding: 0.35em 1em; background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); border:1px solid #ccc; text-decoration:none; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight:300;}
  .back-to-top.sticky { display:inline-block; position:fixed; bottom:1em;}
  .back-to-top.bottom { display:inline-block; position:absolute; float:left; padding: 0.35em 1em; background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);}
  .social {margin-bottom:1em; text-align:right;}
  
  h1 {font-size: 2.4em;}
  h2 {font-size: 1.95em;}
  h3 {font-size: 1.75em;}
  h4 {font-size: 1.625em;}
  h5 {font-size: 1.325em;}
  h6 {font-size: 1.15em;}
    
    
}

/* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {
  .nav-top li {font-size:1em;}
  .three-col li {width:32%; display:inline-block; vertical-align:top;}
}

/* 1024px
----------------------------------------------------*/
@media only screen and (min-width:64em) {
  .home .nav-top {top:7.5em;}

}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
  .featureimg {background-image:url('header-default.jpg');}
  .commencement-weekend .featureimg {background-image:url(header-commencement_weekend.jpg);}
  .plan .featureimg {background-image:url(header-visit.jpg);}
  .student-information .featureimg {background-image:url(header-student.jpg);}
  .historical-information .featureimg {background-image:url(header-history.jpg);}
  .disability-resources .featureimg {background-image:url(header-disability.jpg);}
  .header-home {height:55vw;}
    .home .nav-top {top:0;}
}

/* 2000px
----------------------------------------------------*/
@media only screen and (min-width:125em) {
  .header-home {height:54vw;}
}