@charset "UTF-8";
/**
 * style.css
 *
Theme Name: CCCB
 * Theme URI:   http://www.machine-agency.com
 * Author:      Machine
 * Author URI:  http://www.machine-agency.com
Description: Custom Theme for CCCB
 * 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
 *
 * --- OBJECTS ---
 * Buttons
 * Button Lists
 * Alerts
 * Sliders
 * Impact Areas
 * Forms
 * Tables
 *
 *
 * --- GLOBALS ---
 * Site-header
 * Site-footer
 */
/**
 * STATES
 *
 * States are usually dynamically added to objects by plugins and scripts, but
 * can also be used in mark-up if needed. They should also be used for things
 * like navigational helpers on tablets, where there's no native hover state.
 *
 * Add additional states to the list when needed.
 *
 * .is-hovered       -> The item is hovered by a pointing device
 * .is-focused       -> The item is focused (e.g. after a click)
 * .is-active        -> The item is active
 * .is-inactive      -> The item is inactive
 *
 * .is-open          -> The item is open (e.g. a menu)
 * .is-closed        -> The item is closed
 *
 * .is-animating-in  -> The item is animating in (e.g. a slide)
 * .is-animating-out -> The item is animating out
 */

/* =WordPress Core
-------------------------------------------------------------- */
.notoppadding .section {
  padding-top: 0;
}

.nobottompadding .section {
  padding-bottom: 0;
}


.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 0 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

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

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* ==========================================================================
   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;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.wf-active body,
.wf-inactive body { opacity: 1; }

/* ==========================================================================
   Typography
   ========================================================================== */
body {
  color: #222;
  font-family: "futura-pt",sans-serif;
  font-weight: 500;
}

.parent_name {
  font-weight: 400;
  letter-spacing: .08rem;
  font-size: .9rem;
}

/*h1 {  font-family: "futura-pt",sans-serif; }*/
/*
Futura Book Obliq
font-family: futura-pt, sans-serif;
font-style: italic;
font-weight: 400;*/

/*
  Brown: #AE8E34
  Blue: #253E88
  Grey: #EDECE9
*/

/* Headings */
h1, .alpha   { color: #253E88; font-family: "futura-pt",sans-serif; font-size: 2.500em; line-height: 1.2; font-weight: 400; }
h2, .beta    { color: #253E88; font-family: "futura-pt",sans-serif; font-size: 2.000em; line-height: 1.2; font-weight: 400; }
h3, .gamma   { color: #253E88; font-family: "futura-pt",sans-serif; font-size: 1.250em; line-height: 1.2; font-weight: 400; }
h4, .delta   { color: #253E88; font-family: "futura-pt",sans-serif; font-size: 1.100em; line-height: 1.2; font-weight: 400; }
h5, .epsilon { color: #253E88; font-family: "futura-pt",sans-serif; font-size: 0.950em; line-height: 1.2; font-weight: 400; }
h6, .zeta    { color: #253E88; font-family: "futura-pt",sans-serif; font-size: 0.875em; line-height: 1.2; font-weight: 400; }

/* Paragraphs & related elements */
p {
  margin: 1.5rem 0;
  line-height: 1.4;
  font-weight: 400;
}
.lead {
  margin: 2rem 0;
  font-size: 1.2rem;
}
hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/* Links */
a:link,
a:visited {
  color: #253E88;
  text-decoration: underline;
  font-weight: 600;
}
a:hover,
a:focus {
  color: #253E88;
  text-decoration: none;
  font-weight: 600;
}
a:active {
  color: #253E88;
  font-weight: 600;
}

/* Selection Highlight */
::selection {
  background-color: #7eb6f0;
}

/* ==========================================================================
   Section Defaults
   ========================================================================== */
.section {
  padding: 3rem 0;
}

.wrapper.wrapper-narrow {
  max-width: 60rem;
}

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

.section ul,
.section ol {
  font-size: 1.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 2rem;
  border: 1px solid transparent;
  color: inherit;
  text-align: center;
  text-decoration: none;
  background-color: #eee;
  font-weight: 400!important;
  letter-spacing: 0.08rem;
}
/* States */
.btn:link,
.btn:visited {
  color: #333;
  text-decoration: none;
  background-color: #eee;
}
.btn:hover,
.btn:focus {
  text-decoration: none;
  background-color: #ccc;
  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 {
  width: 100%;
}
/* Button variations
   ========================================================================== */
/* Buttons of primary importance */
.btn--primary,
.btn--primary:link,
.btn--primary:visited {
  color: #AE8E34;
  background-color: transparent;
  border: 1px solid #AE8E34;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.btn--primary:hover,
.btn--primary:focus {
  background-color: #AE8E34;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.08rem;
}
.btn--primary:active {
  /*background-color: #698caf;*/
  font-weight: 400;
  letter-spacing: 0.08rem;
}


/* Buttons of secondary importance */
.btn--secondary,
.btn--secondary:link,
.btn--secondary:visited {
  color: #fff;
  background-color: #333;
}
.btn--secondary:hover,
.btn--secondary:focus {
  background-color: #3f3f3f;
}
.btn--secondary:active {
  background-color: #262626;
}
/* 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: absolute;
  top: -3.5rem;
  right: 16px;
  display: inline-block;
  padding: 8px 5px;
  color: #3b617d;
  text-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);
}

.site-header .top-nav .lap-3-4{
  display: none;
}

@media only screen and (min-width: 40em) {
  .btn--menu{
    top: -4.4rem;
  }
  .site-header .top-nav .lap-3-4 {
    width: 70%;
    display: inline-block;
  }
}

@media only screen and (min-width: 1120px) {
  .btn--menu {
    display: none;
  }
  .site-header .top-nav .lap-3-4 {
    width: 75%;
  }
}
/* States */
.btn--menu:hover,
.btn--menu:focus,
.btn--menu.is-hovered,
.btn--menu.is-focused,
.btn--menu.is-active {
  outline: none;
  color: #436e8e;
  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: 23px;
  height: 2px;
  background-color: #fff;
  -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;
}
.btn--menu .bar:before,
.btn--menu .bar:after {
  content: '';
  position: absolute;
  left: 0;
}
.btn--menu .bar:before {
  top: -6px;
}
.btn--menu .bar:after {
  bottom: -6px;
}
/* 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: #fff;
}
.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);
}

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

.button-list__item {
	margin: 0 0 0.75rem;
  border: 1px solid #AE8E34;
  padding: 0.25rem;
  display: inline-block;
}

@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
   ========================================================================== */
/**
 * Sliders are dynamically sliding content areas (usually used as an impact
 * area) and contain slides to progressively show to the user.
 */

.section--slider {
  padding: 0;
}

.slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  background-color: #333;
}
/* Slider slides
   ========================================================================== */
.slider__slides {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.slider__slides .btn--primary:link,
.slider__slides .btn--primary:visited{
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
}

.slider__slides .btn--primary:hover{
  background-color: #fff;
  color: #000;
}

.slider__slides .button-list__item{
  border: 1px solid #fff;
}

  .slider__overlay {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.1;
  }

  .slider__slide {
      height: 25rem;
      background-size: cover;
       -webkit-transition: opacity 0.8s cubic-bezier(.6,.1,.4,.9);
          -moz-transition: opacity 0.8s cubic-bezier(.6,.1,.4,.9);
            -o-transition: opacity 0.8s cubic-bezier(.6,.1,.4,.9);
               transition: opacity 0.8s cubic-bezier(.6,.1,.4,.9);
  }

  .no-js .slider__slide:first-child {
    display: block;
  }
    .slide__wrapper {
      display: table;
      width: 100%;
      height: 100%;
    }

      .slide__inner {
        z-index: 2;
        padding: 2rem 1rem 0;
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: left;
        background-color: rgba(37, 62, 136, 0.5);
        -webkit-transform: translateZ(1px);
        -ms-transform: translateZ(1px);
        transform: translateZ(1px);
      }

        .slider__heading {
          margin: 0 0 0.5rem;
          color: #fff;
          font-size: 2rem;
          font-weight: 300;
          line-height: 1.2;
          -webkit-font-smoothing: antialiased;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          -webkit-transform: translate3d(0, 0, 0);
             -moz-transform: translate3d(0, 0, 0);
              -ms-transform: translate3d(0, 0, 0);
               -o-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0);
        }
        .slider__subheading {
          margin: 0;
          color: #fff;
          font-size: 1.4rem;
          font-weight: 300;
          -webkit-font-smoothing: antialiased;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          -webkit-transform: translate3d(0, 0, 0);
             -moz-transform: translate3d(0, 0, 0);
              -ms-transform: translate3d(0, 0, 0);
               -o-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0);
          }

				.slider__content {
					color: white;
					-webkit-font-smoothing: antialiased;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
				}


/* States */
.slider__slide.is-inactive {
  z-index: 0;
  opacity: 0;
}
.slider__slide.is-animating-in {
  z-index: 1;
  opacity: 1;
}
.slider__slide.is-animating-out {
  z-index: 2;
  opacity: 0;
}
.slider__slide.is-active {
  opacity: 1;
}
/* Slider arrows
   ========================================================================== */
.slider__arrow {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1000;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  border-radius: 999px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  background-color: transparent;
  cursor: pointer;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: all 0.2s cubic-bezier(.6,.1,.4,.9);
          transition: all 0.2s cubic-bezier(.6,.1,.4,.9);
}
  .slider__arrow:before,
  .slider__arrow:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 3px;
    height: 40%;
    background-color: #fff;
    -webkit-transition: all 0.2s cubic-bezier(.6,.1,.4,.9);
            transition: all 0.2s cubic-bezier(.6,.1,.4,.9);
  }
  .slider__arrow:before {
    top: 10%;
  }
  /* Previous */
  .slider__arrow--prev:before,
  .slider__arrow--prev:after {
    left: 15px;
  }
  .slider__arrow--prev:before {
    -webkit-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
            transform-origin: 0 100%;
    -webkit-transform: rotate(30deg) translateZ(0);
        -ms-transform: rotate(30deg) translateZ(0);
            transform: rotate(30deg) translateZ(0);
  }
  .slider__arrow--prev:after {
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: rotate(-30deg) translateZ(0);
        -ms-transform: rotate(-30deg) translateZ(0);
            transform: rotate(-30deg) translateZ(0);
  }
  /* Next */
  .slider__arrow--next {
    left: auto;
    right: 0;
  }
  .slider__arrow--next:before,
  .slider__arrow--next:after {
    left: 30px;
  }
  .slider__arrow--next:before {
    -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: rotate(-30deg) translateZ(0);
        -ms-transform: rotate(-30deg) translateZ(0);
            transform: rotate(-30deg) translateZ(0);
  }
  .slider__arrow--next:after {
    -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
            transform-origin: 100% 0;
    -webkit-transform: rotate(30deg) translateZ(0);
        -ms-transform: rotate(30deg) translateZ(0);
            transform: rotate(30deg) translateZ(0);
  }
/* States */
.slider__arrow:hover {
  background-color: #fff;
}
.slider__arrow:hover:before,
.slider__arrow:hover:after {
  background-color: #6ab2cd;
}
.slider__arrow--prev:hover:before,
.slider__arrow--next:hover:after {
  -webkit-transform: rotate(45deg) translateZ(0);
      -ms-transform: rotate(45deg) translateZ(0);
          transform: rotate(45deg) translateZ(0);
}
.slider__arrow--prev:hover:after,
.slider__arrow--next:hover:before {
  -webkit-transform: rotate(-45deg) translateZ(0);
      -ms-transform: rotate(-45deg) translateZ(0);
          transform: rotate(-45deg) translateZ(0);
}
.slider__arrow--prev,
.slider__arrow--prev.is-inactive {
  -webkit-transform: translateX(-100%) translateZ(0);
      -ms-transform: translateX(-100%) translateZ(0);
          transform: translateX(-100%) translateZ(0);
}
.slider__arrow--next,
.slider__arrow--next.is-inactive {
  -webkit-transform: translateX(100%) translateZ(0);
      -ms-transform: translateX(100%) translateZ(0);
          transform: translateX(100%) translateZ(0);
}
.slider__arrow--next.is-active {
  -webkit-transform: translateX(-10px) translateZ(0);
      -ms-transform: translateX(-10px) translateZ(0);
          transform: translateX(-10px) translateZ(0);
}
.slider__arrow--prev.is-active {
  -webkit-transform: translateX(10px) translateZ(0);
      -ms-transform: translateX(10px) translateZ(0);
          transform: translateX(10px) translateZ(0);
}
/* Dots
   ========================================================================== */
.slider__dots {
  display: none;
  position: absolute;
  bottom: 16px;
  left: 0;
  z-index: 1000;
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0 1rem 0 0;
  text-align: right;
  -webkit-transition: all 0.2s cubic-bezier(.6,.1,.4,.9);
          transition: all 0.2s cubic-bezier(.6,.1,.4,.9);
}
/* States */
.slider__dots,
.slider__dots.is-inactive {
  opacity: 0;
  -webkit-transform: translateY(100%) translateZ(0);
      -ms-transform: translateY(100%) translateZ(0);
          transform: translateY(100%) translateZ(0);
}
.slider__dots.is-active {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
      -ms-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
  .slider__dot {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 0.15rem;
    border: 2px solid #AE8E34;
    -webkit-border-radius: 999px;
            border-radius: 999px;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
  }
  /* States */
  .slider__dot:hover {
    background-color: #AE8E34;
  }
  .slider__dot:active,
  .slider__dot.is-active {
    border-color: #AE8E34;
    background-color: #AE8E34;
  }

@media only screen and (min-width: 40em) {
  .slider {
    height: auto;
  }
    .slide__wrapper {
      max-width: 45em;
      margin: auto;
    }
      .slider__heading {
        font-size: 2rem;
      }
      .slider__subheading {
        font-size: 1.8rem;
      }



  .slider__dots {
    display: block;
  }
}
@media only screen and (min-width: 60em) {
  .slider {
    /*height: 25rem;*/
  }
    .slider__heading {
      font-size: 2rem;
    }
    .slider__subheading {
      font-size: 1.5rem;
    }
}

.slider__arrow{
  display: 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: 8rem 0 4rem 0;
  /*color: #fff;*/
}
  .impact__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .impact__heading {
    font-size: 2rem;
  }
  .impact__subheading {
    font-size: 1.4rem;
  }
  .impact__body {
    font-size: 1.2rem;
  }
  .section--impact.raised {
    margin-top: -6rem;
  }
  .section--impact.raised .impact__heading {
    margin-top: .5rem;
  }
@media only screen and (min-width: 40em) {
  .section--impact.raised {
    margin-top: -13.5rem;
  }
  .impact {
    padding: 16rem 0 2rem 0;
  }
  .impact__heading {
    font-size: 3rem;
  }
  .impact__subheading {
    font-size: 1.7rem;
  }
  .impact__body {
    font-size: 1.3rem;
  }
  .section--impact.raised .impact__heading {
    margin-top: .3rem;
  }
}
@media only screen and (min-width: 1120px) {
  .impact {
    padding: 12rem 0;
  }
    .impact__heading {
      font-size: 4rem;
    }
    .impact__subheading {
      font-size: 2rem;
    }
    .impact__body {
      font-size: 1.4rem;
    }
    .section--impact.raised {
      margin-top: -13.5rem;
    }
}


/* ==========================================================================
   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 > 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: 1px;
          border-radius: 1px;
  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;
}
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;
}

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

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

.gfield {
  padding-bottom: 1rem;
}

.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;
}

/* 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 #000;
  }
  th,
  td {
    padding: 0.25rem;
    text-align: left;
  }

/* ==========================================================================
   Wrappers
   ========================================================================== */

.wrapper {
   position: relative;
   max-width: 72rem;
   padding: 0 1rem;
   margin: 0 auto;
}

.section--callouts .wrapper,
.section--link-list .wrapper {
   max-width: 70rem;
   display: table;
   width: 100%;
}

/* ==========================================================================
   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: 9.5rem;
  margin-bottom: 0;
  position: relative;
}
  .site-header .wrapper {
    width: 100%;
    height: 100%;
    padding: 1rem;
  }
@media only screen and (min-width: 40em) {

    .site-header .wrapper {
      padding: 1rem;
    }
}
@media only screen and (min-width: 1120px) {
  .site-header {
    height: 16rem;
  }
}
/* 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 {
  position: absolute;
  top: 16px;
  left: 16px;
  display: block;
}*/

.logo__img {
  width: auto;
  max-width: 100%; /* [1] */
  display: block;
  margin: 0 auto;
  /*height: 60px;*/
}

.nav.top--main{
  width: 85%;
}

.site-header .logo{
  display: block;
}

.nav.top--main{
  display: none;
}

.header-social{
  display: none;
}

@media only screen and (min-width: 40em) {
  .header-social{
    display: block;
  }

  .nav.top--main{
    display: inline-block;
  }

  .site-header .logo{
    display: inline-block;
  }

    .nav.top--main{
      width: 85%;
    }

    .logo__img {
      /*height: 56px;*/
      margin: 0 auto;
      margin-left: 1rem;
    }

    .nav.top--main{
      padding-top: 1rem;
    }
}
@media only screen and (min-width: 60em) {


}

@media only screen and (min-width: 1120px) {
  .logo__img {
    /*height: 96px;*/
    margin-left: 0;
  }

  .nav.top--main{
    /*width: 63em;
    margin: 0 auto;*/
    padding-top: 1rem;
  }
  .wrapper.wrapper-header--top{
    width: 70em;
    margin: 0 auto;
  }
}



.nav.top--main li{
  display: inline-block;
}

.nav.top--main li a{
   padding: 1rem 0.5rem;
   color: #fff;
}

.top-nav{
  background-color: #253E88;
}

.top-nav .wrapper{
  padding: 1rem 0;
}

.nav--main .nav__item a{
    word-wrap: break-word;
    white-space:normal;
}

.header-social{
  position: absolute;
  top: 0;
  right: 1rem;
}

.header-social .social-text-outer{
  padding-top: 0.6rem;
}

.header-social a i{
  color: #fff;
  margin-left: 1rem;
  font-size: 1.2rem;
}

.nav.top--main li a{
   letter-spacing: .07rem;
   font-size: 0.6rem;
}

.wrapper-header--top .nav__item i{
  display: none;
}

@media only screen and (min-width: 30em){
  .nav.top--main li a{
    font-size: 1rem;
  }
}

@media only screen and (min-width: 40em){
  .header-social{
    position: absolute;
    top: 1rem;
    right: 2rem;
  }
}

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

  .nav.top--main li a{
     padding: 0.75rem 1.5rem;
     color: #fff;
     letter-spacing: .07rem;
  }
}

@media only screen and (min-width: 1120px){
  .header-social{
    position: absolute;
    top: 1rem;
    right: 4rem;
  }
}

/* ==========================================================================
   Main navigation
   ========================================================================== */
/**
 * The website's main navigation, usually located in the header.
 */
.nav--main {
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 90%;
  left: 0;
  width: 100%;
}
  .nav--main .nav__item {
    width: 100%;
    vertical-align: top;
  }
  .nav--main .nav__item a,
  .nav--main .nav__item form {
    padding: 1rem;
  }
    .nav--main .nav__item a,
    .nav__item--upper .nav--sub .nav__item a,
    .nav__item--upper .nav__item form {
      border-bottom: 1px solid #eee;
      font-weight: 500;
      text-align: center;
      background-color: #fff;
      -webkit-transition: all 0.2s cubic-bezier(.6,0,.6,1);
              transition: all 0.2s cubic-bezier(.6,0,.6,1);
    }
    .nav--main .nav__item a:link,
    .nav--main .nav__item a:visited {
      color: #3b617d;
    }
    .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 {
      /*border-color: #253E88;
      color: #fff;
      text-decoration: none;
      background-color: #253E88;*/
    }
    .nav--main > .nav__item:hover > i,
    .nav--main > .nav__item:focus > i{
      /*color: #fff;*/
    }
    .nav--main .nav__item a:active {
      border-color: #32536b;
      color: #fff;
      background-color: #3b617d;
    }
    .nav--main .nav__item:first-child a {
      border-top: 1px solid #eee;
    }
/* States */
.nav--main.is-open,
.nav--main.is-closed {
  -webkit-transition: all 0.2s cubic-bezier(.7,.2,.3,.8);
          transition: all 0.2s cubic-bezier(.7,.2,.3,.8);
}

.nav__item{
  max-width: 100%;
}

.nav--main.is-open {
  visibility: visible;
  opacity: 1;
  top: 0;
  background-color: #fff;
  height: calc(100vh - 128px);
  overflow: auto;
  padding-bottom: 3rem;
}

@media only screen and (min-width: 1120px) {
  .nav--main {
    display: block;
    position: absolute;
    top: 24px;
    right: 16px;
    left: auto;
    width: auto;
    visibility: visible;
    opacity: 1;
    width: 70em;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
    .nav--main .nav__item {
      position: relative;
      display: inline-block;
      width: 11.5%;
    }

    .site-header-french .nav--main .nav__item{
      width: 12%;
    }

    .site-header-french .nav--main .nav__item.nav__item--levangelisation-la-catechese-et-leducation-catholique{
      width: 15%;
    }

    .nav--main .nav__item.nav__item--evangelization-catechesis-catholic-education {
      width: 18%;
    }

    .nav--main .nav__item.nav__item--the-catholic-church-in-canada {
      width: 13%;
    }

      .nav--main .nav__item a,
      .nav--main .nav__item form {
        margin-left: 0;
        padding-left: 1rem;
        border: 0;
        background-color: transparent;
      }
      .nav--main .nav__item a:link,
      .nav--main .nav__item a:visited {
        color: #253E88;
        font-weight: 400;
        letter-spacing: 0.08em;
        line-height: 1.1rem;
      }
      .nav--main > .nav__item > a{
        min-height: 58px;
      }
      .nav--main .nav__item a:hover,
      .nav--main .nav__item a:focus {
        text-decoration: none;
        background-color: transparent;
      }
      .nav--main .nav__item a:active {
        background-color: transparent;
      }
      .nav--main .nav__item:first-child a {
        border: 0;
      }
}
@media only screen and (min-width: 1120px) {
  .nav--main {
    top: 3rem;
  }
    .nav--main .nav__item a,
    .nav--main .nav__item form {
      padding: 0.75rem 0.5rem;
    }
    .nav--main .nav__item a {
      font-size: 0.9rem;
    }
}

.logo-row {
    /*width: auto;
    text-align: center;*/
}

a.logo {
    display: inline-block;
}

@media only screen and (min-width: 1120px){
  .nav--main{
    border-top: 1px solid #AE8E34;
    border-bottom: 1px solid #AE8E34;
    height: 56px;
  }

  .site-header-french .nav--main{
    height: 72px;
  }

  .site-header-french .nav--sub:before {
    content: "";
    position: absolute;
    top: 4rem;
    height: 1.6rem;
    width: 8rem;
    z-index: 0;
    background-color: #fff;
  }

  .nav--main:before{
    content: " ";
    position: absolute;
    z-index: -1;
    top: -5px;
    border-top: 1px solid #AE8E34;
    width: 100%;
  }

  .nav--main:after{
    content: " ";
    position: absolute;
    z-index: -1;
    bottom: -5px;
    left: 0;
    border-top: 1px solid #AE8E34;
    width: 100%;
  }
}


.wrapper-header--top .parent-menu-item .nav--sub{
  position: absolute!important;
  width: 25rem;
  left:0;
  z-index: 99;
}

.nav--sub{

}

.wrapper-header--top .parent-menu-item .nav--sub:before{
  top: -1rem;
}

.wrapper-header--top .parent-menu-item .nav--sub .nav__item{
  width: 100%;
}

.wrapper-header--top .parent-menu-item .nav--sub .nav__item a{
  color: #000;
}

.wrapper-header--top{
  overflow: visible;
  position: static;
}

@media only screen and (min-width: 40em){
  .top--main .parent-menu-item:hover .nav--sub{
    display: block!important;
    visibility: visible;
    opacity: 1;
    height: auto;
  }

  .nav.top--main .parent-menu-item:hover .nav--sub li{
    display: block;
  }
}

@media only screen and (min-width: 1120px){
  .site-header > .wrapper{
    z-index: 9999;
  }

  .site-header > .top-nav{
    z-index: 999999;
    position: relative;
  }
}


@media only screen and (min-width: 40em){
  .nav.top--main{
    height: 4rem;
  }

  .nav.top--main li{
    vertical-align: top;
  }
}

/* ==========================================================================
   Header Search Form
   ========================================================================== */


.header-search {
  max-width: 20rem;
  position: absolute;
  right: 2rem;
  top: -2.2rem;
}

@media only screen and (min-width: 60em){
  .header-search {
    max-width: 20rem;
    position: absolute;
    right: 2rem;
    top: -1.8rem;
  }
}

@media only screen and (min-width: 1120px){
  .header-search {
    max-width: 20rem;
    position: absolute;
    right: 2rem;
    top: -1.8rem;
  }
}

.search_header_wrapper {
  position: relative;
  display: none;
}

.header-search input[type="search"]:focus{
  width: 200px;
  height: 25px;
  top: -2rem;
  border-radius: 40px;
  background-color: #fff;
  padding: 0 20px;
  line-height: 2em;
  font-weight: 100;
  font-size: 1rem !important;
  cursor: auto;
  margin-top: -0.415rem;
  color: #000 !important;
  border: 3px solid #fff;
}


.header-search input[type="search"]{
  float:right;
  border:1px solid #fff;
  outline:none;
  width:0px;
  height:0px;
  cursor:pointer;
  color:#000 !important;
  -webkit-transition:.2s all ease-in;
  -moz-transition:.2s all ease-in;
  transition:.2s all ease-in;
  border-radius:40px;
  background:none;
  font-size:0;
  padding: 5px;
}

.header-search input[type="search"]:hover{
  /*border:1px solid #fff;*/
}


.header-search ::-webkit-input-placeholder {
   color: #fff;
   padding-left: 1rem;
}

.header-search :-moz-placeholder { /* Firefox 18- */
   color: #fff;
   padding-left: 1rem;}

.header-search ::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
   padding-left: 1rem;}

.header-search :-ms-input-placeholder {
   color: #fff;
   padding-left: 1rem;
}


.close span{
  width: 1px;
  height: 8px;
  border-radius:2px;
  background: #fff;
  display:inline-block;
  cursor: pointer;
}

.front{
    position:absolute;
    right:24px;
    top:10px;
    transform: rotate(-45deg);
    opacity:0;
    animation-delay: 2s;
    -webkit-transition:.2s all ease-in;
    -moz-transition:.2s all ease-in;
    transition:.2s all ease-in;

}

.back{
    position:absolute;
    right: -1px;
    top: 8px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition:.2s all ease-in;
}

input:focus + div .front{
    opacity:1;
    margin-top: -6px;
    height: 12px;
    width: 2px;
    background: #253E88;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

input:focus + div .back{
    width: 2px;
    height: 12px;
    right: 24px;
    top: 4px;
    background: #253E88;
}


@media only screen and (min-width: 50em) {
  .search_header_wrapper {
    display: block;
  }

}




/* ==========================================================================
   Sub navigation
   ========================================================================== */
/**
 * Navigation that is used for drop-down menus. Usually in the main navigation
 * menu.
 */

.nav--main .nav--sub .nav__item{
  width: 100%;
}
.nav--sub {
  position: relative;
  top: 90%;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 0;
}
  .nav--sub .nav__item a {
    font-size: 0.875rem;
    background-color: #eee;
  }
  .nav--sub .nav__item a:hover,
  .nav--sub .nav__item a:focus {
    border-color: #bbb;
    color: #333;
    background-color: #ccc;
  }
  .nav--sub .nav__item a:active {
    border-color: #111;
    color: #fff;
    background-color: #333;
  }
/* States */
.nav--sub.is-open,
.nav--sub.is-closed {
  -webkit-transition: all 0.3s cubic-bezier(.7,.2,.3,.8);
          transition: all 0.3s cubic-bezier(.7,.2,.3,.8);
}
.nav--sub.is-open {
    visibility: visible;
    opacity: 1;
    top: 0;
    height: auto;
    box-shadow: none;
}

.nav__item i{
  position: absolute;
  right: 0;
  top: 0.5rem;
  color: #253E88;
  padding: 0.5rem;
}

.site-header .nav__item i{
  cursor: pointer;
}

.site-header .nav__item i:hover{
  color: #253E88;
}

@media only screen and (min-width: 1120px) {
  .nav--main .nav__item:hover > .nav--sub,
  .nav--sub .nav__item:hover > .nav--sub {
    visibility: visible;
    opacity: 1;
    display: block;
  }
  .nav--sub {
    display: none;
    position: relative;
    top: 100%;
    left: 50%;
    min-width: 10rem;
    background-color: #fff;
    height: auto;
  }
    .nav--sub .nav__item {
      display: inline;
    }
      .nav--sub .nav__item a {
        background-color: #fff;
      }
      .nav--sub .nav__item a:hover,
      .nav--sub .nav__item a:focus {
        background-color: #eee;
      }
      .nav--sub .nav__item a:active {
        color: #fff;
        background-color: #333;
      }
      .nav--sub .nav__item:first-child a {

      }
}

.nav--sub .nav--sub {
    column-count: 1;
    width: auto;
    position: relative;
    text-align: left;
    min-width: auto;
    /*margin-left: -60px;*/
}

.nav--sub li a:link{
  text-align: left;
}

.nav--sub .nav--sub li a:link, .nav--sub .nav--sub li a:visited{
  text-align: left;
  width: 100%;
  color: #69541A;
}

@media only screen and (min-width: 1120px) {

  .nav__item i{
    display: none;
  }

  .parent-menu-item:hover .nav--sub {
      display: block;
      position: static;
      visibility: visible;
      margin-top: 0.9rem;
      -webkit-transition: all .2s cubic-bezier(.6,.2,.6,.9);
      -moz-transition: all .2s cubic-bezier(.6,.2,.6,.9);
      -o-transition: all .2s cubic-bezier(.6,.2,.6,.9);
      transition: all .2s cubic-bezier(.6,.2,.6,.9);
      opacity: 1;
      white-space: normal;

  }

  .site-footer .parent-menu-item:hover .nav--sub{
    left:49%;
  }

  .nav--sub:before {
      content: "";
      position: absolute;
      top: 3rem;
      height: 1.6rem;
      width: 8rem;
      z-index: 0;
      background-color: #fff;
  }

  .nav--sub .nav--sub:before {
      content: none;
  }

  .nav--main > .nav__item > .nav--sub.one--columns{
    display: none;
  }

  .nav--main .nav__item:hover > .nav--sub,
  .nav--sub .nav__item:hover > .nav--sub {
    visibility: visible;
    opacity: 1;
    display: block;
  }

  .nav--sub.three--columns{
    display:table;
    display: none;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    text-align: left;
    min-width: 40rem;
    -moz-column-break-inside:avoid;
    -webkit-column-break-inside:avoid;
    column-break-inside:avoid;
    -moz-column-fill: balance;
      column-fill: balance;
  }

  .nav--sub.three--columns .nav__item a{
    -moz-column-break-inside:avoid;
    -webkit-column-break-inside:avoid;
    column-break-inside:avoid;
    -moz-column-fill: balance;
      column-fill: balance;
  }

  .nav--sub.two--columns{
    display:table;
    display: none;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    text-align: left;
    min-width: 28rem;
    -webkit-column-break-inside: avoid;
              page-break-inside: avoid;
                   break-inside: avoid;
    -moz-column-fill: balance;
      column-fill: balance;
  }

  .nav--sub.two--columns .nav__item a{
    -webkit-column-break-inside: avoid;
              page-break-inside: avoid;
                   break-inside: avoid;
    -moz-column-fill: balance;
      column-fill: balance;
  }

}


@media only screen and (min-width: 85em) {
  .nav--sub.three--columns{
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    text-align: left;
    min-width: 48rem;
    -webkit-column-break-inside: avoid;
              page-break-inside: avoid;
                   break-inside: avoid;
    -moz-column-fill: balance;
      column-fill: balance;
  }
}

.nav--sub{
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.58);
}

.nav--sub .nav--sub{
  margin-top: 0;
  box-shadow: none;
}

.parent-menu-item:hover .nav--sub .nav--sub{
  margin-top: 0;
}

@media only screen and (min-width: 1120px){
  .parent-menu-item:hover .nav--sub .nav--sub{
    padding-left: 1rem;
  }
}


/* ==========================================================================
   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 > .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 > .nav--sub > .nav__item {
    display: inline-block;
  }

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

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

}

/* ==========================================================================
   Owl Carousel CSS Start
   ========================================================================== */

 .owl-carousel .animated {
   -webkit-animation-duration: 1000ms;
   animation-duration: 1000ms;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
 }
 .owl-carousel .owl-animated-in {
   z-index: 0;
 }
 .owl-carousel .owl-animated-out {
   z-index: 1;
 }
 .owl-carousel .fadeOut {
   -webkit-animation-name: fadeOut;
   animation-name: fadeOut;
 }
 @-webkit-keyframes fadeOut {
   0% {
     opacity: 1;
   }
   100% {
     opacity: 0;
   }
 }
 @keyframes fadeOut {
   0% {
     opacity: 1;
   }
   100% {
     opacity: 0;
   }
 }
 /*
  *  Owl Carousel - Auto Height Plugin
  */
 .owl-height {
   -webkit-transition: height 500ms ease-in-out;
   -moz-transition: height 500ms ease-in-out;
   -ms-transition: height 500ms ease-in-out;
   -o-transition: height 500ms ease-in-out;
   transition: height 500ms ease-in-out;
 }
 /*
  *  Core Owl Carousel CSS File
  */
 .owl-carousel {
   display: none;
   width: 100%;
   -webkit-tap-highlight-color: transparent;
   /* position relative and z-index fix webkit rendering fonts issue */
   position: relative;
   z-index: 1;
 }
 .owl-carousel .owl-stage {
   position: relative;
   -ms-touch-action: pan-Y;
 }
 .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-controls .owl-nav .owl-prev,
 .owl-carousel .owl-controls .owl-nav .owl-next,
 .owl-carousel .owl-controls .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-item {
   position: relative;
   min-height: 1px;
   float: left;
   -webkit-backface-visibility: hidden;
   -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 .owl-carousel .owl-item img {
   display: block;
   width: 100%;
   -webkit-transform-style: preserve-3d;
 }
 .owl-carousel.owl-text-select-on .owl-item {
   -webkit-user-select: auto;
   -moz-user-select: auto;
   -ms-user-select: auto;
   user-select: auto;
 }
 .owl-carousel .owl-grab {
   cursor: move;
   cursor: -webkit-grab;
   cursor: -o-grab;
   cursor: -ms-grab;
   cursor: grab;
 }
 .owl-carousel.owl-rtl {
   direction: rtl;
 }
 .owl-carousel.owl-rtl .owl-item {
   float: right;
 }
 /* No Js */
 .no-js .owl-carousel {
   display: block;
 }
 /*
  *  Owl Carousel - Lazy Load Plugin
  */
 .owl-carousel .owl-item .owl-lazy {
   opacity: 0;
   -webkit-transition: opacity 400ms ease;
   -moz-transition: opacity 400ms ease;
   -ms-transition: opacity 400ms ease;
   -o-transition: opacity 400ms ease;
   transition: opacity 400ms ease;
 }
 .owl-carousel .owl-item img {
   transform-style: preserve-3d;
 }
 /*
  *  Owl Carousel - Video Plugin
  */
 .owl-carousel .owl-video-wrapper {
   position: relative;
   height: 100%;
   background: #000;
 }
 .owl-carousel .owl-video-play-icon {
   position: absolute;
   height: 80px;
   width: 80px;
   left: 50%;
   top: 50%;
   margin-left: -40px;
   margin-top: -40px;
   background: url("owl.video.play.png") no-repeat;
   cursor: pointer;
   z-index: 1;
   -webkit-backface-visibility: hidden;
   -webkit-transition: scale 100ms ease;
   -moz-transition: scale 100ms ease;
   -ms-transition: scale 100ms ease;
   -o-transition: scale 100ms ease;
   transition: scale 100ms ease;
 }
 .owl-carousel .owl-video-play-icon:hover {
   -webkit-transition: scale(1.3, 1.3);
   -moz-transition: scale(1.3, 1.3);
   -ms-transition: scale(1.3, 1.3);
   -o-transition: scale(1.3, 1.3);
   transition: scale(1.3, 1.3);
 }
 .owl-carousel .owl-video-playing .owl-video-tn,
 .owl-carousel .owl-video-playing .owl-video-play-icon {
   display: none;
 }
 .owl-carousel .owl-video-tn {
   opacity: 0;
   height: 100%;
   background-position: center center;
   background-repeat: no-repeat;
   -webkit-background-size: contain;
   -moz-background-size: contain;
   -o-background-size: contain;
   background-size: contain;
   -webkit-transition: opacity 400ms ease;
   -moz-transition: opacity 400ms ease;
   -ms-transition: opacity 400ms ease;
   -o-transition: opacity 400ms ease;
   transition: opacity 400ms ease;
 }
 .owl-carousel .owl-video-frame {
   position: relative;
   z-index: 1;
 }

 .owl-item{
     cursor: grab;
     cursor: -webkit-grab;
     cursor: -moz-grab;
     cursor: -ms-grab;
 }


.slider .owl-carousel .owl-item{
   min-height: 25rem;
}

.slider .owl-dots {
  position: absolute;
  bottom: 16px;
  left: 0;
  z-index: 1000;
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0 1rem 0 0;
  text-align: right;
  -webkit-transition: all 0.2s cubic-bezier(.6,.1,.4,.9);
          transition: all 0.2s cubic-bezier(.6,.1,.4,.9);
}
/* States */

  .slider .owl-dot {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 0.15rem;
    border: 2px solid #fff;
    -webkit-border-radius: 999px;
            border-radius: 999px;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
  }
  /* States */
  .slider .owl-dot:hover {
    background-color: #fff;
  }
  .slider .owl-dot:active,
  .slider .owl-dot.active {
    border-color: #fff;
    background-color: #fff;
  }

/* ==========================================================================
  Owl Carousel CSS End
  ========================================================================== */

/*
  Brown: #AE8E34
  Blue: #253E88
*/

/* ==========================================================================
   Blog Post Section Start
   ========================================================================== */

.section__heading{
  color: #253E88;
  letter-spacing: 1.65px;
  line-height: 40px;
  font-weight: 400;
  font-size: 1.9rem;
}

.section--callouts h2{
  margin-bottom: 4rem;
}

.blog_title{
  margin-bottom: 1.5rem;
  color: #253E88;
  letter-spacing: 0.96px;
  line-height: 23px;
  font-size: 1.2rem;
}

.blog_post_wrapper .blog_title {
  margin-bottom: 1rem;
}

.owl-item .blog_title{
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.blog_post_wrapper p{
  letter-spacing: 0.35px;
  line-height: 26px;
}

.section--blog-post .section__heading{
  color: #AE8E34;
  letter-spacing: 1.65px;
  line-height: 40px;
  font-weight: 400;
  font-size: 1.9rem;
}

.blog_post_wrapper .owl-item .lap-1-3{
  width: 100%;
}

.blog_image_preview{
  height: 200px;
  width: 100%;
  background-size: cover;
  background-position: center center;
}



.blog_post--carousel{
  margin-left: 0;
}

.blog_post--carousel .cell{
  padding-left: 0;
  margin-bottom: 1rem;
}

.newsletter__title{
  color: #253E88;
  font-size: 2rem;
  margin: 5rem 0 3rem 0;
  line-height: 1.4;
  font-weight: 400;
}


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

  }

  .blog_post--carousel .cell{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .letter-template-default.single-letter .site-footer{
    margin-top: 2rem;
  }

  .wrapper--blog .gform_footer.left_label {
      position: absolute;
      bottom: 0rem;
      left: 6rem;
  }

}

.blog_post_wrapper .owl-nav{
  position: relative;
}

.blog_post_wrapper .owl-next{
  position: absolute;
  right: 1rem;
  top: -15rem;
  bottom: 0;
  font-size: 2rem;
  color: #AE8E34;
}

.blog_post_wrapper .owl-prev{
  position: absolute;
  left: 1rem;
  top: -15rem;
  bottom: 0;
  font-size: 2rem;
  color: #AE8E34;
}

@media only screen and (min-width: 60em){
  .blog_post_wrapper .owl-next{
    right: -2rem;
  }

  .blog_post_wrapper .owl-prev{
    left: -2rem;
  }
}

/* ==========================================================================
   Blog Post Section End
   ========================================================================== */
/* ==========================================================================
   Individual Member Start
   ========================================================================== */
  .section--individual-member h2 {
    margin: 0 0 1rem;
    padding: 1rem .25rem;
    background: #253E88;
    color: #FFF;
    font-size: 1rem;
    font-weight: 700;
  }
  .section--individual-member p {
    margin: 0 .25rem 0.5rem;
  }

  .section--individual-member .grid {
    overflow-x: auto;
  }

  .section--individual-member .

  .section--individual-member .row {
    margin-bottom: 1rem;
    min-width: 639px;
  }

  @media only screen and (min-width: 40em){
    .section--individual-member .row {
      margin-bottom: 0;
    }
  }

/* ==========================================================================
   Individual Member End
   ========================================================================== */

/* ==========================================================================
   Text Block Start
   ========================================================================== */

.section--text-block iframe {
  margin: 0 auto;
    display: block;
}

.section--text-block.white p{
   /*padding-left: 8rem;
   padding-right: 8rem;*/
   font-size: 1rem;
   line-height: 2rem;
   margin-bottom: 1.8rem;
   font-size: 1.1rem;
   letter-spacing: .07rem;
}


.section--text-block.brown{
  background-color: #EEECE9;
  text-align: center;
}


.section--text-block.brown p{
  /*padding-left: 8rem;
  padding-right: 8rem;*/
  font-size: 1rem;
  line-height: 2rem;
  margin-bottom: 1.8rem;
}

.content-constrain .section--text-block p,
.content-constrain .section--text-block h2{
  padding-left: 8rem;
  padding-right: 8rem;
}

@media only screen and (max-width: 50em){
  .content-constrain .section--text-block p,
  .content-constrain .section--text-block h2{
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .section--text-block.brown p{
    /*padding-left: 2rem;
    padding-right: 2rem;*/
    font-size: 1rem;
    line-height: 2rem;
  }

}

@media only screen and (max-width: 70em){
  .site-header .nav--sub{
    display: none;
  }
  .site-header .nav--sub.is-open{
    display: block;
  }

}





.section--text-block.brown{
  border-top: 1px solid #AE8E34;
  border-bottom: 1px solid #AE8E34;
}

.section--text-block.brown:before{
  content: " ";
  border-top: 1.6px solid #AE8E34;
  width: 100%;
  position: absolute;
  left: 0;
  margin-top: -3.4rem;
}

.section--text-block.brown:after{
  content: " ";
  border-top: 1.6px solid #AE8E34;
  width: 100%;
  position: absolute;
  left: 0;
  margin-top: 3.3rem;
}

.section--text-block h3{
  font-weight: 400;
}

.section-blog--carousel .section__heading{
  margin-top: 0;
}

.frontpage .section-blog--carousel .section__heading{
  margin-top: 1em;
}

/* ==========================================================================
  Text Block End
  ========================================================================== */

/* ==========================================================================
  Callouts Start
  ========================================================================== */

.callout__heading.no-image {
  color: #AE8E34;
}

.section--callouts .callout__content.no-image p {
  color: #253E88;
}

.button-list.no-image a:link,
.button-list.no-image a:visited {
  color: #AE8E34;
  border: solid 1px #AE8E34;
}

.button-list.no-image a:hover,
.button-list.no-image a:focus,
.button-list.no-image a:active {
  background: #AE8E34;
  color: #FFF;
}

.section--callouts .impact{
  padding: 0;
  display: table;
  width: 100%;
  margin-bottom: 2rem;
}

.section--callouts .slider__overlay{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.4;
}

.section--callouts .callout.islet{
  display: table-cell;
  vertical-align: middle;
  height: 20rem;
  width: 100%;
  position: relative;
  z-index: 2;
}

.four-callouts .section--callouts .callout__content{
  padding: 0 4rem;
}

.section--callouts .callout__content{
  padding: 0 4rem;
}

.four-callouts .section--callouts .callout__content p{
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.4rem;
}

.four-callouts .section--callouts .wrapper_full .callout__heading {
    font-size: 1.8rem;
    line-height: 2.2rem;
}


.section--callouts .callout__content p{
  font-size: 1.1rem;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: 1.05px;
  line-height: 25.5px;
}

.section--callouts .callout__content.callout--black-text p{
  color: #000;
  font-size: 1rem;
  font-weight: 400;
}



.section--callouts .wrapper_full .callout.islet{
  height: 20rem;
}



.callout__heading{
  font-size: 1.3rem;
  color: #FFFFFF;
  letter-spacing: 1.79px;
  line-height: 20px;
  word-break: break-word;
}

.section--callouts .btn--primary, .section--callouts .btn--primary:link, .section--callouts .btn--primary:visited {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
}

.section--callouts .wrapper_full .callout-icon .btn--primary,
.section--callouts .wrapper_full .callout-icon .btn--primary:link,
.section--callouts .wrapper_full .callout-icon .btn--primary:visited{
    color: #AE8E34;
}

.section--callouts .button-list__item {
    border: 1px solid #fff;
    padding: 0.25rem;
}

.section--callouts .btn--primary:hover, .section--callouts .btn--primary:focus {
    background-color: #fff;
    color: #000;
}

.section--callouts .wrapper_full{
  max-width: 90rem;
  display: block;
  margin: 0 auto;
}

.section--callouts .wrapper_full .callout__heading{
  font-size: 1.5rem;
}

.four-callouts .section--callouts .callout__content{
  padding: 0 4rem;
}

.callouts-careers .section--callouts .wrapper{
  display: block;
}

@media only screen and (min-width: 40em){
  .four-callouts .section--callouts .callout__content{
    padding: 0 1rem;
  }

  .callouts-careers .section--callouts .callout__content,
  .callouts-collections .section--callouts .callout__content{
    padding: 0;
  }
}



/* ==========================================================================
  Callouts End
  ========================================================================== */

/* ==========================================================================
  Section Impact Start
  ========================================================================== */

.section--impact {
    position: relative;
    z-index: 1;
}

.section--impact .impact__heading {
  color: #253E88;
  font-size: 1.5rem;
}

@media only screen and (min-width: 50em){
  .section--impact .impact{
    padding: 16rem 0 2rem 0;
  }


  .section--impact .impact__heading {
    color: #253E88;
    font-size: 2rem;
    margin-top: .3rem;
  }

  .section--impact .impact__body{
    max-width: 60%;
    display: block;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1120px){
  .section--impact .impact{
    padding: 16rem 0 2rem 0;
  }
}

/* ==========================================================================
  Section Impact End
  ========================================================================== */

/* ==========================================================================
  Section Accordion Start
  ========================================================================== */

.accordion__item h3{
  font-size: 22px;
  color: #253E88;
  letter-spacing: 1.17px;
  line-height: 27px;
  font-weight: 400;
  cursor: pointer;
  display: inline-block;
}

.accordion__item .image {
  max-height: 5rem;
  display: inline-block;
   -webkit-transition: max-height 0.3s ease;
  -moz-transition: max-height 0.3s ease;
  -ms-transition: max-height 0.3s ease;
  -o-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}

.accordion__item.activated .image {
  margin: .5rem .5rem .5rem 1rem;
}

.accordion__item.activated .accordion__collapse{
  padding-bottom: 2rem;
}

.accordion__item .image.expand {
 max-height: 10rem;
}

.accordion__item .accordion__collapse{
  display: none;
}

.accordion__collapse p{
  margin: 0;
  padding-bottom: 1rem;
  margin-top: 0;
  font-size: 1.1rem;
  letter-spacing: .07rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.accordion__collapse ul {
  font-size: 1.1rem;
  font-weight: 400;
  letter-spacing: .07rem;
  line-height: 1.4;
}

.accordion__item{
  border-top: 1px solid #AE8E34;
  border-bottom: 1px solid #AE8E34;
  margin-bottom: 5px;
  position: relative;
  cursor: pointer;
}

.accordion__item:first-of-type{
  margin-top: 5px;
}

.accordion__container hr{
  border-color: #AE8E34;
  margin: 0;
}

.accordion__icon{
  position: absolute;
  width: 20px;
  height: 20px;
  right: 0.5rem;
  top: 1.5rem;
  cursor: pointer;
}

.accordion__icon.is-closed{
  background-image: url(img/plus.svg);
  background-size: cover;
}

.accordion__icon.is-open{
  background-image: url(img/minus.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

@media only screen and (min-width: 40em){
  .accordion__columns{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    /*width: 90%;*/
    margin: 0 auto;
    padding-bottom: 2rem;
  }

  .accordion__columns p {
      margin-top: 0;
      font-size: 1.1rem;
      letter-spacing: .07rem;
      padding-left: 1rem;
      padding-right: 1rem;
  }

  .section--accordion > .wrapper > h2{
    width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* ==========================================================================
  Section Accordion End
  ========================================================================== */


/* ==========================================================================
  Section Contact Start
  ========================================================================== */

.contact-row{
  background-color: #EDECE9;
  margin-bottom: 1rem;
}

.contact-phone i, .contact-fax i{
  color: #253E88;
  margin-right: 0.5rem;

}

.contact-phone {
  margin-bottom: 0rem;
-webkit-margin-after: 0em;
}

.contact-row hr{
  border-color: #AE8E34;
  margin: 0;
}

.contact-popout-container{
  margin: 3rem 0 0 0;
}

.contact-popout{
  color: #253E88;
}

.load-more-contacts-container{
  text-align: center;
  margin: 0;
}

.contact-address{
  color: #253E88;
  margin-bottom: 0.5rem
}

.contact-address-details p{
  margin-top: 0.5rem;
}

.filter-form-group label{
  width: 32%;
  display: inline-block;
  text-align: right;
  padding-right: 0.5rem;
  color: #253E88;
  font-size: 1.5rem;
  font-weight: 400;
}

.filter-form-group input, .filter-form-group select{
  width: 50%;
  display: inline-block;
  background-color: #EDECE9;
  border: none;
  padding: 0.25em 0.5em;
}

.filter-form-group select{
  height: 2rem;
}

.contact-title{
  margin-bottom: 0;

}

.contact-name{
  margin-top: 0;
  margin-bottom: 1rem;
  color: #253E88;
}

.contact-department{
  color: #253E88;
  margin-top: 1rem;
}

.double-border-thick{
  max-width: 70rem;
  display: block;
  margin: 2rem auto;
}

.double-border-thick hr{
  border-color: #AE8E34;
  margin: 5px 0 0 0;
  border-width: 2px;
}

.section--contact{
  /* padding-top: 0; */
}

.filter-form-group i{
  color: #253E88;
  margin-right: -2rem;
  margin-left: 0.5rem;
  z-index: 2;
  position: relative;
}

.filter-form-group input{
  padding-left: 2rem;
  margin-left: 0.5rem;
}

.contact-popup h2, .contact-popup h3{
  text-align: center;
}

.contact-popup h2{
  margin: 1.5rem 0;
  line-height: 1.4;
  font-weight: 400;
  color: #253E88;
  font-size: 2rem;
}

.contact-popup h3{
  margin: 1.5rem 0;
  line-height: 1.4;
  font-weight: 400;
  font-size: 1em;
  color: #000;
}

ul.gfield_checkbox{
  list-style: none;
  padding-left: 0;
}

.gform_body input, .gform_body textarea{
  background-color: #EDECE9;
  border: none;
  padding: 0.25em 0.5em;
}

.grid.contact-row{
  margin-left: 0;
}

@media only screen and (min-width: 70em){
  .grid.contact-row{
    margin-left: -1.5rem;
  }
}

/* ==========================================================================
  Section Contact End
  ========================================================================== */

/* ==========================================================================
  Section News Start
  ========================================================================== */

.blog_item{
  background-color: #EDECE9;
  margin-bottom: 1rem;
  padding: 1.5rem;
}

.blog_item .blog_title{
  margin-top: 0;
}

.blog_item .button-list{
  text-align: left;
  margin-bottom: 0;
}

.blog_image_inner{
  width: 100%;
  height: 300px;
  margin-bottom: 1rem;
  background-size: cover;
  background-position: center center;
}

.blog_item hr{
  margin: 0;
  border-color: #AE8E34;
}

.blog_date{
  margin-top: 0.25rem;
  color: #253E88;
  font-style: italic;
  font-weight: 400;
  font-size: 1.2rem;
}

.grey_bg{
  background-color: #EDECE9;
}

.frontpage .grey_bg{
  background-color: #fff;
}

.blog_post_wrapper{
  max-width: 70rem;
  display: block;
  margin: 0 auto;
}

.wrapper--blog{
  padding-top: 3rem;
}

.blog_image_item{
  float: left;
  padding: 0 2rem 1rem 0;
}

.blog_post_wrapper h2{
  margin: 1.5rem 0;
  line-height: 1.4;
  font-weight: 400;
  color: #253E88;
  font-size: 2rem;
  padding-top: 1.5rem
}

.blog_content p{
    font-size: 1.1rem;
    letter-spacing: .05rem;
    line-height: 1.8rem;

}

.blog_content a {
  word-wrap: break-word;
}

.blog_content{
  padding-bottom: 3rem;

}

.newsletter form .double-border-thick{
  margin-top: 0;
}

.newsletter-form p{
  font-size: 1rem;
  line-height: 1.9rem;
  font-size: 1.1rem;
  letter-spacing: .03rem;
}



.singles-roatet-grid {
    clear: both;
}

/*.single .main {
  overflow-x: hidden;
}*/

.btn_border{
  border: 1px solid #AE8E34;
  display: inline-block;
  padding: 0.25rem;
}

.btn_border a{
  color: #AE8E34;
  background-color: transparent;
  border: 1px solid #AE8E34;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  padding: 0.5rem 2rem;
  display: block;
  font-weight: 400;
  letter-spacing: 0.08rem;
}

.btn_border a:hover,
.btn_border a:focus{
  background-color: #AE8E34;
  color: #fff;
}

.gform_wrapper .newsletter-form label.gfield_label{
  text-align: right;
  font-weight: 400;
  letter-spacing: .08rem;
  color: #AE8E34;
  font-size: 1.7rem;

}

.btn_border{
  margin-bottom: 1rem;
}

.btn--primary.btn--gform-submit{
  outline: 1px solid #AE8E34;
  outline-offset: 0.25rem;
}

.btn--primary.btn--gform-submit:hover{
  outline: 1px solid #AE8E34;
  outline-offset: 0.25rem;
}

.search_feed i{
  margin-left: 0.5rem;
  color: #253E88;
}

.search_feed{
  padding-top: 1.5rem;
}

.search_feed input.feed-search-wrapper__input {
    margin-top: -1.5rem;
    padding-left: 1.5rem;
}

.btn--recent-news{
  cursor: pointer;
}

.button_container_select select{
  color: #AE8E34;
  background-color: transparent;
  border: 1px solid #AE8E34;
  border-radius: 0px;
  box-sizing: content-box;
  width: 130px;
  height: 36px;
  text-align-last:center;
  text-align: center;
  border: 0;
  outline: 1px solid #AE8E34;
  background-color: white;
  outline-offset: 0px;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

.button_container{
  margin-bottom: 0.5rem;
}


@media only screen and (min-width: 40em){
  .button_container{
    margin-bottom: 0;
  }
  .btn_border{
    margin-bottom: 0;
  }

  .blog_image_inner{
    margin-bottom: 0;
  }
}

/* ==========================================================================
  Section News End
  ========================================================================== */

/* ==========================================================================
  Commissions and Committees Start
  ========================================================================== */

.cat_buttons{
  display: inline-block;
  margin: 0;
  padding: 0.5rem 2rem;
  font-size: 1rem;
  color: #AE8E34;
  font-weight: 500;
  letter-spacing: 0.09rem;
  background-color: transparent;
  border: 1px solid #AE8E34;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}

.cat_buttons:hover{
  background-color: #AE8E34;
  color: #fff;
}

.button_container{
  display: inline-block;
  padding: 0.25rem;
  border: 1px solid #AE8E34;
}

.diocese-search-wrapper input[type="search"]{
  margin-top: -1.6rem;
  padding-left: 2.6rem;
  width: 80%;
  display: block;
  margin: -1.6rem auto 0 auto;
}

.diocese-search-wrapper i{
  margin-left: 2rem;
  color: #253E88;

}

input[type="search"]{
  background-color: #EDECE9;
  border: none;
}

.diocese_detials_wrapper{
  margin-bottom: 2.5rem;
  background-color: #EDECE9;
  padding: 1rem;
}

.diocese_detials_wrapper h3{
  display: inline-block;
  margin: 0;
  padding-bottom: 0.5rem;
  color: #253E88;
  letter-spacing: 0.96px;
  font-weight: 600;
  border-bottom: 1px solid #253E88;
  font-size: 1rem;
}

.diocese_detials_wrapper p{
  line-height: 1.4rem;
}


.diocese_detials_wrapper .contact-email:link,
.diocese_detials_wrapper .contact-email:visited{
  margin: 1.5rem 0;
  line-height: 1.4;
  font-weight: 400;
  color: #000;
  text-decoration: none;
  font-size: 1rem;
}

.office_name {
  color: #AE8E34;
  margin-bottom: .5rem;
}

.contact-email i{
  color: #253E88;
  margin-right: 0.5rem;
}

.contact-website {
  display: block;
}

.contact-website:link,
.contact-website:visited {
  color: #000;
  font-weight: 400;
}

.contact-website i {
  margin-right: .5rem;
  color: #253E88;
}

.search_pastor{
  padding: 2rem 0;
}

.diocese_detials_wrapper .contact-email:link{
  display: block;
}

.contact-details {
  margin: .25rem 0;
}

@media only screen and (min-width: 40em){
  .diocese_detials_wrapper .contact-email:link{
    display: inline;
  }

  .search_pastor{
    display: block;
    margin: 0 auto;
    max-width: 20em;
    padding: 2rem 0;
  }
}

/* ==========================================================================
  Commissions and Committees End
  ========================================================================== */

/* ==========================================================================
  Decrees Statements & Letters Start
  ========================================================================== */

.letter-filter.is-active{
  background-color: #AE8E34;
  color: #fff;
}

.letter_content_wrapper{
  margin-bottom: 2.5rem;
  background-color: #EDECE9;
  padding: 1rem;
}

.letter_title {
    margin-bottom: 0.25rem;
    color: #253E88;
    letter-spacing: 0.96px;
    line-height: 23px;
    font-size: 1.2rem;
}

.letter_content_wrapper hr {
    margin: 0;
    border-color: #AE8E34;
}

.letter_date {
    margin-top: 0.25rem;
    color: #253E88;
    font-style: italic;
}

.letter_content_wrapper p {
    letter-spacing: 0.35px;
    line-height: 26px;
}

/* ==========================================================================
  Twitter Start
  ========================================================================== */

.section--twitter_section{
  background-color: #EDECE9;
}

.section--twitter_section a:link,
.section--twitter_section a:visited{
  color: #000;
  font-size: 2rem;
  text-decoration: none;
}

.section--twitter_section a i{
  color: #253E88;
  margin-right: 0.5rem;
  font-size: 3rem;
}

.twitter-container{
  display: inline-block;
}

.section--twitter_section .double-border-thick{
  margin: 0;
}

.section--twitter_section .double-border-thick hr{
  width: 80%;
  float: right;
}

.text-block--double-bottom-border .double-border-thick{
  margin: 0 auto;
}

.section--diocese_regions .button_container{
  margin-bottom: 1rem;
}

@media only screen and (min-width: 40em){
  .text-block--double-bottom-border .double-border-thick{
    width: 40%;
  }
  .section--diocese_regions .button_container{
    margin-bottom: 0;
  }
}

h2.committee_position{
  margin: 1.5rem 0;
  line-height: 1.4;
  font-weight: 400;
  color: #253E88;
  font-size: 1.5rem;
}

.committee_name{
  margin-bottom: 0;
  text-align: center;
}

.committee_title{
  margin-top: 0;
  text-align: center;
}

/* ==========================================================================
  Twitter End
  ========================================================================== */

/* ==========================================================================
   Search Results Start
   ========================================================================== */

.article--result{
  background-color: #EDECE9;
  padding: 1rem;
  margin-bottom: 1rem;
}

.article_date{
  color: #AE8E34;
  margin-bottom: 0;
}

.article__meta{
  margin-top: 0;
}

.article--result .article__heading{
  margin-top: 0;
}

/* ==========================================================================
   Search Results End
   ========================================================================== */


/* ==========================================================================
   404 Start
   ========================================================================== */
p.error_404{
  color: #9B9B9B;
}

.section--404 .diocese-search-wrapper i{
   margin-left: 1rem;
 }

.section--404 form{
  padding-top: 0.8rem;
}

.section--404 .double-border-thick{
  margin-left: 0;
}

@media only screen and (min-width: 40em){
  .section--404 .diocese-search-wrapper input[type="search"]{
    width: 74%;
  }

  .form_404{
    max-width: 30em;
    display: block;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 60em){
  .section--404 .wrapper{
    max-width: 40em;
  }

  .form_404{
    max-width: 30em;
    display: block;
    margin: 0 auto;
  }
}

/* ==========================================================================
  404 End
  ========================================================================== */

/* ==========================================================================
   Dioces Details
   ========================================================================== */

.section.section--diocese_detail{

}

   /*
     Brown: #AE8E34
     Blue: #253E88
     Grey: #EDECE9
   */

/* ==========================================================================
   Site footer
   ========================================================================== */
/**
 * The global footer.
 *
 * This element usually hosts navigation and additional information about the
 * website that shows up on every page.
 */

.site-footer {
  background-color: #253E88;
  color: #aaa;
  text-align: center;
  font-weight: 300;
}

.footer_logo{
  margin-top: 2rem;
}

.footer_text{
  color: #fff;
  letter-spacing: 1.25px;
  line-height: 20px;
}

.footer--main{
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  margin-top: 2rem;
}

.footer--main li a{
  color: #fff;
  padding: 0.5rem 0.5rem;
  word-wrap: break-word;
  white-space: normal;
  font-weight:400;
  letter-spacing: 0.08rem;
}

.footer--main li{
  white-space: nowrap;
  margin-bottom: 1rem;
}

.social-text-outer{
  padding-top: 1rem;
}

.site-footer .social-text-outer .fa{
  color: #fff;
  font-size: 1.5rem;
  padding-left: 0.5rem;
}

.footer_copyright{
  color: #fff;
}

.site-footer .diocese-search-wrapper input[type="search"]{
  width: 80%;
  padding-left: 2rem;
}

.diocese-search-wrapper .search-icon-footer{
  margin-bottom: 0.2rem;
  display: block;
  margin-top: 0rem;
  margin-left: 1.5rem;
}

.footer_logo_repeater{
  background-size: cover;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 0.5rem;
  background-color: #253E88;
  background-blend-mode: multiply;
}

@media only screen and (min-width: 40em){
  .diocese-search-wrapper .search-icon-footer{
    margin-left: 0.5rem;
    margin-bottom: 0.2rem;
  }
}

@media only screen and (min-width: 60em){
  .site-footer .diocese-search-wrapper input[type="search"]{
    width: 90%;
    padding-left: 2rem;
  }
}

@media only screen and (max-width: 40em){
  .site-footer .diocese-search-wrapper input[type="search"]{
    margin: 0;
  }

  .site-footer .diocese-search-wrapper .search-icon-footer{
    margin: 0;
    margin-bottom: -1.4rem;
    margin-left: 0.5rem;
  }

  .site-footer form.diocese-search-wrapper {
    padding-top: 2rem;
  }
}
/* ==========================================================================
   $ Assembly Articles
   ========================================================================== */
   .article-content-grid-container {
    background: #EDECE9;
   }
  .section--assembly_articles .paginated-list {
    padding: 2rem 0;
  }

  .section.section--assembly_articles {
    padding-bottom: 0;
  }

  .articles_detials_wrapper h2 {
    font-size: 1rem;
  }

  .section--assembly_articles .view-all-link {
    margin-top: 2rem;
  }

  .article-content-grid-container > h2 {
    margin: 0;
    padding-top: 3rem;
  }

  .articles_details_image_container {
    position: relative;
    padding-bottom: 50%;
    margin-bottom: 1rem;
  }

  .articles_details_image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .article-search-wrapper {
    position: relative;
  }

  .article-search-wrapper .fa-search {
    position: absolute;
    top: .35rem;
    left: .35rem;
    color: #253E88;
  }

  .article-search-wrapper .article-search-wrapper__input {
    text-indent: 1rem;
  }

  .articles_detials_wrapper .button_container {
    margin: 1rem 0;
  }

  .abs_link{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
  }

  .blog_post_wrapper .button-list{
    z-index: 2;
    position: relative;
  }


/*new search*/

.btn--search-desk{
  background-color: transparent;
  border: none;
  position: absolute;
  right: 0;
  top: 1rem;
  padding: 0.5rem 2rem 0.5rem 0;
}

.btn--search-desk:hover,
.btn--search-desk:active,
.btn--search-desk:focus{
  background-color: transparent;
}

.btn--search-desk svg{
  max-width: 1.5rem;
}

.header_form{
  display: none;
}

@media only screen and (min-width: 1120px){

  .header_form {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }

  .header_form input{
    max-width: 0;
    width: 0;
    padding: 0.5rem 0;
    position: absolute;
    right: 1rem;
    top: 0.99rem;
    border: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .social-text-outer,
  .nav--lang{
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .header_form p{
    margin: 0;
  }

  .header_form input.is-active{
    max-width: 14rem;
    width: 14rem;
    padding: 0.5rem;
    padding-right: 2rem;
    margin: 0;
  }

  .header-social{
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .header_info.search-open .header-social{
    right: 16.5rem;
  }

  .header_info.search-open svg *{
    fill: #253E88;
  }

}

.site-footer .social-text-outer{
  padding-bottom: 1rem;
}

/*mobile search*/

.nav__item--search{

}

.nav--main .nav__item.nav__item--search .btn{
  display: none;
}

.nav--main .nav__item.nav__item--search label{
  display: block;
}

@media only screen and (min-width: 1120px){
  .nav--main .nav__item.nav__item--search{
    display: none;
  }
}

/* ==========================================================================
   Gallery
   ========================================================================== */

.section--gallery ul{
  list-style: none;
  padding-left: 0;
  display: block;
  margin: 0 auto;
}

.isotope-grid-item {
    width: 100%;
    padding: 5px;
    cursor: pointer;
}

.isotope-grid-item img {
    width: 100%;
}

.isotope-large--landscape {
  width: 100%;
}

.isotope-large--portrait {
  width: 100%;
}

@media only screen and (min-width: 60em){
  .isotope-large--landscape {
    width: 100%;
  }

  .isotope-large--portrait {
    width: 100%;
  }

  .isotope-grid-item {
      width: 50%;
      padding: 5px;
      cursor: pointer;
  }
}

@media only screen and (min-width: 60em){
  .isotope-grid-item {
      width: 25%;
      padding: 5px;
      cursor: pointer;
  }

  .isotope-large--landscape {
    width: 50%;
  }

  .isotope-large--portrait {
    width: 33%;
  }
}

/* ==========================================================================
   $ Media Release Box
   ========================================================================== */
.media-release-box {
  background-color: #EDECE9;
  padding: .5rem 2.5rem;
  margin-bottom: 1rem;
}

.news-filter {
  margin-bottom: 2rem;
}

.news-filter .button_container {
  margin-right: .5rem;
}

.custom-wrap h3 {
  color: #222;
}

.custom-wrap h4 {
  margin: 0;
  margin-bottom: .5rem;
}

.custom-wrap h4 span {
  cursor: pointer;
  margin-left: 1rem;
  display: inline-block;
  font-size: 2rem;
  vertical-align: top;
  line-height: 1rem;
}

.content-block h3 {
  cursor: pointer;
}

.content-block.is-hidden {
  overflow-y: hidden;
  max-height: 3rem;
}

p.row-content {
  padding-left: 1rem;
  line-height: 1.5rem;
  margin: 0;
}

p.row-content.is-hidden {
  max-height: 0;
  overflow-y: hidden;
  margin: 0;
}

.gallery--media{
  padding-top: 1rem;
}

.section--link-list .cell {
  vertical-align: middle;
}

.section--link-list .border {
  border-top: 1px solid #AE8E34;
  padding: 1.5rem 0;
  position: relative;
}

.section--link-list h2 {
  margin-bottom: 4rem;
}

.section--link-list .border:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: -5px;
  border-top: 1px solid #AE8E34;
  width: 100%;
}

.section--link-list .bottom-border {
  border-bottom: 1px solid #AE8E34;
  position: relative;
}

.section--link-list .bottom-border:after {
  content: " ";
  position: absolute;
  z-index: -1;
  bottom: -5px;
  border-bottom: 1px solid #AE8E34;
  width: 100%;
}

.abslink {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.section--text-block table {
  color: #253E88;
}

.section--text-block table td {
  border-top: 1px solid #AE8E34;
  position: relative;
  padding: 1.5rem 4px;
}

.section--text-block tr {
  border: none;
}

.section--text-block table td:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: -5px;
  border-top: 1px solid #AE8E34;
  width: 100%;
  margin-left: -4px;
}

.section--text-block table tr:last-child td {
  border-bottom: 1px solid #AE8E34;
  position: relative;
}

.section--text-block table tr:last-child td:after {
  content: " ";
  position: absolute;
  z-index: -1;
  bottom: -5px;
  border-bottom: 1px solid #AE8E34;
  width: 100%;
  margin-left: -4px;
  left: 4px;
}

.section--career-details p strong {
  color: #253E88;
  font-weight: 400;
  font-size: 1.25rem;
}

.section--career-details li {
  font-weight: 400;
}

.section--text-block ol,
.section--text-block ul {
  font-weight: 400;
}

.section--text-block p:last-child{
  /* margin-bottom: 0; */
}

.section:first-of-type.section--text-block{
  padding-bottom: 0;
}

.section--text-block h2:first-child{
  margin-top: 0;
}

.main > div:nth-child(2):last-child .section {
    padding-bottom: 3rem;
}

.main > div:last-child .section{
  padding-bottom: 3rem;
}

.b-content {
  font-weight: 400;
}

.wp-caption p.wp-caption-text {
  margin-bottom: 0;
  font-size: .85rem;
  line-height: 1.5rem;
  padding: .5rem;
}

.wp-caption {
  margin-bottom: 0 !important;
  padding-bottom: 0;
}

.optional-text p {
  font-size: 1.1rem;
  font-weight: 600;
}
/*.accordion__collapse > p {
  padding: 0;
}*/

/*.section--callouts .grid {
  text-align: center;
}*/

.center-button {
  margin: 0 auto;
}

@-moz-document url-prefix() {
  @media only screen and (min-width: 1120px) {
    .site-header .nav--sub .nav--sub li{
      display: inline-block;
    }
  }
}

.dicoese_print_item {
  display: none;
}
/* ==========================================================================
   $ 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: " " !important; }
    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; }

    .diocese_detials_wrapper {
      padding: 0;
      margin: 0;
      height: auto !important;
    }

    .print--page,
    .diocese_detials_wrapper img,
    .search_pastor,
    .parent_name {
      display: none;
    }

    .diocese_detials_wrapper h3 {
      margin: 1.5rem 0 .75rem;
    }

    .diocese_detials_wrapper p,
    .diocese_detials_wrapper a {
      margin: 0 !important;
    }

    .section--members {
      padding-top: 0;
    }

    .diocese_item {
      display: none;
    }
    .dicoese_print_item {
      display: block;
      padding-left: 1.5rem;
    }
    .dicoese_print_item {
      margin: 1.5rem 0;
    }
    .print-half {
      display:inline-block;
      width: 50%;
      text-decoration: underline;
    }
    .print-half.header {
      text-decoration: none;
    }

    .print-half.header span {
      color: #bbb !important;
    }

    .print-half.website {
      padding-left: 2rem;
    }
    .button_container,
    .button_container button {
      border: none;
      padding: 0;
      text-decoration: underline;
    }
    .tab-title-box {
      margin-left: 1rem;
      width: 4rem;
      display: inline-block;
      font-size: .85rem;
      padding: 0;
    }
    .section--impact.raised {
      margin-top:-15rem;
    }
    .section--text-block.white p {
      line-height: 1rem;
    }

    .dicoese_print_item.filter-tile-span {
      display: inline;
    }

    .print-member-name,
    .print-member-position {
      font-weight: 400;
    }

    .print-member-name .underline {
      font-weight: 700;
      text-decoration: underline;
    }
}

.single-post{
	padding-bottom: 4rem;
}

.btn-wrapper{
	border: 1px solid #AE8E34;
	padding: 0.25rem;
	display: inline-block;
}

.page-id-132 .section--contact,
.page-id-23535 .section--contact{
	padding: 0;
}

.file-icon{
	width: 3rem;
	margin-right: 1rem;
}


i.fa.social-fa.fa-subscribe {
	background-image: url(img/icon-email.svg);
    background-size: contain;
    width: 20px;
    height: 20px;
    margin-left: 9px;
}

.site-header i.fa.social-fa.fa-subscribe{
  margin-left: 13px;
}

.mailpoet_text,
.mailpoet_textarea{
	width: 100%!important;
	padding: 0.5rem!important;
}

input.mailpoet_submit {
    display: block;
    margin: 0 auto;
	padding: 0.5rem 2rem;
    border: 1px solid transparent;
    color: inherit;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    letter-spacing: 0.08rem;
	color: #AE8E34;
	background-color: transparent;
	border: 1px solid #AE8E34;
	outline: 1px solid #AE8E34;
	outline-offset: 5px;
	transition: all 0.3s ease;
}

input.mailpoet_submit:link,
input.mailpoet_submit:visited {
  text-decoration: none;
  background-color:  #AE8E34;
}

input.mailpoet_submit:hover,
input.mailpoet_submit:focus {
  text-decoration: none;
  background-color:  #AE8E34;
  color: #fff;
}

label.mailpoet_checkbox_label {
    margin-top: 1rem;
}

input.mailpoet_submit:active,
input.mailpoet_submit.is-active {
  background-color:  #AE8E34;
}

label.mailpoet_text_label {
    margin-bottom: 0.5rem;
}

.region-cat-grid{
	text-align: center;
}

.types-cat-grid{
	padding-bottom: 4rem;
	text-align: center;
}

.region-cat-grid{
	padding-bottom: 2rem;
	position: relative;
	margin-bottom: 2rem;
}

.region-cat-grid:after{
	position: absolute;
	bottom: 0;
	left: 1.5rem;
	right: 0;
	/* content: ""; */
	height: 1px;
	background-color: #253E88;
}

.filter-list-wrapper{
	padding-bottom: 2rem;
}

.section--diocese_regions .search_pastor{
	margin: 0;
}

.flex-end{
	display: flex;
	justify-content: flex-end;
}

.section--diocese_regions .diocese-search-wrapper i{
	margin-left: 1rem;
}

.section--diocese_regions .diocese-search-wrapper input[type="search"]{
	  box-sizing: border-box;
	  width: 100%;
}

.section--diocese_regions .btn.filter_list{
	padding: 0.5rem 4rem;
	/* margin-top: 1rem; */
}

.filter-list-wrapper{
	padding-top: 2rem;
}

.section--interactive-map #interactive_map #ON g,
.section--interactive-map #interactive_map #MB g,
.section--interactive-map #interactive_map #SK g,
.section--interactive-map #interactive_map #AB g,
.section--interactive-map #interactive_map #BC g,
.section--interactive-map #interactive_map #QC g,
.section--interactive-map #interactive_map #NL g,
.section--interactive-map #interactive_map #NB g,
.section--interactive-map #interactive_map #NS g,
.section--interactive-map #interactive_map #PE g,
.section--interactive-map #interactive_map #NT g,
.section--interactive-map #interactive_map #NU g,
.section--interactive-map #interactive_map #YT g{
	cursor: pointer;
}

/* .section--interactive-map.is-zoomed #interactive_map #ON path,
.section--interactive-map.is-zoomed #interactive_map #MB path,
.section--interactive-map.is-zoomed #interactive_map #MB polygon,
.section--interactive-map.is-zoomed #interactive_map #SK path,
.section--interactive-map.is-zoomed #interactive_map #AB path,
.section--interactive-map.is-zoomed #interactive_map #SK polygon,
.section--interactive-map.is-zoomed #interactive_map #AB polygon,
.section--interactive-map.is-zoomed #interactive_map #BC path,
.section--interactive-map.is-zoomed #interactive_map #BC polygon,
.section--interactive-map.is-zoomed #interactive_map #QC path,
.section--interactive-map.is-zoomed #interactive_map #NL path,
.section--interactive-map.is-zoomed #interactive_map #NL polygon,
.section--interactive-map.is-zoomed #interactive_map #NB path,
.section--interactive-map.is-zoomed #interactive_map #NS path,
.section--interactive-map.is-zoomed #interactive_map #NS polygon,
.section--interactive-map.is-zoomed #interactive_map #PE path,
.section--interactive-map.is-zoomed #interactive_map #PE polygon,
.section--interactive-map.is-zoomed #interactive_map #NT path,
.section--interactive-map.is-zoomed #interactive_map #NT polygon,
.section--interactive-map.is-zoomed #interactive_map #NU path,
.section--interactive-map.is-zoomed #interactive_map #NU polygon,
.section--interactive-map.is-zoomed #interactive_map #YT path,
.section--interactive-map.is-zoomed #interactive_map #YT polygon{
	fill: transparent;
	cursor: pointer;
	pointer-events: none;
} */

/*.section--interactive-map.is-zoomed #interactive_map > g:not(#labels):not(#eparchies) g:hover{*/
/*	opacity: 0.9;*/
/*	cursor: pointer;*/
/*}*/

/*.section--interactive-map.is-zoomed #interactive_map > g:not(#labels):not(#eparchies) g[data-active="true"]{*/
/*	opacity: 0.9!important;*/
/*}*/

.section--interactive-map.is-zoomed #interactive_map > g:not(#labels):not(#eparchies) g:not([id*="outline"]):hover *{
	cursor: pointer;
	fill: #A1AAD2!important;
}

.section--interactive-map.is-zoomed #interactive_map > g:not(#labels):not(#eparchies) g[data-active="true"]:not([id*="outline"]) *{
	fill: #A1AAD2!important;
}

/*light gold*/
.section--interactive-map.is-zoomed #interactive_map > g:not(#labels):not(#eparchies) g:not([id*="outline"]):hover *.cls-5{
	cursor: pointer;
	fill: #DABD71!important;
}

.section--interactive-map.is-zoomed #interactive_map > g:not(#labels):not(#eparchies) g[data-active="true"]:not([id*="outline"]) *.cls-5{
	fill: #DABD71!important;
}

/*dark gold*/
.section--interactive-map.is-zoomed #interactive_map > g:not(#labels):not(#eparchies) g:not([id*="outline"]):hover *.cls-3{
	cursor: pointer;
	fill: #CAA541!important;
}

.section--interactive-map.is-zoomed #interactive_map > g:not(#labels):not(#eparchies) g[data-active="true"]:not([id*="outline"]) *.cls-3{
	fill: #CAA541!important;
}

/*dark blue*/
.section--interactive-map.is-zoomed #interactive_map > g:not(#labels):not(#eparchies) g:not([id*="outline"]):hover *.cls-2{
	cursor: pointer;
	fill: #3250A5!important;
}

.section--interactive-map.is-zoomed #interactive_map > g:not(#labels):not(#eparchies) g[data-active="true"]:not([id*="outline"]) *.cls-2{
	fill: #3250A5!important;
}

/*light blue*/
.section--interactive-map.is-zoomed #interactive_map > g:not(#labels):not(#eparchies) g:not([id*="outline"]):hover *.cls-1{
	cursor: pointer;
	fill: #6272BD!important;
}

.section--interactive-map.is-zoomed #interactive_map > g:not(#labels):not(#eparchies) g[data-active="true"]:not([id*="outline"]) *.cls-1{
	fill: #6272BD!important;
}


/*light gold*/
/*.cls-5 */

/*dark gold*/
/*.cls-3*/

/*dark blue*/
/*.cls-2*/

/*light blue*/
/*.cls-1 */




#interactive_map{
	display: block;
	width: 60rem;
	max-width: 100%;
	margin: 2rem auto 0 auto;
	height: 629px!important;
	/* backface-visibility: hidden;
	perspective: 1000px;
	transform: translateZ(1px); */
}

#interactive_map #labels > g:not(#eparchies-labels){
  transition: all 0.3s ease;
}

#interactive_map #eparchies-labels,
#interactive_map #eparchies{
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease;
	/* backface-visibility: hidden;
	perspective: 1000px;
	transition: all 0.3s ease; */
}

.section--interactive-map.eparchies-active #interactive_map #eparchies-labels,
.section--interactive-map.eparchies-active #interactive_map #eparchies{
  opacity: 1;
}

.section--interactive-map.eparchies-active #interactive_map #labels > g:not(#eparchies-labels):not(#eparchies){
  opacity: 0;
}

.section--interactive-map.eparchies-active #interactive_map *{
  /* cursor: default; */
}

.section--interactive-map.eparchies-active #interactive_map > g:not(#labels):not(#eparchies){
  pointer-events: none;
}

.section--interactive-map.eparchies-active #interactive_map #eparchies{
  pointer-events: all;
  cursor: pointer;
}

.section--interactive-map.eparchies-active #interactive_map{
  /* cursor: pointer!important; */
}

.section--interactive-map.eparchies-active #eparchies > g:hover path,
.section--interactive-map.eparchies-active #eparchies > g[data-active="true"] path{
  /*fill: #c0a661!important;*/
  fill: #4a5796!important;
}

.section--interactive-map.eparchies-active #eparchies > g[data-eparchy="Edmonton - Ukrainian Catholic Eparchy"]:hover path,
.section--interactive-map.eparchies-active #eparchies > g[data-eparchy="Winnipeg - Ukrainian Catholic Archeparchy"]:hover path,
.section--interactive-map.eparchies-active #eparchies > g[data-eparchy="Winnipeg - Ukrainian Catholic Archeparchy"][data-active="true"] path,
.section--interactive-map.eparchies-active #eparchies > g[data-eparchy="Edmonton - Ukrainian Catholic Eparchy"][data-active="true"] path{
  fill: #c0a661!important;
}

/* #interactive_map > g:not(#labels):not(#eparchies) > g:not([data-name="outline"]){
	opacity: 0;
} */

.section--interactive-map.is-zoomed #diocese-shapes path:hover,
.section--interactive-map.is-zoomed #diocese-shapes polygon:hover,
.section--interactive-map.is-zoomed #diocese-shapes rect:hover{
	opacity: 0.7;
	cursor: pointer;
}

.section--interactive-map.is-zoomed #diocese-shapes path:hover,
.section--interactive-map.is-zoomed #diocese-shapes polygon:hover,
.section--interactive-map.is-zoomed #diocese-shapes rect:hover{
	opacity: 0.7;
	fill: #ccc;
	cursor: pointer;
}

.dot-tooltip--wrapper{
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease;
}

.section--interactive-map.is-zoomed .dot-tooltip--wrapper{
	opacity: 1;
	pointer-events: all;
	cursor: pointer;
}

.section--interactive-map.is-zoomed #interactive_map #diocese-shapes,
.section--interactive-map.is-zoomed #interactive_map #dots,
.section--interactive-map.is-zoomed #interactive_map #labels{
	opacity: 1;
	pointer-events: all;
}

.section--interactive-map.is-zoomed #interactive_map #dots,
.section--interactive-map.is-zoomed #interactive_map #labels{
	pointer-events: none;
}

.section--interactive-map #interactive_map #diocese-shapes{
	transition-delay: 0.5s;
}

.section--interactive-map .wrapper{
	position: relative;
}

.map-exit{
	position: absolute;
	top: 0;
	right: 0;
	max-width: 3rem;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease;
}

.section--interactive-map.is-zoomed .map-exit{
	opacity: 1;
	pointer-events: all;
	cursor: pointer;
}


@media only screen and (max-width: 1024px){
	.map-exit{
		position: absolute;
	    top: -3rem;
	    right: 1rem;
	    max-width: 2rem;
	}

	.section--interactive-map{
		padding-top: 4rem;
	}
}

.tooltip-data{
	display: none;
}

#interactive_map:focus,
#interactive_map *:focus{
	outline: none!important;
}

.tooltip-inner p{
	margin: 0;
	font-weight: 800;
}


g#diocese-shapes {
    transform: translateY(1px)!important;
}

.diocese-tooltip-data{
	display: none;
}


.wrapper.ajax-results {
    text-align: center;
    padding-top: 3rem;
}

.ajax-results{
	background-image: url(img/loading.gif);
	background-size: 64px;
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 0;
	opacity: 0;
	transition: all 0.3s ease;
}

.ajax-results.loading,
.ajax-results.loaded{
	opacity: 1;
	min-height: 18rem;
}

.ajax-results.loading{
	background-image: url(img/loading.gif);
	background-size: 64px;
	background-position: center center;
	background-repeat: no-repeat;
}

.ajax-results.loaded{
	background-image: none!important;
}

@media only screen and (max-width: 640px){
	.ajax-diocese-member{
		margin-top: 2rem;
	}

	.ajax-results .diocese_item{
		padding-left: 0;
	}
}

.ginput_complex input,
.ginput_complex select{
    margin-bottom: 1rem!important;
}


.ginput_complex select{
	appearance: none;
	-webkit-appearance: none;
	background-color: #EDECE9;
	border: none;
	padding: 0.25em 0.5em;
	background-image: url(img/dropdown-arrow.svg);
	background-size: 10px;
	background-position: 99% center;
	background-repeat: no-repeat;
}

.gfield input[type=checkbox]{
	margin-right: 1rem;
	margin-top:0!important;
}

.gfield_label_before_complex{
	margin-bottom: 1rem!important;
}

.gform_confirmation_message_1{
	text-align: center;
	padding: 0 1rem;
}

li.gchoice_1_7_1 {
    display: flex;
    align-items: center;
}

.page-id-394 li.gchoice_1_7_1 {
	font-size: 1.3rem;
}

.contact-form-container > .wrapper > .grid > .cell > h2{
	margin-bottom: 0;
}

.contact-form-container > .wrapper > .grid > .cell > h3{
	margin-top: 0.5rem;
}

.diocese-map-tabs{
  display: flex;
  max-width: 60rem;
  margin: 0 auto;
}

.diocese-map-tab{
  width: 50%;
  text-align: center;
}

.diocese-map-tab p{
  color: #253E88;
  font-size: 1.25rem;
  cursor: pointer;
}

.diocese-map-tab.is-active p{
  text-decoration: underline;
}

.section--interactive-map small{
  max-width: 50rem;
  margin: 1rem auto;
  display: block;
  transition: all 0.3s ease;
}

.eparchies-active small,
.churches-active small{
  opacity: 0;
  pointer-events: none;
  height: 0;
  margin-top: 0;
  margin-bottom: 0;
}

#zoomed-labels{
  opacity: 0;
  transition: all 0s ease!important;
}

.section--interactive-map.is-zoomed #zoomed-labels{
  opacity: 1;
}

.media-release-box > .button_container{
  margin-bottom: 1rem;
}

.mailpoet_paragraph{
  margin-bottom: 2rem;
}

.single-mailpoet_page .nav__item--language-switcher{
  display: none!important;
}
@media only screen and (min-width: 1120px) {
  .nav--main .mobile-only-menu-links{
    display: none;
  }
}

.other-churches-content{
  display: none;
  max-width: 60rem;
  margin: 2rem auto;  
}

.churches-active .other-churches-content{
  display: block;
}

@media only screen and (max-width: 640px){
  #interactive_map{
    margin-top: 0;
  }
}


.site-footer .social-text-outer .social-text:first-child i{
  padding-left: 0;
}

.header-social .social-text-outer {
    display: flex;
    align-items: center;
}

.mailpoet_recaptcha_container{
  padding: 2rem 0;
}

input.mailpoet_submit{
  border:1px solid #AE8E34!important;
  outline: none!important;
  padding: 0.5rem 1rem!important;
}