/* University Template over-ride
   Launched: 2014-07-08
   Author: Erik Runyon
   
   Updated: 2015-12-03 
   Author: Taylor Packett, Shawn Maust
   ----------------------------------------------------*/

/* 
  Colors
  Teal: #079DA7
  Gold: #dcb439
*/

/* temporary fixes */
.subnavdisplay,
#subnav-container {display:none;}
.alpha h1 {display:none;}
.alpha .page-title {display:block;}

/* Common Styles */
.primary-image + h2 {margin-top:0;}

/* Fonts
   https://dev.conductor.nd.edu/fonts/
----------------------------------------------------*/
@font-face {font-family:GP; font-weight:300; font-style:normal;
  src:url('//static.nd.edu/fonts/gp-min/gp-book.eot');
  src:url('//static.nd.edu/fonts/gp-min/gp-book.eot?iefix') format('embedded-opentype'),
      url('//static.nd.edu/fonts/gp-min/gp-book.woff') format('woff'),
      url('//static.nd.edu/fonts/gp-min/gp-book.ttf') format('truetype');
}
@font-face {font-family:GP; font-weight:600; font-style:normal;
  src:url('//static.nd.edu/fonts/gp-min/gp-bold.eot');
  src:url('//static.nd.edu/fonts/gp-min/gp-bold.eot?iefix') format('embedded-opentype'),
      url('//static.nd.edu/fonts/gp-min/gp-bold.woff') format('woff'),
      url('//static.nd.edu/fonts/gp-min/gp-bold.ttf') format('truetype');
}

@media screen,projection {
  .btn-gold:hover {color:#333;}
  .photoboxleft100 {float:left; width:100px; margin:0.5em 1em 0.5em 0;}

  .home-primary {}
    .home-primary-content .page-title {margin-top:0;}
  .header-util nav {display:none;}
  .home-content {padding-bottom:1em;}
    .home-content p {max-width:none;}

  .primary-image {list-style:none;}
    .primary-image .image-right,
    .flexslider .image-right {max-width:100%;}
    .primary-image li {display:none;}
    .primary-image li:first-child {display:block;}

  .home-secondary {clear:both;}
  .home-secondary .columns .entry-title {font-size:1.45em;}
  .nav-sub {overflow:hidden; margin:0 0 2em;}
    .nav-sub li {margin:0 0 0.5em;}
    .nav-sub .btn {display:block;}
  .nav-social {margin:1em 0;}
    .nav-social li {margin:0 0 0.5em;}
  .sidebar-holder {display:none;}
  .sidebar-page {}
    .sidebar-page h2 {margin-top:0;}
  .tertiary {clear:both; margin:2em 0 0; padding:1em 0; border-top:1px solid #ccc;
    -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);
  }
    .tertiary h3 {margin-top:0;}
    .tertiary h4 {font-size:1.2em;}
    .tertiary p {font-size:0.9em;}

  .home article .excerpt,
  .hentry .meta,
  .home .vevent .description {display:none;}
  .home article {margin-bottom:2em;}

  .column-header {margin-top:0; border-bottom:1px solid #aaa;}
  .news-and-events .entry-title {font-size:1.45em;}

  .grayboxleft33,
  .grayboxright33,
  .sidebar-right-gray {padding:1em; margin:1em 0; border:2px solid #dcb439; border-width:2px 0 0; background:#e9e9e9;}
    .grayboxleft33 h5,
    .grayboxright33 h5 {margin:0 0 0.2em;}

  
  .nav-site ul ul ul ul > .active > a {background:none;}

  .directory-list {margin:0; padding:0;}
  .directory-name {display:block; font-weight:bold;}
  .directory-title {margin:0 0 1em; font-style:italic;}
  .directory-info {margin:0 0 1em; padding:0; list-style:none;}
    .directory-info li {margin:0;}

  .contact-info {overflow:hidden; clear:both;}
  .footer-title {display:block; margin-top:0.7em; font-weight:bold;}
  .footer-fb {display:block;}

  /* Course Catalog */
  .courses {padding:0; list-style:none;}
    .prog-title {margin:1em 0 0.2em; font-weight:bold;}
    .none-found {display:none; font-weight:bold; font-size:1.2em;}
    .programs-list {margin:0; padding:0; list-style:none;}
      .programs-list label {font-weight:normal;}
      .programs-list input {margin:0;}
    .course-number {font-weight:100;}
    .course-meta {margin:0; color:#777; font-style:italic;}
    
    /* Alumni */
    
    .alumni-events,
    .alumni-news { padding:2em 0; position:relative; }

    .alumni-news h2 a,
    .alumni-events h2 a { text-transform:uppercase; color:#002b5b;} 

    .alumni-news article,
    .alumni-events article { margin-bottom:2em; }

    .alumni-news .entry-title,
    .alumni-events .entry-title { font-size:1.25em; font-family: GP, Helvetica, Arial, Verdana, sans-serif;}

    .alumni-news .news-item,
    .alumni-event .event-item { display:inline-block; float:none; margin:0 -0.25em 0 0; vertical-align:top; }
    
    [class*="column"] + .news-item:last-child,
    [class*="column"] + .event-item:last-child { float:none; }
    
    .alumni-events .entry-title { display:inline-block; width:calc(100% - 4em); }
.alumni-events .meta { display:inline-block; vertical-align:top; width:4em; line-height:1; padding:0 0.5em; border-left:5px solid #079DA7;}
.alumni-events .day-string { font-size:1.3em; line-height:1; font-weight:200; color:#999; font-family: GP, Helvetica, Arial, Verdana, sans-serif;}
.alumni-events .month-string {font-size:0.75em; text-transform:uppercase; color:#777; font-weight:700;}

    .alumni-news h2 { margin-bottom:1em; }
    .alumni-events h2 { margin-bottom: 1em; } 

    /* Updates 2015-12-03 */
    html { background:#f1f1f1; }
    a {color:#164a8d;}
    .wrapper { overflow-x:hidden; }
    .brandbar,
    .titlebar { position:relative; z-index:100; }
    .site-content { padding:0; }
    .nav-top {background:rgba(255,255,255,0.85); border-bottom:1px solid #999; border-top:none;}
      .nav-top li a { color:#222; text-shadow:none; font-family: GP, Helvetica, Arial, Verdana, sans-serif;
      transition:none;}
      .nav-top li.active a,
      .nav-top li a:hover {color:#dcb439;background: #112d54;
    background: -webkit-linear-gradient(top, #112d54 0%, #0b1d36 100%);
    background: -moz-linear-gradient(top, #112d54 0%, #0b1d36 100%);
    background: linear-gradient(top, #112d54 0%, #0b1d36 100%);
     }
     
    [class*="column"] + [class*="column"]:last-child { float:left; }
    
    /* Sections */
    .home-primary { position:relative; padding-top:2em; padding-bottom:3em; margin:0; background:url(images/2015-update-feature.jpg) 50% 75% no-repeat; background-size:cover; }
    .feature-heading { display:inline-block; margin:1em 3em 1em 1em; position:relative; padding:1em 0 1em 1em; color:#222; border:1px solid #aaa;
    border-width:1px 0 1px 1px; background:rgba(255,255,255,0.85); }
    .feature-heading h1 { display:block; position:relative; margin:-1.2em 0 0.5em -1em; font-size:1.8em; text-transform:uppercase; color:#fff; text-shadow:none;}
      .feature-heading h1 span { display:block; float:left; clear:left; padding:0.05em 0.15em; margin-bottom:3px; background:#112d54; border-radius:2px;
         background: -webkit-linear-gradient(top, #112d54 0%, #0b1d36 100%);
          background: -moz-linear-gradient(top, #112d54 0%, #0b1d36 100%);
               background: linear-gradient(top, #112d54 0%, #0b1d36 100%);}
    .elevator { padding:1em 0; margin-right:-1em; clear:both; position:relative; z-index:20; font-family: GP, Helvetica, Arial, Verdana, sans-serif;}
    
    .feature-heading .btn { border:1px solid #ba9435; color:#0d2544; font-family: GP, Helvetica, Arial, Verdana, sans-serif;
    background:#dcb439 url(images/texture-gold.png) 0 0 repeat;
    background: -webkit-linear-gradient(top, rgba(239,218,147,0.7) 0%, rgba(217,174,56,0) 100%), url(images/texture-gold.png);
    background: -moz-linear-gradient(top, rgba(239,218,147,0.7) 0%, rgba(217,174,56,0) 100%), url(images/texture-gold.png);
    background: linear-gradient(top, rgba(239,218,147,0.7) 0%, rgba(217,174,56,0) 100%), url(images/texture-gold.png);
    }
    
    .feature-heading .btn:hover {
    background:#dcb439 url(images/texture-gold_hover.png) 0 0 repeat;
    background: -webkit-linear-gradient(top, rgba(239,218,147,0.55) 0%, rgba(217,174,56,0) 100%), url(images/texture-gold_hover.png);
    background: -moz-linear-gradient(top, rgba(239,218,147,0.55) 0%, rgba(217,174,56,0) 100%), url(images/texture-gold_hover.png);
    background: linear-gradient(top, rgba(239,218,147,0.55) 0%, rgba(217,174,56,0) 100%), url(images/texture-gold_hover.png);
    }
    
    .feature-heading .btn:active {
    background:#dcb439 url(images/texture-gold_hover.png) 0 0 repeat;
    background: -webkit-linear-gradient(top, rgba(131,102,29,0.55) 0%, rgba(217,174,56,0) 100%), url(images/texture-gold_hover.png);
    background: -moz-linear-gradient(top, rgba(131,102,29,0.55) 0%, rgba(217,174,56,0) 100%), url(images/texture-gold_hover.png);
    background: linear-gradient(top, rgba(131,102,29,0.55) 0%, rgba(217,174,56,0) 100%), url(images/texture-gold_hover.png);
    }
    
    
    
    .feature-heading .cut-corner { display:block; position:absolute; right:-2em; top:0; height:100%; width:2em; overflow:hidden; }
    .feature-heading .cut-corner:after {content:''; display:block; position:absolute; height:100%; top:0; width:2em; left:0;  background: rgba(255,255,255,0.85); border:1px solid #aaa; border-width:1px 1px 1px 0; 
      -webkit-transform-origin: left top;
      transform-origin: left top;
      -webkit-transform: skewY(225deg);  
      transform: skewY(225deg);
    }
    
    .home-sub-nav {}
      .sub-nav { padding:1em 0.9375em; margin: -2em 1em 0 -0.9375em; position:relative; background:#112d54; 
       background: -webkit-linear-gradient(top, #112d54 0%, #0b1d36 100%);
          background: -moz-linear-gradient(top, #112d54 0%, #0b1d36 100%);
               background: linear-gradient(top, #112d54 0%, #0b1d36 100%);
      }
        .sub-nav:after { content:''; display:block; position:absolute; width:0; bottom:0; right:0; border-top:2em solid transparent; border-right:2em solid #f1f1f1; }
        .sub-nav a { display:block; font-size:1em; margin:0.25em 0; padding:0.25em 0.25em 0.25em 3em; text-transform:uppercase; color:#fff;  background-repeat:no-repeat; background-position:0 50%;  background-size:auto 80%; font-family: GPC, Helvetica, Arial, Verdana, sans-serif; font-weight:300;
        -webkit-transition:all .2s ease-in-out;
           -moz-transition:all .2s ease-in-out;
             -o-transition:all .2s ease-in-out;
                transition:all .2s ease-in-out;}
        .sub-nav a:hover {color:#dcb439;}
    
        .sub-nav .faculty a { background-image:url(images/2015-update-icon-faculty.png); }
        .sub-nav .library a { background-image:url(images/2015-update-icon-library.png); }
        .sub-nav .support a { background-image:url(images/2015-update-icon-support.png); }
        
    
    .home-events,
    .home-programs { padding:2em 0; position:relative; background:#fff; }
    
        .home-news h2 a,
        .home-events h2 a { text-transform:uppercase; color:#002b5b; letter-spacing: 1px;} 
    
    .home-news article,
    .home-events article { margin-bottom:2em; }
    
    .home-news .entry-title,
    .home-events .entry-title { font-size:1.25em; }
    .entry-title {font-family: GP, Helvetica, Arial, Verdana, sans-serif;}
    
    .news-item,
    .event-item,
    .program-item { display:inline-block; float:none; margin:0 -0.25em 0 0; vertical-align:top; }
    
    [class*="column"] + .news-item:last-child,
    [class*="column"] + .event-item:last-child,
    [class*="column"] + .program-item:last-child { float:none; }
    
    .quick-links { position:relative; margin-right:1em;}
    
      .quick-links:before { content:''; position:absolute; display:block; left:-999em; right:100%; top:0; bottom:0; border:1px solid #c1a45b; border-width:1px 0 1px 0; background:#dcb439; 
        background: -webkit-linear-gradient(top, #ead57b 0%, #e1b63e 100%);
        background: -moz-linear-gradient(top, #ead57b 0%, #e1b63e 100%);
        background: linear-gradient(top, #ead57b 0%, #e1b63e 100%); 
      }
      .quick-links ul { position:relative; padding:1em 2em 1em 0; border:1px solid #c1a45b; border-width:1px 1px 1px 0; background:#dcb439;
        background: -webkit-linear-gradient(top, #ead57b 0%, #e1b63e 100%);
        background: -moz-linear-gradient(top, #ead57b 0%, #e1b63e 100%);
        background: linear-gradient(top, #ead57b 0%, #e1b63e 100%); 
    }
      .quick-links ul:before { content:''; display:block; position:absolute; width:0; top:-1px; right:-1px; border-top:2.5em solid #c1a45b; border-left:2.5em solid transparent; }
      .quick-links ul:after { content:''; display:block; position:absolute; width:0; top:-2px; right:-2px; border-top:2.5em solid white; border-left:2.5em solid transparent; }
    
      .quick-links li { border-bottom:1px solid #c1a45b; margin-right:2em; }
      .quick-links .last { border-bottom:0; }
      .quick-links a { color:#0d2544; padding:0.75em 0; display:block; font-family: GP, Helvetica, Arial, Verdana, sans-serif; font-size:1.1em;
        -webkit-transition:all .25s ease-in-out;
           -moz-transition:all .25s ease-in-out;
             -o-transition:all .25s ease-in-out;
                transition:all .25s ease-in-out;}
      .quick-links a:hover {padding-left:0.2em;}
      
    .home-profile { position:relative; color:#fff; overflow:hidden;  padding-left:2em; margin-left:-2em; }
      .home-profile > .row { position:relative; }
      .home-profile h2 { margin-top:0; }
      .home-profile .columns { height:100%; }
      
    .social-media { padding:2em 0; } 
    .social-media:before { content:''; display:block; position:absolute; left:-999em; right:0; top:0; bottom:0; background: #002b5b; 
       background: -webkit-linear-gradient(top, #112d54 0%, #0b1d36 100%);
          background: -moz-linear-gradient(top, #112d54 0%, #0b1d36 100%);
               background: linear-gradient(top, #112d54 0%, #0b1d36 100%);
    }
    .social-media:after { content:''; display:block; position:absolute; height:100%; top:0; width:2em; right:-2em; background: #002b5b; 
      transform-origin: left top;
      -webkit-transform: skewY(225deg);  
      transform: skewY(225deg);
       background: -webkit-linear-gradient(top, #112d54 0%, #0b1d36 100%);
          background: -moz-linear-gradient(top, #112d54 0%, #0b1d36 100%);
               background: linear-gradient(top, #112d54 0%, #0b1d36 100%);
    }
    
    .social-media h2 {text-shadow:none; text-transform:uppercase; letter-spacing: 1px;}
    .social-media h2 i:before { font-size:0.8em; color:#079DA7;}
    .social-media h2 a { color:white; text-tranform:uppercase; }
    .social-media .date {font-size:0.9em; margin-bottom:0.5em; text-transform:uppercase; color:#dcb439; font-weight:bold; font-family: Helvetica, Arial, Verdana, sans-serif;}
    .social-media a { color:#079DA7; }
    .social-media a:hover {color:#09c9d6;}
      .tweet,
      .fb-post p { font-size:1em; font-family: GP, Helvetica, Arial, Verdana, sans-serif;}
    .facebook h2 {margin-top:1em;}
     
    .home-events .entry-title { display:inline-block; width:calc(100% - 4em); }
    .home-events .meta { display:inline-block; vertical-align:top; width:4em; line-height:1; padding:0 0.5em; border-left:5px solid #079DA7;}
    .home-events .day-string { font-size:1.3em; line-height:1; font-weight:200; color:#999; font-family: GP, Helvetica, Arial, Verdana, sans-serif;}
    .home-events .month-string {font-size:0.75em; text-transform:uppercase; color:#777; font-weight:700;}
    
        .home-news h2 { margin-bottom:1em; }
        .home-events h2 { margin-bottom: 1em; } 
    
    .home-programs h2 { margin:0 0 1em; text-transform:uppercase; letter-spacing: 1px;}
    .home-programs h3 { margin-top:0.5em; font-weight:200;}
     .home-programs .description {margin:0 0 1em; font-family: GP, Helvetica, Arial, Verdana, sans-serif; font-size:1.05em; color:#555;}
    .home-programs a,
    .home-programs a:visited { color:#079DA7;}
    
    .class-profile { padding-top:40%; background:url(images/2015-update-class-profile.jpg) 50% 50% no-repeat; background-size:cover; }
    .class-profile a,
    .class-profile a:visited { color:white; text-decoration:none;}
    .class-profile a[href$=".pdf"] { background:none; padding:0; }
    .class-profile h2 { text-transform:uppercase; letter-spacing: 1px;}
    .class-profile-copy { padding:1em; }
    .class-profile-copy h2 {text-shadow: 0 1px rgba(0,0,0, 0.6);}
    .class-profile-copy p {color:#eee; font-size:1.1em; font-family: GP, Helvetica, Arial, Verdana, sans-serif;}
    
    
    .social-media { }
    .footer-inner { border-top:0; box-shadow:none; }    

    
}

/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.250em) {
  .primary-image {float:right; max-width:45%;}
  .nav-social li {display:inline-block; *display:inline; *zoom:1; margin-right:1em;}
}

@media only screen and (min-width:36.250em) and (max-width:60em) {

}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  h1 {font-size:2.15em;}
  .header-util nav {display:block;}
  .sublined {padding:0;}
  .subhead .header-util {top:1.2em;}
  .grayboxleft33 {float:left; width:33%; margin:1em 2em 1em 0;}
  .grayboxright33 {clear:both; float:right; width:33%; margin:1em 0 1em 2em;}
  .sidebar-right-gray { display:inline-block; vertical-align:top; width:33%; }
  .copy-with-sidebar { display:inline-block; vertical-align:top;  margin-right:4%; width:62%; }
  .whiteboxleft50 {margin-right:5%; float:left; width:45%;}
  .whiteboxleft67 {margin-right:5%; float:left; width:62%;}
  .directory-list {list-style:none; 
      -webkit-column-count:2;
         -moz-column-count:2;
              column-count:2;
  }
  .ie9 .directory-item,
  .lt-ie9 .directory-item {display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:49%;}
  .btn-support span {display:none;}

  .programs-list li {display:inline-block; vertical-align:top; width:49%;}

  #primary_35153,
  #primary_35489 {display:none;}
  
    .alumni-news { padding-bottom:2em; }
    .alumni-events { padding:3em 0 1em; }
    .alumni-events h2 { margin-top: 0; } 
    
    /* Updates 2015-12-03 */
    .alpha { margin-top:1.5em; }    
    .subhead .header-util { top:0.25em; }
    .home-primary { padding-top:0; height: 36em; margin-top:-100px; background-image:url(images/2015-update-feature-lg.jpg);}
    .home-primary .row,
    .home-primary .column { position:absolute; top:0; left:0; right:0; bottom:0; }
    .feature-heading { position:absolute; bottom:15%; left:2em; max-width:30em; }
    .feature-heading h1 { font-size:2.85em; }
    .home-sub-nav { margin-top:0; text-align:center; }
    .sub-nav { margin-right:0.9375em; position:relative; }
    .sub-nav:before { content:''; display:block; position:absolute; left:-99em; right:100%; top:0; bottom:0; background:#112d54; 
    background: -webkit-linear-gradient(top, #112d54 0%, #0b1d36 100%);
      background: -moz-linear-gradient(top, #112d54 0%, #0b1d36 100%);
           background: linear-gradient(top, #112d54 0%, #0b1d36 100%); 
    }
    .sub-nav li { display:inline-block; margin:0 1em 0 0; }
    
    .home-news { padding-bottom:2em; }
    .home-events { padding:3em 0 1em; }
      .home-events h2 { margin-top: 0; } 
    
    
    .home-profile:before { content:''; position:absolute; display:block; right:0; top:0; bottom:0; width:40%; z-index:-1; background:url(images/2015-update-class-profile.jpg) 50% 50% no-repeat; background-size:cover; }  
    .class-profile { background:none; padding-top:0; position:absolute; right:0; }
    .class-profile-copy { position:absolute; bottom:0; left:2em; } 
    
    .elevator {font-size:1.1em; line-height:1.45em;}
    .quick-links {margin-right: 1.5em;}
     .nav-top li {font-size:0.9em;}
     .nav-top li a {padding:0.65em;}    
}

/* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {
    /* .home .nav-sub li {display:inline-block; *display:inline; *zoom:1; width:auto; margin-right:0.4em !important;} */
    .footer-text {float:left;}
    .nav-social {float:left; margin:0 1em;}
 
     /* Updates 2015-12-03 */   
    .nav-top li {font-size:1em;}
    .nav-top li a {padding:0.75em 1em;}
    .sub-nav li {margin:0 4em 0 0;}
    .sub-nav a {font-size:1.25em; background-size:none;}
    
    .home-programs .description {margin:0 0 2.5em;}
}

/* 1024px
----------------------------------------------------*/
@media only screen and (min-width:64em) {
  .nav-social {margin:0 0 0 6%;}
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
    .nav-top li {font-size:1.125em;}
    .home-primary {height: 45em;}
}

@media only screen and (min-width:1350px) {
  .btn-support span {display:inline;}
}

/* Hi-res
----------------------------------------------------*/
@media (-webkit-min-device-pixel-ratio:1.5),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  (min-resolution:144dppx){
      
    .sub-nav .faculty a {background-image:url(images/2015-update-icon-faculty@2x.png); }
    .sub-nav .library a { background-image:url(images/2015-update-icon-library@2x.png); }
    .sub-nav .support a { background-image:url(images/2015-update-icon-support@2x.png); } 
    .sub-nav a {background-size:auto 75%;}
}

@media print {
    .nav-top { display:none; }
    .sub-nav a { background-repeat:no-repeat; padding-left:2em; display:inline-block; }
}