/* *************************************************** */
/* ********* RESETS: Based on Eric Meyer's. ********** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figcaption, figure, footer, header, hgroup,
main, menu, nav, section, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
}

/* html5 elements */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block;
}

/* changing or setting defaults */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

a {
  text-decoration: none;
}

html {
  box-sizing: border-box;
}

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

/* *************************************************** */
/* ******************* COLORS ************************ */
/* *************************************************** */
/* ********************** FONTS ********************** */
@font-face {
  font-family: 'bebas_neueregular';
  src: url("../fonts/bebas-neue/BebasNeue-webfont.eot");
  src: url("../fonts/bebas-neue/BebasNeue-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bebas-neue/BebasNeue-webfont.woff") format("woff"), url("../fonts/bebas-neue/BebasNeue-webfont.ttf") format("truetype"), url("../fonts/bebas-neue/BebasNeue-webfont.svg#bebas_neueregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/fira-sans/FiraSans-ExtraBold.eot');
    src: local('Fira Sans ExtraBold'),
         url('../fonts/fira-sans/FiraSans-ExtraBold.eot') format('embedded-opentype'),
         url('../fonts/fira-sans/FiraSans-ExtraBold.woff') format('woff'),
         url('../fonts/fira-sans/FiraSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
*/
body {
  font-family: Lato, sans-serif;
  font-size: 1rem;
  line-height: 1.2;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "bebas_neueregular", Arial, sans-serif;
}

/* *************************************************** */
/* ********* BASICS: Sitewide theme styles. ********** */
nav:after {
  content: "";
  display: table;
  clear: both;
}

html, body {
  height: 100%;
}

body {
  min-width: 320px;
  background-color: #ffffff;
  color: #000000;
  text-align: center;
}


main {
  position: relative;
  text-align: left;
  max-width: 68.75rem;
  margin: 0 auto;
  padding: 50px 16px 0;
}
main h1 {
  margin-bottom: 30px;
}

p {
  margin: 0 0 1.7rem;
}
p:last-child {
  margin: 0;
}

h1, h2 {
  display: inline-block;
  background-color: #ffffff;
  font-size: 2rem;
  color: #f99b08;
  border: 9px double #534741;
  padding: 10px;
}

@media only screen and (min-width: 37.5em) {
  h1, h2 {
    font-size: 3rem;
  }
}
a {
  color: #f99b08;
}
a:hover {
  color: #d37500;
}

.site-title {
  display: inline;
  background-color: inherit;
}
.site-title, .site-title a {
  font-family: "Fira Sans", "bebas_neueregular", Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1rem;
}
.site-title .green-jobs {
  color: #ffffff;
  font-size: 1.1em;
  font-weight: 700;
}
.site-title .new-england {
  color: #a4ba2b;
  font-weight: 400;
}
.site-title .first-letter {
  font-size: 1.3em;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

@media only screen and (min-width: 37.5em) {
  main {
    padding: 50px 2rem 0;
  }
}
@media only screen and (min-width: 60em) {
  main {
    padding: 50px 3.125rem 0;
  }
}
/* *************************************************** */
/* *********** HEADER: Organization logos ************ */
header {
  padding: 30px 0;
  width: 960px;
  max-width: 100%;
  margin: 0 auto;
}

.banner-logo {
  margin: 0 auto;
  max-width: 90%;
}
.banner-logo img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.tagline {
  padding: 5px;
  font-size: 20.8px;
  color: #8c786e;
  font-family: "bebas_neueregular", Arial, sans-serif;
  text-align: center;
  max-width: 352px;
  margin: 0 auto;
}

.self-banner-logo .tagline {
  padding-bottom: 0;
  border-top: 1px solid #baada6;
  margin-top: 32px;
}

.host-banner-logo .tagline {
  margin-bottom: 16px;
  padding-top: 0;
  padding-left: 3px;
  border-bottom: 1px solid #baada6;
}

@media only screen and (min-width: 768px) {
  header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }

  .banner-logo {
    display: inline-block;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin: 0 40px;
  }

  .self-banner-logo .tagline {
    padding-right: 17px;
    text-align: right;
    border-top: 1px solid #baada6;
    margin-top: 0;
  }

  .host-banner-logo .tagline {
    text-align: left;
    padding-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #baada6;
    padding-bottom: 0;
  }
}
/* *************************************************** */
/* *********** NAVIGATION: Main site nav. ************ */
.nav-wrapper {
  position: relative;
  z-index: 10;
  background-color: #ffffff;
  height: 35px;
}
.nav-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-color: #6a942e;
  width: 50%;
  height: 35px;
}

nav {
  position: relative;
  z-index: 20;
  width: 80%;
  max-width: 1000px;
  margin: 0 auto;
  height: 35px;
  background-color: #6a942e;
  font-size: 20.8px;
  text-align: right;
}

.nav-logo {
  position: absolute;
  top: 0;
  left: -20px;
  width: 24.8125px;
}
.nav-logo img {
  width: 100%;
}

.nav-wrapper .site-title {
  display: none;
  font-size: 12px;
  padding-left: 10px;
  float: left;
  height: 35px;
}
.nav-wrapper .site-title a {
  font-size: 1em;
}
.nav-wrapper .site-title a::before {
  content: "";
  display: inline-block;
  height: 26px;
  vertical-align: baseline;
}
.nav-wrapper .site-title a span {
  vertical-align: baseline;
}

.home .nav-wrapper .site-title {
  display: none;
}

nav a {
  color: #ffffff;
  font-family: "bebas_neueregular", Arial, sans-serif;
}
nav a:hover {
  color: #ffffff;
}
nav ul {
  display: inline-block;
  list-style-type: none;
  padding: 6px 0;
}
nav li {
  display: inline-block;
  position: relative;
  text-align: center;
  padding: 0 10px;
}
nav li:last-child {
  padding-right: 0;
}
nav li.active::before {
  content: '';
  position: absolute;
  left: 3px;
  -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
          transform: translateY(-6px);
  top: 50%;
  border-left: 6px solid #ffffff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
nav li a {
  padding: 0 3px;
  border: 2px solid #6a942e;
}
nav li a:hover, nav li a:focus {
  border: 2px solid rgba(255, 255, 255, 0.6);
}

@media only screen and (min-width: 552px) {
  .nav-wrapper .site-title {
    display: inline;
  }
}
@media only screen and (min-width: 600px) {
  .nav-wrapper .site-title {
    font-size: 14px;
  }
}
@media only screen and (min-width: 680px) {
  .nav-wrapper .site-title {
    font-size: 16px;
  }

  nav li {
    padding: 0 15px;
  }
  nav li.active::before {
    left: 8px;
  }
  nav li a {
    padding: 0 6px;
  }
}
@media only screen and (min-width: 1200px) {
  nav li:last-child {
    padding-right: 15px;
  }
}
/* *************************************************** */
/* ******************** FOOTER *********************** */
.contact-info, .site-title-wrapper {
  display: inline-block;
  padding: 0.5rem;
  margin-bottom: 0;
}
.contact-info .phone, .site-title-wrapper .phone {
  white-space: nowrap;
}

.site-title-wrapper {
  padding-top: 1rem;
}

.home footer {
  padding: 15px 0 0;
  border-top: 6px double #534741;
  background-color: #fafdf7;
}
.home .contact-info {
  margin-bottom: 1rem;
}

.share-footer-container .share-message {
  display: inline-block;
  padding: 15px 0.25rem 0 0;
  vertical-align: top;
  font-size: 1rem;
}
.share-footer-container .share-button {
  padding-bottom: 1.5rem;
}
.share-footer-container .sb-social {
  display: inline-block;
}

.page-wrapper {
  min-height: 100%;
  margin: 0 auto -193px;
}

.sticky-footer-push {
  height: 193px;
}

.subpage footer {
  height: 193px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.subpage footer .footer-spacer {
  width: 100%;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  background: #fff url(../images/leafcropped.svg) no-repeat left bottom;
  background-size: contain;
}
.subpage footer .contact-info, .subpage footer .site-title-wrapper {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background-color: #534741;
  color: #ffffff;
  width: 100%;
}
.subpage footer .contact-info {
  padding-top: 0;
}
.subpage footer .site-title {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  padding: 8px 10px 4px;
}

@media only screen and (min-width: 34.5em) {
  .subpage footer {
    height: 150px;
    background: #fff url(../images/leafcropped.svg) no-repeat left bottom;
    background-size: contain;
  }
  .subpage footer .footer-spacer {
    background: none;
  }
  .subpage footer .contact-info {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 5px 5px 0 0;
    width: auto;
    color: #000000;
    padding-top: 0.5rem;
  }

  .page-wrapper {
    min-height: 100%;
    margin: 0 auto -150px;
  }

  .sticky-footer-push {
    height: 150px;
  }

  .site-title-wrapper {
    display: none;
  }
}
/* *************************************************** */
/* ** FORMS: Buttons, inputs, textareas, login form. * */
form, input, textarea, keygen, select, button {
  font-family: Lato, sans-serif;
  font-size: 1rem;
}

em.error {
  color: red;
  display: inline-block;
  font-style: normal;
  font-size: 0.9em;
  text-align: left;
  width: 100%;
  line-height: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 0.5rem;
}

button {
  font-family: "bebas_neueregular", Arial, sans-serif;
  border: 3px solid #534741;
  background-color: #ffffff;
  padding: 0.4em;
  font-size: 2rem;
  color: #f99b08;
}

.file-toolbar .file-button {
  font-family: "bebas_neueregular", Arial, sans-serif;
  display: inline-block;
  margin: 0.5rem;
  font-size: 1.1rem;
  border: 2px solid #534741;
  padding: 0.4em;
  line-height: 1;
  background-color: rgba(255, 255, 255, 0.6);
}
.file-toolbar img {
  vertical-align: -2px;
  height: 1em;
  margin-right: 0.25em;
}

input, textarea, select {
  margin: 5px 5px 0;
}

input[type="radio"] {
  display: inline;
  padding: 5px;
}

input:not([type="radio"]):not([type="checkbox"]), select, textarea {
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: none;
  border: solid 1px #6a942e;
  padding: 0.75rem 0.5rem;
  border-radius: 6px;
}

input:not([type="radio"]):not([type="checkbox"]), textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

@supports (-webkit-text-size-adjust: none) and (not (-ms-accelerator: true)) and (not (-moz-appearance: none)) {
  input[type="date"] {
    height: calc(1.2em + 1.5rem + 2px);
  }
}
form {
  text-align: left;
}
form button {
  display: block;
  margin: 0 auto;
  min-width: 8rem;
  width: 47%;
}

.form-section {
  border-top: 2px solid #f99b08;
}
.form-section:first-of-type {
  margin-top: 2rem;
}
.form-section:last-of-type {
  border-bottom: 2px solid #f99b08;
  margin-bottom: 2rem;
}
.form-section h3 {
  border-bottom: 1px solid #6a942e;
  padding: 1rem 0 0.25rem 0;
  font-size: 1.4rem;
}

.control-wrapper {
  background-color: #fafdf7;
  padding: 2rem 0.5rem;
}
.control-wrapper.multicolumn {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.input-control, .select-control, .radio-control, .checkbox-control {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-bottom: 1.1em;
  margin-bottom: 0.5rem;
}

.input-control label, .select-control label, .textarea-control label,
.radio-control .full-label {
  display: block;
  padding-left: 0.5rem;
}

.input-control input, .select-control select, .radio-control .radio-options {
  width: 15rem;
  max-width: 98%;
}

.radio-control .radio-options {
  display: inline-block;
  padding: 0 0.5rem;
}

.textarea-control {
  position: relative;
  max-width: 100%;
  padding-bottom: 1.1em;
  margin-bottom: 0.5rem;
}
.textarea-control label {
  min-width: 10rem;
}
.textarea-control textarea {
  width: calc(100% - 10px);
  height: 10rem;
}

.login-form {
  text-align: center;
}
.login-form .control-wrapper {
  padding-top: 0;
}
.login-form .input-control {
  margin: 0 auto 0.5rem;
}
.login-form .input-control input {
  width: 47%;
  min-width: 260px;
  text-align: center;
}
.login-form button {
  margin-top: 2rem;
}

.form-information {
  text-align: center;
}

.last-form-information {
  margin: 3rem 0 2rem;
}
.last-form-information::after {
  display: block;
  content: '';
  width: 400px;
  max-width: 90%;
  margin: 0 auto;
  padding-top: 2rem;
  border-bottom: 1px solid #8c786e;
}

.form-feedback {
  min-height: 3rem;
  padding: 0.5rem 0.5rem 0;
  background-color: #fafdf7;
}
.form-feedback p {
  display: inline-block;
  border: 1px solid #534741;
  background-color: #534741;
  color: #ffffff;
  padding: 0.5rem;
  width: 47%;
  min-width: 260px;
}

.forgotten-password {
  margin: 0.5rem 0 0;
  font-size: 0.9em;
}

@media only screen and (min-width: 32em) {
  .input-control label, .select-control label, .textarea-control label,
  .radio-control .full-label {
    display: inline-block;
    text-align: right;
    margin-right: 0.25rem;
    padding-left: 0;
  }

  .checkbox-control {
    padding-left: 32%;
  }

  .input-control label, .select-control label, .radio-control .full-label {
    width: 30%;
    min-width: 6rem;
  }

  .input-control em.error, .select-control em.error, .radio-control em.error {
    margin-left: 30%;
    width: 70%;
    padding-left: 1rem;
  }

  .radio-control {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .textarea-control {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 1rem 0.5rem;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .textarea-control label {
    width: 15rem;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  .textarea-control textarea {
    display: inline-block;
    max-width: 40rem;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .textarea-control em.error {
    margin-left: 0;
    padding-left: 11rem;
    width: 100%;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    text-align: left;
  }
}
@media only screen and (min-width: 37.5em) {
  .form-information {
    font-size: 1.1em;
  }
}
@media only screen and (min-width: 40.625em) {
  .textarea-control em.error {
    padding-left: 16rem;
  }
}
@media only screen and (min-width: 56.25em) {
  .control-wrapper.centered {
    text-align: center;
  }
  .control-wrapper.centered > div {
    position: relative;
    left: -7.5%;
  }
  .control-wrapper.centered em.error {
    margin-left: 37.5%;
    width: 62.5%;
    padding-left: 1.5rem;
  }

  .control-wrapper.multicolumn {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .control-wrapper.multicolumn .input-control, .control-wrapper.multicolumn .select-control, .control-wrapper.multicolumn .radio-control, .control-wrapper.multicolumn .checkbox-control {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }

  .input-control, .select-control, .radio-control, .checkbox-control {
    width: 50%;
  }

  .checkbox-control {
    padding-left: 6.5rem;
  }

  .login-form .input-control {
    width: 100%;
  }
}
/* *************************************************** */
/* ****** BILLBOARD: headline and slider styles ****** */
.billboard {
  position: relative;
  margin-bottom: 5rem;
  text-align: center;
  width: 100%;
}

.billboard-slide {
  position: relative;
  width: 100%;
  height: 400px;
  max-height: 100vh;
  min-height: 200px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff no-repeat center center;
  background-size: cover;
}

.billboard-content {
  display: inline-block;
  position: relative;
  padding: 1rem;
}
.billboard-content.overlay {
  background-color: rgba(83, 71, 65, 0.4);
}
.billboard-content h2 {
  font-size: 40px;
}
.billboard-content p {
  color: #ffffff;
  font-size: 24px;
  margin: 0;
  text-shadow: 0 0 2px #534741;
}

@media only screen and (min-width: 600px) {
  .billboard-content h2 {
    font-size: 60px;
  }
  .billboard-content p {
    font-size: 36px;
  }
}
@media only screen and (min-width: 768px) {
  .billboard-content h2 {
    font-size: 80px;
  }
  .billboard-content p {
    font-size: 32px;
  }
}
/* *************************************************** */
/* ****************** SOCIAL MEDIA ******************* */
/*! 
SOCIAL MEDIA STYLES

SCSS/CSS for the social media sharing buttons is adapted from the Carrot Creative Share Button (https://github.com/carrot/share-button) distributed under the MIT license.
*/
.share-button {
  padding: 0 1rem 2rem;
  margin: 0 auto;
  text-align: center;
}
.share-button p {
  margin-bottom: 1rem;
}

.sb-social ul {
  list-style: none;
  line-height: 0;
}
.sb-social li {
  position: relative;
  height: 22px;
  width: 60px;
  padding: 12px 0;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  z-index: 2;
  box-sizing: content-box;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  display: inline-block;
}
.sb-social li:hover:before {
  opacity: 0;
}
.sb-social li:hover:after {
  opacity: 0.5;
}
.sb-social li:before, .sb-social li:after {
  content: ' ';
  position: absolute;
  left: 0;
  width: inherit;
  height: inherit;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  background-position: center center;
  background-repeat: no-repeat;
}
.sb-social li:before {
  opacity: 1;
}
.sb-social li:after {
  opacity: 0;
}
.sb-social li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.sb-social li[class*='email'] {
  background: #42c5b0;
}
.sb-social li[class*='email']:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20style%3D%22fill%3A%23fff%3B%22%3E%20%3Cpath%20d%3D%22M18.64%202.634c-.344.12-17.32%206.104-17.656%206.222-.284.1-.347.345-.01.48l3.796%201.52%202.25.9L18.004%203.69c.148-.106.318.097.21.213-.106.117-7.87%208.513-7.87%208.513v.002l-.452.503.6.323%204.98%202.682c.292.156.67.027.753-.334.1-.425%202.845-12.26%202.906-12.524.08-.343-.146-.552-.49-.43zM7%2017.162c0%20.246.14.315.33.14.252-.228%202.85-2.56%202.85-2.56L7%2013.098v4.064z%22%2F%3E%3C%2Fsvg%3E");
}
.sb-social li[class*='email']:after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20style%3D%22fill%3A%23000%3B%22%3E%20%3Cpath%20d%3D%22M18.64%202.634c-.344.12-17.32%206.104-17.656%206.222-.284.1-.347.345-.01.48l3.796%201.52%202.25.9L18.004%203.69c.148-.106.318.097.21.213-.106.117-7.87%208.513-7.87%208.513v.002l-.452.503.6.323%204.98%202.682c.292.156.67.027.753-.334.1-.425%202.845-12.26%202.906-12.524.08-.343-.146-.552-.49-.43zM7%2017.162c0%20.246.14.315.33.14.252-.228%202.85-2.56%202.85-2.56L7%2013.098v4.064z%22%2F%3E%3C%2Fsvg%3E");
}
.sb-social li[class*='facebook'] {
  background: #3b5998;
}
.sb-social li[class*='facebook']:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20style%3D%22fill%3A%23fff%3B%22%3E%20%3Cpath%20d%3D%22M288%20192v-38.1c0-17.2%203.8-25.9%2030.5-25.9H352V64h-55.9c-68.5%200-91.1%2031.4-91.1%2085.3V192h-45v64h45v192h83V256h56.4l7.6-64h-64z%22%2F%3E%3C%2Fsvg%3E");
}
.sb-social li[class*='facebook']:after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20style%3D%22fill%3A%23000%3B%22%3E%20%3Cpath%20d%3D%22M288%20192v-38.1c0-17.2%203.8-25.9%2030.5-25.9H352V64h-55.9c-68.5%200-91.1%2031.4-91.1%2085.3V192h-45v64h45v192h83V256h56.4l7.6-64h-64z%22%2F%3E%3C%2Fsvg%3E");
}
.sb-social li[class*='linkedin'] {
  background: #4875b4;
}
.sb-social li[class*='linkedin']:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20style%3D%22fill%3A%23fff%3B%22%3E%20%3Cpath%20d%3D%22M5%203c0%201.1-.7%202-2%202-1.2%200-2-.9-2-1.9C1%202%201.8%201%203%201s2%20.9%202%202zM1%2019h4V6H1v13zM14.6%206.2c-2.1%200-3.3%201.2-3.8%202h-.1l-.2-1.7H6.9c0%201.1.1%202.4.1%203.9V19h4v-7.1c0-.4%200-.7.1-1%20.3-.7.8-1.6%201.9-1.6%201.4%200%202%201.2%202%202.8V19h4v-7.4c0-3.7-1.9-5.4-4.4-5.4z%22%2F%3E%3C%2Fsvg%3E");
}
.sb-social li[class*='linkedin']:after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20style%3D%22fill%3A%23000%3B%22%3E%20%3Cpath%20d%3D%22M5%203c0%201.1-.7%202-2%202-1.2%200-2-.9-2-1.9C1%202%201.8%201%203%201s2%20.9%202%202zM1%2019h4V6H1v13zM14.6%206.2c-2.1%200-3.3%201.2-3.8%202h-.1l-.2-1.7H6.9c0%201.1.1%202.4.1%203.9V19h4v-7.1c0-.4%200-.7.1-1%20.3-.7.8-1.6%201.9-1.6%201.4%200%202%201.2%202%202.8V19h4v-7.4c0-3.7-1.9-5.4-4.4-5.4z%22%2F%3E%3C%2Fsvg%3E");
}
.sb-social li[class*='twitter'] {
  background: #6cdfea;
}
.sb-social li[class*='twitter']:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20style%3D%22fill%3A%23fff%3B%22%3E%20%3Cpath%20d%3D%22M17.316%206.246c.008.162.01.326.01.488%200%204.99-3.796%2010.742-10.74%2010.742-2.132%200-4.115-.625-5.786-1.697.296.033.596.05.9.05%201.77%200%203.397-.603%204.688-1.614-1.65-.03-3.046-1.12-3.526-2.62.23.042.467.065.71.065.345%200%20.68-.044.995-.13C2.84%2011.18%201.54%209.658%201.54%207.828V7.78c.508.284%201.09.454%201.71.474-1.014-.678-1.68-1.832-1.68-3.143%200-.69.185-1.34.51-1.896C3.943%205.498%206.726%207%209.863%207.158c-.064-.277-.097-.564-.097-.86%200-2.085%201.69-3.774%203.774-3.774%201.085%200%202.066.457%202.755%201.19.86-.17%201.667-.483%202.397-.915-.282.88-.88%201.62-1.66%202.086.764-.092%201.49-.293%202.168-.594-.506.758-1.146%201.422-1.884%201.953z%22%2F%3E%3C%2Fsvg%3E");
}
.sb-social li[class*='twitter']:after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20style%3D%22fill%3A%23000%3B%22%3E%20%3Cpath%20d%3D%22M17.316%206.246c.008.162.01.326.01.488%200%204.99-3.796%2010.742-10.74%2010.742-2.132%200-4.115-.625-5.786-1.697.296.033.596.05.9.05%201.77%200%203.397-.603%204.688-1.614-1.65-.03-3.046-1.12-3.526-2.62.23.042.467.065.71.065.345%200%20.68-.044.995-.13C2.84%2011.18%201.54%209.658%201.54%207.828V7.78c.508.284%201.09.454%201.71.474-1.014-.678-1.68-1.832-1.68-3.143%200-.69.185-1.34.51-1.896C3.943%205.498%206.726%207%209.863%207.158c-.064-.277-.097-.564-.097-.86%200-2.085%201.69-3.774%203.774-3.774%201.085%200%202.066.457%202.755%201.19.86-.17%201.667-.483%202.397-.915-.282.88-.88%201.62-1.66%202.086.764-.092%201.49-.293%202.168-.594-.506.758-1.146%201.422-1.884%201.953z%22%2F%3E%3C%2Fsvg%3E");
}

@media only screen and (min-width: 40em) {
  .share-button {
    font-size: 1.1rem;
    padding-bottom: 0;
  }
}
/*!
END SOCIAL MEDIA STYLES
*/
/* *************************************************** */
/* **************** JOB SEARCH GRID ****************** */
.search-grid-slider {
  background-color: #534741;
  position: absolute;
  bottom: calc(100% - 35px - 5px);
  min-width: 320px;
  left: 0;
  width: 100%;
  -webkit-transition: all 1000ms ease;
  transition: all 1000ms ease;
  z-index: 5;
}
.search-grid-slider.shown {
  bottom: calc(100% - 35px);
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}
.search-grid-slider.shown .search-grid, .search-grid-slider.shown .search-close-container {
  visibility: visible;
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}
.search-grid-slider .search-grid {
  padding-top: 15px;
}
.search-grid-slider .search-grid, .search-grid-slider .search-close-container {
  visibility: hidden;
  -webkit-transition-delay: 1000ms;
          transition-delay: 1000ms;
}

.search-close-container {
  text-align: right;
  max-width: 850px;
  padding-right: 3rem;
  margin: 0 auto;
}
.search-close-container .search-close {
  background-color: #534741;
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.1rem;
  -webkit-transition: 500ms;
  transition: 500ms;
}
.search-close-container .search-close::before {
  display: inline-block;
  vertical-align: middle;
  padding: 0 2px 0 0;
  content: "+";
  font-family: "Arial Black";
  line-height: inherit;
  font-size: 1.5rem;
  line-height: 0;
  color: inherit;
  text-shadow: -1px -1px 0px rgba(83, 71, 65, 0.1), 1px 1px 0px rgba(255, 255, 255, 0.1);
  /*#be7e1a;*/
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.search-close-container .search-close:hover {
  color: #ffffff;
}

.search-expander {
  text-align: center;
  position: absolute;
  color: #ffffff;
  font-family: "bebas_neueregular", Arial, sans-serif;
  background-color: #534741;
  font-size: 1.1rem;
  border-radius: 0 0 6px 6px;
  height: 30px;
  bottom: -29px;
  width: 5em;
  right: 10%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.search-expander:hover {
  color: #ffffff;
}
.search-expander::after {
  content: "Search";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.search-expander.shown::after {
  content: "Close";
}

.search-grid-section {
  background-color: #534741;
  padding-bottom: 0px;
  margin-top: 40%;
  position: relative;
}
.search-grid-section h2 {
  font-size: 2rem;
  position: relative;
  z-index: 5;
  margin-top: 10%;
  margin-bottom: 2rem;
}
.search-grid-section .search-grid {
  padding-top: 0px;
}

.grid-headline-wrapper {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.grid-leaf-wrapper-search {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-54%);
      -ms-transform: translateY(-54%);
          transform: translateY(-54%);
  left: -15%;
  width: 110%;
  display: inline-block;
}
.grid-leaf-wrapper-search img {
  width: 100%;
}

.search-grid {
  text-align: right;
  padding: 150px 20px 32px;
  max-width: 1040px;
  margin: 0 auto;
}

.search-grid-key {
  display: inline-block;
  color: #ffffff;
  text-align: right;
  padding: 0 2.5rem 0 1.125rem;
  background: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%3Cpath%0A%20%20%20%20%20d%3D%22M%2016%2C0.78309631%2019.777423%2C12.407313%2031.999998%2C12.407775%2022.111999%2C19.592398%2025.888542%2C31.2169%2016%2C24.033025%206.1114574%2C31.2169%209.8880014%2C19.592398%202.7259543e-6%2C12.407774%2012.222577%2C12.407313%20Z%22%0A%20%20%20%20%20id%3D%22path8091%22%0A%20%20%20%20%20style%3D%22fill%3A%23ffffff%3Bfill-opacity%3A1%3Bstroke%3A%23ffffff%3Bstroke-width%3A0%3Bstroke-miterlimit%3A0%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%22%20%2F%3E%0A%3C%2Fsvg%3E") no-repeat left 3px;
  background-size: 0.875rem 0.875rem;
}

.grid-section {
  text-align: center;
  position: relative;
  max-width: 100%;
  margin: 2rem 0;
  padding: 2rem 0 1rem;
  border-top: 6px double #6a942e;
}
.grid-section h3 {
  position: absolute;
  left: 0;
  top: -3px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: left;
  font-size: 1.6rem;
}
.grid-section h3 span {
  display: inline-block;
  color: #f99b08;
  background-color: #ffffff;
  padding: 10px;
  border: 7px double #534741;
}
.grid-section.master-grid-section {
  margin-bottom: 0;
}

.grid-row {
  max-width: 100%;
  padding-top: 1rem;
}

.grid-select-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.search-grid-button, .search-all-grid-button, .master-grid-button {
  position: relative;
  margin: 4px;
  padding: 8px 0.25rem;
  border: 2px solid #f99b08;
  border-radius: 4px;
  background-color: #f99b08;
  line-height: 1;
  color: #ffffff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: 600ms;
  transition: 600ms;
}
.search-grid-button a, .search-all-grid-button a, .master-grid-button a {
  color: inherit;
}
.search-grid-button:hover, .search-all-grid-button:hover, .master-grid-button:hover {
  color: #ffffff;
  background-color: #534741;
}

.search-grid-button {
  display: inline-block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 8.125rem;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  font-size: 0.9rem;
}
.search-grid-button > div {
  max-width: 100%;
}
.search-grid-button .job-count {
  font-size: 0.9em;
  padding-top: 6px;
  display: block;
}
.search-grid-button.flag-new-listing {
  position: relative;
  overflow: hidden;
  background-color: #f99b08;
}
.search-grid-button.flag-new-listing::before {
  position: absolute;
  content: '';
  background-color: #534741;
  height: 1.875rem;
  width: 50px;
  width: 3.5rem;
  top: -1rem;
  right: -1.2rem;
  -webkit-transform: rotate(32deg);
      -ms-transform: rotate(32deg);
          transform: rotate(32deg);
  -webkit-transition: 600ms;
  transition: 600ms;
}
.search-grid-button.flag-new-listing::after {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 600ms;
  transition: 600ms;
  width: 100%;
  height: 100%;
  content: '';
  background: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015.961024%2015.524731%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%3Cpath%0A%20%20%20%20%20transform%3D%22matrix(0.8480481%2C0.52991926%2C-0.52991926%2C0.8480481%2C-16.287826%2C-56.265274)%22%0A%20%20%20%20%20d%3D%22m%2054.023194%2C32.589362%201.88871%2C5.812107%206.111286%2C2.31e-4%20-4.943998%2C3.592311%201.888271%2C5.81225%20-4.94427%2C-3.591937%20-4.94427%2C3.591936%201.888272%2C-5.812249%20-4.943998%2C-3.592311%206.111285%2C-2.31e-4%20z%22%0A%20%20%20%20%20id%3D%22path8091%22%0A%20%20%20%20%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A1%3Bstroke%3A%23534741%3Bstroke-width%3A0%3Bstroke-miterlimit%3A0%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%22%20%2F%3E%0A%3C%2Fsvg%3E") no-repeat right 0px top 2px;
  background-size: 0.9rem 0.9rem;
}
.search-grid-button.flag-new-listing:hover {
  background-color: #534741;
}

.search-all-grid-button, .master-grid-button {
  display: block;
  max-width: 100%;
  margin: 6px auto 12px;
  padding: 8px 0.5rem;
}

.search-all-grid-button {
  width: 12.5rem;
  font-size: 1.3rem;
}

.master-grid-button {
  width: 18.75rem;
  font-family: "bebas_neueregular", Arial, sans-serif;
  font-size: 1.5rem;
}

@media only screen and (min-width: 40em) {
  .search-expander {
    left: 70%;
    right: auto;
  }

  .search-grid-section {
    margin-top: 160px;
  }
  .search-grid-section h2 {
    font-size: 2.5rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    margin: 0;
  }
  .search-grid-section .search-grid {
    padding-top: 100px;
  }

  .grid-leaf-wrapper-search {
    right: 40%;
    width: 600px;
    max-width: 60%;
    left: auto;
  }

  .grid-section {
    margin-bottom: 3rem;
  }
  .grid-section h3 {
    font-size: 2rem;
  }

  .master-grid-section {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: -1rem;
  }

  .grid-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }

  .grid-select-list {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .search-grid-button {
    font-size: 1rem;
  }

  .search-all-grid-button {
    display: inline-block;
    width: 9.375rem;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0 3rem;
  }

  .master-grid-button {
    display: inline-block;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 6px 0.375rem;
  }
}
@media only screen and (min-width: 60em) {
  .search-grid-section {
    margin-top: 200px;
  }
  .search-grid-section h2 {
    font-size: 3rem;
  }
  .search-grid-section .search-grid {
    padding-top: 140px;
  }

  .search-grid-key {
    padding-right: 5rem;
  }
}
/* **************************************************** */
/* *** LISTING: Styles for Job/Internship/Volunteer     */
/* *** posts. Styles for both the index (listjobs) and  */
/* *** the post details (listjob) pages.                */
.listing, .listing-complete {
  margin-bottom: 1.5rem;
  line-height: 1.7;
}

.listing-row {
  width: 100%;
}

.listing-row-last {
  padding-bottom: 8px;
  border-bottom: 2px solid #f99b08;
  margin-bottom: 1rem;
}

.listing-key-points {
  margin-bottom: 6px;
}

.listing-organization, .listing-title {
  font-size: 1.1rem;
  margin-bottom: 6px;
}

.listing-title {
  display: block;
  font-family: Lato, sans-serif;
  background-color: inherit;
  border: none;
  padding: 0;
  border-bottom: 2px solid #f99b08;
  margin-bottom: 6px;
}

.listing-types {
  margin-bottom: 4px;
}
.listing-types span {
  color: #ffffff;
  background-color: #a4ba2b;
  border-radius: 6px;
  padding: 2px 0.625rem;
  line-height: normal;
  font-family: "bebas_neueregular", Arial, sans-serif;
  white-space: nowrap;
}

.listing .listing-dates {
  display: none;
}

.listing-text {
  margin-bottom: 1rem;
  max-width: 43.125rem;
}
.listing-text > div {
  background-color: #fafdf7;
  border-bottom: 2px solid #f99b08;
  padding-right: 2rem;
}
.listing-text h3 {
  font-size: 1.1rem;
  font-family: Lato, sans-serif;
  border-bottom: 1px solid #6a942e;
}

a.organization-link {
  color: inherit;
}

a.read-more-link {
  font-size: 0.8em;
  text-transform: lowercase;
}

/* DETAIL PAGE */
.listing-flyer a {
  display: inline-block;
  padding-left: 1.875em;
  background: #ffffff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%20style%3D%22fill%3A%23534741%3B%22%3E%3Cpath%20d%3D%22M22.937%205.938q0.438%200.438%200.75%201.188t0.313%201.375v18q0%200.625-0.438%201.062t-1.062%200.438h-21q-0.625%200-1.062-0.438t-0.438-1.062v-25q0-0.625%200.438-1.062t1.062-0.438h14q0.625%200%201.375%200.313t1.188%200.75zM16%202.125v5.875h5.875q-0.156-0.453-0.344-0.641l-4.891-4.891q-0.187-0.187-0.641-0.344zM22%2026v-16h-6.5q-0.625%200-1.062-0.438t-0.438-1.062v-6.5h-12v24h20zM6%2012.5q0-0.219%200.141-0.359t0.359-0.141h11q0.219%200%200.359%200.141t0.141%200.359v1q0%200.219-0.141%200.359t-0.359%200.141h-11q-0.219%200-0.359-0.141t-0.141-0.359v-1zM17.5%2016q0.219%200%200.359%200.141t0.141%200.359v1q0%200.219-0.141%200.359t-0.359%200.141h-11q-0.219%200-0.359-0.141t-0.141-0.359v-1q0-0.219%200.141-0.359t0.359-0.141h11zM17.5%2020q0.219%200%200.359%200.141t0.141%200.359v1q0%200.219-0.141%200.359t-0.359%200.141h-11q-0.219%200-0.359-0.141t-0.141-0.359v-1q0-0.219%200.141-0.359t0.359-0.141h11z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat left center;
}

.job-toolbar {
  display: inline-block;
  list-style: none;
  vertical-align: -2px;
}
.job-toolbar .job-tool {
  display: inline;
  margin-left: 1em;
}
.job-toolbar img {
  height: 1.1em;
}

.listing-complete {
  margin-top: 1.5rem;
  padding-bottom: 60px;
  position: relative;
}
.listing-complete .share-button {
  position: absolute;
  display: inline-block;
  bottom: 0;
  width: 240px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0;
  margin: 0;
}
.listing-complete .listing-dates, .listing-complete .listing-flyer {
  margin-left: 3rem;
}

/* INDEX-PAGE, PAGINATION */
.pagination-header {
  font-family: "bebas_neueregular", Arial, sans-serif;
  font-size: 1.1rem;
  display: inline-block;
  margin-left: 1.25rem;
  margin-top: 0.5rem;
}

.pagination {
  text-align: center;
  margin: 0 0 1.25rem;
  padding-top: 1rem;
}
.pagination .prev, .pagination .next {
  padding: 0 1rem;
  white-space: nowrap;
}

.listing-page-headline {
  margin-bottom: 30px;
}
.listing-page-headline h1 {
  margin-bottom: 0;
}

@media only screen and (min-width: 52em) {
  .listing-key-points {
    border-bottom: 2px solid #f99b08;
  }

  .listing-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .listing-row-text {
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
                -ms-grid-row-align: stretch;
            align-items: stretch;
  }

  .listing-row-last {
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #f99b08;
    margin-bottom: 1rem;
  }

  .listing .listing-dates, .listing-types, .listing-flyer, .listing-complete .share-button {
    display: inline-block;
    text-align: left;
    width: 15rem;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0;
  }

  .listing-excerpt, .listing-title, .listing-organization, .listing-complete .listing-dates {
    display: inline-block;
    margin-right: 1rem;
    max-width: 43.125rem;
    width: 43.125rem;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }

  .listing-title {
    border-bottom: none;
    margin-bottom: 0;
  }

  .listing .listing-title {
    font-size: 1.2rem;
  }
  .listing .listing-dates {
    display: block;
  }

  .listing-organization {
    margin-bottom: 0;
  }

  .listing-types {
    margin-bottom: 0;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }

  .listing-complete {
    padding-bottom: 0;
  }
  .listing-complete .listing-title {
    font-size: 1.6rem;
    margin: 0;
    line-height: normal;
    padding-right: 1rem;
  }
  .listing-complete .listing-organization {
    font-size: 1.3rem;
  }
  .listing-complete .share-button {
    position: relative;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    left: 0;
  }

  .listing-complete .job-toolbar .job-tool {
    margin-left: 0.5em;
  }
}

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