/* University Template over-ride
   Launched: 2014-07-08
   Author: Erik Runyon
   ----------------------------------------------------*/

/* temporary fixes */
.subnavdisplay,
#subnav-container {display:none;}
.alpha h1 {display:none;}
.alpha .page-title {display:block;}

/* Common Styles */
.primary-image + h2 {margin-top:0;}

@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 {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;}

}

/* 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;}
  .whiteboxleft50 {margin-right:5%; float:left; width:45%;}
  .directory-list {
      -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;}
}

/* 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; width: 33%;}
  .nav-social {float:left; margin:0 1em;}
}

/* 1024px
----------------------------------------------------*/
@media only screen and (min-width:64em) {
  .nav-social {margin:0 0 0 6%;}
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {

}

@media only screen and (min-width:1350px) {
  .btn-support span {display:inline;}
}