/* CSS Document */


/* Base CSS */

.bodystyle {
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #4a4a4a;
  font-weight: 400;
}
.bodystyle a {
  color: #027db9;
  text-decoration: none;
}
.bodystyle a:hover, a:focus {
  color: #80b9cf;
  text-decoration: none;
}
.bodystyle h1 {
  font-family: Oswald, sans-serif;
  font-size: 32px;
  color: #6a6a6a;
  font-weight: 400;
}
.bodystyle h2 {
  font-family: Oswald, sans-serif;
  font-size: 24px;
  color: #6a6a6a;
  font-weight: 400;
}
.bodystyle h3 {
  font-family: Oswald, sans-serif;
  font-size: 20px;
  color: #6a6a6a;
  font-weight: 400;
}
.bodystyle li {
  font-family: Lato, sans-serif;
  font-size: 17px;
  line-height: 1.5;
  color: #6a6a6a;
}
.bodystyle li:before {
  color: #000;
  content: "\f105";
  font-family: FontAwesome;
  display: inline-block;
}
.bodystyle hr {
  border-top: 2px solid #9a9a9a;
  width: 100%;
}
.bodystyle form {
  margin-bottom: 1em;
  display: block;
}
.bodystyle select {
  background-color: #ffffff;
  padding: 5px;
  border: 1px solid #6a6a6a;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #4a4a4a;
  width: 90%;
}
.bodystyle input, textarea, select, button {
  display: inline-block;
}
.bodystyle .button {
  display: inline-block;
  padding: 15px 25px;
  background-color: #00873e;
  font-family: Lato, sans-serif;
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  border: 0px solid transparent;
}
.bodystyle .button:hover, .bodystyle button:active {
  background-color: #015a2a
}
.bodystyle input, textarea {
  background-color: #ffffff;
  padding: 5px;
  border: 1px solid #6a6a6a;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #4a4a4a;
  }
.checkbox {
  width: 30px;
  height: 30px;
  border: 1px solid #6a6a6a !important;
  background-color: #ffffff !important;
  vertical-align: middle;
}
.tooltip {
  position: relative;
  display: inline-block;
  padding: 10px;
  width: 50%;
  top: 17px;
  left: 12px;
}
.tooltip .tooltiptext {
  position: absolute;
  top: 50%;
  left: 110%;
  transform: translate(0, -50%);
  visibility: hidden;
  border: 1px dotted #6a6a6a;
  width: 45% !important;
  color: #6a6a6a;
  padding: 5px;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.nowrap {
  white-space: nowrap;
  text-align: center;
}

/*IF-Prepped Nav Bar*/


    .layout-3col {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 0;
        padding-right: 0;
      }
      
      .layout-3col:before {
        content: "";
        display: table;
      }
      
      .layout-3col:after {
        content: "";
        display: table;
        clear: both;
      }
      
      .layout-3col__full, .layout-3col__left-content, .layout-3col__right-content, .layout-3col__left-sidebar, .layout-3col__right-sidebar, .layout-3col__first-left-sidebar, .layout-3col__second-left-sidebar, .layout-3col__col-1, .layout-3col__col-2, .layout-3col__col-3, .layout-3col__col-4, .layout-3col__col-x {
        clear: both;
        padding-left: 20px;
        padding-right: 20px;
        float: left;
        width: 100%;
        margin-left: 0%;
        margin-right: -100%;
      }
      
      [dir="rtl"] .layout-3col__full, [dir="rtl"] .layout-3col__left-content, [dir="rtl"] .layout-3col__right-content, [dir="rtl"] .layout-3col__left-sidebar, [dir="rtl"] .layout-3col__right-sidebar, [dir="rtl"] .layout-3col__first-left-sidebar, [dir="rtl"] .layout-3col__second-left-sidebar, [dir="rtl"] .layout-3col__col-1, [dir="rtl"] .layout-3col__col-2, [dir="rtl"] .layout-3col__col-3, [dir="rtl"] .layout-3col__col-4, [dir="rtl"] .layout-3col__col-x {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
      }
      
      @media(min-width: 1040px) {
        .header .top-bar #block-top-social-icons a {
          width: 18px !important;
          height: 18px !important;
          margin: .5em .25em !important;
        }

      }
      @media(min-width:1100px) {
        .header .top-bar #block-top-social-icons {
          top: .75em !important;
        }

        .header .top-bar #block-top-social-icons a {
          font-size: 1.3em !important;
          width: 26px !important;
          height: 26px !important;
        }
      }
      @media(min-width: 1200px) {
        .header .top-bar #block-global-top-nav ul li a {
          font-size: 1.2em !important;
        }
      }

      @media (min-width: 777px) {
        .layout-3col {
          margin-left: -12px;
          margin-right: -13px;
          padding-left: 0;
          padding-right: 0;
        }
        .layout-3col:before {
          content: "";
          display: table;
        }
        .layout-3col:after {
          content: "";
          display: table;
          clear: both;
        }
        [dir="rtl"] .layout-3col {
          margin-left: -13px;
          margin-right: -12px;
        }
        .layout-3col__full, .layout-3col__left-content, .layout-3col__right-content, .layout-3col__left-sidebar, .layout-3col__right-sidebar {
          float: left;
          width: 100%;
          margin-left: 0%;
          margin-right: -100%;
          padding-left: 12px;
          padding-right: 13px;
        }
        [dir="rtl"] .layout-3col__full, [dir="rtl"] .layout-3col__left-content, [dir="rtl"] .layout-3col__right-content, [dir="rtl"] .layout-3col__left-sidebar, [dir="rtl"] .layout-3col__right-sidebar {
          float: right;
          margin-right: 0%;
          margin-left: -100%;
        }
        [dir="rtl"] .layout-3col__full, [dir="rtl"] .layout-3col__left-content, [dir="rtl"] .layout-3col__right-content, [dir="rtl"] .layout-3col__left-sidebar, [dir="rtl"] .layout-3col__right-sidebar {
          padding-left: 13px;
          padding-right: 12px;
        }
        .layout-3col__first-left-sidebar, .layout-3col__col-1, .layout-3col__col-3, .layout-3col__col-x:nth-child(2n + 1) {
          float: left;
          width: 50%;
          margin-left: 0%;
          margin-right: -100%;
          padding-left: 12px;
          padding-right: 13px;
        }
        [dir="rtl"] .layout-3col__first-left-sidebar, [dir="rtl"] .layout-3col__col-1, [dir="rtl"] .layout-3col__col-3, [dir="rtl"] .layout-3col__col-x:nth-child(2n + 1) {
          float: right;
          margin-right: 0%;
          margin-left: -100%;
        }
        [dir="rtl"] .layout-3col__first-left-sidebar, [dir="rtl"] .layout-3col__col-1, [dir="rtl"] .layout-3col__col-3, [dir="rtl"] .layout-3col__col-x:nth-child(2n + 1) {
          padding-left: 13px;
          padding-right: 12px;
        }
        .layout-3col__second-left-sidebar, .layout-3col__col-2, .layout-3col__col-4, .layout-3col__col-x:nth-child(2n) {
          clear: none;
          float: left;
          width: 50%;
          margin-left: 50%;
          margin-right: -100%;
          padding-left: 12px;
          padding-right: 13px;
        }
        [dir="rtl"] .layout-3col__second-left-sidebar, [dir="rtl"] .layout-3col__col-2, [dir="rtl"] .layout-3col__col-4, [dir="rtl"] .layout-3col__col-x:nth-child(2n) {
          float: right;
          margin-right: 50%;
          margin-left: -100%;
        }
        [dir="rtl"] .layout-3col__second-left-sidebar, [dir="rtl"] .layout-3col__col-2, [dir="rtl"] .layout-3col__col-4, [dir="rtl"] .layout-3col__col-x:nth-child(2n) {
          padding-left: 13px;
          padding-right: 12px;
        }
      }
      
      @media (min-width: 999px) {
        .layout-3col__full {
          float: left;
          width: 100%;
          margin-left: 0%;
          margin-right: -100%;
        }
        [dir="rtl"] .layout-3col__full {
          float: right;
          margin-right: 0%;
          margin-left: -100%;
        }
        .layout-3col__left-content {
          float: left;
          width: 66.66667%;
          margin-left: 0%;
          margin-right: -100%;
        }
        [dir="rtl"] .layout-3col__left-content {
          float: right;
          margin-right: 0%;
          margin-left: -100%;
        }
        .layout-3col__right-content {
          float: left;
          width: 66.66667%;
          margin-left: 33.33333%;
          margin-right: -100%;
        }
        [dir="rtl"] .layout-3col__right-content {
          float: right;
          margin-right: 33.33333%;
          margin-left: -100%;
        }
        .layout-3col__left-sidebar, .layout-3col__first-left-sidebar, .layout-3col__second-left-sidebar {
          clear: right;
          float: right;
          width: 33.33333%;
          margin-right: 66.66667%;
          margin-left: -100%;
        }
        [dir="rtl"] .layout-3col__left-sidebar, [dir="rtl"] .layout-3col__first-left-sidebar, [dir="rtl"] .layout-3col__second-left-sidebar {
          clear: left;
        }
        [dir="rtl"] .layout-3col__left-sidebar, [dir="rtl"] .layout-3col__first-left-sidebar, [dir="rtl"] .layout-3col__second-left-sidebar {
          float: left;
          margin-left: 66.66667%;
          margin-right: -100%;
        }
        .layout-3col__right-sidebar {
          clear: right;
          float: right;
          width: 33.33333%;
          margin-right: 0%;
          margin-left: -100%;
        }
        [dir="rtl"] .layout-3col__right-sidebar {
          clear: left;
        }
        [dir="rtl"] .layout-3col__right-sidebar {
          float: left;
          margin-left: 0%;
          margin-right: -100%;
        }
        .layout-3col__col-1, .layout-3col__col-x:nth-child(3n+1) {
          clear: both;
          float: left;
          width: 33.33333%;
          margin-left: 0%;
          margin-right: -100%;
        }
        [dir="rtl"] .layout-3col__col-1, [dir="rtl"] .layout-3col__col-x:nth-child(3n+1) {
          float: right;
          margin-right: 0%;
          margin-left: -100%;
        }
        .layout-3col__col-2, .layout-3col__col-x:nth-child(3n+2) {
          clear: none;
          float: left;
          width: 33.33333%;
          margin-left: 33.33333%;
          margin-right: -100%;
        }
        [dir="rtl"] .layout-3col__col-2, [dir="rtl"] .layout-3col__col-x:nth-child(3n+2) {
          float: right;
          margin-right: 33.33333%;
          margin-left: -100%;
        }
        .layout-3col__col-3, .layout-3col__col-x:nth-child(3n) {
          clear: none;
          float: left;
          width: 33.33333%;
          margin-left: 66.66667%;
          margin-right: -100%;
        }
        [dir="rtl"] .layout-3col__col-3, [dir="rtl"] .layout-3col__col-x:nth-child(3n) {
          float: right;
          margin-right: 66.66667%;
          margin-left: -100%;
        }
        .layout-3col__col-4 {
          display: none;
        }
      }
      
      .layout-3col__grid-item-container {
        padding-left: 0;
        padding-right: 0;
      }
      
      .layout-3col__grid-item-container:before {
        content: "";
        display: table;
      }
      
      .layout-3col__grid-item-container:after {
        content: "";
        display: table;
        clear: both;
      }
      
      .layout-center,
      .header .top-bar,
      .header .splash,
      .header .landing-menu,
      .header .breadcrumb-bar {
        padding-left: 20px;
        padding-right: 20px;
        margin: 0 auto;
        max-width: 1465px;
      }
      
      @media (min-width: 777px) {
        .layout-center,
        .header .top-bar,
        .header .splash,
        .header .landing-menu,
        .header .breadcrumb-bar {
          padding-left: 12px;
          padding-right: 13px;
        }
        [dir="rtl"] .layout-center,
        [dir="rtl"] .header .top-bar,
        .header [dir="rtl"] .top-bar,
        [dir="rtl"] .header .splash,
        .header [dir="rtl"] .splash,
        [dir="rtl"] .header .landing-menu,
        .header [dir="rtl"] .landing-menu,
        [dir="rtl"] .header .breadcrumb-bar,
        .header [dir="rtl"] .breadcrumb-bar {
          padding-left: 13px;
          padding-right: 12px;
        }
      }
      
      .layout-center--shared-grid,
      .layout-center.layout-3col {
        padding-left: 0;
        padding-right: 0;
      }
      
      @media print {
        .breadcrumb,
        .header .breadcrumb-bar .breadcrumb {
          display: none;
        }
      }
      
      .breadcrumb__list {
        margin: 0;
        padding: 0;
      }
      
      .breadcrumb__item {
        display: inline;
        list-style-type: none;
        margin: 0;
        padding: 0;
      }
      
      .header h1,
      .header h2,
      .header h3 {
        margin: 0;
        padding: 0;
      }
      
      .header .top-bar--wrapper {
        height: 68px;
        background-color: #fff;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 20;
      }
      
      .header .top-bar .block-system-branding-block {
        display: inline-block;
      }
      
      .header .top-bar .block-system-branding-block img {
        width: 50px;
        height: 50px;
        margin-top: .5em;
      }
      
      .header .top-bar #block-global-top-nav {
        display: inline-block;
        height: 68px;
        vertical-align: top;
      }
      
      .header .top-bar #block-global-top-nav ul {
        list-style: none;
        overflow: hidden;
        margin: 0;
        padding: 0;
      }
      
      .header .top-bar #block-global-top-nav ul li {
        float: left;
        height: 68px;
        padding-top: 0;
        border-right: 1px solid #e3e5e3;
        list-style: none;
      }
      
      .header .top-bar #block-global-top-nav ul li a {
        color: #4a4a4a;
        line-height: 68px;
        display: block;
        text-decoration: none;
        text-align: center;
        padding: 0 .8em;
        font-size: 1em;
        font-weight: 300;
        font-family: Oswald, Verdana, Tahoma;
      }
      
      .header .top-bar #block-global-top-nav ul li:nth-child(5) a,
      .header .top-bar #block-global-top-nav ul li:nth-child(6) a {
        position: relative;
        padding: 0 1.5em 0 1em;
      }
      
      .header .top-bar #block-global-top-nav ul li:nth-child(5) a::after,
      .header .top-bar #block-global-top-nav ul li:nth-child(6) a::after {
        content: '>';
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        position: absolute;
        top: .05em;
        right: .5em;
      }
      
      .header .top-bar #block-global-top-nav ul li:last-child a {
        color: #00873e;
      }
      
      .header .top-bar #block-top-social-icons {
        position: absolute;
        right: 14em;
        top: 1em;
      }
      
      .header .top-bar #block-top-social-icons .social-icons {
        display: inline-block;
      }
      
      .header .top-bar #block-top-social-icons .social-icons a {
        width: 14px;
        height: 14px;
        border-radius: 4px;
        display: inline-block;
        font-size: 1em;
        color: #6a6a6a;
        text-align: center;
        margin: .5em .1em;
      }
      
      .header .top-bar #block-top-social-icons .social-icons a span {
        display: block;
        text-indent: -10000px;
      }
      
      .header .top-bar #block-top-shortcuts {
        position: absolute;
        top: -2px;
        right: 0;
        vertical-align: top;
        border-bottom: 2px solid #fff;
      }
      
      .header .top-bar #block-top-shortcuts ul {
        list-style: none;
        overflow: hidden;
        margin: 0;
      }
      
      .header .top-bar #block-top-shortcuts ul li {
        float: left;
        height: 68px;
        padding-top: 0;
        border-left: 2px solid #fff;
        list-style: none;
      }
      
      .header .top-bar #block-top-shortcuts ul li.events {
        background-color: #6a6a6a;
      }
      
      .header .top-bar #block-top-shortcuts ul li.news {
        background-color: #4a4a4a;
      }
      
      .header .top-bar #block-top-shortcuts ul li.icobb {
        background-color: #015a2a;
      }
      
      .header .top-bar #block-top-shortcuts ul li a {
        color: #fff;
        line-height: 68px;
        display: block;
        text-decoration: none;
        text-align: center;
        padding: 0 .8em;
        font-size: 1.1em;
        font-weight: 300;
        font-family: Oswald, Verdana, Tahoma;
      }
      
      .header .splash {
        position: relative;
        height: 250px;
      }
      
      .header .splash--wrapper {
        margin-top: 68px;
        min-height: 250px;
        background-image: linear-gradient(90deg, rgba(0, 128, 191, 0.7) 0%, #38568e 100%);
      }
      
      .header .splash .block-page-title-block {
        background-color: #000;
        color: white;
        height: 100px;
        width: 35%;
        position: absolute;
        bottom: 0;
      }
      
      .header .splash .block-page-title-block #title-fa-icon {
        float: left;
        margin-left: -100px;
        margin-top: 40px;
        font-size: 3.4em;
      }
      
      .header .splash .block-page-title-block h1 {
        padding: .7em 1em 0 0;
        text-align: left;
        font-family: Oswald, Verdana, Tahoma;
        font-size: 1.6em;
      }
      
      .header .splash::before {
        position: absolute;
        background-color: black;
        bottom: 0;
        left: -34%;
        width: 35%;
        height: 100px;
        -ms-transform-origin: bottom left;
            transform-origin: bottom left;
        z-index: 0;
        opacity: 1;
        content: '';
      }
      
      .header .splash::after {
        position: absolute;
        background-color: black;
        bottom: 0;
        left: 35%;
        width: 100px;
        height: 100px;
        -ms-transform-origin: bottom left;
            transform-origin: bottom left;
        -ms-transform: skew(40deg);
            transform: skew(40deg);
        z-index: 1;
        opacity: 1;
        content: '';
      }
      
      .header .landing-menu--wrapper {
        background-color: #000;
        height: 78px;
      }
      
      .header .landing-menu nav.menu--landing {
        display: inline-block;
        height: 78px;
        vertical-align: top;
      }
      
      .header .landing-menu nav.menu--landing ul {
        list-style: none;
        overflow: hidden;
        margin: 0;
      }
      
      .header .landing-menu nav.menu--landing ul li {
        list-style: none;
        float: left;
        height: 66px;
        padding-top: 0;
      }
      
      .header .landing-menu nav.menu--landing ul li a {
        color: #fff;
        line-height: 66px;
        display: block;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        padding: 0 .7em;
        font-size: .8em;
        font-weight: normal;
        font-family: Lato, Verdana, Tahoma;
      }
      
      .header .landing-menu nav.menu--landing ul li:first-child a {
        padding-left: 0;
        padding-right: 0;
        color: white;
      }
      
      .header .breadcrumb-bar--wrapper {
        height: 38px;
        background-color: #fff;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
      }
      
      .header .breadcrumb-bar .breadcrumb__list {
        display: inline-block;
      }
      
      .header .breadcrumb-bar .breadcrumb__item {
        font-family: Oswald, Verdana, Tahoma;
        font-size: .7em;
      }
      
      .header .breadcrumb-bar .breadcrumb__item a {
        text-decoration: none;
      }
      
      /*# sourceMappingURL=header.css.map */


/*Dept nav bar*/

.dept-nav-container {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
}
.dept-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.dept-nav h1 {
    font-family: Oswald, sans-serif;
    font-size: 2vw;
    color: #ffffff;
    font-weight: 400;
    padding-top: 15%;
    padding-left: 15%;
}
.dept-nav a {
    color: #ffffff;
    text-decoration: none;
    font-family: Lato, sans-serif;
    font-size: 1.1vw;
    font-weight: regular;
    text-align: center;
	padding: 0 1.5%;
}
.dept-nav-rectangle {
	position: relative;
    height: 4.7vw;
    width: 100%;
    background-color: #000;
}
.dept-nav-trapezoid {
    border-bottom: 6.93vw solid #000;
    border-right: 5.2vw solid transparent;
    height: 0;
    width: 22.4vw;
}

/*Change this background to match the main lighter color of the section:

Cobb Green: #00873E
Bright Blue: #027DB9
Purple: #603C85
Teal: #007D89
Orange: #CE3E00
Red: #CC0029
Navy: #30639D
*/

.lower-bar {
    background: #00873E;
    height: 1vw;
}

/*Header*/

.header-container {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
}


/*Use this background gradient to match the gradient overlay for the section:

Cobb Green: background: linear-gradient(90deg, rgba(172, 243, 46, 1) 0%, rgba(32, 108, 2, 1) 100%);
Bright Blue: background: linear-gradient(90deg, rgba(0, 128, 191, 1) 0%, rgba(56, 86, 142, 1) 100%);
Purple: background: linear-gradient(90deg, rgba(169, 90, 227, 1) 0%, rgba(51, 36, 86, 1) 100%);
Teal: background: linear-gradient(90deg, rgba(5, 192, 196, 1) 0%, rgba(1, 56, 71, 1) 100%);
Orange: background : linear-gradient(90deg, rgba(255, 183, 0, 1) 0%, rgba(255, 94, 3, 1) 100%);
Red: background: linear-gradient(90deg, rgba(245, 81, 95, 1) 0%, rgba(159, 4, 27, 1) 100%);
Navy: background: linear-gradient(90deg, rgba(22, 89, 210, 1) 0%, rgba(5, 40, 96, 1) 100%);
*/

.header-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 98%;
    background: linear-gradient(90deg, rgba(172, 243, 46, 1) 0%, rgba(32, 108, 2, 1) 100%);
    opacity: 0.7;
    box-shadow: inset 0px 7px 5px rgba(0, 0, 0, 0.2);
}