<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/**
 * style.css
 *
 * Theme Name: Invest Ottawa
 * Theme URI:   http://www.machine-agency.com
 * Author:      Machine
 * Author URI:  http://www.machine-agency.com
 * Description: Custom Theme for Invest Ottawa
 * Version:     1.2
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags:        light
 * Text Domain: machine
 */
/**
 * TABLE OF CONTENTS
 *
 * --- DEFAULTS ---
 * Webfont Loading
 * Typography
 * Icons
 * Section Defaults
 *
 * --- FLEXIBLES ---
 * Video Panels
 * CTA Blocks
 * Emphasized Text Block
 * Data Cards
 *
 * --- OBJECTS ---
 * Buttons
 * Button Lists
 * Alerts
 * Sliders
 * Impact Areas
 * Forms
 * Tables
 *
 * --- TEMPLATES ---
 * Search
 *
 *
 * --- GLOBALS ---
 * Site-header
 * Site-footer
 */
 
 .notifire-title {
    font-size: 17px;
    font-family:'sofia-pro','Helvetica','Arial',sans-serif !important;
}

.notifire-message{
font-family:'sofia-pro','Helvetica','Arial',sans-serif !important;
font-size:16px !important;
margin-bottom: 10px;
line-height:15px !important;
}

.notifire-call-to-action a{
font-family:'sofia-pro','Helvetica','Arial',sans-serif !important;
color:#fff !important;
}

.notifire-call-to-action {
    font-size: 16px;
    line-height: 18px;
}

/* ==========================================================================
   Webfont loading (beat the FOUT)
   ========================================================================== */
/**
 * Since we use an asynchronous font loader, we hide the entire document until
 * the fonts have been loaded (or have failed to load).
 */
body {
  opacity: 0;
  -webkit-transition: all 1s cubic-bezier(.25,1,.25,1);
     -moz-transition: all 1s cubic-bezier(.25,1,.25,1);
       -o-transition: all 1s cubic-bezier(.25,1,.25,1);
          transition: all 1s cubic-bezier(.25,1,.25,1);
  -webkit-transition-property: opacity;
       -o-transition-property: opacity;
     -moz-transition-property: opacity;
          transition-property: opacity;
}

.wf-active body,
.wf-inactive body { opacity: 1; }

/* ==========================================================================
   Typography
   ========================================================================== */
body {
  color: #000;
  font-family: 'Inter', 'Helvetica', 'Arial', sans-serif;
  font-size: 1rem;
}
/* Headings */
h1, .alpha   { color: #006f41; font-family: 'sofia-pro', 'Helvetica', 'Arial', sans-serif; font-size: 2.500em; line-height: 1.2; }
h2, .beta    { color: #00000; font-weight: 500; font-family: 'sofia-pro', 'Helvetica', 'Arial', sans-serif; font-size: 2.00em; line-height: 1.2; }
h3, .gamma   { color: #00000; font-weight: 500; font-family: 'sofia-pro', 'Helvetica', 'Arial', sans-serif; font-size: 1.250em; line-height: 1.2; }
h4, .delta   { color: #006f41; font-family: 'sofia-pro', 'Helvetica', 'Arial', sans-serif; font-size: 1.100em; line-height: 1.2; }
h5, .epsilon { color: #006f41; font-family: 'sofia-pro', 'Helvetica', 'Arial', sans-serif; font-size: 0.950em; line-height: 1.2; }
h6, .zeta    { color: #006f41; font-family: 'sofia-pro', 'Helvetica', 'Arial', sans-serif; font-size: 0.875em; line-height: 1.2; }

/* Paragraphs &amp; related elements */
p {
  margin: 1.5rem 0;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
  font-size: 1rem;

}

.lead {
  margin: 2rem 0;
  font-size: 1.2rem;
}
hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/* Links */
a:link,
a:visited {
  color: #006f41;
  text-decoration: underline;
}
a:hover,
a:focus {
  color: #006f41;
  text-decoration: none;
}
a:active {
  color: #006f41;
}

/* Selection Highlight */
::selection {
  background-color: #7eb6f0;
}
a.nounderline,
a.nounderline:hover,
.nounderline a,
.nounderline a:hover {
  text-decoration: none;
}

/* Headings */
.section__subheading {
  xcolor: #5fb97b;
  font-size: 2.2rem;
}

.heading--uppercase {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 1rem;
}

.color--white { color: white; }

/* ==========================================================================
   Section Defaults
   ========================================================================== */
.section {
  padding: 3rem 0;
}
.more-padding .section {
  padding: 6rem 0;
}
.no-padding &gt; .section {
  padding: 0;
}

.section--has-background {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.text-background .text-column-content {
  background: rgba(0,0,0,0.5);
  padding: 2rem;
}

.grey-background {
  background-color: #222;
}

.green-boxes .cell &gt; div {
  border: 5px solid #006f41;
  padding: 0 1rem;
}

.bg--dark-green { background-color: #006f41; }
.bg--light-green { background-color: #5fb97b; }

/* ==========================================================================
   Video Panels
   ========================================================================== */
.section--video-panels {
  padding: 0;
  max-width: 100%;
  overflow: hidden;
}

.video-panels {
  border-collapse: collapse;
  display: table;
  width: 100%;
  height: 100%;
}

.video-panel {
  overflow: hidden;
  position: relative;
  transition: width 250ms ease-out 0s;
  vertical-align: middle;
  text-align: center;

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%;
  /*padding-top: 15rem;*/

  color: white;
  cursor: zoom-in;

  box-shadow: 0 0 30px 20px rgba(0,0,0,0.4);
}
.has-active-panel .video-panel {
  width: 20% !important;
}
.has-active-panel .video-panel.is-active {
  width: 60% !important;
  cursor: zoom-out;
}
.has-active-panel .video-panel.is-active a {
  cursor: pointer;
}

.video-panel__video video {
  height: 100vh;
  width: auto;
  min-height: 320px;
}

@media only screen and (min-height: 50rem){
  .video-panel {
    overflow: hidden;
    position: relative;
    transition: width 250ms ease-out 0s;
    vertical-align: middle;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    /*padding-top: 15rem;*/
    color: white;
    cursor: zoom-in;
    box-shadow: 0 0 30px 20px rgba(0,0,0,0.4);
  }

  .video-panel__video video {
    height: 100vh;
    width: auto;
    min-height: 320px;
  }
}

.video-panel:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100vh;
  content: "";
  background-color: rgba(0,0,0,0.5);
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}


.video-panel:hover::after,
.video-panel.is-active::after {
  background-color: rgba(0,0,0,0.4);
}

.video-panel__video {
  position: absolute;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  overflow: visible;
}

.video-panel__inner {
  position: absolute;
  /*top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);*/
  left: 50%;
  transform: translateX(-50%);
  padding: 0 2rem;
  z-index: 11;
  cursor: default;
}

.video-panel__heading {
  margin: 0 auto;
}

.video-panel__heading,
.video-panel__body {
  color: white;
}

.video-panel__body {
  opacity: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.6s all ease-out;
  -o-transition: 0.6s all ease-out;
  transition: 0.6s all ease-out;
  -webkit-transform: translateY(2rem);
  -ms-transform: translateY(2rem);
  -o-transform: translateY(2rem);
  transform: translateY(2rem);
}

.video-panel.is-active .video-panel__body {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  height: auto;

  opacity: 1;
}

.video-panel__heading {
  font-size: 2.5rem;
}

@media only screen and (min-width: 40em) {

  .section--video-panels {
    height: 100vh;
  }

  .video-panels {
    display: table;
  }

  .video-panel {
    display: table-cell;
    width: 33.3333333%;
  }

  .video-panel__heading {
    width: 25vw;
  }

}


@media only screen and (max-width: 40em){
  .section--video-panels{
    display: block;
  }

  .video-panels {
    border-collapse: collapse;
    display: block;
    width: 100%;
    height: 100%!important;
  }

  .video-panel{
    height: 100%;
  }

  .video-panel__video {
    position: static;
    height: 12rem;
    width: 100%;
    top: 0;
    left: 0;
    transform: none;
    overflow: visible;
  }

  .video-panel__inner{
    width: 100%;
    position: absolute;
    top: 4rem;
    padding: 0;
    transform: none;
    left: 0;
  }

  .video-panel:nth-child(3) .video-panel__inner{
    top: 3rem;
  }

  .video-panel__heading {
    font-size: 2.5rem;
    text-align: left;
    top: 0;
    z-index: 9999;
    text-align: center;
    width: 100%;
  }

  .video-panel__video video {
    width: auto;
    height: 360px;
  }

  .has-active-panel .video-panel.is-active {
    width: 100% !important;
    cursor: zoom-out;
    height: 340px;
    padding-top: 0rem;
  }

  .has-active-panel .video-panel {
    width: 100% !important;
  }

  .has-active-panel .video-panel.is-active .video-panel__inner{
    top: 5rem;
  }

  .has-active-panel .video-panel:nth-child(3).is-active .video-panel__inner{
    top: 3rem;
  }

  .logo__img {
    width: auto;
    max-width: none;
    height: 50px!important;
  }

  *::-webkit-media-controls-panel {
    display: none!important;
    -webkit-appearance: none;
  }

  *::--webkit-media-controls-play-button {
    display: none!important;
    -webkit-appearance: none;
  }

  *::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none;
  }

}

/* ==========================================================================
   Flex Utils
   ========================================================================== */

   .flex {
    display: flex;
   }

   @media only screen and (min-width: 40em) {

    .desktop-column {
      flex-direction: column;
    }

    .desktop-row {
      flex-direction: row;
    }


   }

  @media only screen and (max-width: 40em) {

    .mobile-column {
      flex-direction: column;
    }

    .mobile-row {
      flex-direction: row;
    }
  
  }
   


/* ==========================================================================
   CTA Strip
   ========================================================================== */
.section--cta-strip {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  margin: 30px auto;
  padding: 5rem 0;
}

.section--cta-strip[data-background="dark-green"] {
  background-color: #085E3A;
}

.section--cta-strip[data-background="dark-green"] .btn:link, .section--cta-strip[data-background="dark-green"] .btn:visited {
  background-color: #FFF;
  color: #085E3A;
}

.section--cta-strip .image__overlay {
  border-radius: 20px;
}

.section--cta-strip .grid {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.cta-strip--heading h2 {
  margin: 0;
}

/*.has-hidden-form .section--cta-strip .btn {
  scroll-behavior: smooth;
}*/
/* ==========================================================================
   CTA Blocks
   ========================================================================== */
.section--cta-blocks {
  padding: 0;
}

.cta-block {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 20rem;
  text-align: center;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-height: 400px;
}

.cta-block .abslink {
  z-index: 4;
}

.cta-block__inner {
  position: relative;
  z-index: 3;
  max-width: 30rem;
}

.cta-block__content {
  font-size: 1.4rem;
}

.cta-block:after {
  content: "";
  position: absolute;
  z-index: 2;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cta-block--white:after {
  background-color: rgba(255,255,255,0.7);
}

.cta-block--green:after {
  background-color: rgba(0,111,65,0.7);
}

.cta-block--green h2,
.cta-block--green p,
.cta-block--green .btn:link,
.cta-block--green .btn:visited {
  color: white;
}

.cta-block--green .btn:link,
.cta-block--green .btn:visited {
  border-color: white;
}

.fa-angle-double-right {
  position: absolute;
  bottom: 0rem;
  font-size: 2.5rem;
  z-index: 3;
}

.fa-angle-double-left {
  font-size: 2.5rem;
}

.section--cta-blocks .cta-1 .fa {
  color: #006f41;
}

.section--cta-blocks .cta-2 .fa {
    color: #FFF;
}

@media only screen and (min-width: 40em) {
  .cta-block {
    padding: 2rem;
  }

  .fa-angle-double-right {
    bottom: 0rem;
  }

}

/*@media only screen and (min-width: 60em) {
  .fa-angle-double-right {
    bottom: 2.5rem;
  }
}*/

/* ==========================================================================
   Contact Form Map
   ========================================================================== */

.section--contact-map {
  padding: 0 0 3rem;
}

.contact-map {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 19rem;
}

.contact-map .gform_wrapper {
  padding-top: 0;
}

.contact__address-detail {
  margin-bottom: 2rem;

  font-family: 'sofia-pro', sans-serif;
  font-weight: bold;

}

.contact__address-detail img {
  display: block;
  margin: 0 auto;
}

.contact-map__form {
  padding: 2rem;
  background-color: white;
  margin: 1.5rem 0;
  color: #006f41;
  font-weight: bold;
  font-family: 'sofia-pro', sans-serif;
}

.contact-map__form .embed textarea {
  height: 5rem;
}

.contact-map__form h2 {
  margin: 0 0 0.75rem;
}

/* Show this on older browsers only */
html:not(.no-cssanimations) .gform_wrapper .gfield_label {
  display: none;
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="text"]:hover,
.gform_wrapper input[type="email"],
.gform_wrapper input[type="email"]:hover,
.gform_wrapper input[type="url"],
.gform_wrapper input[type="url"]:hover,
.gform_wrapper textarea,
.gform_wrapper textarea:hover {
  border: 6px solid #5fb97b;
  border-radius: none;
  color: #006f41;
  font-weight: bold;
  font-family: 'sofia-pro', sans-serif;
}

.gform_wrapper input[type="text"]:focus {
  border-color: #006f41;
}

.gform_wrapper:not(.gform_validation_error) #gform_2 .gfield.field_description_below {
  display: none;
}

#gform_2 .grid {
  margin-left: -.75rem;
}

#gform_2 .cell {
  margin-bottom: 1.5rem;
}

#gform_2 #gform_fields_2 li:last-child {
  width: 100% !important;
}

.section--contact-map .contact-map__form h2 {
  font-size: 2.75rem;
}

@media only screen and (min-width: 40em) {

  .contact__address-details {
    padding-top: 3rem;
  }

  .contact-map__form {
    margin-top: -3.5rem;
    box-shadow: 2px 2px 60px rgba(10,10,10,0.4);
  }

}
/* ==========================================================================
   Emphasized Text Block
   ========================================================================== */
.section--emphasized-text-block .wrapper {
  max-width: 57rem;
  font-size: 1.2rem;
  xcolor: #464646;
}

.text-block__list {
  list-style-type: square;
  color: #006f41;
}

.text-block__list-item {
  margin-bottom: 1.5rem;
}

.text-block__list p {
  display: inline;
  margin: 0;
  color: #464646;
}

.callout--mini {
  position: relative;
}

.mini-callout__link {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.main li {
  padding-bottom: .8em;
}


/* ==========================================================================
   Data Cards
   ========================================================================== */
.section--data-cards.bg--dark-green,
.section--data-cards.bg--dark-green h2,
.section--data-cards.bg--dark-green p {
  color: white;
}
.section--data-cards.bg--light-green,
.section--data-cards.bg--light-green h2,
.section--data-cards.bg--light-green p {
  background-color: white;
}

.section--data-cards h4,
.section--data-cards .data-card p {
  color: #000;
}

.section--data-cards .carousel--data-cards.owl-carousel .owl-stage-outer {
  -webkit-transform: translateX(-2px) translateY(-2rem);
  -ms-transform: translateX(-2px) translateY(-2rem);
  -o-transform: translateX(-2px) translateY(-2rem);
  transform: translateX(-2px) translateY(-2rem);
}

.section--testimonials .carousel--testimonials.owl-carousel .owl-stage-outer {
  -webkit-transform: translateX(-2px) translateY(-2rem);
  -ms-transform: translateX(-2px) translateY(-2rem);
  -o-transform: translateX(-2px) translateY(-2rem);
  transform: translateX(-2px) translateY(-2rem);
}

.carousel--data-cards .owl-stage {
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.section--data-cards .owl-stage-outer,
.section--testimonials .owl-stage-outer  {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -ms-grab;
    cursor: -o-grab;
}

.data-card {
  padding: 1.5rem;
  background-color: #fff;
  border-top: 10px solid #085E3A;
  color: #464646;
  margin-left: 1rem;
  position: relative;
  z-index: 99998 !important;
  box-shadow: 0px 4px 10px 3px rgba(0, 0, 0, 0.1);
  min-height: 19rem;
  border-radius: 10px;
}

.data-testimonial {
  padding: 1.5rem;
  background-color: #fff;
  color: #464646;
  margin-left: 1rem;
  position: relative;
  z-index: 99998 !important;
  xmin-height: 19rem;
}

.data-testimonial .grid {
  display: flex;
}

.owl-carousel .owl-item img.quote-icon {
  width: unset;
  max-width: unset;
}

.data-testimonial .single-testimonial-img-abs {
  border-radius: 300px;
  border: 12px solid #0C925A;
}

.single-testimonial--quote p {
  font-size: 22px;
  color: #000;
}

.single-testimonial--name,
.single-testimonial--position {
  font-weight: normal;
  color: #000;
}

.single-testimonial--quote {
  xfont-size: 2rem;
}

.section--testimonials .owl-dots {
  padding-left: 39%;
  justify-content: flex-start;
}

.section--testimonials .owl-dots .owl-dot span {
  border-color: #0c925a;
}

.section--testimonials .owl-dots .owl-dot.active span {
  background: #0c925a;
}

.btn.data-card__link {
  position: absolute;
  bottom: 0rem;
  right: 0rem;
  z-index: 999999;
}

.buttons-are-data-card .btn,
.btn.data-card__link {
  padding: .8rem;
  padding-left: 1.6rem;
  border-radius: 0;
  font-weight: 500;
  border-top-left-radius: 30px;
}

.data-cards__content {
  width: 80%;
  margin: 0 auto 3rem;
  display: table;
  font-size: 1.4rem;
}

.data-cards__content h2 {
  margin: 1rem 0 0;
}

.data-card__title {
  color: #000;
  font-size: 1.5rem;
  margin: 0;
  margin-bottom: 1.5rem;
}

.data-card__date {
  font-family: 'sofia-pro';
  margin: 0;
}

.data-card__pretitle {
  letter-spacing: 2px;
  margin: 0;
  font-size: .8rem;
}

.data-card .fa {
  font-size: 14px;
  margin-right: 8px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.data-card__venue,
.data-card__date,
.data-card__time{
  display: flex;
  align-items: center;
  font-size: 15px;
  margin: 0 0 5px 0;
}

@media only screen and (min-width: 60em) {
    .section--data-cards .owl-carousel,
    .section--testimonials .owl-carousel  {
      width: 1265px;
      margin: 0 auto;
    }

    .data-carousel-offset {
      overflow-x: hidden;
      padding: 1rem 0 0 1rem;
    }
}

/* ==========================================================================
   Buttons
   ========================================================================== */
/**
 * Displays an element as if it was a button.
 *
 * Can be used on virtually any element, but recommended only for links, buttons
 * and input elements, or elements that have JavaScript interactions with
 * button-like behaviour.
 */
.btn {
  display: inline-block;
  padding: 0.5rem 3rem .65rem;
  color: white;
  text-align: center;
  text-decoration: none;
  background-color: #085E3A;
  border-radius: 100px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
  font-weight: bold;
  font-family: 'sofia-pro', sans-serif;
  font-size: 16px;
}

/* States */
.btn:link,
.btn:visited {
  color: white;
  text-decoration: none;
}

.btn:hover,
.btn:focus,
.btn--gform-submit {
  text-decoration: none;
  background-color: #006f41;
  color: white;
  outline: none;
}
.btn:active,
.btn.is-active {
  background-color: #bbb;
}
/* Modifiers */
.btn--round {
  -webkit-border-radius: 99999px;
          border-radius: 99999px;
}
.btn--rounded {
  -webkit-border-radius: 3px;
          border-radius: 3px;
}
.btn--full,
.btn--gform-submit {
  width: 100%;
}

.btn--gform-submit { border: none; }

.btn--small,
.cta-block .btn,
.buttons-are-small .btn {
  padding: 0.25rem 1.5rem;
  border: 3px solid #006f41;
  font-size: 0.9rem;
}

.btn--gray,
.btn--gray:link,
.btn--gray:visited,
.btn--gray:hover,
.buttons-are-data-card .btn,
.buttons-are-data-card .btn:link,
.buttons-are-data-card .btn:visited,
.buttons-are-data-card .btn:hover {
  border-color: #464646;
  color: #464646;
  background-color: #fff;
}


/* Button variations
   ========================================================================== */
/* Buttons of primary importance */
.btn--primary,
.btn--primary:link,
.btn--primary:visited {
  color: #085E3A;
  background-color: #fff;
}
.btn--primary:hover,
.btn--primary:focus {
  background-color: #698caf;
}
.btn--primary:active {
  background-color: #698caf;
}
/* Buttons of secondary importance */
.btn--secondary,
.btn--secondary:link,
.btn--secondary:visited,
.buttons-are-secondary .btn,
.buttons-are-secondary .btn:link,
.buttons-are-secondary .btn:visited {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.btn--secondary:hover,
.btn--secondary:focus,
.buttons-are-secondary .btn:hover,
.buttons-are-secondary .btn:focus {
  background-color: transparent;
  border-color: #fff;
}
.btn--secondary:active,
.buttons-are-secondary .btn:active {
  background-color: transparent;
  border-color: #fff;
}

.buttons-are-data-card.white--button .btn:hover{
  background-color: #006f41;
  border-color: #006f41;
  cursor: pointer;
}

.btn--gray:hover{
  background-color: #006f41;
  border-color: #006f41;
  color: #fff;
}

.btn--white,
.white--button .btn {
  color: #085E3A !important;
  border-color: #085E3A;
  background-color: #F5F5F5;
}

.bg--dark-green .btn {
  color: #085E3A !important;
  border-color: #085E3A;
  background-color: #F5F5F5;
}

.bg--dark-green .data-card__link.btn {
  color: white !important;
  border-color: #085E3A;
  background-color: #085E3A;
}


.video-panel__inner .button-list__item a:hover{
      color: #464646;
      background-color: #FFF;
}

/* Menu button
   ========================================================================== */
/**
 * The menu button is exclusively used for toggling the navigation menu on
 * mobile devices, but could be used elsewhere when needed.
 */
.btn--menu {
  position: relative;
  top: 0px;
  right: 20px;
  display: inline-block;
  padding: 8px 5px;
  text-align: right;
  z-index: 101;
  border: none;
  color: #fff;
  box-shadow: none;
  xtext-transform: uppercase;
  background-color: transparent;
  -webkit-transition: all 0.2s cubic-bezier(.6,.2,.6,.9);
     -moz-transition: all 0.2s cubic-bezier(.6,.2,.6,.9);
       -o-transition: all 0.2s cubic-bezier(.6,.2,.6,.9);
          transition: all 0.2s cubic-bezier(.6,.2,.6,.9);
}

/* States */
.btn--menu:hover,
.btn--menu:focus,
.btn--menu.is-hovered,
.btn--menu.is-focused,
.btn--menu.is-active {
  outline: none;
  color: #61b87d;
  background-color: transparent;
}
.btn--menu:active {
  background-color: transparent;
}
/* Bar icon
   ========================================================================== */
/**
 * The `hamburger` icon is mainly used inside the `btn--menu` element.
 */
.btn--menu .bar,
.btn--menu .bar:before,
.btn--menu .bar:after {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 4px;
  background-color: #085E3A;
  -webkit-transition: all 0.2s cubic-bezier(.6,.2,.6,.9);
     -moz-transition: all 0.2s cubic-bezier(.6,.2,.6,.9);
       -o-transition: all 0.2s cubic-bezier(.6,.2,.6,.9);
          transition: all 0.2s cubic-bezier(.6,.2,.6,.9);
}
.btn--menu .bar {
  margin-top: -2px;
  margin-left: 4px;
  pointer-events: none;
}
.btn--menu .bar:before,
.btn--menu .bar:after {
  content: '';
  position: absolute;
  left: 0;
}
.btn--menu .bar:before {
  top: -8px;
}
.btn--menu .bar:after {
  bottom: -8px;
}
/* States */
.btn--menu:hover .bar,
.btn--menu:hover .bar:before,
.btn--menu:hover .bar:after,
.btn--menu:focus .bar,
.btn--menu:focus .bar:before,
.btn--menu:focus .bar:after,
.btn--menu.is-hovered .bar,
.btn--menu.is-hovered .bar:before,
.btn--menu.is-hovered .bar:after,
.btn--menu.is-focused .bar,
.btn--menu.is-focused .bar:before,
.btn--menu.is-focused .bar:after,
.btn--menu.is-active .bar,
.btn--menu.is-active .bar:before,
.btn--menu.is-active .bar:after {
  background-color: #61b87d;
}
.btn--menu.is-active .bar,
.btn--menu.is-active:hover .bar,
.btn--menu.is-active:focus .bar {
  background-color: transparent;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
/**
 * The bars rotate into an `x` shape to indicate the user can close the menu.
 * This can be adjusted as required.
 */
.btn--menu.is-active .bar:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.btn--menu.is-active .bar:after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
       -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}


.blog-hand-hide{
  display: none;
}

@media only screen and (min-width: 40em) {
  .btn--menu {
  }

  .blog-hand-hide{
    display: inline-block;
  }
}

/* ==========================================================================
   Button List
   ========================================================================== */
.button-list {
  list-style-type: none;
  padding: 0;
  margin: 1.5rem 0;
  position: relative;
  z-index: 9;
}

.button-list__item {
  margin: 0 0 0.75rem;
}

@media only screen and (min-width: 40em) {

  .button-list {
    margin-left: -1rem;
  }

  .button-list__item {
    display: inline-block;
    margin: 0 0 0 1rem;
  }

}


/* ==========================================================================
   Alerts
   ========================================================================== */
.alert {
  padding: 0.75rem 1rem;
  border: 1px solid #ddd;
}

.alert--warning {
  color: #8a6d3b;
  border-color: #faebcc;
  background-color: #fcf8e3;
}

.alert--error {
  color: #a94442;
  border-color: #ebccd1;
  background-color: #f2dede;
}

.alert--success {
  color: #3c763d;
  border-color: #d6e9c6;
  background-color: #dff0d8;
}

/* ==========================================================================
   Slider / Owl Carousel
   ========================================================================== */

.section--slider {
  padding: 0;
}

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    overflow-x: hidden;
  }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    display: none; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }
  .owl-carousel .owl-nav {
    position: absolute;
    display: flex;
    top: 40%;
    width: 100%;
    justify-content: space-between;
  }
  .owl-carousel .owl-nav .owl-prev {
    position: relative;
    left: -60px;
    padding-right: 3px;
  }
  .owl-carousel .owl-nav .owl-next {
    position: relative;
    right: -67px;
    padding-left: 3px;
  }
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-nav .owl-prev {
    background: #085E3A;
    color: white;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
  }

  .bg--dark-green .owl-carousel .owl-nav .owl-next,
  .bg--dark-green .owl-carousel .owl-nav .owl-prev {
    background: white;
    color: #085E3A;
  }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }


/* ==========================================================================
   Hero Slider
   ========================================================================== */

.slide {
  background: #085E3A;
  }
  
  .slide-content {
    background: #085E3A;
    color: white;
    padding: 50px 0;
  }
  
  .owl-item {}
  
  .slide-image {
    height: 386px;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-right-radius: 250px;
  }
  
  .slide-content h2 {
    font-size: 50px;
    margin: 0;
    background-repeat: no-repeat;
  }

  .slide__content {
    max-width: 500px;
  }

  .owl-dots {
    max-width: 1200px;
    padding: 0 1rem;
    margin: 0 auto;
    text-align: center;
    padding-top: 15px;
    top: -65px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    z-index: 999;
  }

  .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background-color: transparent;
    border: 2px solid #FFFFFF;
    margin: 0 10px;
  }
  .owl-dots .owl-dot.active span {
    background: white;
  }
  .owl-dots .owl-dot:focus {
    outline: none;
  }

/* ==========================================================================
   Impact areas
   ========================================================================== */
/**
 * A large content area usually found at either the very top of a page, or in
 * between other content to draw attention.
 *
 * If a background image is present, we put it on its own layer for performance
 * reasons (e.g. when using a parallax effect, it drastically improves the
 * performance as it gets composited instead of redrawn).
 */



.section--impact {
  padding: 0;
}

.impact {
  position: relative;
  overflow: hidden;
  padding: 4rem 0;
  min-height: 24rem;
  color: #fff;
  display: flex;
  align-items: center;
}
.impact .impact__content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 2;
} 

.impact__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 114%!important;
  background-position: top!important;
}
.impact__video {
  position: relative;
  z-index: 1;
}
.impact-video {
  position: relative;
}
.impact-video .wrapper {
  position: absolute;
  z-index: 11;
  left: 0;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.impact__heading {
  font-size: 2rem;
}
.impact__subheading {
  font-size: 1.4rem;
  margin-top: 0;
}
.impact__body {
  font-size: 1.2rem;
}

.impact-content-position-vertical-top {
  align-items: flex-start;
}

.impact-content-position-vertical-bottom {
  align-items: flex-end;
}

.impact-content-position-horizontal-right .impact__content-wrapper {
  text-align: right;
  align-items: flex-end;
}

.impact-content-position-horizontal-center .impact__content-wrapper {
  align-items: center;
  text-align: center;
}

.impact-content-position-vertical-bottom .green-wrapper{
  margin-bottom: -4rem;
}

.impact-content-position-vertical-top .green-wrapper{
  margin-top: -4rem;
}

.impact-content-position-horizontal-left {

}

.green-wrapper {
  background: #085E3A;
  max-width: 47%;
  padding: 30px 60px 30px;
}
  
@media only screen and (min-width: 40em) {
  .impact__image {
    background-size: cover!important;
    background-position: center center!important;
  }

  .impact {
    padding: 4rem 0;
    min-height: 34rem;
  }
  .tall-impact .impact {
    padding: 40vh 0;
  }
  .impact__heading {
    font-size: 3rem;
  }
  .impact__subheading {
    font-size: 1.7rem;
  }
  .impact__body {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 60em) {
  .impact {
    padding: 4rem 0;
    min-height: 34rem;
  }
  .tall-impact .impact {
    min-height: 80vh;
  }
    .impact__heading {
      font-size: 3rem;
    }
    .impact__subheading {
      font-size: 19px;
      line-height: 24px;
    }
    .impact__body {
      font-size: 1.4rem;
    }
}

.impact.impact-video {
  padding: 0;
}

/* ==========================================================================
   Latest Content
   ========================================================================== */

.section--latest-content {
  background-color: #3C1053;
  color: white;
  border-bottom-right-radius: 290px;
  padding: 3rem 0 7rem;
}

.section--latest-content .section__kicker {
  color: white;
}

.section--latest-content h2 {
  margin: 10px 0 15px;
}

.section--latest-content .section__header {
  margin: 30px 0 80px;
}

.section--latest-content h3.callout__heading {
  color: white;
  margin: 10px 0 15px;
}

.section--latest-content h3.article__heading {
  color: white;
  margin: 5px 0 5px;
}

.section--latest-content .blog-listing {
  padding-bottom: 50px;
  box-shadow: none;
}

.section--latest-content .blog-image, .section--latest-content .blog-listing .blog-image {
  height: unset;
}

.section--latest-content a:link, .section--latest-content a:visited {
  color: white;
  text-decoration: none;
}

.section--latest-content .featured-callout-content img {
  margin-bottom: 26px;
}

.section--latest-content .featured-callout {
  margin-bottom: 30px;
}


/* ==========================================================================
   Featured Category List
   ========================================================================== */
.blog-listing 


.section--featured-category-list .section__heading {
  margin: 10px 0;
}

.section--featured-category-list .blog-listing,
.blog-listing {
  box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.article-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

.section--featured-category-list .blog-listing-date {
  font-size: 13px;
}

.section--featured-category-list .blog-image,
.blog-listing  .blog-image {
  height: 203px;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.section--featured-category-list .blog-listing-rel,
.blog .blog-listing .blog-listing-rel {
  padding-bottom: unset;
  height: 100%;
}

.section--featured-category-list .blog-content,
.blog .blog-listing .blog-content  {
  padding: 2rem 1.5rem;
  display: flex;
  flex-direction: column;
  height: calc(100% - 203px);
}

.section--featured-category-list .blog-listing-link,
.blog-content .blog-listing-link {
  margin-top: auto;
}

.section--featured-category-list .blog-listing-link a:link, 
.section--featured-category-list .blog-listing-link a:visited,
.blog-content .blog-listing-link a:link, 
.blog-content .blog-listing-link a:visited {
  text-decoration: none;
  font-weight: 600;
}

.section--featured-category-list .blog-listing-tags a:link, 
.section--featured-category-list .blog-listing-tags a:visited {
  font-weight: 700;
}

.section--featured-category-list .blog-listing-tags,
.blog-content .blog-listing-tags {
  font-size: 14px;
  margin-bottom: 20px;
}
.section--featured-category-list .section__header,
.blog-content .section__header {
  margin-bottom: 50px;
}

.section--featured-category-list .article__heading a,
.blog-content .article__heading a {
  color: #212121;
  text-decoration: none;
}

.section--featured-category-list .icon-container,
.blog-content .icon-container {
  color: #fff;
  background: #085e3a;
  width: 20px;
  display: inline-block;
  height: 20px;
  display: inline-flex;
  align-items: center;
  border-radius: 100px;
  font-size: 10px;
  justify-content: center;
}


/* ==========================================================================
   Callouts
   ========================================================================== */
.section--callouts .icon {
  margin-bottom: 30px;
}

.section__kicker {
  color: #3C1053;
  font-size: .8rem;
  font-weight: 700;
  text-transform: uppercase;
}

.section--main-content {
  margin-bottom: 20px;
}

.section--callouts .section__heading {
  color: #000;
  font-size: 2rem;
  margin: 1rem 0;
}

.section--callouts p.section__sub-heading {
  color: #000;
  font-size: 1.2rem;
  max-width: 500px;
  margin: 0 auto 40px;
}

.section--callouts.no-images .islet {
  padding-top: 1rem;
}

 h3.callout__heading {
  color: #085E3A;
  font-weight: 500;
  font-size: 23px;
  margin: 1rem 0;
  padding-bottom: 5px;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 10px;
  line-height: 35px;
 }

.islet h3.callout__heading {
  color: #fff;
}

.section--callouts .islet {
  position: relative;
}

.section--callouts p {
  font-size: 15px;
  margin: .5rem 0;
}

.section--callouts .islet p {
  color: white;
  font-size: 15px;
}

.section--callouts .img-vert-align {
  display: flex;
  align-items: center;
  height: 100%;
}

.section--callouts .featured-callout-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #085E3A;
  color: #fff;
  height: 100%;
}

.section--callouts .featured-callout-content .callout {
  width: 100%;
  padding: 1rem 3rem 2rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.section--callouts .grid {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.section--callouts--display-2-callout .twocalloutgrid .grid {
  flex-direction: row;
}

@media only screen and (min-width: 40em) {
  .section--callouts .grid {
    flex-direction: row;
  }

  .section--callouts--display-2-callout .twocalloutgrid .grid {
    xflex-direction: row;
  }
}

.section--callouts--display-2-callout .twocalloutgrid {
  flex-direction: column;
}

.section--callouts .featured-callout-content .callout p {
  margin: 0;
}

.section--callouts .featured-callout-content .callout__heading {
  color: #fff;
}

.section--callouts a:link, 
.section--callouts a:visited {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 7px;
}

.section--callouts .featured-callout-content a:link, 
.section--callouts .featured-callout-content a:visited {
  margin-top: 15px;
  color: #fff;
  text-decoration: none;
}

.islet {
  background-color: #085E3A;
  xmax-width: 16rem;
  padding: 1rem;
  padding-top: 85px;
  margin: 0 0 20px 0;
  border-bottom-right-radius: 80px;
  
}

.section--callouts .islet.green-bkg{
  background: #085E3A;
}

.section--callouts .islet.blue-bkg{
  background: #172862;
}

.section--callouts .islet.purple-bkg{
  background: #3C1053;
}

.section--callouts--standard .islet {
  background: transparent !important;
}

.card-has-image img {
  position: relative;
  max-width: 60%;
  top: 75px;
  left: 1rem;
  z-index: 6;
  border-bottom-right-radius: 50px;
  box-shadow:  0px 4px 20px 6px rgba(0, 0, 0, 0.25);;
}

[data-style="rectangular"] .islet .icon {
  height: 85px;
}

.section--callouts--display-green .callout {
  background-color: #006f41;
}

.section--callouts--display-green .callout:hover {
  background-color: #55b070;
}

.section--callouts--display-green .callout:hover .callout__heading {
  color: #006f41;
}

.section--callouts--display-green .callout__heading {
  color: #55b070;
}

.section--callouts--standard .islet {
  background: transparent;
}

.section--callouts.section--callouts--standard .islet h3.callout__heading,
.section--callouts.section--callouts--standard .islet p {
  color: #000;
}

.section--callouts.section--callouts--standard .card-has-image img {
  max-width: 100%;
  width: 100%;
}

.islet--arrows {
  margin: 3rem 0 1rem;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Default form styling in order to make sure some elements look proper when
 * there's no way to class individual elements.
 *
 * Labels, when hovered, will change the border color of the associated input
 * element if it directly follows the label.
 *
 * [1] Input elements that are nested within labels (usually checkboxes or
 *     radio-buttons), display as inline-blocks.
 */
 ::-webkit-input-placeholder {
    color: #ccc;
 }

 :-moz-placeholder { /* Firefox 18- */
    color: #ccc;
 }

 ::-moz-placeholder {  /* Firefox 19+ */
    color: #ccc;
 }

 :-ms-input-placeholder {
    color: #ccc;
 }

label {
  display: inline-block;
  cursor: pointer;
}
  label &gt; input {
    display: inline-block; /* [1] */
    width: auto;
    margin-right: 0.5rem;
  }

html input[disabled],
html textarea[disabled] {
  cursor: not-allowed;
  background-color: #f4f4f4;
}

input[type=color],
input[type=date],
input[type=datetime],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
  display: block;
  width: 100%;
  padding: 0.25em 0.5em;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  color: #444;
  font-weight: 300;
}
input[type=color]:hover,
input[type=date]:hover,
input[type=datetime]:hover,
input[type=email]:hover,
input[type=file]:hover,
input[type=month]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=range]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input[type=time]:hover,
input[type=url]:hover,
input[type=week]:hover,
select:hover,
textarea:hover,
label:hover + input[type=color]:hover,
label:hover + input[type=date]:hover,
label:hover + input[type=datetime]:hover,
label:hover + input[type=email]:hover,
label:hover + input[type=file]:hover,
label:hover + input[type=month]:hover,
label:hover + input[type=number]:hover,
label:hover + input[type=password]:hover,
label:hover + input[type=range]:hover,
label:hover + input[type=search]:hover,
label:hover + input[type=tel]:hover,
label:hover + input[type=text]:hover,
label:hover + input[type=time]:hover,
label:hover + input[type=url]:hover,
label:hover + input[type=week]:hover,
label:hover + select,
label:hover + textarea {
  /*border-color: #aaa;*/
  border-color: #5fb97b;
}
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=file]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus,
label:hover + input[type=color]:focus,
label:hover + input[type=date]:focus,
label:hover + input[type=datetime]:focus,
label:hover + input[type=email]:focus,
label:hover + input[type=file]:focus,
label:hover + input[type=month]:focus,
label:hover + input[type=number]:focus,
label:hover + input[type=password]:focus,
label:hover + input[type=range]:focus,
label:hover + input[type=search]:focus,
label:hover + input[type=tel]:focus,
label:hover + input[type=text]:focus,
label:hover + input[type=time]:focus,
label:hover + input[type=url]:focus,
label:hover + input[type=week]:focus,
label:hover + select:focus,
label:hover + textarea:focus {
  outline: none;
  /*border-color: #888;*/
  border-color: #5fb97b;
}


.section--logo-carousel .owl-carousel .owl-nav .owl-prev,
.section--logo-carousel .owl-carousel .owl-nav .owl-next {
  background: none;
}

/* Gravity Forms
   ========================================================================== */

.gform_fields {
  padding: 0;
  list-style-type: none;
}

.gfield {
  padding-bottom: 1rem;
}

.gfield_description {
  color: #016439;
  font-family: 'sofia-pro','Helvetica','Arial',sans-serif;
  font-size: .75rem;
}

.gfield_radio {
  list-style-type: none;
  padding-left: 0;
}

.gfield_radio input[type="radio"] {
  margin-right: 0.75rem;
}

/* Validation */
.validation_message {
  color: #a94442;
  font-size: 0.9rem;
  padding-top: 0.25rem;
}

.gfield_error input,
.gfield_error textarea,
.gfield_error select {
  border-color: #a94442;
}

.gform_footer {
  text-align: center;
}

xlabel.gform-field-label {
  position: absolute;
  top: -11px;
  left: 40px;
  padding: 0px 10px;
  background-color: white;
}

xlabel.gform-field-label--type-sub {
  position: absolute;
  top: -11px;
  left: 18px;
  padding: 0px 10px;
  background-color: white;
}

.gf_name_has_2 {
  margin-top: 20px;
}

.gf_name_has_2 span {
  display: inline-block;
  margin-bottom: 20px;
  position: relative;
  width: 49.5%;
}

.gform_footer {
  max-width: 500px;
}


/* Embed forms
   ========================================================================== */

.io--form input[type=text], .io--form textarea, .io--form select, #mc_embed_signup .mc-field-group input{
  border: 6px solid #5fb97b;
  border-radius: 0;
  color: #006f41;
  font-weight: bold;
  font-family: 'sofia-pro', sans-serif;
  margin-bottom: 0.5rem;
}

.io--form select option{
  font-weight: bold;
}

.io--form input[type=text]:hover, .io--form label:hover, .io--form textarea:hover{
  border-color: #5fb97b;
}

.io--form label, .select--label{
  font-family: 'sofia-pro', sans-serif;
  color: #016439;
  font-size:1.1rem;
}

.io--form .cell p{
  font-family: 'sofia-pro', sans-serif;
  color: #016439;
  font-size:1.1rem;
}

.wrapper.wrapper-narrow.hand-text-center .io--form {
    text-align: left;
}

.wrapper.wrapper-narrow.hand-text-center .io--form .btn {
    display: block;
    margin: 0 auto;
    width: 100%;
    margin-top:0.5rem;
}

.indicates-required{
  font-family: 'sofia-pro', sans-serif;
}

#mc_embed_signup input{
  font-size: 1.2rem;
}

#mc_embed_signup input:focus{
  border-color: #5fb97b!important;
}

#mc-embedded-subscribe.btn{
  border: 6px solid #5fb97b;
  display: block;
  margin: 0 auto;
  width: 100%;
  font-size: 1.2em;
}

#mc_embed_signup .mc-field-group label {
    font-size: 1.2rem;
}

/*.io--form input[type=submit]{
  background-color: #fff;
  border: 6px solid #5fb97b;
  border-radius: 0;
  color: #006f41;
  font-weight: bold;
  font-family: 'sofia-pro', sans-serif;
}*/

.io--form {
    max-width: 100em;
    margin: 0 auto;
}

.io--form input[type=checkbox], .io--form input[type=radio]{
  margin-right: 1em;
}

@media only screen and (min-width: 40em) {
  .io--form{
    max-width: 50em;
  }

  .io--form_newsletter{
    max-width: 70em;
  }
}

@media only screen and (min-width: 60em){
  .io--form{
    max-width: 30em;
  }

  .io--form_newsletter{
    max-width: 70em;
  }
}


/* Selectric
   ========================================================================== */
.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-open {
  z-index: 9999;
}

.selectric-open .selectric-items {
  display: block;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
  display: none;
}

.selectric-input {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  margin: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  outline: none;
  border: none;
  background: none;
}

.selectric-temp-show {
  position: absolute;
  visibility: hidden;
  display: block;
}

.selectric-open .selectric {
  border-color: #CCC;
  background: #F0F0F0;
  z-index: 9999;
}

.selectric-open .selectric-items {
  display: block;
}

.selectric {
  background-color: #f4f4f4;
  border: 1px solid #ccc;
  border-radius: 4px;
  position: relative;
}

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 2rem 0 0;
  padding: 0.35rem 0.5rem;
  line-height: 1.5;
  color: #666;
  min-height: 1.75rem;
  text-shadow: 0 1px #FFF;
}

.selectric .button {
  position: absolute;
  right: 0;
  top: 0;
  height: 2.1rem;
  width: 2rem;
  border-left: 1px solid #D2D2D2;
  padding: 0.45rem 0.5rem 1rem 0.5rem;
  color: #888;
}


.selectric-hover .selectric {
  border-color: #CCC;
}

.selectric-hover .selectric .button {
  color: #555;
}

.selectric .button:before {
  content: " ";
  float: left;
  height: 100%;
  border-right: 1px solid #FFF;
  visibility: visible;
}

.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F8F8F8;
  border: 1px solid #C4C4C4;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}
.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}
.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}
.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.5rem;
  min-height: 1.5rem;
}
.selectric-items li {
  display: block;
  padding: 8px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #EEE;
  color: #666;
  cursor: pointer;
}
.selectric-items li.selected {
  background: #EFEFEF;
  color: #444;
}
.selectric-items li:hover {
  background: #F0F0F0;
  color: #444;
}
.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: not-allowed;
  background: none;
  color: #666;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  color: #444;
}
.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}
.selectric-items .selectric-group li {
  padding-left: 25px;
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Default table styling in order to make sure some elements look proper when
 * there's no way to class individual elements.
 */
table {
  width: 100%;
  text-align: left;
}
  thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #eee;
  }
  tbody tr {
    border-top: 1px solid #eee;
  }
  th,
  td {
    padding: 0.25rem;
    text-align: left;
  }

  /* ==========================================================================
     Search Template
     ========================================================================== */

body.search .impact {
  padding: 12rem 0 8rem;
}

.impact form {
  position: relative;
  z-index: 2;
}

.section--search {
  background-color: #f6f6f6;
}

.article--result {
  padding: 1rem;
  background-color: #fff;
  box-shadow: 2px 2px 27px rgba(10,10,10,0.3);
  margin-bottom: 1.5rem;
}

.article__header.no-image .impact{
  background-color: #222;
}

.article--result .article__heading {
  font-size: 1.7rem;
  margin-bottom: 0;
}
.article--result .article__permalink {
  font-size: 1rem;
  color: #666;
}

@media only screen and (min-width: 40em) {

  .article--result {
    padding: 1.5rem 3rem;
  }

}

/* ==========================================================================
   Site-header
   ========================================================================== */
/**
 * The global header
 *
 * This element usually hosts a logo, the main navigation and other elements
 * that should show up throughout the entire website.
 */
.site-header {
  z-index: 99999;
  height: 4.5rem;
  margin-bottom: 0;
  border-bottom: none;
  width: 100%;
  z-index: 20;
}
  .site-header .wrapper {
    width: 100%;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
  }

  .site-header .tagline {
    color: #fff;
    font-family: "Helvetica","Arial",sans-serif;
    font-size: 1.4rem;
    xposition: absolute;
    right: 7rem;
    top: 3.6rem;
    display: none;
  }
@media only screen and (min-width: 40em) {
  .site-header {
    height: 6rem;
  }
    .site-header .wrapper {
      padding: 0 1rem;
    }
}
@media only screen and (min-width: 44em) {
  .site-header .tagline {
    display: block;
    font-size: 1rem;
    margin-top: 0.2rem;
  }
}
@media only screen and (min-width: 60em) {
  .site-header {
    height: 7rem;
  }
  .site-header .tagline {
    display: block;
    font-size: 1.4rem;
    margin-top: 0rem;
  }
}

.site-header .header-wrapper-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.site-header .top-header-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 14px;
}

.site-header .top-header-container .top-navigation {
  display: flex;
}

.site-header .main-header-container {
  display: flex;
  gap: 60px;
}

/* Sticky site header
   ========================================================================== */
.site-header--sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}



/* ==========================================================================
   Logo
   ========================================================================== */
/**
 * The website's main logo, usually displayed in the site's global header.
 *
 * [1] Remove the max-width to prevent a bug in IE.
 * [2] We scale the image's height instead of width for the logo.
 */
.logo {
  xposition: absolute;
  xtop: 16px;
  xleft: 16px;
  xdisplay: none;
}
.logo.mobile-logo {
  xdisplay: block;
}
.logo__img {
  width: auto;
  max-width: none; /* [1] */
  height: 60px;    /* [2] */
}

@media only screen and (min-width: 40em) {
  .logo {
    display: flex;
    align-items: flex-start;
  }
  .logo.mobile-logo {
    display: none;
  }
}

/* ==========================================================================
   Main navigation
   ========================================================================== */
/**
 * The website's main navigation, usually located in the header.
 */


.main-menu-navigation {
  display: flex;
  align-items: center;
  padding-top: 17px;
  align-items: flex-end;
}

.main-menu-navigation .nav {
  display: flex;
  xgap: 2rem;
  
}

.primary-navigation .main-menu-navigation .nav {
  display: flex;
  gap: 0;
  flex-direction: column;
}

.main-menu-navigation .nav--main .nav__item a {
  padding: 29px 1rem;
  font-size: 15px;
}

.main-menu-navigation .nav--main .nav__item a:hover {
  color: #085E3A;
  text-decoration: underline;
}

.main-menu-navigation .nav--main .nav__item.nav__item--search a {
  padding: 19px 5px;
}

.search-icon-container {
  background: #085E3A;
  color: #fff;
  padding: 14px 5px;
  margin-top: 2px;
  text-decoration: none;
  font-size: 14px;
  width: 32px !important;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

#search-navigation input[type=text].input--search {
  background: #006f41;
  color: #fff;
  border-radius: 0
}

.form__search {
  display: flex;
  justify-content: center;
  font-weight: 500;
}

.section--blogsearch .form__search {
  justify-content: flexstart;
}


.section--blogsearch .form__search {
  justify-content: flex-start;
}

.mega-menu .form__search {
  justify-content: flex-start;;
}

#searchsubmit {
  background: white;
  border: none;
}

.form__search .fa {
  color: #fff;
}

.form__search .fa.fa-arrow-right {
  color: #006f41;
}

.form__search .form__label {
  display: flex;
  align-items: center;
  max-width: 300px;
  background: #006f41;
  color: #fff;
  padding: 0 20px;
}

.form__search input[type=text].input--search {
  background: #006f41;
  color: #fff;
  font-weight: 500;
}

.form__search ::-webkit-input-placeholder { color: #fff; }
.form__search ::-moz-placeholder { color: #fff; }
.form__search ::-ms-input-placeholder { color: #fff; }

.main-menu-navigation .nav__item .fa.fa-search {
  background: #085E3A;
  color: #fff;
  margin-left: 0;
}

.main-menu-navigation .nav--sub {
  display: none;
}

.main-menu-navigation .nav__item .fa {
  margin-left:5px;
  color: #0C925A;
}

.main-menu-navigation .nav__item:hover ol.nav--sub {
  display: block;
}

.mega-menu-nav {
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  left:-9999;
  padding: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: inset 0 0 9px rgba(15,15,15,.5), 0 0 9px rgba(15,15,15,.5);
  font-family: 'sofia-pro','Helvetica','Arial',sans-serif;
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1268px 1fr;
}

.mega-menu {
  display: grid;
  width: 100%;
  grid-template-columns: 3fr 1fr;
}

.mega-menu h4 {
  font-size: 23px;
  margin: 12px 0;
  color: #000;
  font-weight: 500;
}

.mega-menu .right-side-menu h4 {
  color: #fff;
}

.mega-menu-nav.halves .mega-menu {
  grid-template-columns: 1fr 1fr;
}

.mega-menu-nav.halves .mega-menu-right,
.mega-menu-nav.halves .right-side-menu {
  background-color: transparent;
}

.mega-menu li {
  max-width: 500px;
}

.mega-menu a {
  display: flex;
  align-items: center;
  gap: 9px;
  text-decoration: none;
  font-size: 23px
}

.mega-menu p {
  font-family: 'Inter', sans-serif;
  font-size: 19px;
  margin: 5px 0;
}

.mega-menu {
  display: grid;
  width: 100%;
  grid-template-columns: 3fr 1fr;
}

.main-menu-content {
  padding: 50px;
}

.mega-tabs p, 
.secondary-menu p {
  font-size: 15px;
}

.right-side-menu {
  padding: 30px;
  padding-left: 37px;
  padding-bottom: 100px;
  background: #085E3A;
  color: #fff;
  border-bottom-left-radius: 140px;
}

.mega-menu .right-side-menu a {
  font-size: 19px;
}

.mega-menu .right-side-menu p {
  font-size: 15px;
  color: #fff;
}

.mega-menu .right-side-menu .menu-items {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.mega-menu .right-side-menu .menu-items.icons {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.mega-menu .right-side-menu .menu-items.icons a {
  color: #085E3A;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mega-menu .right-side-menu .menu-items.icons img {
  background: #0C925A;
  padding: 10px;
  border-bottom-left-radius: 20px;
  width: 60px;
}

.mega-menu .right-side-menu .menu-items .regular {
  border-bottom: 2px solid #FFFFFF;
}

.mega-menu .right-side-menu a:link, .mega-menu .right-side-menu a:visited {
  color: #fff;
  white-space: normal;
}

.mega-menu .right-side-menu a:link, .mega-menu .right-side-menu a:visited {
  color: #fff;
}

.mega-menu .icon-container,
.round-icon.icon-container {
  padding-left: 1px;
  padding-top: 1px;
  margin-top: 2px;
  text-decoration: none;
  font-size: 8px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #fff;
  background: #085e3a;
}

.fa-chevron-right {
  margin-left: -1px;F
}

.round-icon.icon-container {
  display: inline-flex;
  margin-top: 0;
}

.mega-menu .right-side-menu .icon-container {
  color: #085E3A;;
  background: #fff;
}

.mega-menu .right-side-menu .external .icon-container {
  color: #fff;
  background: #085e3a;
  font-size: 16px;
}

.mega-menu .right-side-menu .external a span.link-text {
  border-bottom: 2px solid white;
}

.circle-icon {
  background: #ffc0c0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  text-align: center;
  line-height: 100px;
  vertical-align: middle;
  padding: 30px;
}

.mega-menu-left {
  
}

.mega-menu-right {
  background: #085E3A;

}

.mega-tabs {
  margin-top: 40px;
}

.mega-tabs ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 40px;
  border-bottom: 2px solid #3C1053;
}

.mega-tabs ul li {
  padding: 10px;
  position: relative;
}

.mega-tabs ul li a.ui-tabs-anchor {
  color: #3C1053;
  font-size: 16px;
}

.mega-tabs ul li.ui-state-active::before {
  font-family: 'FontAwesome';
  content: "\f0d8";
  position: absolute;
  bottom: 10px;
  left: calc(50% - 5px);
  height: 5px;
  width: 5px;
  color: #3C1053;
}

.mega-tab-content {
  display: flex;
  gap: 60px;
  padding: 30px 0;
}

.mega-menu .mega-tab-content a {
  font-size: 16px;
  text-decoration: underline;
}

.primary-navigation {
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  xmargin: 15px 10px;
  padding: 0 2rem;
  width: 100%;
  xwidth: calc(100% - 20px);
  background-color: #fff;
  border: none;
  box-shadow: 0 0 40px rgba(15,15,15,0.5);
  transform: translateX(-5px) scaleX(0.8) scaleY(0.85);
}

.primary-navigation .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: 60px;
}

.nav__item a {
  display: inline-block;
}

.nav--main .nav__item {
  width: 100%;
}

.nav--main .nav__item a,
.nav--main .nav__item form {
  padding: 1rem;
  font-family: 'sofia-pro', 'Helvetica', 'Arial', sans-serif;
}

.nav--main &gt; .nav__item &gt; .nav--sub &gt; .nav__item &gt; a {
  font-weight: bold;
  font-size: 1.4rem;
  color: #006f41;
  text-decoration: none;
}

.nav--main .nav__item a {
  padding: 0.75rem 0;
}

.nav--main .nav__item a,
.nav__item--upper .nav--sub .nav__item a,
.nav__item--upper .nav__item form {
  text-align: left;
}

.nav--main .nav__item a:link,
.nav--main .nav__item a:visited {
  font-weight: 500;
  color: #000000;
  xtext-decoration: underline;
}

.nav--main .nav__item a:hover,
.nav--main .nav__item a:focus,
.nav--main .nav__item--upper .nav--sub a:hover,
.nav--main .nav__item--upper .nav--sub a:focus {
  text-decoration: none;
  color: #006e3e;
}

.nav--main .nav__item a:active {
  color: #454545;
}

/* States */
.primary-navigation.is-open,
.primary-navigation.is-closed {
  -webkit-transition: all 0.2s cubic-bezier(.7,.2,.3,.8);
          transition: all 0.2s cubic-bezier(.7,.2,.3,.8);
}
.primary-navigation.is-open {
  visibility: visible;
  opacity: 1;
  top: 4.5rem;
  transform: translateX(0) scaleX(1) scaleY(1);
}

.mega-menu-nav.is-open {
  visibility: visible;
  opacity: 1;
  top: 4.5rem;
  left: 0;
  xtransform: translateX(0) scaleX(1) scaleY(1);
}

.language-link,
.language-link:link,
.language-link:hover {
  font-size: 2.2rem;
  text-decoration: none;
  font-family: 'freight-text-pro', serif;
  font-weight: 300;
  margin-bottom: 1rem;
  margin-top: 0.8rem;
  display: inline-block;
  color: #666;
  text-decoration: underline;
}

.primary-navigation .hide-in-header { display: none; }

input[type="text"].input--search {
  border: 6px solid #006f41;
  border-radius: none;
  color: #006f41;
  font-weight: bold;
  font-family: 'sofia-pro', sans-serif;
}

::-webkit-input-placeholder { color: #006f41; }
::-moz-placeholder { color: #006f41; }
::-ms-input-placeholder { color: #006f41; }


.nav__newsletter &gt; a {
  border: 6px solid #61b87d;
  font-weight: bold;
  font-family: 'sofia-pro', sans-serif;
  border-radius: none;
  color: #006f41;
  font-size: 1rem;
  padding: 0.8rem;
}

.nav__item--form .form__group {
  margin-bottom: 0.5rem;
}

.mobile-back-button {
  display: none;
}

/* ==========================================================================
   Top navigation
   ========================================================================== */

.nav--top {
  font-family: 'sofia-pro', 'Helvetica', 'Arial', sans-serif;
  display: flex;
  flex-direction: row;
  font-size: 12px;
  font-weight: 400;
  gap: 3px;
}

.nav--top a {
  color: #000;
}

.nav--top li.nav__item::after {
  content: "|";
  padding-left: 3px;
}

.nav--top li.nav__item:last-child::after {
  display: none;
}

.nav--top li.nav__item.menu-item-language::after {
  content: "" !important;   
}

/* ==========================================================================
   Business navigation
   ========================================================================== */
  .nav--business {
    margin-bottom: 1.5rem;
    margin-left: -1rem;
  }

  .nav__item--heading {
    width: 100%;
  }

  .nav--business .nav__heading {
    font-family: 'freight-text-pro', serif;
    color: #454545;
    margin: 1rem 0;
    font-size: 2rem;
    font-weight: 300;
    width: 100%;
  }

  .nav--business .nav__item {
    display: inline-block;
    padding: 0.5rem 1rem;
  }

  .nav--business .nav__item a {
    font-family: 'sofia-pro', 'Helvetica', 'Arial', sans-serif;
    color: #006f41;
    font-weight: bold;
    font-size: 1.4rem;
    border-bottom: 2px solid #006f41;
  }

@media only screen and(min-width: 40em){
  .nav--business .nav__heading{
    font-size: 2.5rem;
  }
}

/* ==========================================================================
   Section Code Block
   ========================================================================== */

.section--code-block {
  padding: 0;
}

.section--code-block .wrapper-narrow {
  max-width: unset;
}



/* ==========================================================================
   Upper Navigation
   ========================================================================== */
/**
 * Some sites include navigations above the primary nav.
 * Create a blank nav item with URL as #upper, and the descendents will display above
 */
.nav__item--upper .nav--sub {
  visibility: visible;
  position: static;
  opacity: 1;
}

@media only screen and (min-width: 40em) {

  .nav--main .nav__item--upper {
    position: static;
  }

  .nav__item--upper &gt; .nav--sub {
    display: block;
    position: absolute;
    visibility: visible;
    left: auto;
    top: -2.75rem;
    right: 1rem;
    margin-left: 0;
    width: auto;
    opacity: 1;
  }

  .nav__item--upper &gt; .nav--sub &gt; .nav__item {
    display: inline-block;
  }

  .nav__item--upper &gt; .nav--sub .nav__item a,
  .nav__item--upper &gt; .nav--sub .nav__item form {
    padding: 0.25rem 0.5rem;
  }

  .nav__item--upper &gt; .nav--sub .nav__item a {
    background-color: transparent;
    border-bottom: none;
    border-top: none;
    font-size: 0.9rem;
    display: inline-block;
  }

}

/* ==========================================================================
   Social Icons
   ========================================================================== */
.nav--main .social-icons {
  margin-bottom: 2rem;
}

.social-icons a,
.social-icons a:link,
.social-icons a:visited {
  color: #454545;
  font-size: 1.6rem;
  margin-right: 0.25rem;
}

/* ==========================================================================
   Site footer
   ========================================================================== */
/**
 * The global footer.
 *
 * This element usually hosts navigation and additional information about the
 * website that shows up on every page.
 */
.site-footer {
  color: #006f41;
  background-color: #fff;
  font-weight: 300;
  padding: 3rem 0;
}

.site-prefooter {
  background-color: #efefef;
  padding: 10rem 0;
  margin-top: 0;
  position: relative;
}

.site-prefooter__heading {
  margin: 0 auto;
  font-size: 2rem;
  font-weight: normal;
  max-width: 40rem;
}

.site-prefooter .button-list {
  margin-bottom: 0;
}

.left-mic {
  position: absolute;
  width: 150px;
  height: 150px;
  top: -150px;
  left: 60px;
  background: url(/wp-content/uploads/2023/05/loud-speaker-icon-green-IO-1.png);
  background-size: cover;
}

.right-mic {
  position: absolute;
  width: 150px;
  height: 150px;
  top: 0px;
  right: 60px;
  transform: scaleX(-1);
  background: url(/wp-content/uploads/2023/05/loud-speaker-icon-green-IO-1.png);
  background-size: cover;
}

@media only screen and (min-width: 40em) {
  .left-mic {
    width: 250px;
    height: 250px;
  }
  .right-mic {
    width: 250px;
    height: 250px;
  }
}

@media only screen and (min-width: 60em) {
  .left-mic {
    width: 400px;
    height: 400px;
  }
  .right-mic {
    width: 400px;
    height: 400px;
  }
}

.site-footer .social a {
  color: #333;
}

.footer-navigation .nav__heading {
  margin-top: 0;
}

.footer-navigation {
  display: flex;
  gap: 50px;
  xflex-wrap: wrap;
}

.footer-navigation .fa {
  display: none;
}



/* Footer */

.nav--footer {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}

.nav--footer .nav__item {
  font-size: 16px;
  width: 100%;
}

.nav--footer .nav__item a,
.nav--footer .nav__item form {
  padding: 1rem;
  font-family: 'sofia-pro', 'Helvetica', 'Arial', sans-serif;
}

.nav--footer &gt; .nav__item &gt; .nav--sub &gt; .nav__item &gt; a {
  font-weight: 400;
  font-size: 14px;
  text-decoration: none;
}

.nav--footer .nav__item a {
  padding: 20px 0;
}

.nav--footer .nav__item .nav--sub a {
  padding: 6px 0;
}

.nav--footer .nav__item a {
  text-align: left;
}

.nav--footer .nav__item a:link,
.nav--footer .nav__item a:visited {
  font-weight: 400;
  color: #000000;
  xtext-decoration: underline;
}

.nav--footer .nav__item a:hover,
.nav--footer .nav__item a:focus {
  text-decoration: none;
  color: #006e3e;
}

.nav--footer .nav__item a:active {
  color: #454545;
}

/* Legal */


.nav--legal .nav__item {
  display: inline-block;
  padding: 0 0.75rem;
}

.nav--legal .nav__item a {
  color: #000;
}

.nav--legal .nav__item:not(:last-child) {
  xborder-right: 1px solid #006f41;
}

.legal-social {
  border-top: 1px solid #B4B4B4;
  margin-top: 40px;
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.legal-navigation {
  font-family: 'sofia-pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  color: #000;
  display: flex;
  align-items: center;
}

.nav--legal {
  display: inline-block;
  font-size: 14px;
}

.site-footer .social-icons {
  font-size: 1.5rem;
  margin-top: 1.5rem;
}

.site-footer .social-icons a {
  padding: 0 0.15rem;
}

.footer-navigation {
  margin-bottom: 1.5rem;
}

/*.nav--search .nav__newsletter {
  display: none;
}*/

.site-footer .language-link,
.site-footer .nav--search p {
  padding: 0;
  margin: 0.5rem 0;
}

.site-footer .lap-text-left {
  text-align: left;
}



@media only screen and (min-width: 40em) {

  .footer-navigation .footer-nav__left {

  }

  .footer-navigation .footer-nav__right {

  }

  .footer-navigation .nav--main {
    width: 100%;
  }

  .nav--footer {
    gap: 20px;
  }

  .nav--footer .nav__item {
    width: auto;
  }

  .footer-navigation .nav--main .nav__item--column {
    width: 50%;
  }

  .footer-navigation .nav__last-column { display: none; }

  .site-footer .nav--business .nav__item {
    display: block;
  }

  .site-footer .nav--business .nav__item a {
    font-size: 1.5rem;
  }

  .site-footer__language-search {
    margin-top: 4rem;
  }

  .site-footer .legal-social {
    flex-direction: row;
  }

  .site-footer .social-icons {
    margin-top: -0.4rem;
  }

}



/* ==========================================================================
   Calendar of Events
   ========================================================================== */
#calendar,
#calendrier{
  xbackground-color: #d0d0d0;
  font-family: "sofia-pro","Helvetica","Arial",sans-serif;
  xpadding: 2vw;
}

.calendar-titles {
  padding: 2rem;
  text-align: center;
}

.calendar-title-previous,
.calendar-title-next,
.calendar-title-month {
  display: inline-block;
  font-size: 3rem;
  padding: 0 2rem;
}

.calendar-title-previous,
.calendar-title-next {
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  width: 20vw;
}

.calendar-title-previous:link,
.calendar-title-previous:visited {
  text-decoration: none;
  color: #464646;
}

.calendar-title-next:link,
.calendar-title-next:visited {
  text-decoration: none;
  color: #464646;
}

.calendar-title-previous .fa,
.calendar-title-next .fa {
  font-weight: 900;
}

.calendar-title-month {
  width: 30vw;
  color: #464646;
  font-size: 2rem;
  font-weight: 700;
}

.calendar-categories {
  text-align: center;
  font-weight: 700;
}
  .calendar-categories label {
    display: inline-block;
    padding: 2rem;
  }

.calendar-day-head {
  font-weight: 500;
  text-align: center;
  xcolor: #096e45;
  font-size: 15px;
  width: 13.7%;
}
.calendar-day {
  width: calc(13.7% - 1%);
    margin: .5%;
    height: 25vw;


  overflow-y: hidden;
  background-color: #fff;
  /*position: relative;*/
  vertical-align: top;
}
.calendar-day:hover {
  box-shadow: 0 0 3vw rgba(0,0,0,0.1);
  z-index: 100;
}
.calendar-day .day-number {
  color: #096e45;
  font-size: 28px;
  line-height: 28px;
  font-weight: bold;
  padding: 10px;
}

.calendar-before-today,
.calendar-day-other-month {
  background-color: #dbdbdb;
}

.calendar-day-other-month .day-number,
.calendar-before-today .day-number {
  color: #fff;
}

.calendar-today {
  border: 4px solid #5fb97b;
}
.calendar-day .calendar-events {
  height: calc(25vw - 48px);
  overflow-y: auto;
}
.calendar-day.calendar-today .calendar-events {
  height: 10.6vw;
}
.calendar-day .event {
  display: block;
  line-height: 1.2;
  overflow: hidden;
  font-size: .85vw;
  xbackground-color: #fff;
  margin-bottom: 3px;
  color: #000;
  padding: 0.5rem;
  text-decoration: none;
  /*position: relative;*/
  z-index: 200;
}
.calendar-day.calendar-today .event {
  margin-left: 0;
  margin-right: 0;
}
.calendar-before-today .event {
  xfilter: grayscale(100%);
}
.calendar-day .event:hover {
  /*opacity: 0.8;*/
}

/* table format */
.calendar {

}
.calendar-row {
  text-align: center;
}
.calendar-day-head,
.calendar-day {
  display: inline-block;
}

.calendar-day {
  text-align: left;
}

.calendar-header-info {
  background-color: #FFF;
  margin: -2vw -2vw 0;
  padding-bottom: 1vw;
}


@media only screen and (max-width: 50em) {

  .calendar-day.no-events{
    display: none;
  }

  .calendar-day.calendar-today .calendar-events {
    height: auto;
  }
  .calendar-day {
      width: 100%;
       height: auto;
      overflow-y: hidden;
      position: relative;
      margin: 0;
  }

  .calendar-day .day-number {
    color: #096e45;
    font-size: 1em;
    font-weight: bold;
    line-height: 1em;
    padding: 0.5em;
}

.calendar-day .event {
    display: block;
    line-height: 1em;
    overflow: hidden;
    font-size: 0.75em;
    background-color: #fff;
    margin-bottom: 3px;
    color: #fff;
    padding: 0.5rem;
    text-decoration: none;
    /*position: relative;*/
    z-index: 200;
}

.calendar-day .calendar-events {
     height: auto;
     overflow-y: visible;
}

.calendar-before-today{
  display: none;
}

.calendar-day-head{
  display: none;
}

.calendar {
    padding-top: 0.3em;
}

.calendar-categories label {
    display: inline-block;
    padding: 1rem 2rem;
}

.calendar-title-month {
    font-size: 1.2em;
}

}

/*#calendar input[type="checkbox"] {
    display:none;
}
#calendar input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 0 0 10px;
    vertical-align:middle;
    cursor:pointer;
    border: solid 1px #000;
}
#calendar input[type="checkbox"]:checked + label span {
    border: solid 1px #F00;
}*/

.contact__address-detail img {
    max-width: 100px;
}



/* responsiveish iframe */
.advisory-services-form {
  height: 2700px;
  width: 100%;
  border: none;
}

.white-text,
.white-text h2,
.white-text h3,
.white-text p {
  color: #fff;
}

@media only screen and (min-width: 25em) {
  .advisory-services-form {
    height: 2550px;
    width: 100%;
    border: none;
  }

}

@media only screen and (min-width: 35em) {
  .advisory-services-form {
    height: 2350px;
    width: 100%;
    border: none;
  }

}

@media only screen and (min-width: 50em) {
  .advisory-services-form {
    height: 2600px;
    width: 100%;
    border: none;
  }

}

/* ==========================================================================
   Resource Map
   ========================================================================== */
.resource-nav {
  margin: 1.5rem 1.5rem 0 -.35rem;
}
.resource-list {
  margin-right: 1.5rem;
  height: 532px;
  overflow-y: auto;
}
.resource-nav ul {
  display: inline;
  padding: 0;
}

.resource-list--summary {
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  -webkit-transition: max-height 1s cubic-bezier(.25,1,.25,1);
  -moz-transition: max-height 1s cubic-bezier(.25,1,.25,1);
  -o-transition: max-height 1s cubic-bezier(.25,1,.25,1);
  transition: max-height 1s cubic-bezier(.25,1,.25,1);
  background-color: #FFF;
  border: solid 3px transparent;
  color: #006f41;
}

.resource-list--summary.is-open {
  max-height: 999px;
  visibility: visible;
  opacity: 1;
  background-color: #efefef;
  border: solid 3px #61b87d;
  padding: 1.5rem;
}

.resource-list--item {
  background-color: #efefef;
  border: solid 3px #61b87d;
  padding: 1.5rem;
  margin-top: .25rem;
  color: #006f41;
  cursor: pointer;
}
/*#resource_map {
  width: 100%;
  height: 400px;
  border: #ccc solid 1px;
  margin: 20px 0;
}

#resource_map img {
   max-width: inherit !important;
}*/
.resource-nav ul li {
  display: inline-block;
  background-color: #fff;
  margin: 0;
  position: relative;
  text-align: center;
  white-space: nowrap;
  padding: 0 0 .35rem .35rem;
}

.resource-nav ul li a {
  background-color: #666;
  text-decoration: none;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0.9em;
  display: block;
  margin: 0;
  cursor: pointer;
  font-family: 'sofia-pro', sans-serif;
}

.resource-nav ul li a.isActive {
  background-color: #006f41;
}

.resource-map-nav-col {
  padding-left: 3rem;
}

#iw-container  .iw-title {
   font-family: 'Open Sans Condensed', sans-serif;
   font-size: 22px;
   font-weight: 400;
   padding: 10px;
   background-color: #48b5e9;
   color: white;
   margin: 1px;
   border-radius: 2px 2px 0 0; /* In accordance with the rounding of the default infowindow corners. */
}

@media only screen and (min-width: 60em) {
  .resource-map-nav-col {
    padding-left: 1.5rem;
    width: 25rem;
  }
  .resource-map-map-col {
    width: calc( 100% - 25rem );
  }
}

/* ==========================================================================
   $ Resource Map styles
   ========================================================================== */
.resource--map-popup {
  position: fixed;
  top: 1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 90%;
  visibility: hidden;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  background: #FFF;
  padding: 2rem;
  border: solid 20px #5fb97b;
}

.resource--map-popup.is-open{
  visibility: visible;
  max-height: 97%;
  opacity: 1;
  z-index: 20;
  overflow-y:auto;
}

.ajaxcontent {
  position: relative;
}

.close-popup {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 22;
  cursor: pointer;
}

.ajaxcontent .popup-title {
  font-size: 2rem;
  font-weight: 400;
  margin: 6rem 0 0;
}

.ajaxcontent .popup-subtitle {
  font-size: 1.5rem;
  font-weight: 400;
  margin-top: 0;
}

.ajaxcontent .popup-address {
  color: #5FB97B;
  font-family: 'sofia-pro','Helvetica','Arial',sans-serif;
}

.ajaxcontent .popup-address p {
  line-height: 1.5rem;
}

.ajaxcontent .popup-content {
  font-family: 'sofia-pro','Helvetica','Arial',sans-serif;
}

.ajaxcontent .popup-content strong {
  color: #006F41;
  font-weight: 400;
}

.ajaxcontent .popup-logo {
  margin-top: 2.5rem;
  max-width: 236px;
}

.ajaxcontent .popup-sidebar {
  background-color: #006f41;
  padding: 2rem;
  color: #FFF;
  font-family: 'sofia-pro','Helvetica','Arial',sans-serif;
  margin-top: 4rem;
  max-width: 16rem;
}

.ajaxcontent .popup-sidebar .contact {
  font-size: 2rem;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}

.ajaxcontent .popup-sidebar .name {
  font-size: 2rem;
}

.ajaxcontent .popup-sidebar .phone_number {
  margin-top: 2rem;
}

.ajaxcontent .popup-sidebar .email {
  margin-top: 1.25rem;
}

.ajaxcontent .popup-sidebar .fa {
  color: #FFF;
}

.ajaxcontent .website-application {
  height: 4rem;
  width: 4rem;
  display: inline-block;
  position: relative;
  font-size: 1.5rem;
  margin-bottom: -.3rem;
}

.ajaxcontent .website-application.twitter {
  background: #00adf3;
}

.ajaxcontent .website-application.facebook {
  background: #305b9d;
}

.ajaxcontent .website-application.linkedin {
  background: #007ab7;
}

.ajaxcontent .website-application.google-plus,
.ajaxcontent .website-application.youtube {
  background: #e84e2b;
}

.ajaxcontent .website-application.external-link {
  background: #000;
}

.ajaxcontent .social_media {
  position: relative;
  left: -2rem;
  bottom: -2rem;
  width: 134%;
}
.ajaxcontent .social_media .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.ajaxcontent .popup-address-img {
  margin-right: 1rem;
}

.ajaxcontent .popup-address-img,
.ajaxcontent .popup-address .address-inner {
  display: inline-block;
  vertical-align: top;
}

.ajaxcontent .phone_number
.ajaxcontent .email {
  font-size: .85rem;
}

.ajaxcontent .fa-times {
      font-size: 2rem;
    color: #5fb97b;
}

.ajaxcontent .popup-address .address-inner p {
  margin: 0;
}
.loading-popup {
  display: block;
  margin: 1rem auto;
}
body.is-fixed {
  position: fixed;
}

@media only screen and (min-width: 40em) {
  .ajaxcontent .popup-logo {
    margin-top: 2.5rem;
  }
}

/* ==========================================================================
   $ Events Tooltip styles
   ========================================================================== */

/*
  Position absolute to display outside of overflow
*/

.event_tooltip_wrapper {
  position: absolute;
  /*transform: translate(2rem,-13.5rem);*/
  width: 200px;
  pointer-events: none;
  z-index: 999;
}

.event_tooltip{
  position: relative;
  background: #fff;
  border: 4px solid #5fb97b;
  padding: 0 .5rem;
}

.event_tooltip:after, .event_tooltip:before{
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.event_tooltip:after{
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 14px;
  margin-left: -17px;
}

.event_tooltip:before{
  border-color: rgba(95, 185, 123, 0);
  border-top-color: #5fb97b;
  border-width: 20px;
  margin-left: -23px;
}

.event_tooltip_wrapper{
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
}

.has-tooltip:hover .event_tooltip_wrapper{
  display: block;
  visibility: visible;
  opacity: 1;
}

.event_tooltip p{
  color: #464646;
  font-size: 0.8rem;
  margin: 0.5rem 0;
}

.event_tooltip h5{
  font-size: 0.8rem;
  margin: 0.5rem 0;
}

.event_tooltip h4{
  font-size: 0.8rem;
  margin: 0.5rem 0;
}

@media only screen and (min-width: 40em){
  .calendar-day .event{
    xwhite-space: nowrap;
    xtext-overflow: ellipsis;
  }
}

@media only screen and (max-width: 40em){
  .event_tooltip_wrapper{
    display: none;
    opacity:0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
  }
}

/* ==========================================================================
   $ Contact Section Popup
   ========================================================================== */
   .section--contact-map {
    position: relative;
   }
   .popup-opacity {
    display: none;
   }

   .contact-us-draft .section--contact-map.ready {
    max-height: 46rem;
    overflow: hidden;
   }

   .contact-us-draft .section--contact-map {
    max-height: none;
    overflow: visible;
   }
   .contact-us-draft .popup-opacity {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(56,56,56,0.94);
      -webkit-transition: all 1s cubic-bezier(.25,1,.25,1);
      -moz-transition: all 1s cubic-bezier(.25,1,.25,1);
      -o-transition: all 1s cubic-bezier(.25,1,.25,1);
      transition: all 1s cubic-bezier(.25,1,.25,1);
      opacity: 0;
      visibility: hidden;
      display: block;
      z-index: 1;
    }
    .contact-us-draft .popup-opacity.ready {
      opacity: 1;
      visibility: visible;
    }
    .contact-us-draft .popup-content {
      position: absolute;
      width: 100%;
      max-width: 70rem;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      padding: 1.5rem;
      z-index: 1;
    }

    .contact-us-draft .popup-content .grid {
      position: absolute;
      top: 50%;
      left: 53.5%;
      width: 100%;
      -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      max-width: 44rem;
      margin: 0 0 0 -1.5rem;
    }

    .contact-us-draft .popup-content p {
      color: #006f41;
      font-family: 'sofia-pro','Helvetica','Arial',sans-serif;
    }

    .contact-us-draft .choice-square {
      height: 270px;
      width: 100%;
      max-width: 270px;
      padding: 1.5rem;
      margin: 0 auto;
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 1.5rem;
    }

    .contact-us-draft .choice-square p {
      margin-top: 2.5rem;
    }

    .contact-us-draft .choice-square-left {
      background-color: #027727;
    }

    .contact-us-draft .choice-square-left p {
      color: #FFF;
    }

    .contact-us-draft .choice-square-right {
      background-color: #FFF;
    }

    .contact-us-draft .choice-square .btn {
      font-size: .9rem;
    }

    .contact-us-draft .choice-square-left .btn:hover {
      background: #FFF;
      color: #027727;
    }

    .contact-us-draft .popup-content h3 {
      color: #FFF;
      font-weight: 400;
      max-width: 18rem;
      margin: 0 auto 1.5rem;
      letter-spacing: 1px
    }

    @media only screen and (min-width: 40em){
      .contact-us-draft .choice-square {
        margin-top: 2rem;
      }
      .contact-us-draft .popup-content h3 {
        max-width: 20rem;
      }
      .contact-us-draft .popup-content .grid {
        left: 50%;
      }
    }


html .section--gravity-form .gform_wrapper .gfield_label{
  display: block;
  padding-bottom: 0.5rem;
}

html .section--gravity-form .gform_wrapper input[type="text"],
html .section--gravity-form .gform_wrapper input[type="text"]:hover,
html .section--gravity-form .gform_wrapper input[type="email"],
html .section--gravity-form .gform_wrapper input[type="email"]:hover,
html .section--gravity-form .gform_wrapper input[type="url"],
html .section--gravity-form .gform_wrapper input[type="url"]:hover,
html .section--gravity-form .gform_wrapper textarea,
html .section--gravity-form .gform_wrapper textarea:hover{
   border: 1px solid #ccc;
}

html .section--gravity-form .gform_wrapper input[type="text"]{
   border: 1px solid #ccc;
}

html .section--gravity-form .instruction{
  padding-top: 0.5rem;
}

html .section--gravity-form ul.gfield_checkbox{
  list-style: none;
  padding: 0;
}

html .section--gravity-form ul.gfield_checkbox label{
  padding-left: 0.5rem;
}

html .section--gravity-form h2,
html .section--gravity-form h1{
  margin-bottom: 0;
  margin-top: 1rem;
}

/* ==========================================================================
   Job Board
   ========================================================================== */

.section--job-list {
  padding: 0 0 3rem 0;
}
.job-language-notice {
  text-align: center;
  margin: 0 0 2rem 0;
}
.job-submit-notice {
  text-align: center;
  margin: 0 0 2rem 0;
}

.job-query-header {
  margin-bottom: 2rem;
  vertical-align: middle;
}
.job-query-results {
  margin-bottom: 2rem;
}
.job-query-results,
.job-query-form {
  vertical-align: middle;
}


@media screen and (min-width: 40rem) {
  .job-query-results,
  .job-query-form {
    display: inline-block;
    width: 50%;
  }
  .job-query-results {
    padding-right: 2rem;
    margin-bottom: 0;
  }
  .job-query-form {
    padding-left: 2rem;
  }
}

.job-query-form label {
  display: none;
}
.job-query-form.has-search #job-search-query {
  width: calc(100% - 2em - 0.25em);
  display: inline-block;
}
.job-query-form #job-search-clear {
  display: none;
  width: 2em;
  padding: 0.25em;
  margin-left: 0.25em;
  border: 1px solid #ccc;
  background: #fff;
  color: #ccc;
  border-radius: 4px;
}
.job-query-form #job-search-clear:hover {
  border-color: #5fb97b;
}

.job-query-form.has-search #job-search-clear {
  display: inline-block;
}

.job-list th.job-description {
  width: 80%;
}
.job-list tbody td {
  padding: 1rem 0;
}
.job-list tr &gt; :nth-child(2) {
  text-align: right;
}
.job-list a {
  text-decoration: none;
}
.job-list a:hover {
  opacity: 0.8;
}
.job-list .job-title {
  font-weight: bold;
  font-size: 1.5rem;
}
.job-list .job-company {
  font-style: italic;
  font-size: 1rem;
  color: #222;
}
.job-list .job-snippet {
  color: #222;
}

.job-list th.job-date {
  width: 20%;
  white-space: nowrap;
}

.job-pagination {
  padding: 2rem;
}

.job-attribution {
  margin-top: 3rem;
}


.submit-job .section--gravity-form {
  padding-top: 0;
}
.submit-job .section--gravity-form .wrapper {
  max-width: 55rem;
}
.submit-job .gform_validation_container {
  display: none;
}
.submit-job .gform_confirmation_wrapper {
  text-align: center;
  color: #006f41;
  font-family: 'sofia-pro','Helvetica','Arial',sans-serif;
  font-size: 1.25em;
  line-height: 1.2;
}





/* ==========================================================================
   $ Print styles
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after { content: ""; }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead { display: table-header-group; }
    tr,
    img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p,
    h2,
    h3 { orphans: 3; widows: 3; }
    h2,
    h3 { page-break-after: avoid; }
    .site-header,
    .site-footer,
    .content__aside { display: none; }
}







.iee_organizermain.library,
.iee_organizermain{
  display: none;
}

.fa-envelope-o:before {
    font-family: 'FontAwesome';
}

@media only screen and (min-width: 40em) {

  .primary-navigation {
    xmax-width: 50rem;
    width: 100%;
    padding: 2rem 3rem;
  }

  .nav--main .nav__item--column {
    width: 33%;
    display: inline-block;
    vertical-align: top;
  }

}

@media only screen and (min-width: 1068px) {
  .btn--menu {
    display: none;
  }

  #accordion {
    display: none;
  }

  .mega-menu-nav.is-open {
    top: 7rem;
  }
}

@media only screen and (min-width: 1068px) and (max-width: 1267px) {
  .mega-menu-left,
  .mega-menu-right {
    display: none;
  }


}

@media only screen and (min-width: 40rem) and (max-width: 60rem) {
  .primary-navigation.is-open {
    top: 6rem;
  }
  .mega-menu-nav.is-open {
    top: 6rem;
  }
}

@media only screen and (min-width: 40rem) and (max-width: 1067px) {
  .primary-navigation.is-open {
    top: 6rem;
  }
  .mega-menu-nav.is-open {
    top: 6rem;
  }
}

@media only screen and (max-width: 1067px) {
  
  .main-header-container {
    align-items: center;
    justify-content: space-between;
  }

  .mobile-back-button {
    display: block;
    font-weight: 600;
    padding: 10px 0 30px;
  }
  
  .main-menu-navigation-container,
  .site-header .top-header-container {
    display: none;
  }

  .mega-menu {
    display: flex;
    flex-direction: column;
  }

  .mega-menu-nav {
    grid-template-columns: 1fr !important;
    box-shadow: none;
  }

  .mega-tabs ul.tabs-nav-desk {
    display: none;
  }

  .mega-tab-content {
    flex-direction: column;
    gap: 15px;
    padding: 0;
  }
  .mega-tab-content p {
    font-size: 15px;
  }

  h3.ui-accordion-header {
    color: #000;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    position: relative;
  }

  h3.ui-accordion-header:hover,
  .mobile-back-button:hover {
    cursor: pointer;
  }

  h3.ui-accordion-header:after {
    position: absolute;
    right: 0;
    content: "\f067";
    font: normal normal normal 14px/1 FontAwesome;
  }

  h3.ui-accordion-header.ui-state-active:after {
    content: "\f068";
    font: normal normal normal 14px/1 FontAwesome;
  }

  .primary-navigation {
    box-shadow: none;
  }

  .mega-menu-left,
  .mega-menu-right {
    display: none;
  }

  #nav-tabs {
    display: none;
  }

  .legal-navigation {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }

  .nav--legal .nav__item {
    padding: 0 0.75rem 0 0;
  }

}

/* Language Switcher */
.nav__item.menu-item-language .nav--sub {
  display: none;
  position: absolute;
  padding: 5px 0 0 0;
  margin: 0;
  list-style: none;
  z-index: 999;
	top: 100%;
  left: -5px;
}

.nav__item.menu-item-language:hover .nav--sub {
  display: block;
}

.menu-item-language .nav--sub .nav__item {
  padding: 4px 2px;
  white-space: nowrap;
}

.menu-item-language .nav--sub .nav__item:hover {
  background-color: #f0f0f0;
}
	
.menu-item-language .icon--chevron-down {
	font-size: 10px;
	margin-left: 5px;
}

@media (min-width: 1067px) {
  .site-header .main-menu-navigation-container .menu-item-language {
    display: none !important;
  }
	
	.site-header .top-header-container li.nav__item::after {
		padding-left: 10px;
	}
	
	.site-header .top-header-container li.nav__item {
		padding-left: 8px;
	}
}

.site-header .primary-navigation .menu-item-language {
  display: flex;
  align-items: center;
}

.site-header .primary-navigation .menu-item-language ol.nav--sub {
  display: block;
  position: initial;
}

.site-header .primary-navigation .menu-item-language ol.nav--sub a.nav__item {
  font-size: 15px;
  color: #000000;
  font-weight: initial;
  
}

.site-header .primary-navigation .menu-item-language ol.nav--sub a.nav__item:hover {
  color: #085E3A;
  text-decoration: underline;
}

.site-header .primary-navigation .menu-item-language .nav__item .fa {
  display: none;
}

.site-header .primary-navigation .menu-item-language ol.nav--sub a.nav__item:hover,
.site-header .primary-navigation .menu-item-language ol.nav--sub li:hover {
  background-color: transparent;
}

.site-header .primary-navigation .menu-item-language .menu-item-language-current {
  color: #085E3A !important;
  opacity: 0.8;
} 

@media (max-width: 1066px) {
	.site-header .primary-navigation .menu-item-language {
		padding: 0;
	}
	
	.nav__item.menu-item-language .nav--sub {
		padding-top: 0px;	
	}
}


</pre></body></html>