/*!
Just CHASS Changes for use in other apps (i.e. Wordpress)
*/
/* Color Classes
**************/
.red-txt {
  color: #cc0000; }

.reynolds-red-txt {
  color: #990000; }

.orange-txt {
  color: #d14905; }

.yellow-txt {
  color: #FDD726; }

.green-txt {
  color: #7D8C1F; }

.blue-txt {
  color: #427E93; }

.indigo-txt {
  color: #4156a1; }

.darker-gray-txt {
  color: #222222; }

.dark-gray-txt {
  color: #333333; }

.gray-txt {
  color: #555555; }

.background.red {
  color: #fff;
  background-color: #cc0000; }
  .background.red a {
    color: #fff; }
.background.white {
  background-color: #fff;
  color: #cc0000; }
  .background.white a {
    color: #cc0000; }
.background.reynolds-red {
  color: #fff;
  background-color: #990000; }
  .background.reynolds-red a {
    color: #fff; }
.background.orange {
  color: #fff;
  background-color: #d14905; }
  .background.orange a {
    color: #fff; }
.background.yellow {
  color: #000;
  background-color: #FDD726; }
  .background.yellow a {
    color: #000; }
.background.green {
  color: #fff;
  background-color: #7D8C1F; }
  .background.green a {
    color: #fff; }
.background.blue {
  color: #fff;
  background-color: #427E93; }
  .background.blue a {
    color: #fff; }
.background.indigo {
  color: #fff;
  background-color: #4156a1; }
  .background.indigo a {
    color: #fff; }
.background.gray-lighter {
  color: #000;
  background-color: #f2f2f2; }
.background.gray-light {
  color: #000;
  background-color: #ccc; }
.background.gray-dark {
  color: #fff;
  background-color: #666; }
  .background.gray-dark a {
    color: #fff; }
.background.gray-darker {
  color: #fff;
  background-color: #333; }
  .background.gray-darker a {
    color: #fff; }

/* Mast Head
**************/

#masthead {
  max-width: 1500px;
  margin: auto; }

#masthead h1 {
  clear: both;
  text-align: center;
  font-family: UniversCondensed;
  font-size: 2.75rem;
  margin: 1.25em 0 0.65em; }
  #masthead h1 a {
    color: #333; }
  #masthead h1.shrink {
    font-size: 2.25rem; }
    @media (min-width: 992px) {
      #masthead h1.shrink {
        padding: 0 10%; } }
    @media (min-width: 1200px) {
      #masthead h1.shrink {
        padding: 0 20%; } }

#masthead .parent-name {
  text-transform: uppercase;
  display: block;
  font-size: 0.5em; }

#masthead .parent-link {
  font-family: UniversLightCondensed;
  font-size: 1.1rem;
  float: right;
  color: #333;
  margin: 0.5rem 0;
  position: relative;
  z-index: 1001;
  display: none; }
  @media (min-width: 768px) {
    #masthead .parent-link {
      display: block; } }
  #masthead .parent-link:hover, #masthead .parent-link:focus {
    color: #cc0000; }
#masthead .parent-link .glyphicon-thin-arrow {
  font-size: 1.5em;
  line-height: 1.5rem;
  vertical-align: middle;
  display: inline-block;
  left: 0;
  top: -1px;
  -webkit-transition: left 0.2s ease;
  transition: left 0.2s ease;
}

#masthead .parent-link:hover .glyphicon-thin-arrow {
  left: 4px;
}

/* Utility bar hacks */
.ncstate-utility-bar-home {
  background-image: url("https://cdn.ncsu.edu/brand-assets/utility-bar/img/ncstate-brick-2x2-red.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px; }
  .ncstate-utility-bar-home a {
    height: 60px;
    color: transparent !important;
    background-image: none !important; }
  .ncstate-utility-bar-home a:hover,
  .ncstate-utility-bar-home a:focus {
    background-color: transparent !important; }

.ncstate-utility-bar-primary-util {
  padding-top: 30px !important; }

/* Nav Menus */
#menu-toggle {
  float: right;
  border: none;
  background-color: transparent;
  margin: 0 -5px;
  font-size: 0.9em;
  text-transform: uppercase;
  padding: 1em 0; }
  @media (min-width: 768px) {
    #menu-toggle {
      display: none; } }
  #menu-toggle .glyphicon {
    font-size: 3.2em;
    vertical-align: -33%;
    padding-left: 5px; }

.main-menu {
  position: relative;
  width: 100%;
  margin: auto;
  text-align: center;
  display: none; }
  @media (min-width: 768px) {
    .main-menu {
      display: block; } }
  .main-menu a {
    display: block;
    color: #333;
    padding: 0.8em 1.85em; }
    @media (min-width: 1200px) {
      .main-menu a {
        padding: 0.8em 3em; } }
  .main-menu .dropdown {
    padding: 1.5rem 0;
    min-width: 150px;
    position: absolute;
    z-index: 300;
    margin: 0;
    left: -9999px;
    opacity: 0; }
  .main-menu > li {
    display: inline-block;
    vertical-align: bottom; }
    .main-menu > li:hover .dropdown, .main-menu > li:focus .dropdown,
    .main-menu > li .dropdown.show-menu {
      left: auto;
      opacity: 1; }
    .main-menu > li:hover:last-child .dropdown, .main-menu > li:focus:last-child .dropdown, .main-menu > li:last-child .dropdown.show-menu {
      left: auto;
      right: 2px; }
      @media (min-width: 992px) {
        .main-menu > li:hover:last-child .dropdown, .main-menu > li:focus:last-child .dropdown, .main-menu > li:last-child .dropdown.show-menu {
          right: 113px; } }
  .main-menu .sub-menu {
    margin: -0.75em 0; }
    .main-menu .sub-menu a {
      line-height: 1.3em;
      padding: 0.75em 1.85em; }
      @media (min-width: 1200px) {
        .main-menu .sub-menu a {
          padding: 0.75em 3em; } }
    .main-menu .sub-menu li {
      text-align: left;
      max-width: 240px; }

/* Footer
**************/
footer {
  font-size: 0.9em;
  font-family: UniversLight;
  color: #fff;
  background-color: #990000;
  letter-spacing: 0.02em;
  position: relative;
  z-index: 200;
  max-width: 1500px;
  margin: auto;
  -webkit-transition: -webkit-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease; }
  footer .footer-main {
    margin-left: -15px;
    margin-right: -15px;
    padding: 3em 0; }
    footer .footer-main:before, footer .footer-main:after {
      content: " ";
      display: table; }
    footer .footer-main:after {
      clear: both; }
    @media (min-width: 768px) {
      footer .footer-main {
        padding: 3em 0 2em; } }

.footer-address {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 768px) {
    .footer-address {
      float: left;
      width: 25%; } }
  @media (min-width: 992px) {
    .footer-address {
      float: left;
      width: 33.33333%; } }
  @media (min-width: 1200px) {
    .footer-address {
      float: left;
      width: 25%; } }
  .footer-address h5 {
    margin-top: 0; }
  .footer-address address {
    padding: 2em 0; }
  .footer-address span.university {
    font-family: 'UniversCondensed';
    font-weight: bold;
    font-size: 2.5em;
    letter-spacing: 0.05em; }
  .footer-address span.college {
    font-family: 'UniversLightCondensed';
    font-size: 2em;
    font-weight: normal;
    display: block;
    margin-top: 0.6em;
    line-height: 1.3em; }
  .footer-address .phone-number a[href^=tel] {
    color: #fff; }

.footer-interactive {
  width: 270px;
  clear: both;
  margin: auto;
  padding-top: 48px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 768px) {
    .footer-interactive {
      float: left;
      width: 25%; } }
  @media (min-width: 768px) {
    .footer-interactive {
      clear: none;
      padding-top: 0; } }
  .footer-interactive h5 {
    margin-top: 0; }

.footer-links {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 30px; }
  @media (min-width: 768px) {
    .footer-links {
      float: left;
      width: 50%; } }
  @media (min-width: 992px) {
    .footer-links {
      float: left;
      width: 41.66667%; } }
  @media (min-width: 1200px) {
    .footer-links {
      float: left;
      width: 50%; } }
  @media (min-width: 768px) {
    .footer-links {
      margin-top: -10px;
      margin-left: 0px; } }
  .footer-links a {
    color: #fff; }
    .footer-links a:hover, .footer-links a:focus {
      text-decoration: underline; }
  .footer-links ul {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 768px) {
      .footer-links ul {
        float: left;
        width: 50%; } }
    .footer-links ul li {
      margin-left: 1rem; }
  .footer-links li:before {
    font-size: 0.9rem;
    color: #fff;
    display: inline-block;
    vertical-align: middle; }

.copyright {
  font-size: 0.8em;
  padding-top: 0.9em; }
  .copyright p {
    text-align: center; }
  @media (min-width: 768px) {
    .copyright {
      float: left; } }

.social-channels {
  font-size: 3.5em;
  width: 6.1em;
  margin: 0 auto; }
  .social-channels:before, .social-channels:after {
    content: " ";
    display: table; }
  .social-channels:after {
    clear: both; }
  @media (min-width: 768px) {
    .social-channels {
      float: right;
      width: auto;
      margin: 0 -15px 0 0;
      font-size: 2em; } }
  .social-channels a {
    color: #fff; }
  .social-channels li {
    float: left;
    padding: 0 0.25em; }

/*# sourceMappingURL=ojs.css.map */