/* Import global variables */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,600);
/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
/* For image replacement */
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr; }
  .ir br {
    display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
  display: none;
  visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }
  .visuallyhidden.focusable:active:active, .visuallyhidden.focusable:active:focus,
  .visuallyhidden.focusable:focus:active,
  .visuallyhidden.focusable:focus:focus {
    position: static !important;
    clip: auto;
    height: auto;
    width: auto;
    overflow: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden; }

.clearfix {
  *zoom: 1; }
  .clearfix:after, .clearfix:before {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

/**
 * Media query mixins
 */
/* HTML element (SMACSS base) rules */
html {
  box-sizing: border-box;
  font-size: 14px;
  line-height: 24px;
  font-family: "Raleway", Helvetica, Arial, "DejaVu Sans", sans-serif;
  color: #5B666A;
  overflow-y: scroll; }

*, *:before, *:after {
  box-sizing: inherit; }

h1 {
  font-size: 28px;
  line-height: 48px;
  margin: 24px 0;
  letter-spacing: 2px; }

h2 {
  font-size: 21px;
  line-height: 36px;
  margin: 24px 0;
  letter-spacing: 2px; }

h3 {
  font-size: 17.5px;
  line-height: 24px;
  margin: 24px 0;
  letter-spacing: 2px; }

h4 {
  font-size: 14px;
  line-height: 24px;
  margin: 24px 0;
  letter-spacing: 2px; }

h5 {
  font-size: 12.25px;
  line-height: 24px;
  margin: 24px 0;
  letter-spacing: 2px; }

h6 {
  font-size: 10.5px;
  line-height: 16.008px;
  margin: 24px 0;
  letter-spacing: 2px; }

p {
  margin: 24px 0;
  letter-spacing: 1px; }

a {
  letter-spacing: 1px;
  text-decoration: none; }
  a:link, a:visited {
    color: #2eaec7; }
  a:hover, a:active {
    color: #66c8dc; }

ul,
ol {
  margin: 0;
  margin-left: 30px;
  padding: 0; }

blockquote,
q {
  margin-left: 30px; }

/* Layout rules */
body {
  margin: 0; }

/** container **/
.page {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  position: relative; }

/** header **/
header {
  padding: 0;
  margin: 0;
  clear: both; }

/** content areas **/
.main {
  padding: 0;
  margin: 0; }

/** footer **/
footer {
  padding: 0;
  margin: 0; }

.page-user .main {
  padding: 40px 30px; }
  .page-user .main .form-item {
    padding: 20px 0; }
    .page-user .main .form-item label {
      font-weight: bold;
      display: block; }
    .page-user .main .form-item input {
      padding: 5px; }

.page-node .main {
  padding: 0 60px 30px 60px; }

@media screen and (max-width: 1200px) {
  .page {
    width: 100%; } }

@media screen and (max-width: 600px) {
  .page-node .main {
    padding: 0 30px 30px 30px; } }

/* Component (SMACSS module) rules */
.top-content {
  min-height: 300px;
  overflow-y: hidden;
  width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007fa6+0,10c4d7+100 */
  background: #007fa6;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #007fa6 0%, #10c4d7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007fa6', endColorstr='#10c4d7',GradientType=0 );
  /* IE6-9 */
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center; }

.front .top-content {
  min-height: 600px;
  overflow-y: hidden;
  width: 100%;
  background-size: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: rgba(0, 127, 166, 0.4);
  background-blend-mode: multiply; }

#logo {
  width: 150px;
  z-index: 1; }

#logo img {
  width: 100%;
  height: auto; }

.top-content .page__title {
  width: 100%;
  margin-top: 80px;
  text-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  color: #fff;
  font-weight: 400;
  text-transform: lowercase;
  letter-spacing: 4px; }

@media screen and (max-width: 600px) {
  .top-content {
    min-height: 200px; }
  .front .top-content {
    background-position: 25%;
    background-size: cover; } }

.footer {
  width: 100%;
  padding: 40px 0 0 0;
  background: #003E6C;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #003E6C 0%, #00618D 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003E6C', endColorstr='#00618D',GradientType=0 );
  /* IE6-9 */
  color: #fff; }
  .footer h4 {
    font-size: 12.6px;
    margin: 5px 0 0 0;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px; }
  .footer p {
    color: #9ab1c2;
    font-size: 11.2px; }
  .footer h4 + p {
    margin-top: 0;
    color: #9ab1c2; }
  .footer a {
    color: #9ab1c2;
    text-decoration: none; }
    .footer a:hover {
      text-decoration: underline; }

.footer .region-footer {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: top;
  -moz-align-items: top;
  align-items: top;
  -ms-flex-pack: distribute;
  -moz-justify-content: space-around;
  justify-content: space-around; }
  .footer .region-footer img {
    max-width: 200px; }

.copyright-social {
  width: 100%;
  border-top: 1px solid #337da0;
  padding: 10px 60px;
  padding-top: 10px;
  margin-top: 10px;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center; }
  .copyright-social ul {
    margin: 0; }
  .copyright-social ul li {
    list-style-type: none;
    display: inline;
    margin-left: 10px; }
    .copyright-social ul li a,
    .copyright-social ul li a:hover {
      text-decoration: none; }
  .copyright-social svg {
    width: 30px;
    height: 30px; }
  .copyright-social svg path {
    fill: #fff; }

.ofw-footer-link {
  margin-left: auto;
  margin-right: 40px;
  text-transform: uppercase; }
  .ofw-footer-link a {
    color: #fff; }

@media screen and (max-width: 650px) {
  .footer .region-footer {
    display: block;
    text-align: center; }
    .footer .region-footer img {
      max-width: 150px; }
  .copyright-social {
    padding-top: 30px;
    margin-top: 30px;
    text-align: center;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
    .copyright-social ul {
      margin-top: 20px; }
  .ofw-footer-link {
    margin: 0;
    -ms-flex-order: 1;
    order: 1; } }

/**
 * variables
 */
/**
 * Primary tabs
 */
.tabs.primary {
  margin: 1em 0;
  padding: 0;
  border-bottom: 1px solid #CCC; }

.tabs.primary li {
  display: inline-block;
  margin-left: .5em;
  border: 1px solid #CCC;
  border-bottom: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.tabs.primary a {
  display: block;
  line-height: 1.5em;
  padding: 0 1em;
  border-radius: 2px;
  background-color: #DDD;
  transition: background-color 0.2s; }
  .tabs.primary a:hover {
    background-color: #f7f7f7; }
  .tabs.primary a.active {
    background-image: linear-gradient(white, #DDD); }

.block-system-main-menu ul li {
  display: inline-block;
  list-style-type: none; }
  .block-system-main-menu ul li a {
    color: #fff;
    padding: 5px 10px;
    margin: 0 5px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, 0.75); }
    .block-system-main-menu ul li a:hover, .block-system-main-menu ul li a.active-trail, .block-system-main-menu ul li a.active {
      font-family: "Raleway", Helvetica, Arial, "DejaVu Sans", sans-serif;
      color: white; }

.main-menu {
  position: absolute;
  width: 100%;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  padding: 30px 60px 0 60px; }
  .main-menu:after {
    content: '';
    display: block;
    height: 1px;
    width: 90%;
    background-color: #2eaec7;
    position: absolute;
    bottom: -20px;
    left: 5%; }

.front .main-menu:after {
  display: none; }

@media screen and (max-width: 600px) {
  .main-menu {
    padding: 20px; }
  .main-menu:after {
    display: none; }
  .main-menu.mobile-menu-open {
    position: fixed;
    z-index: 99; }
  .main-menu .block-system-main-menu {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #003e6c;
    text-align: center; }
    .main-menu .block-system-main-menu .block-system-main-menu,
    .main-menu .block-system-main-menu .block__content {
      height: 100%; }
    .main-menu .block-system-main-menu ul {
      height: 100%;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: center;
      -moz-align-items: center;
      align-items: center;
      -ms-flex-pack: center;
      -moz-justify-content: center;
      justify-content: center;
      margin: 0; }
    .main-menu .block-system-main-menu ul li {
      display: block;
      margin: 20px 0;
      font-size: 1.5em; }
    .main-menu .block-system-main-menu ul li a {
      font-weight: 400;
      color: #9ab1c2; }
      .main-menu .block-system-main-menu ul li a.active-trail {
        color: #fff; }
  .main-menu .region-header {
    display: none; }
  .main-menu.mobile-menu-open .region-header {
    display: block; }
  /* --------
  hamburger menu
  * MOBILE NAV TOGGLE BUTTON STYLES *
   ------------
  */
  #mobile-nav {
    z-index: 1;
    margin-left: auto; }
    #mobile-nav #nav-toggle {
      background-color: transparent;
      z-index: 1; }
    #mobile-nav #nav-toggle {
      cursor: pointer;
      padding: 10px 10px 16px 0px; }
    #mobile-nav #nav-toggle {
      display: block;
      width: 36px;
      height: auto;
      padding: 0;
      margin: 0;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
      #mobile-nav #nav-toggle:before, #mobile-nav #nav-toggle:after,
      #mobile-nav #nav-toggle span {
        background-color: #ffffff;
        border-radius: 1px;
        content: '';
        display: block;
        height: 3px;
        margin: 6px 0;
        transition: all 0.2s ease-out;
        width: 100%; }
      #mobile-nav #nav-toggle span {
        text-indent: -9999px; }
  .main-menu.mobile-menu-open #nav-toggle:before {
    -webkit-transform: rotate(45deg) translate3d(6px, 7px, 0);
    transform: rotate(45deg) translate3d(6px, 7px, 0); }
  .main-menu.mobile-menu-open #nav-toggle span {
    opacity: 0; }
  .main-menu.mobile-menu-open #nav-toggle:after {
    -webkit-transform: rotate(-45deg) translate3d(6px, -6px, 0);
    transform: rotate(-45deg) translate3d(6px, -6px, 0); } }

.field__label {
  font-weight: bold; }

.field-label-inline .field__label,
.field-label-inline .field__item {
  display: inline-block; }

/**
 * @file
 * Stylesheet for the Contextual module.
 */
/**
 * Contextual links regions.
 */
.contextual-links-region {
  outline: none;
  position: relative; }

.contextual-links-region-active {
  outline: #999 dashed 1px; }

/**
 * Contextual links.
 */
.contextual-links-region div.contextual-links-wrapper {
  display: none;
  font-size: 90%;
  position: absolute;
  right: 5px;
  /* LTR */
  top: 2px;
  z-index: 999; }

html.js div.contextual-links-wrapper {
  display: block; }

.contextual-links-region a.contextual-links-trigger {
  background: #fff url(/modules/contextual/images/gear-select.png) no-repeat 2px 0;
  border: 1px solid transparent;
  display: none;
  height: 18px;
  margin: 0;
  padding: 0 2px;
  outline: none;
  text-indent: 34px;
  /* LTR */
  width: 28px;
  overflow: hidden;
  border-radius: 4px; }

.contextual-links-region a.contextual-links-trigger:hover,
.contextual-links-region div.contextual-links-active a.contextual-links-trigger {
  background-position: 2px -18px; }

.contextual-links-region div.contextual-links-active a.contextual-links-trigger {
  background-color: #fff;
  border-color: #ccc;
  border-bottom: none;
  position: relative;
  z-index: 1;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-radius: 4px 4px 0 0; }

.contextual-links-region div.contextual-links-wrapper ul.contextual-links {
  background-color: #fff;
  border: 1px solid #ccc;
  display: none;
  margin: 0;
  padding: 0.25em 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 8px;
  white-space: nowrap;
  -moz-border-radius: 4px 0 4px 4px;
  /* LTR */
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 0;
  /* LTR */
  -webkit-border-top-left-radius: 4px;
  /* LTR */
  border-radius: 4px 0 4px 4px;
  /* LTR */ }

.contextual-links-region a.contextual-links-trigger-active,
.contextual-links-region div.contextual-links-active a.contextual-links-trigger,
.contextual-links-region div.contextual-links-active ul.contextual-links {
  display: block; }

.contextual-links-region ul.contextual-links li {
  line-height: 100%;
  list-style: none;
  list-style-image: none;
  margin: 0 !important;
  padding: 0 !important; }

.contextual-links-region div.contextual-links-wrapper a {
  text-decoration: none; }

.contextual-links-region ul.contextual-links li a {
  background-color: #fff !important;
  color: #333 !important;
  display: block !important;
  margin: 0.25em 0 !important;
  padding: 0.25em 1em 0.25em 0.5em !important; }

.contextual-links-region ul.contextual-links li a:hover {
  background-color: #bfdcee; }

.homepage-blocks .region-homepage-blocks {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  -moz-justify-content: space-around;
  justify-content: space-around; }
  .homepage-blocks .region-homepage-blocks .block {
    padding: 40px 30px;
    color: #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#006b95+0,10c4d7+82,10c4d7+82,06a6c0+100 */
    background: #006b95;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(175deg, #006b95 0%, #10c4d7 82%, #10c4d7 82%, #06a6c0 106%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006b95', endColorstr='#06a6c0',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */ }
    .homepage-blocks .region-homepage-blocks .block:first-of-type h2,
    .homepage-blocks .region-homepage-blocks .block:first-of-type .block__content {
      padding-left: 40px; }
    .homepage-blocks .region-homepage-blocks .block:last-of-type h2,
    .homepage-blocks .region-homepage-blocks .block:last-of-type .block__content {
      padding-right: 40px; }
  .homepage-blocks .region-homepage-blocks .block__title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 2px; }
    .homepage-blocks .region-homepage-blocks .block__title:after {
      display: block;
      margin-top: 10px;
      width: 40px;
      height: 2px;
      content: '';
      background-color: #2eaec7; }
  .homepage-blocks .region-homepage-blocks a {
    color: #fff;
    text-decoration: underline; }
    .homepage-blocks .region-homepage-blocks a:hover {
      text-decoration: none; }

@media screen and (max-width: 600px) {
  .homepage-blocks .region-homepage-blocks {
    width: 100%;
    display: block;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
    .homepage-blocks .region-homepage-blocks .block:first-of-type,
    .homepage-blocks .region-homepage-blocks .block:last-of-type {
      padding: 40px 30px; }
      .homepage-blocks .region-homepage-blocks .block:first-of-type h2,
      .homepage-blocks .region-homepage-blocks .block:first-of-type .block__content,
      .homepage-blocks .region-homepage-blocks .block:last-of-type h2,
      .homepage-blocks .region-homepage-blocks .block:last-of-type .block__content {
        padding: 0; } }

/* Content Components */
.node-product.node-teaser .node__content {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center; }

.node-product.node-teaser .field-name-field-product-logo {
  width: 50%;
  margin-left: 80px;
  padding-right: 120px;
  text-align: center; }
  .node-product.node-teaser .field-name-field-product-logo img {
    width: 70%;
    height: auto; }

.node-product.node-teaser .product-info-fieldset {
  width: 50%;
  margin-right: 80px; }

.node-product.node-teaser .field-name-field-subtitle {
  font-size: 1.5em;
  line-height: 1.5em;
  text-transform: uppercase;
  letter-spacing: 1; }
  .node-product.node-teaser .field-name-field-subtitle:after {
    display: block;
    margin-top: 10px;
    width: 50px;
    height: 2px;
    content: '';
    background-color: #2eaec7; }

.node-product.node-teaser .field-name-field-link a {
  display: inline-block;
  padding: 10px 20px;
  background-color: #2eaec7;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2; }
  .node-product.node-teaser .field-name-field-link a:hover {
    background-color: #0198b5; }

.view-products .views-row {
  margin: 0px 0;
  padding: 80px 0;
  border-bottom: 1px solid #D1D4D5; }

@media screen and (max-width: 1100px) {
  .node-product.node-teaser .field-name-field-product-logo img {
    width: 100%; } }

@media screen and (max-width: 700px) {
  .node-product.node-teaser .node__content {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .node-product.node-teaser .field-name-field-product-logo img {
    width: 100%; }
  .node-product.node-teaser .field-name-field-product-logo,
  .node-product.node-teaser .product-info-fieldset {
    width: initial;
    margin: 0 30px;
    padding: initial; } }

.node-team-member.node-teaser .node__content {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  margin-top: 30px; }

.node-team-member.node-teaser img {
  width: 100%;
  height: auto; }

.node-team-member.node-teaser .field-name-field-team-member-name {
  font-size: 1.25em;
  text-transform: uppercase;
  margin-top: 20px; }
  .node-team-member.node-teaser .field-name-field-team-member-name p {
    margin: 0; }

.node-team-member.node-teaser .field-name-field-position-category {
  text-transform: uppercase; }
  .node-team-member.node-teaser .field-name-field-position-category:after {
    display: block;
    margin-top: 18px;
    width: 50px;
    height: 2px;
    content: '';
    background-color: #2eaec7; }

.node-team-member.node-teaser .field-name-field-position-title {
  text-transform: uppercase; }
  .node-team-member.node-teaser .field-name-field-position-title p {
    margin: 0; }

.node-team-member.node-teaser .field-name-body {
  font-size: 0.9em; }
  .node-team-member.node-teaser .field-name-body p {
    margin-top: 18px; }

.view-team-members {
  width: 100%;
  padding: 20px 60px; }
  .view-team-members .view-content {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .view-team-members .views-row {
    width: 22%;
    margin-bottom: 20px; }
    .view-team-members .views-row:nth-of-type(4n + 2) {
      margin: 0 2% 0 4%; }
    .view-team-members .views-row:nth-of-type(4n + 3) {
      margin: 0 4% 0 2%; }

@media screen and (max-width: 1400px) {
  .view-team-members .views-row {
    width: 31.33333%;
    margin-bottom: 20px; }
    .view-team-members .views-row:nth-of-type(n) {
      margin: 0; }
    .view-team-members .views-row:nth-of-type(3n + 2) {
      margin: 0 3%; } }

@media screen and (max-width: 900px) {
  .view-team-members .views-row {
    width: 47.5%; }
    .view-team-members .views-row:nth-of-type(n) {
      margin: 0; }
    .view-team-members .views-row:nth-of-type(2n + 1) {
      margin-right: 5%; } }

@media screen and (max-width: 600px) {
  .view-team-members {
    padding: 0;
    padding: 0 30px; }
    .view-team-members .view-content {
      display: block; }
    .view-team-members .views-row {
      width: 100%;
      margin: 0; }
      .view-team-members .views-row:nth-of-type(2n + 1) {
        margin-right: 0; } }

.node-job-opening .field-name-body {
  background-color: #F2F2F2; }

.view-jobs .views-row {
  margin: 0px 0;
  border-bottom: 1px solid #D1D4D5; }

.view-jobs .group-job-expandable {
  cursor: pointer;
  padding: 40px 60px;
  position: relative; }
  .view-jobs .group-job-expandable .field-name-field-job-title,
  .view-jobs .group-job-expandable .field-name-field-job-summary {
    margin-left: 100px;
    text-transform: uppercase; }
    .view-jobs .group-job-expandable .field-name-field-job-title p,
    .view-jobs .group-job-expandable .field-name-field-job-summary p {
      margin: 12px 0; }
  .view-jobs .group-job-expandable .field-name-field-job-title {
    font-size: 1.25em; }
  .view-jobs .group-job-expandable:before {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url("../../../../../sites/default/files/site-images/toggle-closed-circle.png");
    background-repeat: no-repeat;
    background-size: 40px; }
  .view-jobs .group-job-expandable.job-expanded:before {
    background-image: url("../../../../../sites/default/files/site-images/toggle-open-circle.png"); }

.view-jobs .field-name-body {
  padding: 0px 60px 40px 160px; }
  .view-jobs .field-name-body .field__item {
    padding: 40px 0; }

.view-jobs .group-job-expandable + .field-name-body {
  display: none; }

@media screen and (max-width: 600px) {
  .view-jobs .group-job-expandable {
    padding-left: 20px; }
    .view-jobs .group-job-expandable .field-name-field-job-title,
    .view-jobs .group-job-expandable .field-name-field-job-summary {
      margin-left: 60px; }
  .view-jobs .field-name-body {
    padding-left: 80px; } }

.featured-on-block {
  text-align: center;
  padding: 80px 0; }
  .featured-on-block h2 {
    font-weight: 400;
    font-size: 1.5em;
    text-transform: uppercase;
    letter-spacing: 1;
    position: relative; }
    .featured-on-block h2:after {
      display: block;
      margin: 20px auto;
      width: 50px;
      height: 2px;
      content: '';
      background-color: #2eaec7; }
  .featured-on-block .featured-on-content {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    margin: 0 60px; }
    .featured-on-block .featured-on-content li {
      display: block;
      list-style-type: none; }
    .featured-on-block .featured-on-content img {
      width: 100%; }

@media screen and (max-width: 900px) {
  .featured-on-content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .featured-on-content li {
      width: 33%; } }

@media screen and (max-width: 600px) {
  .featured-on-block {
    margin-left: 30px;
    margin-right: 30px; }
  .featured-on-content li {
    width: 50%; } }

/**
 * A partial for making quick fixes.
 *
 * Ideally, you would edit the proper component, theme, or layout file, and
 * never touch the "shame" partial. If you put anything in here, make a point
 * to come back here later and fix it for real.
 */

/*# sourceMappingURL=maps/styles.css.map */