/* University Template over-ride
   Launched: 2016-12-12
   Author: Erik Runyon

   Gold links #ffcf01
   Gold bg #dcb43a
   Gold dark #b4963c
   Blue #012b5d
   Green #01843e
   Orange #ba6f2e
   Purple #4a3651
   ----------------------------------------------------*/

.tweet-user-img { width:48px; margin-right:12px; margin-top:0.25em; float:left; }
.tweet-text { width:calc(100% - 60px); 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%; -webkit-transform:translateX(-50%); transform:translateX(-50%); fill:#AAB8C2; }

.entry-calendars span { display:inline-block; margin:0 1em 0.5em 0; padding:1em 0 0; vertical-align: middle; /*background-position:0 50%; background-repeat:no-repeat; background-size:2em;*/ }

.list-calendars { vertical-align:middle; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; flex-flow:row wrap; margin-bottom:2em; background-color: #f1f1f1; padding: 0 1em; border-bottom: 3px solid #ddd; }
  .list-calendars:before { content:"Show"; display:block; font-size:1.2em; padding:1rem 0.5rem; width:100%; }
.list-calendars li { display:inline-block; margin: 0.5em 0; text-align:center; vertical-align:top;  }
.list-calendars a { display:block; font-size:0.8em; /*max-width: 4em;*/ margin: 0; line-height:1.2; text-decoration: none; border-radius: 3em; padding: 0.3em 1.5em; color: #333; }
  .list-calendars .tab-active,
  .list-calendars a:hover { background-color: #333; color: white; }

.event-icon { display: inline-block; width: 2em; height: 2em; fill: currentColor; vertical-align: middle; }

.list-calendars .calendar-all { color: #333; }
  .list-calendars .calendar-all.tab-active { color: white; }
.list-calendars .calendar-all .event-icon { width: 1.5em; height: 1.5em; margin: 0.75em 0; }

.calendar-fellowship-groups .event-icon  { color: #4a3651; }
  .calendar-fellowship-groups.tab-active,
  a.calendar-fellowship-groups:hover { background-color: #4a3651; }
.calendar-lectures-and-discussions .event-icon  { color: #00843d; }
  .calendar-lectures-and-discussions.tab-active,
  a.calendar-lectures-and-discussions:hover { background-color: #00843d; }
.calendar-music .event-icon { color: #5aabbc; }
  .calendar-music.tab-active,
  a.calendar-music:hover { background-color: #5aabbc; }
.calendar-prayer-opportunities .event-icon  { color: #ba6f2e; }
  .calendar-prayer-opportunities.tab-active,
  a.calendar-prayer-opportunities:hover { background-color: #ba6f2e; }
.calendar-retreats-and-pilgrimages .event-icon  { color: #dcb43a; }
  .calendar-retreats-and-pilgrimages.tab-active,
  a.calendar-retreats-and-pilgrimages:hover { background-color: #dcb43a; }
.calendar-service .event-icon  { color: #002b5c; }
  .calendar-service.tab-active,
  a.calendar-service:hover { background-color: #002b5c; }

.places-of-worship li { padding-left:2em; position:relative; }
.places-of-worship .listing-number { display:block; position:absolute; line-height:1.5em; text-align:center; width:1.5em; top:0.25em; left:0; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{ padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image,
.fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span { background-image: url('images/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('images/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('images/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
	#fancybox-loading div { background-image: url('fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }
}

@media screen,projection {
  html { background: white; }
  h1,h2,h3,h4,h5,h6 { text-shadow:none; font-family: GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color: #4a3651; }
  h3 { font-style: normal; }

  a { -webkit-transition: all 125ms ease; transition: all 125ms ease; text-decoration: none; color: #004796; }
  a:active,
  .breadcrumbs a:visited,
  a:hover{ color: #002b5c; text-decoration: underline; }

  nav a:hover,
  .btn:hover,
  .more:hover,
  .home-block:hover { text-decoration: none; }

  .breadcrumbs a { text-decoration: none; }
    .breadcrumbs a:hover { text-decoration: underline; }
    .breadcrumbs a:visited { color: #002b5c; }

  .align-center { text-align: center; }
  .align-right { text-align: right; }
  p { max-width: none; }

  .home .site-name { display: block; background: url(images/logo-campusministry@2x.png) no-repeat left center / contain; text-indent: -999em; min-height: 3em; margin-bottom: 0.5em; }

  .home-secondary .columns > h2 a { color: #ffcf01; text-decoration: none; }

  body { font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
  .site-title,
  .btn,
  .more,
  .excerpt_continuation { font-family: GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }

  .btn,
  .more,
  .excerpt_continuation {  -webkit-box-shadow: none;  box-shadow: none; top: 0; border-radius: 0; padding-left: 1.5em; padding-right: 1.5em; }

  #mc_embed_signup .email { line-height: 2em; height: 2em; margin-right: 0.3em; }
  #mc_embed_signup input.btn[type="submit"] { border: none; margin: 0; }

  .more { padding-right: 2.5em; }

  .btn:hover,
  .more:hover,
  .excerpt_continuation:hover { top: 0; -webkit-box-shadow: none; box-shadow: none; background-color: #ba6f2e; }

  .btn-small .icon { width: 0.9em; margin: 0 0.5rem 0 0; }

  .brandbar.theme-bb-blue { background: #012b5d; -webkit-box-shadow: none; box-shadow: none; }

  .wrapper { }

  .bg-image { z-index: -1; background-size: 100% auto; background-image:url('images/sbg-vigil-600.jpg'); background-repeat: no-repeat; position: absolute; width: 100%; height:calc(43vw - 50px); left: 0; top:50px; }
  .bg-image:before { content: " "; position: absolute; z-index: 0; width: 100%; top: 0; left: 0; height: 150px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))); background: linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); }
    .home .bg-image { background:url('images/bg-home-quad-700.jpg') top center no-repeat; background-attachment: fixed; background-size: cover; height:calc(100% - 50px); }
    .about .bg-image { background-image:url('images/sbg-vigil-600.jpg'); background-position:top center; }
    .get-involved .bg-image { background-image:url('images/sbg-getinvolved-600.jpg'); background-position:top center;  }
    .mass-worship .bg-image { background-image:url('images/sbg-missionworship-600.jpg'); background-position:top center; }
    .events .bg-image { background-image:url('images/sbg-events-600.jpg'); background-position:top center; }
    .latest .bg-image { background-image:url('images/sbg-latest-600.jpg'); background-position:top center;  }
    .contact .bg-image { background-image:url('images/sbg-memorial-600.jpg'); background-position:top center; }

    .shop-nd .bg-image { height: 20vw; background: url('images/bg-header-mass-600.jpg') top center no-repeat; }

  .site-content {padding-bottom:0;}

  .beta { background-color: white; padding: 1em 1.5em; }

  .tab-nav { white-space: nowrap; }
  .tab-nav .btn { display: inline-block; width: calc(50% - 0.25em); text-align: center; color: white; }
  .tab-nav .btn:last-child { margin-left: 0.25em; }
  .tab .btn { width: 100%; text-align: center; }

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

  .bg-white { background:#fff;}
  .bg-gold { color:#fff; background:#dcb43a; border-bottom: 3px solid transparent; }
  .bg-blue { color:#fff; background:#012b5d; border-bottom: 3px solid transparent;}
  .bg-green { color:#fff; /*background:#01843e;*/ background-color: #00843d; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 98, 46, 0)), color-stop(50%, rgba(18, 98, 46, 0)), color-stop(50%, rgba(18, 98, 46, 0.6)), to(rgba(18, 98, 46, 0.6))); background-image: linear-gradient(top, rgba(18, 98, 46, 0) 0%, rgba(18, 98, 46, 0) 50%, rgba(18, 98, 46, 0.6) 50%, rgba(18, 98, 46, 0.6) 100%); border-bottom: 3px solid transparent; }
  .bg-orange { color:#fff; background-color: #ba6f2e; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(126, 68, 17, 0)), color-stop(50%, rgba(126, 68, 17, 0)), color-stop(50%, rgba(126, 68, 17, 0.6)), to(rgba(126, 68, 17, 0.6))); background-image: linear-gradient(top, rgba(126, 68, 17, 0) 0%, rgba(126, 68, 17, 0) 50%, rgba(126, 68, 17, 0.6) 50%, rgba(126, 68, 17, 0.6) 100%); border-bottom: 3px solid transparent; }
  .bg-purple { color:#fff; background-color: #4a3651; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(40, 21, 46, 0)), color-stop(50%, rgba(40, 21, 46, 0)), color-stop(50%, rgba(40, 21, 46, 1)), to(rgba(40, 21, 46, 1))); background-image: linear-gradient(top, rgba(40, 21, 46, 0) 0%, rgba(40, 21, 46, 0) 50%, rgba(40, 21, 46, 1) 50%, rgba(40, 21, 46, 1) 100%); border-bottom: 3px solid transparent; }

  .padded-block {padding:1rem; margin: 0 0 1.8em; }
    .padded-block > h2 {margin-top:0;}
  .hidden { display:none !important; }
  .btn {border-radius:0; text-transform: uppercase; }
  .btn-white {color:#012b5d; border: 2px solid transparent; background:#fff; -webkit-box-shadow:none; box-shadow:none; }
    .btn-white:hover { border-color: white; background: transparent; color: white; }

  .page-title { padding: 0.4em 1em; background: #4a3651; color:#fff; border-bottom: 3px solid #785e81; }
  .breadcrumbs {text-align:right;}
    .breadcrumbs li {color:#333;}
  .main-content {clear: both; padding:1rem; background-color:#fff;}

  .grid-list { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; position: relative; margin-right:-1%; }
    .grid-item { padding:1em; width:100%; margin-bottom:1%; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; overflow:hidden;  }
      .grid-item h2 { margin:0; width: 100%; font-size:1.3em; }
      .grid-item a { background-image: none; display:block; padding:4em; margin:-4em; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; }
      .grid-item a,
      .grid-item a:visited { color:#fff; }
      .grid-item a:hover { text-decoration: none; }

    .grid-item .bg-orange:hover { background-color: #7e4411; }
    .grid-item .bg-purple:hover { background-color: #28152e; }
    .grid-item .bg-blue:hover { background-color: #001935; }
    .grid-item .bg-green:hover { background-color: #01622e; }
    .grid-item .bg-gold:hover { background-color: #b4973c; }

  /* Homepage
  ----------------------------------------------------*/
  .home-primary { height: 70vh; }
    .home-primary .row-container { height: 100%; position: relative; }
    .home-elevator {padding:1rem; color:#fff; border-left:5px solid #dcb43a; background:rgba(0,0,0,0.43); bottom: 0; position: absolute; width: calc(100% - 2em); }
    .home-elevator * { color: white; margin: 0; line-height: 1.4; }
    .home-elevator .btn { margin: 1rem auto 0; text-align: center; min-width: 100%; max-width: 300px; display: block; color: white; }
    .home-elevator a {color:#ffcf01;}

  .home-secondary {background:#012b5d;}
    .home-secondary h2 {color:#ffcf01;}

  .home-blocks.row { max-width: 100%; }
    .home-block { display:block; padding: 4rem 2rem 1rem; height:100%; text-decoration:none; font-size: 1.5em; -webkit-transition: all 250ms ease; transition: all 250ms ease; background-repeat: no-repeat; background-position: 0 4em; }
      .home-block:visited { color: white; }
      .home-block:hover { color: white; background-position: 0 0.1em; }

  .home-events {background:url('images/bg-mass-gray-1400.jpg') center center no-repeat; background-size:cover;}
    .home-events h2 {overflow:hidden; padding:1rem; text-shadow:none;}
      .home-events h2 a {color:#fff;}
      .home-events .bg-blue a { line-height: 1.5; }
      .home-events .more-events { float:right; position:relative; margin:0 0.5rem; font-size:0.9rem;}
        .home-events .more-events a { color:#012b5d; border: 2px solid transparent; text-decoration: none; line-height: 1; top: 0; font-size: 0.9em; }
        .home-events .more-events a:hover { background: transparent; border-color: white; color: white; }
    .home-events article {overflow:hidden;}
      .home-events header {overflow:hidden;}
      .home-events article .entry-title {float:left; width: calc(100% - 7em); padding:0.5rem 0 0 0.5rem; font-size:1.2rem;}
      .home-events article .entry-title a {color:#012b5d;}
      .home-events .meta,
      .home-events .description {display:none;}
      .dateshort {float:left; width: 6em; margin-right:1em; padding:0.6rem 0.5rem; color:#fff; text-align:center;}
        .datemonth {display:block; text-transform:uppercase;}
        .dateday {font-size:2rem;}

  /* Header
  ----------------------------------------------------*/
  .site-title a,
  .site-title a:visited {color:#fff; text-shadow:none;}
  .header-util .search-form {border:none; -webkit-box-shadow:none; box-shadow:none; background: none; }
  .header-util .search-button {border:none; background:transparent;}
  .header-util .search-button .icon {fill:#fff;}

  /* Navigation
  ----------------------------------------------------*/
  /* Primary Navigation */
  .nav-top {background:transparent; -webkit-box-shadow:none; box-shadow:none; border:none;}
    .nav-top .depth_1 { background:#dcb439; border-bottom:3px solid #b4973c;}
    .nav-top li a { padding:0.75em; color:#fff; /*color: #75601e;*/ text-shadow:0 0 4px rgba(0, 0, 0, 0.5); font-family: GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 1.1em; }
    .nav-top li.active a,
    .nav-top li a:hover {color:#fff; background:#b4963c; -webkit-box-shadow:none; box-shadow:none;}
    .nav-top .depth_1 .first {position:relative; text-indent:-9999px; overflow:hidden;}
    .nav-top .depth_1 .first .icon {position:absolute; left:9px; top:15px;}
    .nav-top .depth_1 > li.first a {background:none;}
    .nav-top .depth_1 > li.first a:hover { background:#b4963c; }

  /* Secondary Navigation */
  .nav-section {padding:1rem; background-color:#01843e; border-bottom: 3px solid #44b377; }
  .home-secondary .columns > h2 {margin-top:1rem;}
  .nav-site ul a { font-family: GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
    .nav-site ul a:hover,
    .nav-site ul > .active > a { border-bottom-color: #dcb439; }
    .nav-site ul ul a {  }
    .nav-site ul ul a:hover,
    .nav-site ul ul .active > a { color: #dcb439; background: none; }
    .nav-site ul ul ul .active > a,
    .nav-site ul ul ul .active > .current-last { font-weight: bold; }

  .nav-skip { background: #ba6f2e; -webkit-box-shadow: none; box-shadow: none; border: none; }

  /* Events
  ----------------------------------------------------*/
  .list-calendars {}

  /* Latest
  ----------------------------------------------------*/
  .tab {display:none;}
    .btn-active { color: white; background: #ba6f2e; font-weight: 500; }
    .tab-active {display:block;}

  /* Twitter */
  .tweet-actions svg { -webkit-transition:all 125ms ease; transition: all 125ms ease; }
  .tweet-text { font-size: 0.9em; }
  .tweet-actions { margin: 1em -1em -1em; padding: 0.5em; background: #ebebeb; }
  .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; }

  /* Youtube */
  .latest-youtube { text-align: center;  }
    .latest-youtube .columns { margin-bottom: 2em; }
    .latest-youtube img { display: block; margin: 0 auto; }

  .blog-item-date { margin:0; }
  .blog-list h3 { margin:0 0 1em; }

  .instagram-image img { width: 100%; height: auto; }

  .tweet,
  .fb-post,
  .instagram-post,
  .blog-item { padding: 1em; background-color: #f3f3f3; margin: 0.75em 0; }

  .tweet .date,
  .fb-post .date,
  .blog-item .blog-item-date { color: #888; }

  /* Map
  ----------------------------------------------------*/
  .gmap {width:100%; height:20rem; border:none;}
  .pow-list-denominations { display:none; }
  .pow-landing .gmap { display:none; }
    .pow-map-list { padding:1em; }
    .pow-form-denominations,
    .pow-select-denominations { padding:0; margin:0; }
    .map-info-name {margin-top:0; font-size:1.2rem; font-style:normal; }
    .map-more-link-container {margin-bottom:0;}
    .btn.map-info-link {margin-top:1rem; font-size:0.9rem; color: white; }
    .infowindow { width:320px; }
    .map-info-description { font-size:0.9rem; line-height:1.35rem;}
    .map-info-description p { margin-bottom:0; }
    .places-of-worship .listing-number { color:#fff; background:#ba6f2e; }

  /* Places of Worship
  ----------------------------------------------------*/
  .places-of-worship {}
  .pow-denomination {color:#01843e;}

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

  .staff-list { margin-top:2em; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; flex-flow:row wrap; /*justify-content:space-between;*/ }
    .staff-list:after { content:""; -webkit-box-flex:1; -ms-flex:auto; flex:auto; }
  .staff-item { width:44%; padding-bottom:2em; margin-right:6%; }
    .staff-item .staff-name { margin:0.25em 0; }
    .staff-item img { background:#efefea; }
    .staff-item p { margin:0; }

  #staff-nav .grid-item a { width: 150%; }

  .staff-title { margin-top: 0.2em; }
  .back-to-top { width:100%; }

  /* Footer */
  .site-footer,
  .site-footer a {color:#fff;}
  .footer-inner {border:none; -webkit-box-shadow:none; box-shadow:none;}
  .site-footer .ndmark {display:block; width:250px; height:70px; background:url('https://static.nd.edu/images/marks/white/ndmark600.png') 0 0 no-repeat; background-size:100% auto; }
    .site-footer .ndmark img { display:none; }

}
/* 480px
----------------------------------------------------*/
@media only screen and (min-width:30em) {
  .grid-item { width:49%; margin:0 1% 1% 0; }
}

/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.250em) {
}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  .dept {border-top:none; -webkit-box-shadow:none; box-shadow:none;}
  .brandbar li {margin:0;}
    .dept {float:right;}
    .dept-nd {float:left;}

  .home .bg-image { background:url('images/bg-home-quad-1000.jpg') top center no-repeat; }
  .bg-image:before { height: 250px; }

  .header-util .search-form { background:rgba(0, 0, 0, 0.5); padding: 0; position: relative; }
  .header-util .search-form .search-input { padding: 0.4em 2em 0.4em 0.6em; }
  .header-util .search-form .search-input:focus { border-bottom: 3px solid #dcb439; }
  .header-util .search-form .search-input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); }
  .header-util .search-form .search-input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); }
  .header-util .search-form .search-input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); }
  .header-util .search-form .search-input::placeholder { color: rgba(255, 255, 255, 0.7); }
  .header-util .search-form .search-input { color: white; }
  .header-util .search-form .search-button { position: absolute; top: 5px; right: 3px;}
  .header-util .search-form .search-button:hover svg { fill: #dcb439; }

  .nav-site ul a { color: white; }
    .nav-site ul a:hover,
    .nav-site ul > .active > a { color: white;  }
    .nav-site ul ul a { color: white; }

  .shop-nd .nav-top .depth_1 { text-align:left; }
  .beta { padding-top: 0; background-color: transparent; }

  .home-primary { height: 60vh; }
    .home-primary .row-container { height: 100%; }
    .home-primary .column { position: relative; }
  .home-elevator { width: 50%; bottom: 0; position: absolute; }
  .home-elevator .btn { min-width: 70%; }
  .page-content {  }

  .home-block {  padding: 8rem 2rem 1rem; background-position: 0 4em; }
      .home-block:hover { background-position: 0 1em; }

  .home-events .more-events a { font-size: 1.1em; }

  body:not(.home) .bg-image { background-size: 100% auto; }
  body:not(.home) .site-content { padding-top: calc(43vw - 251px); }
  body.shop-nd .site-content { padding-top: calc(20vw - 251px); }

  body.events:not('event') .vevent { float: left; width: calc(50% - 2.5em); }

  .pow-map-list { padding:0; }
  .places-of-worship li {  }
  .gmap {position:relative; height:auto; padding-bottom:40%; }
    .pow-landing .gmap { display:block; margin-bottom:1em; padding-bottom:100%; }

  .full-width .grid-item { width:32%; }

  .staff-list { margin-top: 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; flex-flow:row wrap; /*justify-content:space-between;*/ }
    .staff-list:after { content:""; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; }
  .staff-item { width:31%; padding-bottom:2em; margin-right:2%; vertical-align: top; }
    .staff-item .staff-name { margin:0.25em 0; }
    .staff-item p { margin:0; }

  .staff-title { margin-top: 0.2em; }
  .directory-list { -webkit-column-count:2; column-count:2; }
    .directory-list li { }

  /* Footer */
  .site-footer,
  .site-footer a {color:#fff;}
  .footer-inner {border:none; -webkit-box-shadow:none; box-shadow:none;}
  .site-footer .ndmark {display:block; width:250px; height:70px; background:url('https://static.nd.edu/images/marks/white/ndmark600.png') 0 0 no-repeat; background-size:100% auto;}
    .site-footer .ndmark img { display:none; }

  .list-calendars li { position: relative; display: block; min-width: 8%; }
  .list-calendars a:hover { text-decoration: none; }
  .list-calendars li span { display: none; position: absolute; top: 100%; left: 1em; text-align: center; width: calc(100% - 1em); }
    .list-calendars li:hover span { display: block; }
    .list-calendars .event-icon { width: 3em; height: 3em; /*margin-bottom: 0.5em;*/ }
}

/* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {
  .home-elevator {margin:6rem 0 3rem;}
  .home-block,
  .home-events h2 span {text-transform:uppercase;}
  .nav-top li a { padding:0.75em 1em; font-size:1.3em;  }

  .home-events article {display:inline-block; vertical-align:top; width:49%;}
  .page-content {  }

  .bg-image { background:url('images/sbg-vigil-1200.jpg') top center no-repeat; }
  .home .bg-image { background:url('images/bg-home-quad-1200.jpg') top center no-repeat; }
  .about .bg-image { background:url('images/sbg-vigil-1200.jpg') top center no-repeat; }
  .get-involved .bg-image { background:url('images/sbg-getinvolved-1200.jpg') top center no-repeat; }
  .mass-worship .bg-image { background:url('images/sbg-missionworship-1200.jpg') top center no-repeat; }
  .events .bg-image { background:url('images/sbg-events-1200.jpg') top center no-repeat; }
  .latest .bg-image { background:url('images/sbg-latest-1200.jpg') top center no-repeat; }
  .contact .bg-image { background:url('images/sbg-contact-1200.jpg') top center no-repeat; }
  .shop-nd .bg-image { background: url('images/bg-header-mass-1200.jpg') top center no-repeat; }
  .staff-item { width:23%; }
  .grid-item { width:32%; }
    .grid-item h2 {  font-size:1.5em; }
    .full-width .grid-item { width:24%; }

  .list-calendars { /*float:right;*/ }
    .list-calendars:before { width:auto; }
    .list-calendars li { padding: 0; }
}

/* 1024px
----------------------------------------------------*/
@media only screen and (min-width:64em) {
  .home-secondary {background: #012b5d url('images/bg-home-student.jpg') right center no-repeat; background-size: 50% auto; }
    .home-secondary-content { padding:4rem 2em; }
  .page-content { }
  .directory-list { -webkit-column-count:3; column-count:3; }

  .pow-map-list { display:-webkit-box; display:-ms-flexbox; display:flex; }
  .pow-form-denominations { display:none; }
  .pow-list-denominations { display:block; width:25%; padding: 0; margin:0; height:30rem; overflow-y:auto; background:#f6f6f6; }
    .pow-list-denominations li { margin:0; }
    .pow-list-denominations a { color: #333; text-decoration: none; padding: 0.4em 1.2em; display: block; border-bottom:1px solid #ddd; }
    .pow-list-denominations a:hover,
    .pow-list-denominations .active a { background-color: #ba6f2e; color: white; }
  .pow-landing .gmap { width:75%; padding:0; height:30rem; }
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width: 75em) {
  .bg-image { background:url('images/sbg-vigil-1600.jpg') top center no-repeat; }
  .home .bg-image { background:url('images/bg-home-quad-1600.jpg') top center no-repeat; background-attachment: fixed; background-size: cover; }
  .about .bg-image { background:url('images/sbg-vigil-1600.jpg') top center no-repeat; }
  .get-involved .bg-image { background:url('images/sbg-getinvolved-1600.jpg') top center no-repeat; }
  .mass-worship .bg-image { background:url('images/sbg-missionworship-1600.jpg') top center no-repeat; }
  .events .bg-image { background:url('images/sbg-events-1600.jpg') top center no-repeat; }
  .latest .bg-image { background:url('images/sbg-latest-1600.jpg') top center no-repeat; }
  .contact .bg-image { background:url('images/sbg-contact-1600.jpg') top center no-repeat; }
  .shop-nd .bg-image { background: url('images/bg-header-mass-1400.jpg') center center no-repeat; }
  .staff-item { width: 18%; }
}

/* 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 (-webkit-min-device-pixel-ratio:144),
  only screen and (min-resolution:144dppx){}

/* Print
----------------------------------------------------*/
@media print {
  .nav-top { display:none; }
}