/*!
Launched: 2014-04-03

Author:
Zach Richard and Nevin McElwrath
Marketing Communications:Web

CONTENTS
-----------------------------------------
1. Common Styles
2. Screen Styles
3. Media Queries
4. Themes
5. Grid
6. Print Styles

BRANDING
-----------------------------------------
1. COLORS
   - Blue (Headings):#002b5b
   - Blue (Links):#004da3
   - Gold:#dcb439

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

3. GALAXIE POLARIS FONT WEIGHTS
   - 100 light
   - 300 book
   - 400 medium (normal)
   - 700 bold
   - 900 heavy
*/

@import url(//fonts.googleapis.com/css?family=Roboto+Slab:700,300,400,100);

/*************************************************************************************
 * 1. Common Styles
 ************************************************************************************/
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
@-ms-viewport {width:device-width; zoom:1;}
@-o-viewport {width:device-width; zoom:1;}
@viewport {width:device-width; zoom:1;}

html {width:100%; margin:0; padding:0; font-size:100%; overflow-y:scroll;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  -moz-font-smoothing:antialiased;
  font-smoothing:antialiased;
}
body {width:100%; margin:0; padding:0; color:#fff; font:1em/1.5em "Roboto Slab", Helvetica, Arial, Verdana, sans-serif; overflow:hidden; background:url(images/bg.png); background:rgba(0,43,93,0.8); height: 100%;}
body.home {background:none; height: auto;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display:block;}
audio, canvas, video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none;}
[hidden] {display:none;}
p {margin:0 0 1em; text-shadow: 0 1px rgba(0,0,0,0.6); font-family: "Helvetica Neue", Helvetica, "Lucida Grande", Arial, sans-serif; font-weight: 400; }
a {color:#fff; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:visited {color:#ddd;}
a:hover {color:#dcb439}
a:active {color:#dcb439;}
a:focus {outline:thin dotted;}
a.tapped {background-color:rgba(220,179,57,0.5);}
::-moz-selection,
::selection {background:#0058cf; color:#fff; text-shadow:none;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
h1,h2,h3,h4,h5,h6 {margin:1.4em 0 0.25em; line-height:1.1em; color:#fff; font-weight:300; text-shadow:0 1px rgba(0,0,0,0.6); text-rendering:optimizeLegibility; font-family:"Roboto Slab", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration:none;}
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited {color:#004da3;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {text-decoration:underline;}
h1 {margin-top:0; font-size:2em;}
h2 {font-size:1.75em; font-weight: 700;}
h3 {font-size:1.563em;}
h4 {font-size:1.375em;}
h5 {font-size:1.188em;}
h6 {font-size:1em;}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span { font-weight: 300; }

h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
.image-right + h2,
.image-left + h2 {margin-top:0;}

ol, ul {margin:1em 0; padding:0 0 0 2em;}
li {margin:0 0 0.25em;}
nav ul {margin:0; padding:0; list-style:none;}
nav li {margin:0; padding:0;}
nav a {text-decoration:none;}

table {width:100%; margin:2em 0; border-collapse:collapse; border-spacing:0;}
tr {border-top:1px solid #aaa;}
  thead th,
  th {text-align:left; background-color:#dbdbdb;}
  tfoot th {text-align:right;}
th, td {padding:0.25em;}
  .number {text-align:right;}
td, td img {vertical-align:top;}

sup {vertical-align:super; font-size:smaller;}
sub {vertical-align:sub; font-size:smaller;}
pre, code, kbd, samp {font-family:monospace, sans-serif;}
hr {clear:both; width:100%;}

/* Form Elements
----------------------------------------------------*/
form {margin:0 0 1em;}
label {display:block; font-weight:bold;}
button[type="submit"] {}
button, input, select, textarea {margin:0; margin:0 0 0.5em; font-size:100%; vertical-align:baseline; *vertical-align:middle;}
button {width:auto; overflow:visible;}
button, input {line-height:normal;}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {cursor:pointer; -webkit-appearance:button; *overflow:visible;}
input[type="checkbox"],
input[type="radio"] {padding:0; *height:13px; *width:13px;}
input[type="search"] {-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}
button::-moz-focus-inner,
input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top;}

/* Quotes
----------------------------------------------------*/
blockquote {margin:1em; padding:0;}
blockquote p { margin: 0; padding: 0 0.75em; border-left: 3px solid white; border-right: 3px solid white;  line-height: 1.4em; color: white; font-size: 2em; font-style: italic; font-family: 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif; font-weight: 200; }
blockquote footer {display:block; margin-top:1em; color:#666; line-height:1.5em; font-style:italic; font-size:0.8em; font-family:"Adobe Garamond", Garmond, Georgia, "Times New Roman", Times, serif;}
blockquote.pull {float:right; font-style:normal;}

/* Images
----------------------------------------------------*/
img {max-width:100%; width:auto; height:auto; border:none; vertical-align:bottom; -ms-interpolation-mode:bicubic;
  -webkit-box-sizing:content-box;
     -moz-box-sizing:content-box;
          box-sizing:content-box;
}
.image-default,
.image-right,
.image-left {margin:0;}
.image-right {float:right; margin:0 0 1em 1em;}
.image-left {float:left; margin:0 1em 1em 0;}
.image-center {text-align:center;}
.image-default a,
.image-right a,
.image-left a { display:inline-block; text-decoration:none; border:none;}
.image-left + h2 {margin-top:0;}
.captioned img {margin-bottom:0.5em;}

figure {margin:0 0 1em; max-width:100%;}
aside.right,
figure.right {float:right; max-width:100%;}
aside.right p {margin-right:0;}
figure.left {float:left;}
figcaption {display:block; text-align:left; line-height:1.5em;}
  figcaption blockquote {width:auto; font-weight:normal;}

/* Icons
   <i aria-hidden="true" data-icon="a"></i>
   https://dev.conductor.nd.edu/icons-and-buttons/
----------------------------------------------------*/
[data-icon]:before {vertical-align:bottom; color:#333; font-size:1.25rem; font-family:NDIcons; content:attr(data-icon); speak:none; font-style:normal;}
[data-icon="1"]:before {display:inline-block; *display:inline; *zoom:1; vertical-align:middle; font-size:220px; color:#002044;}

/* Buttons */
.btn {display: inline-block; margin: 0; padding: 0.5em 0.75em; text-decoration: none; font-size: 1.2em; line-height: 1.5em; font-weight: 300; font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; background: rgba(0,121,64,0.7); border: 1px solid #42c298;
     -moz-transition: all 150ms linear;
      -ms-transition: all 150ms linear;
  -webkit-transition: all 150ms linear;
          transition: all 150ms linear;}

.btn:visited {color:#eee;}
.btn:hover, .btn.active:hover {color: white; background: #007740; border-color: white;}
.btn i { color: #42c298;
     -moz-transition: all 150ms linear;
      -ms-transition: all 150ms linear;
  -webkit-transition: all 150ms linear;
          transition: all 150ms linear; }
.btn:hover i { color: white; }
.btn [data-icon]:before {color:#fff; font-size:1.25em;}
.btn:hover [data-icon]:before {color:#ecc245;}
  .btn-large {font-size:1.2em;}
  .btn-small {font-size:0.9em;}
  .btn-mini {font-size:0.8em;}

/* General Classes
----------------------------------------------------*/
.noborder {border:none !important;}
.webcal {font-weight:bold;}
  .webcal i {font-weight:normal;}
.pdf {padding:1px 0 0 20px; background:url(/images/icons/pdf.gif) left center no-repeat;}
.ndmark {display:block; width:200px; max-width:100%; text-decoration:none;}

.cf:before, .cf:after {content:"\0020"; display:block; height:0; overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}

.more,
.excerpt_continuation {clear:both; float:none; display:inline-block; *display:inline; *zoom:1; margin:0; padding:0.4em 1.8em 0.45em 0.65em; text-decoration:none; font-size:1.2em; line-height:1.2em; font-weight:300; font-family:"Roboto Slab", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background: transparent url(images/more.png) 90% center no-repeat; color: white;
}
  .more:visited {color:#004da3;}
  .more.right {display:block; text-align:right;}
  .more:hover {color: white; }

.bars {padding:0 0 30px; background:url(images/bars-gray.png) bottom left repeat-x;}

.video {position:relative; display:block; text-align:center;}
.video .play {position:absolute; top:0; left:0; width:100%; height:100%; margin:0 auto; background:url(images/play-btn.png) center center no-repeat;
  -webkit-background-size:auto 100%;
     -moz-background-size:auto 100%;
       -o-background-size:auto 100%;
          background-size:auto 100%;
}

.skip-links {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.skip-links:active, .skip-links:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* Breadcrumbs
----------------------------------------------------*/
.breadcrumbs {display:block; overflow:hidden; margin:0 0 1em; padding:0; list-style:none; font-size:0.8em;}
  .breadcrumbs li {display:inline; float:left; margin:0 4px 0 0;}
  .breadcrumbs a {text-decoration:none;}
    .breadcrumbs a:hover {text-decoration:underline;}
    .breadcrumbs a:visited {color:#dcb439;}
    .about .breadcrumbs a:visited {color:rgb(0,43,93);}

/* Fonts
   https://dev.conductor.nd.edu/fonts/
----------------------------------------------------*/
@font-face {font-family:NDIcons; 
  src:url('//static.nd.edu/fonts/nd/nd.v2.woff2') format('woff2'),
      url('//static.nd.edu/fonts/nd/nd.v2.woff') format('woff'),
      url('//static.nd.edu/fonts/nd/nd.v2.ttf') format('truetype');
}

/* NEWS & EVENTS
----------------------------------------------------*/
article {margin-bottom:4em; color:#999;}
article header {margin:0 0 1em;}
  .events .vevent {margin-left:1em; margin-right:1em;}
.additional-links {margin:0 0 1em; padding:0; list-style:none;}
  .additional-links li {display:inline-block; *display:inline; *zoom:1; margin:0;}
  .additional-links a {text-decoration:none;}
.entry-title {margin:0 0 0.25em; padding:0; font-size:1.7em; line-height:1.35em; font-family:"Roboto Slab", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; text-shadow: none;}
.entry-title a,
.entry-title a:visited {color:#007747;}
  .entry-title.page-title {border:none;}
.publish-info,
.author,
.location,
.posted-in {display:inline-block; *display:inline; *zoom:1; margin:0; color:#999; font-size:1em; font-weight:normal; font-family:inherit; text-shadow:none;}
.publish-info a,
.author a,
.location a,
.posted-in a {color:#999;}
.publish-info b,
.author b,
.location b,
.posted-in {color:#999; font-weight:bold;}

.news-index .hentry { background: white; padding: 1.5em; }

/* Blog full display */
.news-hentry .publish-info,
.news-hentry .author,
.news-hentry .location,
.news-hentry .posted-in { color: white; }
.news-hentry .publish-info a,
.news-hentry .author a,
.news-hentry .location a,
.news-hentry .posted-in a {color:#ccc;}
.news-hentry .publish-info b,
.news-hentry .author b,
.news-hentry .location b,
.news-hentry .posted-in {color:#ccc; font-weight:bold;}

/* Author Blog Archives list view */
.author-archives article.hentry { padding: 1.5em; background: white; }
.author-archives p { text-shadow: none; color: #555; }
.author-archives .excerpt a { color: #002b5c; }

.author a {text-decoration:none;}
  .author a:hover {text-decoration:underline;}
.entry-summary {margin:1em 0;}
.description {margin:1em 0;}
.posted-in {display:none;}
.news-hentry .posted-in,
.event .posted-in {display:block;}

  /* Events */
  .events-date-header {margin:0 0 0.25em; padding:0; color:#999; font-weight:300; font-family:"Roboto Slab", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:1.25em;}
  .events .date-string {display:none;}

.hentry .entry-content { background: white; color: #555; padding: 1.25em; }
.hentry .entry-content p { text-shadow: none; }
.hentry .entry-content a { color: #002b5c; }

/* SEARCH
----------------------------------------------------*/
.search-count,
.search-time {font-family:inherit;}
.search-count {margin:0; font-size:1.4em;}
  .search-query {}
  .search-query i {font-style:normal; font-weight:700;}
.search-time {margin:0 0 1em; color:#666; font-size:1.2em;}
.search-results {margin:1em 0; padding:0; list-style:none;}
  .search-results li {margin:0;}
  .search-record {}
    .search-record header {margin:0 0 0.5em;}
    .search-result-title {font-family:"Roboto Slab", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:1.4em;}
    .search-result-title b {font-weight:500;}
    .search-result-url {font-size:0.9em; font-family:inherit; word-break:break-all;}
      .search-result-url a {color:#388222; font-weight:700;}
    .search-result-excerpt {margin:0 0 0.5em; line-height:1.3em;}
    .search-result-excerpt br {display:none;}
    .search-result-meta {color:#999; font-size:0.9em;}
      .search-result-size {}
      .search-result-date {}
.pagination {}
  .pagination a {}

/*************************************************************************************
 * 2. Screen Styles
 ************************************************************************************/
@media screen,projection {
  .image-default img,
  .image-right img,
  .image-left img { /* border:1px solid #000;
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
       -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
            box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);*/
 }

  .tablewrap {position:relative; overflow-y:auto; margin:0 auto;
    background-repeat:no-repeat;
    background-color:transparent;
    background-size:40px 100%, 40px 100%, 14px 100%, 14px 100%;
    background-attachment:local, local, scroll, scroll;
 }

  /* STRUCTURE
  ----------------------------------------------------*/
  html {background: url(images/photo-students-bw.jpg) 0 0 repeat; /* background-size: cover; */ background-attachment: fixed; background-position: center top;}
  html.touch { background-size: auto; }
  .wrapper { height: 100%;}

  /* HEADER
  ----------------------------------------------------*/
  .site-header {text-align:center;}
  .brandbar,
  .titlebar {overflow:hidden;}
  .titlebar {border-top: 1px solid #000; border-bottom: 1px solid #000;
    background: #fff;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%) #fff;
    background: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%) #fff;
    background: linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%) #fff;
    -webkit-box-shadow: 0 1px rgba(130,150,173,0.6) inset, 0 0 1em rgba(0,0,0,0.5);
       -moz-box-shadow: 0 1px rgba(130,150,173,0.6) inset, 0 0 1em rgba(0,0,0,0.5);
            box-shadow: 0 1px rgba(130,150,173,0.6) inset, 0 0 1em rgba(0,0,0,0.5);
  }
  .brandbar {}
    .dept {display:none; border-top:1px solid  #000;
      -webkit-box-shadow:0 1px rgba(0,122,217,0.4) inset;
         -moz-box-shadow:0 1px rgba(0,122,217,0.4) inset;
              box-shadow:0 1px rgba(0,122,217,0.4) inset;
   }
    .brandbar li {margin:0 -0.9375em; padding:0;}
    .brandbar a {display:block;  margin:0 auto; text-decoration:none; height:50px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat;}
    .dept-nd img {display:none;}
      .dept-nd a {background-position:left 0;}
      .dept a {background-position:right 0;}

  .titlebar {position:relative; padding:0.75em 0;}
    .site-title {clear:both; width:80%; margin:0; padding:0; font-size:1.75em; line-height:1.75em; font-weight:300; text-align:left; text-shadow:0 1px rgba(255,255,255,0.7);}
    .site-title a {display:block; border:none; color:#002b5b; text-decoration:none;}
      .site-title a:visited {color:#002b5b;}
      .site-title a:hover {text-decoration:none;}
      .subhead {}
       .sublined .site-title {margin:0;}
       .subline {clear:left; margin:0.25em 0 0.5em; color:#333; font-family:inherit; font-size:1em;}

  .header-util {position:relative; margin:0 auto; padding:0 1em; text-align:center;}
    .header-util form {display:none; overflow:hidden; width:91%; margin:0 auto 0.5em; padding:1px 1px 1px 9px; border:1px solid #949494; line-height:1.1em; background-color:#fff;
      -moz-border-radius:2em;
           border-radius:2em;
      -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3), 0 1px rgba(255,255,255,0.65);
         -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3), 0 1px rgba(255,255,255,0.65);
              box-shadow:inset 0 1px 2px rgba(0,0,0,0.3), 0 1px rgba(255,255,255,0.65);
   }
    .header-util label {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
    .search-input {display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:86%; height:1.7em; margin:0; padding:0; border:none; font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; font-size:1.1em; color:#444; -webkit-appearance:textfield; background:transparent; }

    .search-button {display:inline-block; *display:inline; *zoom:1; float:right; position:relative; text-indent:-9999px; overflow:hidden; width:2em; height:2em; margin:0; padding:0; cursor:pointer; background-color: transparent; border: none; }
      .lt-ie9 .search-button {background:#a5a5a5 url(/images/icons/searchmag.png) center center no-repeat;}
    .search-button:hover, .search-button:active {
    	color: #545454;
		background: transparent;
   }
    .search-button:before {content:attr(data-icon); display:block; position:absolute; top:5px; left:0; color:#6a6a6a; font-size:1.4em; line-height:1.3em; font-family:NDIcons; text-indent:0; text-shadow:0 1px #eee;}
      .lt-ie9 .search-button:before {content:'';}
    .search-button:hover:before {color:#545454; text-shadow:0 1px rgba(255,255,255,0.6);}
    .search-button:active:before {text-shadow:0 -1px rgba(255,255,255,0.6);}

  .header-util nav ul {margin:0.4em 0 0; text-align:center; line-height:1em;}
  .header-util nav li {display:inline-block; *display:inline; *zoom:1; width:32%;}
  .header-util nav a {display:block; padding:.625em; color:#002b5b; font-family:"Roboto Slab", "HelveticaNeue",Helvetica,Arial,sans-serif; font-weight:bold; text-decoration:none; text-shadow:0 1px rgba(255,255,255,.9); border:1px solid #562e07;
        border-radius:3px;
        background-color:#dcb439;
        background-image:-webkit-radial-gradient(50% 20%, rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 100%);
        background-image: -moz-radial-gradient(50% 20%, rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 100%);
        background-image:      radial-gradient(50% 20%, rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 100%);
        -webkit-box-shadow:0 1px rgba(255,255,255,.4) inset, 0 1px 2px rgba(0,0,0,.3), 0 0 4px rgba(82,31,0,.4) inset;
           -moz-box-shadow:0 1px rgba(255,255,255,.4) inset, 0 1px 2px rgba(0,0,0,.3), 0 0 4px rgba(82,31,0,.4) inset;
                box-shadow:0 1px rgba(255,255,255,.4) inset, 0 1px 2px rgba(0,0,0,.3), 0 0 4px rgba(82,31,0,.4) inset;
        -webkit-box-sizing:border-box;
           -moz-box-sizing:border-box;
                box-sizing:border-box;
 }
  .header-util nav a:hover {color:#fff; text-shadow:0 -1px rgba(0,0,0,.9); border:1px solid #001834;
        background-color:#002b5b;
        background-image:-webkit-radial-gradient(50% 20%, rgba(0,83,176,1) 0%, rgba(0,83,176,0) 100%);
        background-image: -moz-radial-gradient(50% 20%, rgba(0,83,176,1) 0%, rgba(0,83,176,0) 100%);
        background-image:      radial-gradient(50% 20%, rgba(0,83,176,1) 0%, rgba(0,83,176,0) 100%);
        -webkit-box-shadow:0 1px rgba(0,83,176,.8) inset, 0 1px 2px rgba(0,0,0,.3);
           -moz-box-shadow:0 1px rgba(0,83,176,.8) inset, 0 1px 2px rgba(0,0,0,.3);
                box-shadow:0 1px rgba(0,83,176,.8) inset, 0 1px 2px rgba(0,0,0,.3);
 }

  /* OFFSCREEN NAV
  ----------------------------------------------------*/
  .nav-mobile {overflow:auto; position:fixed; top:0; bottom:0; right:-13.755em; width:13.755em; height:100%; padding:1em; border-left:1px solid rgba(0,0,0,0.3); background-color:white;
    -webkit-overflow-scrolling:touch;
    -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,0.25) inset;
       -moz-box-shadow:0 0 8px 0 rgba(0,0,0,0.25) inset;
            box-shadow:0 0 8px 0 rgba(0,0,0,0.25) inset;
    -webkit-transform:translate(0, 0);
       -moz-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
         -o-transform:translate(0, 0);
            transform:translate(0, 0);
    -webkit-transition:0.15s ease;
       -moz-transition:0.15s ease;
         -o-transition:0.15s ease;
            transition:0.15s ease;
 }
  .nav-mobile.active {
    -webkit-transform:translate(-13.755em, 0);
       -moz-transform:translate(-13.755em, 0);
        -ms-transform:translate(-13.755em, 0);
         -o-transform:translate(-13.755em, 0);
            transform:translate(-13.755em, 0);
 }
    .nav-mobile .search-form {margin:0 auto 1.5em; padding:1px 1px 1px 8px; border:1px solid #aaa; font-size:0.75em; line-height:1.1em; background-color:#fff; -webkit-border-radius:1.4em; border-radius:1.4em;}
    .nav-mobile .search-form button { background: transparent; border: none; }
    .nav-mobile .search-form label {display:none;}
    .nav-mobile .search-input {width:85%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
  .wrapper {
    -webkit-transform:translate(0, 0);
       -moz-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
         -o-transform:translate(0, 0);
            transform:translate(0, 0);
    -webkit-transition:0.15s ease;
       -moz-transition:0.15s ease;
         -o-transition:0.15s ease;
            transition:0.15s ease;
 }
  .wrapper.active {
    -webkit-transform:translate(-13.725em, 0);
       -moz-transform:translate(-13.725em, 0);
        -ms-transform:translate(-13.725em, 0);
         -o-transform:translate(-13.725em, 0);
            transform:translate(-13.725em, 0);
 }

  .nav-skip {position:absolute; top:0.2em; right:0.3em; display:block; width:2em; height:2em; padding:0.5em 0; text-indent:2.1875em; font-size:1.3em; line-height:1.9em; text-align:center; text-decoration:none; border:1px solid #001227;
    background:#002b5b url(images/texture-checkers-lightblue50.png) 0 0 repeat;
    background:-webkit-linear-gradient(top, #003b7c 0%, #001227 100%);
    background:  -moz-linear-gradient(top, #003b7c 0%, #001227 100%);
    background:       linear-gradient(top, #003b7c 0%, #001227 100%);
    -webkit-box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset;
       -moz-box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset;
            box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset;

  }
    .nav-skip span {position:relative; top:0.4em; margin:0 auto;
      -webkit-transition-duration:0s;
         -moz-transition-duration:0s;
          -ms-transition-duration:0s;
           -o-transition-duration:0s;
              transition-duration:0s;
      -webkit-transition-delay:0.2s;
         -moz-transition-delay:0.2s;
          -ms-transition-delay:0.2s;
           -o-transition-delay:0.2s;
              transition-delay:0.2s;
   }
    .nav-skip span:before,
    .nav-skip span:after {position:absolute; content:'';}
    .nav-skip span,
    .nav-skip span:before,
    .nav-skip span:after {width:1.3em; height:3px; background-color:#eee; display:block;
      -webkit-transition-property:top, -webkit-transform;
         -moz-transition-property:top, -moz-transform;
          -ms-transition-property:top, -ms-transform;
           -o-transition-property:top, -o-transform;
              transition-property:top, transform;
      -webkit-transition-duration:0.2s;
         -moz-transition-duration:0.2s;
          -ms-transition-duration:0.2s;
           -o-transition-duration:0.2s;
              transition-duration:0.2s;
      -webkit-transition-delay:0.2s, 0;
         -moz-transition-delay:0.2s, 0;
          -ms-transition-delay:0.2s, 0;
           -o-transition-delay:0.2s, 0;
              transition-delay:0.2s, 0;
   }
    .nav-skip span:before {top:-0.45em;}
    .nav-skip span:after {top:0.45em;}

    .nav-skip.toggled span {background-color:rgba(0,0,0,0.0);
      -webkit-transition-delay:0.2s;
         -moz-transition-delay:0.2s;
          -ms-transition-delay:0.2s;
           -o-transition-delay:0.2s;
              transition-delay:0.2s;
   }
    .nav-skip.toggled span:before,
    .nav-skip.toggled span:after {top:0;
      -webkit-transition-delay:0, 0.2s;
         -moz-transition-delay:0, 0.2s;
          -ms-transition-delay:0, 0.2s;
           -o-transition-delay:0, 0.2s;
              transition-delay:0, 0.2s;
   }
    .nav-skip.toggled span:before {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
    .nav-skip.toggled span:after {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}

  /* STRUCTURE
  ----------------------------------------------------*/
  .site-content {padding-top:1em;}
  .home .site-content.row,
  .home .site-footer.row {max-width:100%;}
  .home .site-content {padding-top:0;}
  .beta {padding:1em 0; border-top:1px solid #dadada;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.9);
       -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.9);
            box-shadow:inset 0 1px 0 rgba(255,255,255,0.9);
 }
 .home .beta {background:#001c3d; border-bottom: 2px solid #002b5c; }

  .main,
  .aside {text-shadow:0 1px 0 #fff;}
  .aside {margin-top:1em;}
    .aside h2 {margin:0 0 0.75em; padding:0 0 1em; font-size:1.4em; background:url(images/border-double.png) left bottom repeat-x;}
    .aside img {margin-bottom:1em;}
    .aside ul {padding:0 0 0 1em; list-style:none;}
    .aside li a {text-decoration:none; font-weight:bold; font-size:0.9em;}
      .aside li a:hover {text-decoration:underline;}
    .aside .entry-title {font-size:1.2em;}
    .aside article footer {display:none;}


  .page-title {margin:0 0 .35em; padding:0 0 0.25em; border-bottom:2px solid #dcb439;}

  .nav-top .site-title {display:none; float:none; vertical-align:top; font-size:1.25em; margin:0 0.5em 0 0;}
  .site-title a {padding:0.55em 0; display:block; background:url(images/logo-theshirt@2x.png) left center no-repeat; background-size:contain; text-indent:-9999px; width:130px;}
  .titlebar .site-title a {padding:0;}

  /* TOP NAVIGATION
  ----------------------------------------------------*/
  .nav-top {display:none; height:67px; padding:0.5em 0; z-index:10; width:100%; text-align:left; border-bottom:1px solid #000;
        background:#fff;
        background:-webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%) #fff;
        background:   -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%) #fff;
        background:        linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%) #fff;
        -webkit-box-shadow:0 1px rgba(130,150,173,0.6) inset, 0 0 1em rgba(0,0,0,0.5);
           -moz-box-shadow:0 1px rgba(130,150,173,0.6) inset, 0 0 1em rgba(0,0,0,0.5);
                box-shadow:0 1px rgba(130,150,173,0.6) inset, 0 0 1em rgba(0,0,0,0.5);
 }
    .home .nav-top {position:absolute; bottom:auto; top:50px; }
 .nav-top #primary {display:inline-block; vertical-align:top;}
  .nav-top li {display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-family:"Roboto Slab", Helvetica, Arial, Verdana, sans-serif; font-size:1.125em;}
  .nav-top li a {display: table-cell; vertical-align: middle; padding: .5em 0.75em; color: #002b5c; text-align: center; border: none; border-bottom-color: transparent;
    -webkit-transition: all 250ms ease-in-out;
       -moz-transition: all 250ms ease-in-out;
            transition: all 250ms ease-in-out;
  }
  .nav-top li.active a { color: #002b5c; border-bottom: 2px solid #d9dfe7;}
  .nav-top li a:hover { background: #d9dfe7; border-bottom: 2px solid transparent; }
  .nav-top .header-util {display:none;}

  .nav-top.stuck{position: fixed; top: 0; height: 65px; width: 100%;}

  /* NAVIGATION
     ----------------------------------------------------*/
  #nav_54857 ul {display:none;}
  .nav-site {}
  .nav-site ul {padding:0 0 1em;}
    .nav-site ul li {margin:0.2em 0;}
    .nav-site ul a {display:block; padding:0.5em 0.7em 0.5em 1.7em; text-indent:-1em; line-height:1.2em; text-transform:none; color:#002b5b; font-size:1.3em; font-weight:300; font-family:"Roboto Slab", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; -ms-transition: all 150ms linear; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
    .beta .nav-site ul a { color: white; font-weight: 500; }
    .nav-site ul a:hover, .nav-site ul > .active > a { color:#002b5c; background:#d9dfe7; }
  .nav-site ul ul {padding:0;}
    .nav-site ul ul a {padding:0 0 0 32px; text-indent:-1em; color:#444; font-size:1.125em; font-family:inherit; border:none;}
    .nav-site ul ul li {margin:0.5em 0;}
    .nav-site ul ul a:hover {color:#004da3; border:none;}
    .nav-site ul ul > .active > a {color:#004da3; border:none; font-weight:400; background:url(images/navsub.png) 0 4px no-repeat;}
    .nav-site li.last{margin-bottom:1em;}
  .nav-site ul ul ul {margin-left:1em; padding:0; font-size:0.9em;}
    .nav-site ul ul ul a {}
    .nav-site ul ul ul a:hover {background:none;}
    .nav-site ul ul ul .active > a {color:#555; font-weight:bold;}
    .nav-site ul ul ul .active > .current-last {color:#004da3;}
  .nav-site ul ul ul ul {margin-left:1.5em;}
    .nav-site ul ul ul ul a {padding:0 0 0 1.5em;}
  .nav-site ul ul ul ul ul {margin-left:1.5em;}

  .nav-section {display:none;}

  /* HOME
     ----------------------------------------------------*/
  .home-feature {margin:2em 0; text-align:center;}
    .home-feature .image-default,
    .home-feature .image-left,
    .home-feature .image-right {float:none; max-width:none;}
      .home-feature .image-default img,
      .home-feature .image-left img,
      .home-feature .image-right img {border:none;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
      }
  .home-primary {margin:0 auto 2em;}
    .home-primary .image-right,
    .home-primary .image-left,
    .home-primary .image-default {float:none; margin:0 0 1em;}
    .home .entry-title {padding:0; border:none; font-size:1.5em; font-family:inherit;}
  .feature-vid {margin:1em 0;}
  .feature-vid .fluid-width-video-wrapper {box-shadow: 5px 5px 0 0 #fff; border:1px solid #fff;}

  .home-secondary .columns > h2 {margin:0 0 0.3em; padding:0 0 0.3em; border-bottom:2px solid #dcb439;}
    .home-secondary .columns > h2 a {color:#002b5b;}
    .home-secondary .columns .entry-title {font-size:1.8em;}

  .row .row {border-top:1px solid #fff;}
  .row .row.home,
  .row .row.bg-transition,
  .row .row.flex-container {border-top:none;}

  .bg-transition {background:rgba(0,43,93,0.66); padding-bottom:0 !important; padding-left:0.9375em; padding-right:0.9375em; position:relative;}
    .bg-transition .transition-1,
    .bg-transition .transition-2,
    .bg-transition .transition-3 {display:none; position:absolute; top:0; bottom:0;
      -webkit-transform:skewX(-30deg);
          -ms-transform:skewX(-30deg);
              transform:skewX(-30deg);
    }
    .bg-transition .transition-1 {left:-50%; right:90%; background:rgba(0,155,72,0.6);}
    .bg-transition .transition-2 {left:10%; right:50%; background:rgba(0,43,93,0.66);}
    .bg-transition .transition-3 {left:50%; right:-50%; background:rgba(220,180,57,0.6);}

  .current-design {
      background-image: -moz-linear-gradient(left, rgba(0,43,93,0.66) 0%, rgba(0,43,93,0.66) 100%), url(images/photo-design.jpg);
      background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,43,93,0.66)), color-stop(100%,rgba(0,43,93,0.66))), url(images/photo-history.jpg);
      background-image: -webkit-linear-gradient(left, rgba(0,43,93,0.66) 0%, rgba(0,43,93,0.66) 100%), url(images/photo-design.jpg);
      background-image: -o-linear-gradient(left, rgba(0,43,93,0.66) 0%, rgba(0,43,93,0.66) 100%), url(images/photo-design.jpg);
      background-image: -ms-linear-gradient(left, rgba(0,43,93,0.66) 0%, rgba(0,43,93,0.66) 100%), url(images/photo-design.jpg);
      background-image: linear-gradient(to right,  rgba(0,43,93,0.66) 0%, rgba(0,43,93,0.66) 100%), url(images/photo-design.jpg);
      background-position: center center, center center;
      background-size: cover, cover;
      background-repeat: no-repeat, no-repeat;
      }
  .current-design .dots-current-design { background: none; position: relative;}
  .current-design .shirt-media { margin-top: 0; }
  .current-design .shirt-preview {list-style:none; padding:2em 0 0 0; margin: 0;}
  .current-design .shirt-preview .thumb {display:inline-block; width:100%; border:5px solid #fff; background:#fff; overflow:hidden;
    -webkit-border-radius: 999px;
       -moz-border-radius: 999px;
            border-radius: 999px;
  }
  .current-design .shirt-preview .thumb img {width:100%;}
  .current-design .shirt-img {display:none; padding-top:2.5em; text-align:center;}
  .current-design .glow {position:absolute; top:0; left:0; width:100%;
  -webkit-animation:spin 120s linear infinite;
     -moz-animation:spin 120s linear infinite;
          animation:spin 120s linear infinite;
  }
  .current-design .thumb-large {position:relative; z-index:2;}
  @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
  @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
  @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

  .about {
      background-image: -moz-linear-gradient(left, rgba(220,180,57,0.6) 0%, rgba(220,180,57,0.6) 100%), url(images/photo-about.jpg);
      background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(220,180,57,0.6)), color-stop(100%,rgba(220,180,57,0.6))), url(images/photo-about.jpg);
      background-image: -webkit-linear-gradient(left, rgba(220,180,57,0.6) 0%, rgba(220,180,57,0.6) 100%), url(images/photo-about.jpg);
      background-image: -o-linear-gradient(left, rgba(220,180,57,0.6) 0%, rgba(220,180,57,0.6) 100%), url(images/photo-about.jpg);
      background-image: -ms-linear-gradient(left, rgba(220,180,57,0.6) 0%, rgba(220,180,57,0.6) 100%), url(images/photo-about.jpg);
      background-image: linear-gradient(to right,  rgba(220,180,57,0.6) 0%, rgba(220,180,57,0.6) 100%), url(images/photo-about.jpg);
      background-position:center center, center top;
      background-size:cover, cover;
      background-repeat:no-repeat, no-repeat;
      }

  .about-icon {width:120px; height:120px; text-align:center; padding-top:1.3em; margin: 1em auto 0; }
  .about h2 {margin-bottom:2.5em; font-size: 2.3em; }
  .about .match1, .about .match2, .about .match3 { position: relative; }
  .about h3 {text-align:center; text-transform:uppercase; margin-top:0; overflow: hidden; }
  .about h3 span { background: none; font-weight: 600; position: relative; display: inline-block;  }
  .about h3 span:before, .about h3 span:after { content: ""; position: absolute; height: 0.6em; border-bottom: 1px solid white; top: 0; width: 600px; }
  #about .page-title {margin-bottom:2em;}
  .about h3 span:before { right: 100%; margin-right: 0.5em; }
  .about h3 span:after { left: 100%; margin-left: 0.5em; }

  .about .large-4 { padding-bottom:1em;
      background:#002b5d;
      background:rgba(0,43,93,0.8)
      }
  .about .next-container { margin-top: 4em; }

  .history { position:relative;
      background-image: -moz-linear-gradient(left, rgba(0,155,72,0.6); 0%, rgba(0,155,72,0.6) 100%), url(images/photo-history-bw.jpg);
      background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,155,72,0.6)), color-stop(100%,rgba(0,155,72,0.6))), url(images/photo-history-bw.jpg);
      background-image: -webkit-linear-gradient(left, rgba(0,155,72,0.6) 0%, rgba(0,155,72,0.6) 100%), url(images/photo-history-bw.jpg);
      background-image: -o-linear-gradient(left, rgba(0,155,72,0.6) 0%, rgba(0,155,72,0.6) 100%), url(images/photo-history-bw.jpg);
      background-image: -ms-linear-gradient(left, rgba(0,155,72,0.6) 0%, rgba(0,155,72,0.6) 100%), url(images/photo-history-bw.jpg);
      background-image: linear-gradient(to right,  rgba(0,155,72,0.6) 0%, rgba(0,155,72,0.6) 100%), url(images/photo-history-bw.jpg);
      background-position:center center, center top;
      background-size:cover, cover;
      background-repeat:no-repeat, no-repeat;
      }
    .history h2 { margin: 1em 0; }
    .history .tabs {list-style:none; padding:0;}
      .history .tabs li {border:1px solid #fff; margin:0.5em 0; padding:0;}
        .history .tabs li a {text-decoration:none; display:block; padding:0.9375em; font-size: 1.2em; text-align: center; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; white-space: nowrap;}
        .history .tabs li a:hover { background: rgba(0,83,29,0.8); }
        .history .tabs li a.active:hover {  }
    .history #tab1,
    .history #tab2,
    .history #tab3,
    .history #tab4 {border:1px solid #fff; padding-top:0.9375em; margin-bottom:3em; background: rgba(0, 86, 46, 0.6);}
    .history #tab1 .image-left,
    .history #tab2 .image-left,
    .history #tab3 .image-left,
    .history #tab4 .image-left { max-width: 40%; }
    .history main {position:static;}
    .history p.more-link { padding: 0 2em; margin: 0; text-align: center; }

  .faq {
      background-image: -moz-linear-gradient(left, rgba(0,43,93,0.66) 0%, rgba(0,43,93,0.66) 50%, rgba(0,155,72,0.6) 50%, rgba(0,155,72,0.6) 100%), url(images/photo-faqs.jpg);
      background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,43,93,0.66)), color-stop(50%,rgba(0,43,93,0.66)), color-stop(50%,rgba(0,155,72,0.6)), color-stop(100%,rgba(0,155,72,0.6))), url(images/photo-faqs.jpg);
      background-image: -webkit-linear-gradient(left, rgba(0,43,93,0.66) 0%, rgba(0,43,93,0.66) 50%, rgba(0,155,72,0.6) 50%, rgba(0,155,72,0.6) 100%), url(images/photo-faqs.jpg);
      background-image: -o-linear-gradient(left, rgba(0,43,93,0.66) 0%, rgba(0,43,93,0.66) 50%, rgba(0,155,72,0.6) 50%, rgba(0,155,72,0.6) 100%), url(images/photo-faqs.jpg);
      background-image: -ms-linear-gradient(left, rgba(0,43,93,0.66) 0%, rgba(0,43,93,0.66) 50%, rgba(0,155,72,0.6) 50%, rgba(0,155,72,0.6) 100%), url(images/photo-faqs.jpg);
      background-image: linear-gradient(to right,  rgba(0,43,93,0.66) 0%, rgba(0,43,93,0.66) 50%, rgba(0,155,72,0.6) 50%, rgba(0,155,72,0.6) 100%), url(images/photo-faqs.jpg);
      background-position:center center, center top;
      background-size:cover, cover;
      background-repeat:no-repeat, no-repeat;
  }
  .faq h3 {border:1px solid #fff; padding:0.25em 0.95em; font-weight: 700;}
    .faq .tabs {padding:0; list-style:none;}
      .faq .tabs li { margin:0.25em 0; }
        .faq .tabs li a {display:block; padding:0.5em .75em; text-decoration:none; position: relative; }
        .faq .tabs li a:hover,
        .faq .tabs li a.active {background:#fff; color:rgb(0,43,93); }

  .next-container {text-align:center; z-index: 2;}
  #lander .next-container {/*margin-top:-3em;*/}
  .next {display:inline-block; font-size:2.5em; background:#fff; color:#999; padding:0.08em 0.25em; border-radius:10em;}

  /* Countdown Clock */
  .countdown-container {text-align:center; margin-bottom:1em;}
    .countdown-container h2 {display:block; margin-top:0;}
    .countdown-section {display:none; display:inline-block; margin:0 0.35em;}
      .countdown-amount {display:block; font-size:2.5em; font-weight:bold;}
      .countdown-period {display:block; text-transform:uppercase; margin-top:0.25em;}

  .home .home.row .headline {text-align:right; margin-bottom:1em; }
  .hl2 {display:none;}
    .home .home.row .headline h3.date {text-align:left; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; margin: 0; font-size: 1.3em; text-shadow: none; float: left; border-right: 1px solid white; margin-right: 0.5em; padding: 0 0.5em; }
    .home .home.row .headline h3 span { padding:0.25em; color: white; font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; font-weight: 400; display: block; }
    .home .home.row .headline h3 span.month { }
    .home .home.row .headline h3 span.day {  font-size: 2em; font-weight: 700; }
    .home .home.row .headline h3 span.year {  }
    .home .home.row .headline .article-link { text-align:left; color: white; padding: 0.5em 1em; text-shadow: none; margin: 0; }
    .home .home.row .headline .more-link { font-size: 0.9em; text-decoration: none; }
    .home .home.row .headline .more-link:hover i { color: #dcb439;}
    .home .home.row .article-link a { font-size: 1.4em; font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; color: white; }
    .home .home.row .article-link a:hover { text-decoration: underline; }
    .countdown-container, .home.row .headline { padding: 1em 1em 1em 0; border-radius: 3px; background: rgba(0, 0, 0, 0.4); border: 1px solid rgba(255, 255, 255, 0.7); margin-top: 1em; }

  /* SIDE WIDGET
     ----------------------------------------------------*/
  .side-widget {position:fixed; top:200px; right:-185px; display:none;}
    .side-widget ul.social { border-bottom: 2px solid #ccc; }
    .side-widget ul,
    .side-widget li {padding:0; margin:0; list-style:none; }
    .side-widget li.sep { background: white; color: #afafaf; }
    .side-widget li a {color:#707070; fill: #707070; display: block; background: white; padding:0.5em 0; position:relative; right:0; text-decoration: none; border-bottom: 1px solid white;
      -webkit-transition: right 0.5s ease, background 0.5s linear;
         -moz-transition: right 0.5s ease, background 0.5s linear;
              transition: right 0.5s ease, background 0.5s linear; }
    .side-widget i, .side-widget svg {margin:0.25em; display:inline-block; width:32px; text-align:center; font-size: 1.5em;}
    .side-widget span { padding-right: 0.5em; }

    .side-widget li a:hover {right:185px;}
    .side-widget li a.facebook:hover { background: #3B5998; color: white; }
    .side-widget li a.twitter:hover { background: #55acee; color: white; fill: white; }
    .side-widget li a.instagram:hover { background: #e3ae1f; color: white; }
    .side-widget li a.buy:hover { background: #007940; color: white; }
    .side-widget li a.donate:hover { background: #6441a5; color: white; }

  /* CUSTOM PAGES
     ----------------------------------------------------*/
  .news-archives .page-title a { color: white; }

  .blog .blog-list article { color: #555; }
  .blog .blog-list { padding-top:1em; padding-bottom:1em; text-shadow: none; }
  .blog .blog-list p { text-shadow: none; }
  .blog .blog-list p a { color: #002b5c; }
  .blog .twitter-feed h3 {margin-top:0;}

  .tweet {margin-bottom:1em;}
  .tweet a {color:#dcb439; text-decoration:none;}
  .tweet a:hover {text-decoration:underline;}
  .tweet p {margin-bottom:0.5em;}
  .tweet .tweet-user {font-size:1.25em;}
  .tweet .tweet-response {text-align:right;}
    .tweet .tweet-response a {display:inline-block; margin-left:1em;}

  .follow {text-align:center;}
    .follow a {display:inline-block; color:#dcb439; text-decoration:none; padding:0.5em 1em; border:1px solid #dcb439;}

    .history-timeline.history { background-attachment: fixed; background-position: center center; background-size: cover; }
    .history-timeline article { color: white; }
    .history-timeline .image-default img, .history-timeline .image-right img, .history-timeline .image-left img { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
    .history-timeline .image-right { width: auto white-space: normal; }
    .history-timeline .image-right a { width: 100%; }

  /* FOOTER
     ----------------------------------------------------*/
  .site-footer { position:relative; clear:both; overflow:hidden; margin:0 auto; text-align:center; color: #888; background:#fff;}
    .footer-inner { position:relative; margin:0 auto; padding: 1em 0; }
    .site-footer p { margin:0; font-size:0.875em; text-shadow: none; }
    .site-footer a { color: #002b5c; }
  .site-info { margin:1em 0; }
  .site-info li {display:inline-block; *display:inline; *zoom:1; margin:0 2%;}
  .site-info a {text-decoration:underline;}
  .geo,
  .country-name {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
  .address {display:block; margin:0;}
  .site-link,
  .org,
  .tel {display:block;}
  .ndmark {width:200px; margin:2em auto;}

  /* IE Fixes */

  .ie .about {background:url(images/photo-about.jpg); background-size:cover;}
  .ie .home .about,
  .ie .about .wrapper {
      background:url(images/yellow.png);
      background:rgba(220,180,57,0.6);
      }
  .ie .about-icon {background:transparent; margin-top:0;}

  .ie .history {background:url(images/photo-history.jpg); background-size:cover;}
  .ie .home .history,
  .ie .history .wrapper {
      background: url(images/green.png);
      background:rgba(0,155,72,0.6);
  }
  .ie .home .faq {
      background: url(images/blue-bg.png);
      background: rgba(0,43,93,0.66);
  }
  .lt-ie9 .wrapper,
  .lt-ie9 .bg-transition,
  .lt-ie9 .home .current-design {background:url(images/bg.png);}
  .lt-ie9 .site-title a {background-image:url(images/logo-theshirt.png); width:150px;}
  .lt-ie9 .nav-top .site-title a,
  .lt-ie9 .nav-top .header-util {display:none !important;}
  .lt-ie9 .titlebar {display:block !important;}
}

/*************************************************************************************
 * 3. Media Queries
 ************************************************************************************/

/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.250em) {
  .dept {display:block; border:none;}
  .entry-title {font-size:1.85em;}
  .home-feature .image-default img,
      .home-feature .image-left img,
      .home-feature .image-right img {/*max-width:50%;*/}
      
  .about-icon { margin: 1em auto 0; }
      
  .history-timeline .image-right { width: 50%; white-space: nowrap;}
  .history-timeline .image-right a { width: 50%; }
}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  .wrapper {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }

  h1 {font-size:2.313em;}
  h2 {font-size:2.063em;}
  h3 {font-size:1.75em;}
  h4 {font-size:1.625em;}
  h5 {font-size:1.375em;}
  h6 {font-size:1.125em;}

  blockquote {margin:0 2em;}
  blockquote.pull {float:right; width:30%;}

  .image-right img,
  .image-left img {max-width:auto;}
  .tablewrap {background:none;}


  /* Structure */
  .site-content {padding-top:2em; padding-bottom:2em;}
  .home .site-content {padding-bottom:0;}
    .nav-top-true.home .alpha {display:block; width:100%; left:0; margin:0;}
  .beta {border:none;
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
 }
    .full-width .alpha {width:100%; left:auto; margin:0;}
    .full-width .beta {display:none;}

  /* Header */
  .site-header {text-align:left;}
  .brandbar {padding:0;}
  .titlebar {}
    .brandbar li {margin:0 -2em;}
    .titlebar.subhead {padding:0.7em 1em;}
  .site-title {float:left; width:auto; margin:0; padding:0; font-size:2.5em;}
    .site-title a {padding:0.65em 0 0.75em; line-height:1em;}
    .sublined {float:left;}
    .subline {float:left;}
  .search-input {float:left; width:auto; font-size:0.8em;}
  a.nav-skip {display:none;}
  .dept,
  .theme-bb-gold .dept {border-top:0 none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
  .brandbar li {margin:0;}
    .dept {float:right;}
    .dept-nd {float:left;}

  .header-util {float:right; top:0.5em; margin:0; padding:0; text-align:right;}
    .subhead .header-util {top:1.4em;}
    .header-util form {display:block; width:auto; margin:0;}
    .header-util nav {display:block; margin:3px 0;}
    .header-util nav ul {margin:0;}
    .header-util nav li {width:auto; display:block; text-align:right;}
    .header-util nav a {font-size:0.825em; font-weight:normal;}
    .header-util nav a,
    .header-util nav a:hover {display:inline; padding:0; border:0 none; background:none;
        -webkit-box-shadow:0 0 rgba(255,255,255,0) inset, 0 0 rgba(0,0,0,0);
           -moz-box-shadow:0 0 rgba(255,255,255,0) inset, 0 0 rgba(0,0,0,0);
                box-shadow:0 0 rgba(255,255,255,0) inset, 0 0 rgba(0,0,0,0);
   }
    .header-util nav a:hover {color:#002b5b; text-decoration:underline; text-shadow:0 1px rgba(255,255,255,.9);}
    .header-util .search-toggle {display:none;}
    .search-button {width:23px; height:23px;}
      .search-button:before {top:2px; left:0; font-size:18px;}

  /* Homepage */

  .side-widget {display:block;}

  .feature-vid {margin:6em auto; float:none !important; width:50% !important;}
  .feature-vid .fluid-width-video-wrapper {box-shadow: 10px 10px 0 0 #fff;}

  .home.row .dots-home-video { background: url(images/dots-home.png) no-repeat center 13em; position: absolute; top: 0; height: 43%; width: 100%; z-index: 0; background-size: 70%; }
  .home.row .dots-home-logo { background: url(images/dots-home-logo.png) no-repeat center top; position: absolute; top: 0; height: 30%; width: 100%; z-index: 0; background-size: 75%; margin-top: 14.5%; }
  
  .countdown-container, .home.row .headline { font-size: 80%; }

  .bg-transition {background:none;}
    .bg-transition .transition-1,
    .bg-transition .transition-2,
    .bg-transition .transition-3 {display:block;}
  .current-design h2 { font-size: 3em; }
  .home .current-design {background: url(images/photo-design.jpg) center 0 no-repeat; background-size:cover; padding-top: 1em;}
  .current-design .shirt-img {display:block; perspective: 800px; }
  .current-design .shirt-img img { transform-style: preserve-3d; transition: transform 1s; }
  .current-design .shirt-preview { padding:0; }
  .current-design .dots-current-design { background: url(images/dots-shirt.png) no-repeat center bottom; background-size: 70%; }
  .current-design .next-container { /* margin-top:-3em; */ }
  .btn.buy { text-align: center; text-transform: uppercase; font-size: 1.3em; padding: 0.5em 1em; }

  .shirt-media, .shirt-details { margin: 1em 0; }

  .btn.buy i { margin-right: 0.5em; }
  .btn.buy span, .btn.buy i { display: inline-block; line-height: 1; }
  .btn.buy span em { font-size: 0.7em; text-transform: none; display: block; }

  .shirt-quote { margin: 4em 0 0; }

  .about.row .dots-about-top { background: url(images/dots-about-top.png) no-repeat center top; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 0; background-size: 80%; }
  .about.row .dots-about-bottom { background: url(images/dots-about-bottom.png) no-repeat center bottom; position: absolute; bottom: 0; left: 0; height: 6.8em; width: 100%; z-index: 0; background-size: 80%; }
  .about h2 { margin-bottom: 4em; margin-top:1em; }

  .history .tabs {margin-bottom:0;}
    .history .tabs li {margin:0; border:none;}
      .history .tabs li a {border-bottom:1px solid #fff; border-left:0; border-top:0; border-right:0; padding:16px 16px 15px 16px; font-size: 100%;}
      .history .tabs li a.active {border:1px solid #fff; border-bottom:none; padding:15px 15px 16px 15px; background: rgba(0, 86, 46, 0.6); }
  .history #tab1,
  .history #tab2,
  .history #tab3,
  .history #tab4 {border-top:0;}
  .history h2 {font-size: 3em;}
  .history .tabs li a { font-size: 80%; }
  .history p.more-link { text-align: right; }

  .faq h2 {font-size: 3em;}
  .faq .tabs li a.active:after {content:""; height:100%; width: 1.3em; background: url(images/point-white.png) no-repeat left center; background-size: 100% 105%; display:block; position:absolute; top:0; right: -1.2em; }

  /* Navigation */
  .nav-top-true .nav-top,
  .nav-top-true .nav-section {display:block;}
  .nav-top-true .nav-full {display:none;}
  .nav-top-true.home .beta {display:none;}

  /* Footer */
  .site-footer {text-align:left;}
    .footer-inner {padding:2em 0;}
    .ndmark {position:absolute; right:0; top:2.2em; margin:0;}
    .site-link {display:block;}
    .org {display:inline;}
}

/* 920px
   Brand-bar styles
   Adjust @mq width smaller as department name allows
----------------------------------------------------*/
@media only screen and (min-width:57.5em) {
  html {background: url(images/photo-students-bw.jpg) 0 0 repeat; background-size: cover; background-attachment: fixed; background-position: center center;}
  
  .titlebar {display:none;}
  .nav-top .site-title {display:inline-block;}
  .nav-top .site-title a {background-image:url(images/clover@2x.png); width:45px;}
  .nav-top .header-util {display:block; width:150px;}
  .nav-top .search-input {width:80%;}
  .home .site-content {padding-top:65px;}
  .alpha {min-height:600px;}
  
  .countdown-container, .home.row .headline { font-size: 90%; }
  
  .history .tabs li a { font-size: 110%; }
}

/* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {
  .titlebar.subhead {padding:1.1em 0;}

  .home.row .dots-home-logo { height: 35%; }

  .contact-info {margin:0;}
  .site-link,
  .address,
  .site-link,
  .tel,
  .email {float:left; margin:0 1em 0 0;}
  .site-link {margin-right:0.5em;}
  .phone {clear:left;}

  .events .vevent {margin-left:1.5em; margin-right:1.5em;}
  .event .vevent {margin:0;}
  
  .countdown-container, .home.row .headline { font-size: 100%; }
  
  .about h2 { font-size: 3em; }
  .about-icon { margin: -50px auto 0;
    background: rgba(0,43,93,0.8);
    background: -moz-linear-gradient(top,  rgba(0,43,93,0.8) 0%, rgba(0,43,93,0.8) 42%, rgba(255,255,255,0) 42%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,43,93,0.8)), color-stop(42%,rgba(0,43,93,0.8)), color-stop(42%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,  rgba(0,43,93,0.8) 0%,rgba(0,43,93,0.8) 42%,rgba(255,255,255,0) 41.6666%);
    background: -o-linear-gradient(top,  rgba(0,43,93,0.8) 0%,rgba(0,43,93,0.8) 42%,rgba(255,255,255,0) 42%);
    background: -ms-linear-gradient(top,  rgba(0,43,93,0.8) 0%,rgba(0,43,93,0.8) 42%,rgba(255,255,255,0) 42%);
    background: linear-gradient(to bottom,  rgba(0,43,93,0.8) 0%,rgba(0,43,93,0.8) 42%,rgba(255,255,255,0) 42%);
    -webkit-border-radius:50em;
       -moz-border-radius:50em;
            border-radius:50em;
  }

  /* IE Over-rides */
  .lt-ie8 .header-util nav li {float:right;}
  .lt-ie8 .header-util form {width:300px;}
  .lt-ie8 .search-input {float:left;}
}

/* 975px
----------------------------------------------------*/
@media only screen and (min-width:60.938em) {
  .nav-top .site-title a {background-image:url(images/logo-theshirt@2x.png); width:128px;}
  .home.row .dots-home-logo { background-size: 70%; height: 34%; }
}

/* 1024px
----------------------------------------------------*/
@media only screen and (min-width:64em) {
  .brandbar {padding:0;}
  .home.row .dots-home-logo { height: 36%; }
  .history .tabs li a { font-size: 120%; }
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
  .home.row .dots-home-logo {display:none; background-size: 65%; }
}

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

    .more {background-image:url(images/more@2x.png);
      -webkit-background-size:12px 17px;
         -moz-background-size:12px 17px;
           -o-background-size:12px 17px;
              background-size:12px 17px;
   }

    .dept-nd a,
    .dept a {
      -webkit-background-size:auto 50px;
         -moz-background-size:auto 50px;
           -o-background-size:auto 50px;
              background-size:auto 50px;
   }
}

/*************************************************************************************
 * 4. Themes
 ************************************************************************************/
@media screen,projection {

  /** Brand Bar **/
  /** White Text **/
  .dept-nd a   {width:301px; background-image:url(//static.nd.edu/images/brandbar/dept-nd-white.png);}

  .brandbar.theme-bb-blue {border-bottom:1px solid #001227;
    background:#002b5b url(images/texture-checkers-lightblue50.png) 0 0 repeat;
    background:-webkit-linear-gradient(top, #003b7c 0%, #001227 100%);
    background: -moz-linear-gradient(top, #003b7c 0%, #001227 100%);
    background:      linear-gradient(top, #003b7c 0%, #001227 100%);
    -webkit-box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset;
       -moz-box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset;
            box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset;
 }

}

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

  .dept-nd a   {background-image:url(//static.nd.edu/images/brandbar/dept-nd-white@2x.png);}


}

/*************************************************************************************
 * 5. Grid
 * Author: http://foundation.zurb.com/
 * Version: 5.2.0
 * Documentation: http://foundation.zurb.com/docs/components/grid.html
 * Updated: 2014-03-12
 ************************************************************************************/
.row {width:100%; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:0; max-width:80em; *zoom:1;}
.row:before, .row:after {content:" "; display:table;}
.row:after {clear:both;}
.row.collapse > .column,
  .row.collapse > .columns {padding-left:0; padding-right:0;}
.row.collapse .row {margin-left:0; margin-right:0;}
.row .row {width:auto; margin-left:-0.9375em; margin-right:-0.9375em; margin-top:0; margin-bottom:0; padding-bottom:2em; max-width:none; *zoom:1;}
.row .row:before, .row .row:after {content:" "; display:table;}
.row .row:after {clear:both;}
.row .row.collapse {width:auto; margin:0; max-width:none; *zoom:1;}
.row .row.collapse:before, .row .row.collapse:after {content:" "; display:table;}
.row .row.collapse:after {clear:both;}
.column,
.columns {position:relative; padding-left:0.9375em; padding-right:0.9375em; width:100%; float:left;}

@media only screen {
  .column.small-centered,
    .columns.small-centered {margin-left:auto; margin-right:auto; float:none !important;}
  .column.small-uncentered,
    .columns.small-uncentered {margin-left:0; margin-right:0; float:left;}
  .column.small-uncentered.opposite,
    .columns.small-uncentered.opposite {float:right;}
  .small-push-0 {left:0%; right:auto;}
  .small-pull-0 {right:0%; left:auto;}
  .small-push-1 {left:8.33333%; right:auto;}
  .small-pull-1 {right:8.33333%; left:auto;}
  .small-push-2 {left:16.66667%; right:auto;}
  .small-pull-2 {right:16.66667%; left:auto;}
  .small-push-3 {left:25%; right:auto;}
  .small-pull-3 {right:25%; left:auto;}
  .small-push-4 {left:33.33333%; right:auto;}
  .small-pull-4 {right:33.33333%; left:auto;}
  .small-push-5 {left:41.66667%; right:auto;}
  .small-pull-5 {right:41.66667%; left:auto;}
  .small-push-6 {left:50%; right:auto;}
  .small-pull-6 {right:50%; left:auto;}
  .small-push-7 {left:58.33333%; right:auto;}
  .small-pull-7 {right:58.33333%; left:auto;}
  .small-push-8 {left:66.66667%; right:auto;}
  .small-pull-8 {right:66.66667%; left:auto;}
  .small-push-9 {left:75%; right:auto;}
  .small-pull-9 {right:75%; left:auto;}
  .small-push-10 {left:83.33333%; right:auto;}
  .small-pull-10 {right:83.33333%; left:auto;}
  .small-push-11 {left:91.66667%; right:auto;}
  .small-pull-11 {right:91.66667%; left:auto;}
  .small-1 {width:8.33333%;}
  .small-2 {width:16.66667%;}
  .small-3 {width:25%;}
  .small-4 {width:33.33333%;}
  .small-5 {width:41.66667%;}
  .small-6 {width:50%;}
  .small-7 {width:58.33333%;}
  .small-8 {width:66.66667%;}
  .small-9 {width:75%;}
  .small-10 {width:83.33333%;}
  .small-11 {width:91.66667%;}
  .small-12 {width:100%;}
  [class*="column"] + [class*="column"]:last-child {float:right;}
  [class*="column"] + [class*="column"].end {float:left;}
  .small-offset-0 {margin-left:0% !important;}
  .small-offset-1 {margin-left:8.33333% !important;}
  .small-offset-2 {margin-left:16.66667% !important;}
  .small-offset-3 {margin-left:25% !important;}
  .small-offset-4 {margin-left:33.33333% !important;}
  .small-offset-5 {margin-left:41.66667% !important;}
  .small-offset-6 {margin-left:50% !important;}
  .small-offset-7 {margin-left:58.33333% !important;}
  .small-offset-8 {margin-left:66.66667% !important;}
  .small-offset-9 {margin-left:75% !important;}
  .small-offset-10 {margin-left:83.33333% !important;}
  .small-offset-11 {margin-left:91.66667% !important;}
  .small-reset-order,
    .small-reset-order {margin-left:0; margin-right:0; left:auto; right:auto; float:left;}
}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width: 43.75em) {
  .column.medium-centered,
    .columns.medium-centered {margin-left:auto; margin-right:auto; float:none !important;}
  .column.medium-uncentered,
    .columns.medium-uncentered {margin-left:0; margin-right:0; float:left;}
  .column.medium-uncentered.opposite,
    .columns.medium-uncentered.opposite {float:right;}
  .medium-push-0 {left:0%; right:auto;}
  .medium-pull-0 {right:0%; left:auto;}
  .medium-push-1 {left:8.33333%; right:auto;}
  .medium-pull-1 {right:8.33333%; left:auto;}
  .medium-push-2 {left:16.66667%; right:auto;}
  .medium-pull-2 {right:16.66667%; left:auto;}
  .medium-push-3 {left:25%; right:auto;}
  .medium-pull-3 {right:25%; left:auto;}
  .medium-push-4 {left:33.33333%; right:auto;}
  .medium-pull-4 {right:33.33333%; left:auto;}
  .medium-push-5 {left:41.66667%; right:auto;}
  .medium-pull-5 {right:41.66667%; left:auto;}
  .medium-push-6 {left:50%; right:auto;}
  .medium-pull-6 {right:50%; left:auto;}
  .medium-push-7 {left:58.33333%; right:auto;}
  .medium-pull-7 {right:58.33333%; left:auto;}
  .medium-push-8 {left:66.66667%; right:auto;}
  .medium-pull-8 {right:66.66667%; left:auto;}
  .medium-push-9 {left:75%; right:auto;}
  .medium-pull-9 {right:75%; left:auto;}
  .medium-push-10 {left:83.33333%; right:auto;}
  .medium-pull-10 {right:83.33333%; left:auto;}
  .medium-push-11 {left:91.66667%; right:auto;}
  .medium-pull-11 {right:91.66667%; left:auto;}
  .medium-1 {width:8.33333%;}
  .medium-2 {width:16.66667%;}
  .medium-3 {width:25%;}
  .medium-4 {width:33.33333%;}
  .medium-5 {width:41.66667%;}
  .medium-6 {width:50%;}
  .medium-7 {width:58.33333%;}
  .medium-8 {width:66.66667%;}
  .medium-9 {width:75%;}
  .medium-10 {width:83.33333%;}
  .medium-11 {width:91.66667%;}
  .medium-12 {width:100%;}
  .medium-offset-0 {margin-left:0% !important;}
  .medium-offset-1 {margin-left:8.33333% !important;}
  .medium-offset-2 {margin-left:16.66667% !important;}
  .medium-offset-3 {margin-left:25% !important;}
  .medium-offset-4 {margin-left:33.33333% !important;}
  .medium-offset-5 {margin-left:41.66667% !important;}
  .medium-offset-6 {margin-left:50% !important;}
  .medium-offset-7 {margin-left:58.33333% !important;}
  .medium-offset-8 {margin-left:66.66667% !important;}
  .medium-offset-9 {margin-left:75% !important;}
  .medium-offset-10 {margin-left:83.33333% !important;}
  .medium-offset-11 {margin-left:91.66667% !important;}
  .medium-reset-order,
    .medium-reset-order {margin-left:0; margin-right:0; left:auto; right:auto; float:left;}
  .push-0 {left:0%; right:auto;}
  .pull-0 {right:0%; left:auto;}
  .push-1 {left:8.33333%; right:auto;}
  .pull-1 {right:8.33333%; left:auto;}
  .push-2 {left:16.66667%; right:auto;}
  .pull-2 {right:16.66667%; left:auto;}
  .push-3 {left:25%; right:auto;}
  .pull-3 {right:25%; left:auto;}
  .push-4 {left:33.33333%; right:auto;}
  .pull-4 {right:33.33333%; left:auto;}
  .push-5 {left:41.66667%; right:auto;}
  .pull-5 {right:41.66667%; left:auto;}
  .push-6 {left:50%; right:auto;}
  .pull-6 {right:50%; left:auto;}
  .push-7 {left:58.33333%; right:auto;}
  .pull-7 {right:58.33333%; left:auto;}
  .push-8 {left:66.66667%; right:auto;}
  .pull-8 {right:66.66667%; left:auto;}
  .push-9 {left:75%; right:auto;}
  .pull-9 {right:75%; left:auto;}
  .push-10 {left:83.33333%; right:auto;}
  .pull-10 {right:83.33333%; left:auto;}
  .push-11 {left:91.66667%; right:auto;}
  .pull-11 {right:91.66667%; left:auto;}
}

/* 960px
----------------------------------------------------*/
@media only screen and (min-width: 60em) {
  .column.large-centered,
    .columns.large-centered {margin-left:auto; margin-right:auto; float:none !important;}
  .column.large-uncentered,
    .columns.large-uncentered {margin-left:0; margin-right:0; float:left;}
  .column.large-uncentered.opposite,
    .columns.large-uncentered.opposite {float:right;}
  .large-push-0 {left:0%; right:auto;}
  .large-pull-0 {right:0%; left:auto;}
  .large-push-1 {left:8.33333%; right:auto;}
  .large-pull-1 {right:8.33333%; left:auto;}
  .large-push-2 {left:16.66667%; right:auto;}
  .large-pull-2 {right:16.66667%; left:auto;}
  .large-push-3 {left:25%; right:auto;}
  .large-pull-3 {right:25%; left:auto;}
  .large-push-4 {left:33.33333%; right:auto;}
  .large-pull-4 {right:33.33333%; left:auto;}
  .large-push-5 {left:41.66667%; right:auto;}
  .large-pull-5 {right:41.66667%; left:auto;}
  .large-push-6 {left:50%; right:auto;}
  .large-pull-6 {right:50%; left:auto;}
  .large-push-7 {left:58.33333%; right:auto;}
  .large-pull-7 {right:58.33333%; left:auto;}
  .large-push-8 {left:66.66667%; right:auto;}
  .large-pull-8 {right:66.66667%; left:auto;}
  .large-push-9 {left:75%; right:auto;}
  .large-pull-9 {right:75%; left:auto;}
  .large-push-10 {left:83.33333%; right:auto;}
  .large-pull-10 {right:83.33333%; left:auto;}
  .large-push-11 {left:91.66667%; right:auto;}
  .large-pull-11 {right:91.66667%; left:auto;}
  .large-1 {width:8.33333%;}
  .large-2 {width:16.66667%;}
  .large-3 {width:25%;}
  .large-4 {width:33.33333%;}
  .large-5 {width:41.66667%;}
  .large-6 {width:50%;}
  .large-7 {width:58.33333%;}
  .large-8 {width:66.66667%;}
  .large-9 {width:75%;}
  .large-10 {width:83.33333%;}
  .large-11 {width:91.66667%;}
  .large-12 {width:100%;}
  .large-offset-0 {margin-left:0% !important;}
  .large-offset-1 {margin-left:8.33333% !important;}
  .large-offset-2 {margin-left:16.66667% !important;}
  .large-offset-3 {margin-left:25% !important;}
  .large-offset-4 {margin-left:33.33333% !important;}
  .large-offset-5 {margin-left:41.66667% !important;}
  .large-offset-6 {margin-left:50% !important;}
  .large-offset-7 {margin-left:58.33333% !important;}
  .large-offset-8 {margin-left:66.66667% !important;}
  .large-offset-9 {margin-left:75% !important;}
  .large-offset-10 {margin-left:83.33333% !important;}
  .large-offset-11 {margin-left:91.66667% !important;}
  .large-reset-order,
    .large-reset-order {margin-left:0; margin-right:0; left:auto; right:auto; float:left;}
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
  .column.xlarge-centered,
    .columns.xlarge-centered {margin-left:auto; margin-right:auto; float:none !important;}
  .column.xlarge-uncentered,
    .columns.xlarge-uncentered {margin-left:0; margin-right:0; float:left;}
  .column.xlarge-uncentered.opposite,
    .columns.xlarge-uncentered.opposite {float:right;}
  .xlarge-push-0 {left:0%; right:auto;}
  .xlarge-pull-0 {right:0%; left:auto;}
  .xlarge-push-1 {left:8.33333%; right:auto;}
  .xlarge-pull-1 {right:8.33333%; left:auto;}
  .xlarge-push-2 {left:16.66667%; right:auto;}
  .xlarge-pull-2 {right:16.66667%; left:auto;}
  .xlarge-push-3 {left:25%; right:auto;}
  .xlarge-pull-3 {right:25%; left:auto;}
  .xlarge-push-4 {left:33.33333%; right:auto;}
  .xlarge-pull-4 {right:33.33333%; left:auto;}
  .xlarge-push-5 {left:41.66667%; right:auto;}
  .xlarge-pull-5 {right:41.66667%; left:auto;}
  .xlarge-push-6 {left:50%; right:auto;}
  .xlarge-pull-6 {right:50%; left:auto;}
  .xlarge-push-7 {left:58.33333%; right:auto;}
  .xlarge-pull-7 {right:58.33333%; left:auto;}
  .xlarge-push-8 {left:66.66667%; right:auto;}
  .xlarge-pull-8 {right:66.66667%; left:auto;}
  .xlarge-push-9 {left:75%; right:auto;}
  .xlarge-pull-9 {right:75%; left:auto;}
  .xlarge-push-10 {left:83.33333%; right:auto;}
  .xlarge-pull-10 {right:83.33333%; left:auto;}
  .xlarge-push-11 {left:91.66667%; right:auto;}
  .xlarge-pull-11 {right:91.66667%; left:auto;}
  .xlarge-1 {width:8.33333%;}
  .xlarge-2 {width:16.66667%;}
  .xlarge-3 {width:25%;}
  .xlarge-4 {width:33.33333%;}
  .xlarge-5 {width:41.66667%;}
  .xlarge-6 {width:50%;}
  .xlarge-7 {width:58.33333%;}
  .xlarge-8 {width:66.66667%;}
  .xlarge-9 {width:75%;}
  .xlarge-10 {width:83.33333%;}
  .xlarge-11 {width:91.66667%;}
  .xlarge-12 {width:100%;}
  .xlarge-offset-0 {margin-left:0% !important;}
  .xlarge-offset-1 {margin-left:8.33333% !important;}
  .xlarge-offset-2 {margin-left:16.66667% !important;}
  .xlarge-offset-3 {margin-left:25% !important;}
  .xlarge-offset-4 {margin-left:33.33333% !important;}
  .xlarge-offset-5 {margin-left:41.66667% !important;}
  .xlarge-offset-6 {margin-left:50% !important;}
  .xlarge-offset-7 {margin-left:58.33333% !important;}
  .xlarge-offset-8 {margin-left:66.66667% !important;}
  .xlarge-offset-9 {margin-left:75% !important;}
  .xlarge-offset-10 {margin-left:83.33333% !important;}
  .xlarge-offset-11 {margin-left:91.66667% !important;}
  .xlarge-reset-order,
    .xlarge-reset-order {margin-left:0; margin-right:0; left:auto; right:auto; float:left;}
}

/* Grid Customizations
--------------------------------------------------------------------------------------*/

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  .row {max-width:96%;}
  .bg-transition.row{padding-left:0; padding-right:0;}
  .home.row,
  .current-design.row,
  .about.row,
  .history.row,
  .faq.row,
  .site-footer.row {padding-left:2%; padding-right:2%;}
  .site-footer.row {margin:0; max-width:100%;}
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
  .row {max-width:90%;}
}

/* 1360px
----------------------------------------------------*/
@media only screen and (min-width:85em) {
  .row {max-width:80em;}
}


/*************************************************************************************
 * 6. Print Styles
 ************************************************************************************/
@media print {

  @page {margin:0.5cm;}
  body {font-family:Georgia, "Times New Roman", Times, serif; color:#000;}
  img, tr {page-break-inside:avoid;}
  p, h2, h3 {orphans:3; widows:3;}
  h2, h3 {page-break-after:avoid;}

  /* Styles
  ----------------------------------------------------*/
  a[href^="javascript:"]:after,
  a[href^="#"]:after {content:"";}
  .ndmark {width:150px;}
  .image-right img {float:right; margin:0 0 1em 2em;}
  .image-left img {float:left; margin:0 2em 1em 0;}

  /* HIDDEN
  ----------------------------------------------------*/
  .breadcrumbs,
  .header-util,
  .skip-links,
  .nav-mobile,
  .nav-site,
  .nav-skip {display:none;}

  /* STRUCTURE
  ----------------------------------------------------*/
  .site-header {overflow:hidden; position:relative; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid gray;}
    .dept-nd,
    .site-header li,
    .site-title,
    .subline {margin:0; font-family:Georgia, "Times New Roman", Times, serif;}
    .site-header a,
    .site-title a,
    .subline a {color:#000;}
    .brandbar {font-size:1em;}
    .site-title {margin:4px 0 2px; font-size:2em;}
    .subline {font-size:1em;}

  .alpha a:link:after {content:" [link:" attr(href) "] "; font-size:11px; font-family:inherit;}
  .alpha abbr:after {content:" (" attr(title) ")";}

  .site-footer {position:relative; clear:both; margin:20px 0 0; padding:20px 0 0; border-top:1px solid gray;}
    .site-footer p {margin:0;}
    .geo,
    .country-name {display:none;}
    .tel {display:block;}
    .site-footer .ndmark {position:absolute; top:20px; right:0;}
}