/*
 Theme Name:   PLNV
 Description:  PLNV
 Author:       Celis Design
 Version:      1.0.0
 Text Domain:  PLNV
*/
/**
 * Default Variables.

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

html {
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  font-family: "Plain", sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  text-align: center;
  color: #000;
  background: #fff;
  background-size: cover;
  line-height: 20px;
}

.wrap,
.back_default,
.sticky-nav {
  background: #fff;
}

.back_brand_primary {
  background-color: #fff;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto !important;
  display: block;
}

.fixed {
  position: fixed;
}

.clear {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

.text_left {
  text-align: left;
}

.text_center {
  text-align: center;
}

.text_right {
  text-align: right;
}

iframe {
  z-index: 2000;
  max-width: 100%;
}

.hidden {
  display: none;
}

.visible {
  visibility: visible;
}

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

.z-1 {
  z-index: 1 !important;
}

.z-200 {
  z-index: 200 !important;
}

.relative {
  position: relative !important;
}

.fixed_section {
  position: fixed !important;
  width: 100%;
  z-index: 2000 !important;
  top: 72px;
  top: 0;
}

.mobile_only {
  display: none;
}

.position_sticky {
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
}
@media all and (max-width: 1000px) {
  .position_sticky {
    position: static !important;
    float: none;
    width: 100%;
    padding-bottom: 0;
  }
}

/*--------------------------------------------

COLORS

---------------------------------------------*/
.text_dark {
  color: #000;
}

.text_light {
  color: #fff;
}

.text_trans_light {
  color: rgba(255, 255, 255, 0.7);
}

.text_trans_dark {
  color: rgba(0, 0, 0, 0.7);
}

.brand_primary {
  color: #fff;
}

.back_brand_primary {
  background-color: brand-primary;
}

.black {
  color: #000;
}

.back_black {
  color: #fff;
  background-color: black;
}

.white {
  color: #fff;
}

.back_white {
  color: #000 !important;
  background-color: white;
}

.grey_dark {
  color: #333333;
}

.grey_darker {
  color: #222222;
}

.grey_light {
  color: #999999;
}

.back_grey_light {
  background-color: #999999;
}

.grey_lighter {
  color: #e2e2e2;
}

.muted {
  color: rgba(255, 255, 255, 0.7);
}

.back_red {
  background-color: #E92128;
}

.back_orange {
  background-color: #ED6523;
}

.yellow {
  color: #FFDA13;
}

.back_yellow {
  background-color: #FFDA13;
  color: #fff;
}

.green {
  color: #009F4A;
}

.back_green {
  background-color: #009F4A;
}

.blue {
  color: #1F4394;
}

.back_blue {
  background-color: #1F4394;
}

.purple {
  color: #804094;
}

.back_purple {
  background-color: #804094;
}

/*light purple*/
.purple_light {
  color: #D9C7E0ff;
}

.back_black a,
.back_red a,
.back_purple a,
.back_orange a,
.back_green a,
.back_blue a {
  color: rgba(255, 255, 255, 0.7);
}

/*--------------------------------------------

IMG BLEND 

---------------------------------------------*/
img.color-burn {
  mix-blend-mode: color-burn;
}

img.screen {
  mix-blend-mode: screen;
}

img.invert {
  filter: invert(1);
}

/*--------------------------------------------

LINKS

---------------------------------------------*/
a {
  color: #009F4A;
  text-decoration: none;
}

a:hover {
  color: #fff;
  text-decoration: none;
}

.back_white a,
.back_white .listing .entry p a {
  color: gray;
}

.back_white a:hover {
  color: black;
}

a.button {
  display: inline-block;
  padding: 15px;
  font-size: 21px;
  line-height: 1.458571429;
  color: #fff;
  text-decoration: none;
  background-color: #009F4A;
  transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
  -webkit-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
  -moz-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
  -ms-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
  -o-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
}

a.button:hover {
  background: #000;
}

/*--------------------------------------------

STRUCTURE [GRID ESTABLISHED IN CSS DIRECTORY]

---------------------------------------------*/
/*wraps the grid*/
#wrap {
  position: relative;
  min-width: 100%;
  min-height: 100%;
  z-index: 1000;
  text-align: left;
}

.wrap {
  /*position:relative;*/
  min-width: 100%;
}

.main {
  text-align: left;
}

.col .inner,
.inner {
  padding: 30px;
}

.col .inner.reduced,
.inner.reduced {
  padding: 15px;
}

.col .inner.inner_mobile,
.inner_mobile {
  padding: 0;
}

@media only screen and (max-width: 1000px) {
  .col .inner.inner_mobile,
.inner_mobile {
    padding: 30px;
  }
}
.bottom_0 .col,
.bottom_0.col {
  margin-bottom: 0 !important;
}

.top_0 .col,
.top_0.col {
  margin-top: 0 !important;
}

.margin_0,
.col.margin_0 {
  margin: 0;
}

.padded,
.section.padded {
  padding: 90px 0;
}

.padded_top,
.section.padded_top {
  padding: 90px 0 0 0;
}

.padded_bottom,
.section.padded_bottom {
  padding: 0 0 90px 0;
}

.section-header {
  margin: 0 0 25px 0;
}

@media only screen and (max-width: 1000px) {
  /*----MAIN---*/
  .mobile_only,
img.mobile_only {
    display: inline-block !important;
  }

  .mobile_only.mobile_block {
    display: block !important;
  }

  .mobile_hide,
img.mobile_hide {
    display: none !important;
  }

  div.main-wrap,
div.section,
.guttered .col,
.guttered_deep .col,
.section.flush .col,
.col {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
@font-face {
  font-family: "Plain";
  src: url("webfonts/plain/Plain-Regular.woff2");
  font-weight: normal;
  font-style: normal;
}
/*-------------------------

FONTS / TYPE

--------------------------*/
ul {
  list-style: disc;
  font-size: 21px;
  line-height: 1.458571429;
}

/*-------P--------*/
p {
  font-weight: normal;
  -text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  font-size: 21px;
  line-height: 1.5315000005;
  margin: 0 0 45px;
}

.back_brand_primary p {
  color: #000;
}

/*------HEADINGS-----*/
h1, h2, h3, h4, h5, h6 {
  display: inline-block;
  font-weight: 500;
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  margin-top: 0;
}

h1 {
  font-size: 57px;
}

h2 {
  font-size: 42px;
}

h3 {
  font-size: 36px;
}

h4 {
  font-size: 26px;
}

h5 {
  font-size: 25px;
}

h6 {
  font-size: 23px;
}

/*------HEADINGS-----*/
.back_brand_primary h1,
.back_brand_primary h2,
.back_brand_primary h3,
.back_brand_primary h4,
.back_brand_primary h5,
.back_brand_primary h6 {
  color: #000;
}

.underlined {
  padding-bottom: 3px;
  border-bottom: solid 2px #fff;
}

.text_dark .underlined {
  border-bottom: solid 2px #000;
}

/*------SPECIAL-------*/
h1.extra {
  display: inline-block;
  font-size: 62px;
  line-height: 73px;
  font-weight: bold;
  text-transform: uppercase;
}

@media only screen and (max-width: 1000px) {
  h1.extra {
    font-size: 50px;
    line-height: 59px;
  }
}
div.reduced,
span.reduced {
  font-size: 19.53px;
  line-height: 1.356471429;
}

/*----------------------

LIFT & FADE 

------------*/
.lift {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 150px, 0px);
  -webkit-transform: translate3d(0px, 150px, 0px);
  -o-transform: translate(0px, 150px);
  -ms-transform: translate(0px, 150px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 
.lift {
    -webkit-transform: translateY(-50px);    
}	
 */
.lift.no_fade {
  opacity: 1;
}

.lift.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/*----------------------

FADE 

------------*/
.fade {
  opacity: 0;
  -moz-transition: all 900ms ease-out;
  -webkit-transition: all 900ms ease-out;
  -o-transition: all 900ms ease-out;
  transition: all 900ms ease-out;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fade.in-view {
  opacity: 1;
}

header {
  position: fixed;
  top: 0;
  width: 100%;
  text-align: left;
  display: block;
  z-index: 101;
  float: left;
  padding: 15px 0;
  transition: top 0.4s ease-in-out;
  background-color: transparent;
  -webkit-transition: background-color 0.25s linear, padding 0.25s ease-out;
  -ms-transition: background-color 0.25s linear, padding 0.25s ease-out;
  transition: background-color 0.25s linear, padding 0.25s ease-out;
  background-color: #fff;
}

header .col {
  margin-top: 0px;
  margin-bottom: 0px;
}

header.raised {
  padding: 10px 0;
  background-color: #fff;
}

header nav {
  margin: 5px 0 0 0;
}

header .logo {
  position: absolute;
  margin-top: 0px;
  top: 10px;
  display: inline-block;
  -webkit-transition: -webkit-transform 1s ease-in-out;
  -webkit-transition: opacity 0.75s ease;
  -moz-transition: opacity 0.75s ease;
  transition: opacity 0.75s ease;
  -ms-transition: opacity 0.75s ease;
  -o-transition: opacity 0.75s ease;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation: come-in 1.5s cubic-bezier(0.09, 0.76, 0.29, 1) forwards;
  animation: come-in 1.5s cubic-bezier(0.09, 0.76, 0.29, 1) forwards;
  transition-property: all;
  transition-property: transform;
  -webkit-transition-property: all;
  -webkit-transition-property: transform;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  opacity: 1;
}

@media only screen and (max-width: 1000px) {
  .nav-toggle {
    display: none;
  }

  header .center {
    width: 92%;
  }

  header .logo {
    top: 0;
    position: relative;
  }
}
header .logo img {
  max-width: 200px;
}

header.raised .logo {
  transform: scale(0.95);
  -webkit-transform: scale(0.95);
}

header.raised .logo,
body.home header.raised .logo {
  opacity: 1;
}

header .logo a {
  text-decoration: none;
}

/*
header a.donate {
	display:inline-block;
	color:#fff;
	background:$green;
	padding:40px 30px;
	position:absolute;
	bottom:0;
	right:0;
	transition: background 0.75s ease;
}

header.raised a.donate {
	padding:37px 30px;
}

header a.donate:hover {
	background:$yellow;
}

*/
/*
header div.donate-links {
	float:right;
// 	position:absolute;
// 	top:0;
// 	right:0;
	padding:16px 0;
	color:white;
	background:$red;
	display:none;
}	

header div.donate-links {

		font-family: $font-family-sans-serif;
		font-size:$font-size-base * 0.75;
		text-decoration:none;
		font-weight:normal;
		display:none;


	.sf-menu ul li a {
		display:inline-block;
		padding-bottom:6px;
		border:none;
		font-family: $font-family-sans-serif;
		font-size:$font-size-base * 0.75;
		text-decoration:none;
		font-weight:normal;
		color:#fff;

	}	


}

*/
@media only screen and (max-width: 1000px) {
  header.raised .logo {
    top: 0;
  }

  header.raised a.donate,
header a.donate {
    display: none;
  }
}
header nav {
  float: right;
  margin: 0 90px 0 0;
}

header nav.flush_right {
  margin-right: 0;
}

header nav ul li {
  display: inline;
  text-align: left;
}

nav ul li a {
  font-family: "Plain", sans-serif;
  font-size: 15.75px;
  text-decoration: none;
  font-weight: normal;
  color: #000;
}

nav ul li a:hover {
  color: #000;
}

.sf-menu ul {
  float: left;
  position: relative;
  display: block;
}

.sf-menu ul li {
  float: left;
  margin: 5px 0px 0 40px;
  position: relative;
}

.sf-menu ul li.menu-item-has-children {
  margin-top: 0;
  /*account for pseudo elements*/
}

.sf-menu ul li.menu-item-has-children a {
  position: relative;
  padding-right: 15px;
}

.sf-menu ul li.menu-item-has-children::after {
  top: 0;
  margin-left: 0.5em;
  width: 5px;
  height: 5px;
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  border: solid #000;
  border-width: 0 2px 2px 0;
  position: relative;
  top: -3px;
  transform: rotate(45deg);
  transform-origin: center;
  margin: 0;
  transition: border 0.3s ease, transform 0.3s ease;
}

.sf-menu ul li.menu-item-has-children::before {
  width: 16px;
  height: 2px;
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #000;
}

.sf-menu ul li a {
  display: inline-block;
  padding-bottom: 6px;
  border-bottom: solid 2px #000;
  color: black;
  /*superfish override*/
}

.sf-menu ul li a:hover {
  color: black;
  /*superfish override*/
}

.sf-menu ul li ul {
  position: absolute;
  left: -10px;
  top: 45px;
  padding: 10px;
  color: #000;
  background: #fff;
}

.sf-menu ul li ul li {
  float: none;
  display: block;
  margin: 0;
}

.sf-menu ul li ul li a {
  border: none;
  color: #555555;
  /*superfish override*/
}

.sf-menu ul li ul li a:hover {
  color: black;
}

div.donate-menu {
  display: block;
  position: absolute;
  width: auto;
  height: 100%;
  right: 0;
  top: 0;
  background: #009F4A;
}

div.donate-menu .sf-menu ul li ul {
  left: -265px;
  /*find a better solution for this*/
}

header div.donate-menu nav {
  margin: 10px 0;
  padding: 0px 25px;
  transition: all 0.3s ease, transform 0.3s ease;
}

header.raised div.donate-menu nav {
  margin: 3px 0;
}

div.donate-menu nav ul {
  margin: 0;
}

div.donate-menu .sf-menu ul li {
  margin: 5px 0px 0 0px;
  position: relative;
}

div.donate-menu .sf-menu ul li.menu-item-has-children::after,
.panel div.donate-wrap .sf-menu ul li.menu-item-has-children::after {
  top: 0;
  margin-left: 0.5em;
  width: 5px;
  height: 5px;
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  position: relative;
  top: -3px;
  transform: rotate(45deg);
  transform-origin: center;
  margin: 0;
  transition: border 0.3s ease, transform 0.3s ease;
}

div.donate-menu .sf-menu ul li.menu-item-has-children::before {
  width: 16px;
  height: 2px;
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #fff;
}

div.donate-menu nav .sf-menu li {
  text-align: right;
}

div.donate-menu nav .sf-menu li ul,
div.donate-menu nav .sf-menu li ul li {
  text-align: right;
  background: #009F4A;
}

div.donate-menu .sf-menu li a,
.panel .donate-wrap .sf-menu li a {
  border-bottom: solid 2px white;
  color: white;
}

div.donate-menu .sf-menu ul li ul li a,
.panel .donate-wrap .sf-menu ul li ul li a {
  color: rgba(255, 255, 255, 0.75);
  border: none;
}

div.donate-menu .sf-menu ul li ul li a:hover {
  color: white;
}

.panel .donate-wrap .sf-menu ul li ul {
  background: #009F4A;
}

/*---------------

SOCIAL

*/
nav .social-nav {
  float: left;
  margin-left: 10px;
  margin-top: 3px;
}

nav .social-nav ul li {
  display: inline;
  margin: 0 0 0 15px;
}

nav .social-nav ul li a {
  font-size: 20px;
}

/*---------------

PANEL

*/
.panel .sf-menu {
  margin: 0 0 0 30px;
}

.panel .sf-menu ul,
.panel .sf-menu ul li {
  float: left;
  display: block;
  margin: 0;
  width: 100%;
  width: 150px;
  clear: both;
}

.panel .sf-menu ul li {
  margin: 7px 0 15px 0;
  /*for items without children;*/
}

.panel .sf-menu ul li.menu-item-has-children {
  margin: 0 0 15px 0;
  /*account for spacing created by pseudo elements*/
}

.panel .sf-menu ul li ul {
  float: left;
  position: relative;
  top: auto;
  width: 100%;
  margin-top: 10px;
  left: 0;
  top: 0;
}

.panel .sf-menu ul li ul li {
  margin: 0px;
  width: 100%;
}

.panel .sf-menu ul li.menu-item-has-children a {
  padding-right: 20px;
}

.panel .sf-menu ul li.menu-item-has-children::before {
  display: none;
}

.panel nav .social-nav {
  clear: both;
  margin-top: 30px;
}

@media only screen and (max-width: 1360px) {
  header nav .sf-menu ul li {
    margin: 5px 0 0 25px;
  }

  .sf-menu ul li.menu-item-has-children {
    margin-top: 0;
    /*account for pseudo elements*/
  }

  header nav .sf-menu ul li.menu-item-has-children a {
    padding-right: 5px;
  }

  header nav .sf-menu ul li ul {
    padding-left: 0;
  }

  header div.donate-menu nav {
    padding: 0px 15px;
  }
}
@media only screen and (max-width: 1205px) {
  header nav {
    margin: 0 65px 0 0;
  }

  header nav .sf-menu ul li {
    margin: 5px 0 0 15px;
  }

  .sf-menu ul li.menu-item-has-children {
    margin-top: 0;
    /*account for pseudo elements*/
  }

  header nav .sf-menu ul li.menu-item-has-children a {
    padding-right: 5px;
  }

  header nav .social-nav ul li {
    margin: 0 0 0 5px;
  }

  header a.donate {
    padding: 40px 20px;
  }
}
@media only screen and (max-width: 1050px) and (min-width: 1000px) {
  header nav .sf-menu ul li {
    margin: 5px 0 0 10px;
  }

  .sf-menu ul li.menu-item-has-children {
    margin-top: 0;
    /*account for pseudo elements*/
  }

  header nav .sf-menu ul li.menu-item-has-children a {
    padding-right: 0px;
  }

  header nav .social-nav ul li {
    margin: 0 0 0 0px;
  }

  header a.donate {
    padding: 40px 10px;
  }
}
@media only screen and (max-width: 1000px) {
  nav .social-nav {
    margin-left: 15px;
  }

  header nav .social-nav ul li {
    margin: 0 0 0 15px;
  }
}
#nav-toggle {
  position: absolute;
  top: -5px;
  right: 0px;
  transform: scale(0.62);
  -webkit-transform: scale(0.62);
  z-index: 1111;
}

@media only screen and (max-width: 1000px) {
  #nav-toggle {
    top: -7px;
  }
}
.nav-icon {
  width: 50px;
  height: 37px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.nav-icon span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #000;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.nav-icon span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.nav-icon span:nth-child(2) {
  top: 12px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.nav-icon span:nth-child(3) {
  top: 24px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.nav-icon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

.nav-icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 32px;
  left: 8px;
}

.panel {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  overflow: auto;
  -webkit-transition: visibility 0s 0.6s;
  -moz-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s;
  z-index: 1000;
  opacity: 0;
}

.panel::after,
.panel .mask {
  /* overlay layer */
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
  -webkit-transition: background 0.3s 0.3s;
  -moz-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}

.panel.is-visible {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
  opacity: 1;
}

.panel.is-visible::after,
.panel.is-visible .mask {
  background: rgba(0, 0, 0, 0.6) !important;
  -webkit-transition: background 0.3s 0s;
  -moz-transition: background 0.3s 0s;
  transition: background 0.3s 0s;
  z-index: 1000;
}

.mask {
  visibility: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.mask.is-visible {
  background: rgba(38, 44, 53, 0.9) !important;
  -webkit-transition: background 0.3s 0s;
  -moz-transition: background 0.3s 0s;
  transition: background 0.3s 0s;
  z-index: 1999;
  visibility: visible;
}

.panel-container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  overflow-y: auto;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
  overflow-x: hidden;
  background: #009F4A;
}

.panel-content {
  position: relative;
  width: 100%;
  height: auto;
  overflow: auto !important;
  /* smooth scrolling on touch devices */
  -webkit-overflow-scrolling: touch !important;
  background: #fff;
}

.panel-content p {
  font-size: 22px !important;
  line-height: 25px;
}

.from-right .panel-container {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.from-left .panel-container {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.is-visible .panel-container {
  -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);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}

@media only screen and (min-width: 768px) {
  .panel-container {
    width: 70%;
  }
}
@media only screen and (min-width: 1170px) {
  .panel-container {
    width: 50%;
  }
}
/*-----------

PANEL CONTENT

-------------*/
.panel .logo-wrap {
  width: 150px !important;
}

.panel nav {
  float: left;
  text-align: left;
  display: block !important;
  margin-top: 80px;
}

.panel .donate-wrap {
  display: inline-block;
  width: 100vw;
  background: #009F4A;
  padding: 25px 0px;
  position: relative;
  left: 0px;
  top: 25px;
}

/*menu rules in _nav.scss*/
.content-block-content {
  position: relative;
  z-index: 10;
}

.landing {
  position: relative;
  width: 100%;
  color: #fff;
}

.landing .landing-slides {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
}

.landing .landing-slides.absolute {
  position: absolute;
}

.landing .landing-slide.fixed {
  position: fixed;
}

.landing .landing-content {
  position: absolute;
  bottom: 8%;
  left: 4%;
}

.landing .col {
  background-color: #000;
}

@media only screen and (max-width: 1000px) {
  .landing .col {
    background: rgba(0, 0, 0, 0.3);
  }
}
.landing .column-content {
  margin-top: 35%;
}

.landing .landing-footer {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 30px;
  overflow: hidden;
}

@media only screen and (max-width: 700px) {
  .landing .landing-footer {
    bottom: 5px;
  }
}
.landing a.arrow {
  color: white;
  margin-top: 80px;
}

.landing .copy {
  margin: 30px 0;
  -webkit-transition: -webkit-transform 1s ease-in-out;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation: come-in 1.5s cubic-bezier(0.09, 0.76, 0.29, 1) forwards;
  animation: come-in 1.5s cubic-bezier(0.09, 0.76, 0.29, 1) forwards;
}

/*---------------------------


LANDING SLICK

--------------------------*/
.landing .slick div.slide {
  display: block;
  float: left;
  position: relative;
  width: 100%;
  min-height: 200px;
  color: white;
}

/*
.landing .slick div.slide div.slide-content,
.landing .slick div.slide div.slide-title-wrap, 
.landing .slick div.slide div.action-wrap {
	width:27%;
	width:400px;
	text-align:left; 
	position:absolute; 
	//top:5%;
	bottom:15%;
	left:2%;
}

.landing .slick div.slide div.slide-title-wrap {
	top:35.5%;
}

.landing .slick div.slide div.slide-title-wrap span.title {
	font-size:200px;
	opacity:0.66;
}

@media only screen and (max-width: 700px) {
	.landing .slick div.slide div.slide-title-wrap span.title {
		font-size:80px;
	}
}

.landing .slick a.action {
	color:white;
	padding:15px 40px; 
}

.landing .slick a.action:hover {
	background:white !important;
	color:#828186 !important;
}

.landing .slick a.action.mobile {
	display:none;
}

.landing a.arrow_left {
// 	background:url('img/arrow_left.png') center center no-repeat; 
// 	background-size:70%;
// 	position:absolute; 
// 	left:2%; 
}

.landing a.arrow_right {
// 	background:url('img/arrow_right.png') center center no-repeat; 
// 	background-size:70%;
// 	position:absolute; 
// 	right:2%; 
}

.dots-wrapper {
	width:100%;
	position:absolute; 
	bottom:60px;	
	text-align:center; 
	z-index:1000;
}


.slick-pager {
	margin-right:0 auto; 
}

ul.slick-dots {
	position:relative;
	bottom:auto;
}

ul.slick-dots li {
	width:12px;
	height:12px;
	background:#0171b9;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin:0px 7px;
}

ul.slick-dots li.slick-active {
	background:#fff;
}

*/
/*hide button text*/
.slick-dots li button::before,
.slick-dots li.slick-active button::before,
.slick-dots li button:hover::before,
.slick-dots li button:focus::before,
ul.slick-dots li.slick:hover button,
ul.slick-dots li.slick button:hover,
ul.slick-dots li.slick button,
ul.slick-dots li.slick-active button {
  opacity: 0 !important;
}

.landing .slide-title {
  margin-top: 4%;
}

.landing div.slide .slide-title h1 {
  font-size: 38px;
  line-height: 48px;
  font-weight: 700;
  max-width: 50%;
  width: 50%;
  color: #0171b9;
}

.featured,
.featured .col {
  color: #fff;
  background: #009F4A;
}

.featured ul {
  float: left;
  display: block;
  width: 100%;
  margin: 25px 0;
  color: #fff;
}

.featured ul li {
  list-style: none;
  float: left;
  width: 60%;
  margin: 5px 0;
}

.cornered::after {
  top: 0;
  margin-left: 0.5em;
  width: 5px;
  height: 5px;
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  border: solid #000;
  border-width: 0 2px 2px 0;
  position: relative;
  top: -3px;
  transform: rotate(45deg);
  transform-origin: center;
  margin: 0;
  transition: border 0.3s ease, transform 0.3s ease;
}

@media only screen and (max-width: 650px) {
  .featured .media-thumb {
    min-height: 100%;
    height: 100%;
  }

  .featured .media .overlay h2,
.featured .media .overlay h3,
.featured .media .overlay h4,
.featured .media .overlay ul,
.featured .media .overlay ul li {
    font-size: 26px;
    font-size: 21px;
  }
}
.listing .entry {
  margin-bottom: 50px;
}

.listing .entry span.subtitle {
  display: block;
  color: #999999;
  margin-bottom: 15px;
}

.listing .entry p {
  font-size: 18.48px;
  margin-bottom: 10px;
}

.listing .entry p a {
  color: #fff;
}

.listing .entry p a:hover,
.listing .entry div.meta span {
  color: #999999;
}

div.filter .sf-menu ul {
  font-size: 18.48px;
  z-index: 1;
}
div.filter .sf-menu ul li.menu-item-has-children a {
  color: #fff;
}
div.filter .sf-menu ul li.menu-item-has-children::after {
  top: 0;
  margin-left: 0.5em;
  width: 5px;
  height: 5px;
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  position: relative;
  top: -3px;
  transform: rotate(45deg);
  transform-origin: center;
  margin: 0;
  transition: border 0.3s ease, transform 0.3s ease;
}
div.filter .sf-menu ul li.menu-item-has-children::before {
  width: 16px;
  height: 2px;
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #fff;
}
div.filter .sf-menu ul li a {
  display: inline-block;
  padding-bottom: 6px;
  border-bottom: solid 2px #fff;
}
div.filter .sf-menu ul li ul {
  position: absolute;
  left: 0px;
  top: 45px;
  padding: 10px;
  width: calc(100%);
  color: #000;
  background: #222;
}
div.filter .sf-menu ul li ul li {
  float: none;
  display: block;
  margin: 0;
}
div.filter .sf-menu ul li ul li a {
  border: none;
  color: #555555;
  /*superfish override*/
}
div.filter .sf-menu ul li ul li a:hover {
  color: #a8a8a8;
}

#news-latest .more-link {
  margin-top: 100px;
  border-bottom: solid 8px #FFDA13;
  padding-bottom: 50px;
}

#news-latest .more-link a {
  display: block;
  padding-bottom: 50px;
}

#logo-cycle-wrap {
  position: relative;
  width: 100%;
  padding: 50px 0 80px 0;
  text-align: center;
  color: white;
  overflow: hidden;
}

#logo-cycle-wrap .slick-carousel {
  overflow: hidden;
}

#logo-cycle-wrap img {
  width: auto !important;
  max-width: 230px;
  margin: 0 80px 0 0;
  padding: 0 25px;
}

ul.logo-wrap {
  float: left;
  width: 45%;
  height: 150px;
  list-style: none;
  display: table;
  margin: 0 0 20px 0;
}

ul.logo-wrap li {
  display: table-cell;
  vertical-align: middle;
}

ul.logo-wrap li img {
  max-width: 45%;
}

ul.logo-wrap li img.wide {
  max-width: 85%;
}

.video p.excerpt {
  max-width: 66%;
  font-size: 18.48px;
}

.page-content ul {
  margin-left: 25px;
}

@media only screen and (max-width: 1000px) {
  div.featured-image {
    margin-bottom: 10px;
  }
}
/*----------------------------

ENTRIES, MEDIA & THUMBS

-----------------------------*/
div.entry-title {
  padding: 0 0 10px 20px;
}

/*specify col here, timeline also has media class*/
.col .media {
  /*float:left;*/
  position: relative;
  width: 100%;
  max-height: 100%;
  height: auto;
  text-align: left;
}

.col .media, .col .media.tinted img {
  -webkit-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
  -moz-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
  -ms-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
  -o-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
}

/*-----TITLES------*/
div.media-title a,
div.overlay a {
  color: #fff !important;
  font-weight: 100 !important;
  letter-spacing: 1px;
}

/*-----OVERLAYS & TITLES------*/
div.media .media-thumb .overlay,
div.media .media-thumb .overlay-pagination,
div.media .media-thumb .media-title {
  position: absolute;
  width: 100%;
  max-width: 100%;
  bottom: 15px;
  left: 20px;
  z-index: 90;
  letter-spacing: 1px !important;
  line-height: 20px !important;
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
}

div.media .media-thumb .media-title,
div.media .media-thumb a.more {
  bottom: 0px;
}

div.media .media-thumb .media-title {
  opacity: 1;
  filter: alpha(opacity=100);
  display: block;
  transition-property: all;
  transition-property: transform;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: transform 0.5s;
}

div.media .media-thumb a.more {
  opacity: 0;
}

div.media .media-thumb .img-wrap,
div.media a.permalink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  height: 100%;
}

div.media a.permalink {
  display: inline-block;
  z-index: 100;
}

div.media .media-thumb .overlay {
  display: block;
  transition-property: transform;
  transition: all 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  transition: transform 0.5s;
}

div.media .media-thumb .overlay.overlay_top {
  top: 40px;
  bottom: auto;
  max-width: 88%;
}

div.media .media-thumb .overlay p {
  color: #fff;
  line-height: 25px;
}

/*-----HOVER------*/
.col .media:hover,
.col .tinted {
  background: #009F4A;
}

.col .media:hover img,
.col .media:hover .img-wrap {
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.col .media.tinted:hover img,
.col .media.no_fade:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}

.col .media:hover .media-title {
  transform: translateY(-10px);
}

.col .media:hover a.more {
  display: inline-block;
  opacity: 1;
}

.col .media:hover .overlay {
  display: block;
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(-20px);
}

.zoom {
  position: relative;
  margin: auto;
  overflow: hidden;
  width: 100%;
}

.zoom .img-wrap,
.zoom img {
  max-width: 100%;
  transition: all 0.3s;
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
}

.zoom:hover .img-wrap,
.zoom:hover img {
  transform: scale(1.1);
}

.gallery-wrap {
  padding: 90px 0;
}

.gallery-wrap .gallery-item {
  width: 100%;
  margin-bottom: 70px;
}

.gallery-wrap .gallery-item h5 {
  font-family: "Plain", sans-serif;
  font-size: 20.37px;
  text-decoration: underline;
}

.gallery-wrap img.tall {
  width: 60%;
  max-width: 60%;
  height: auto !important;
  display: block;
  margin: 0 auto 70px auto;
}

@media only screen and (max-width: 1000px) {
  .gallery-wrap img.tall {
    width: 100%;
    max-width: 100%;
  }
}
.gallery-wrap .gallery-item .caption {
  width: 66%;
  margin-top: 15px;
  font-family: "Plain", sans-serif;
  font-size: 19.95px;
  color: #333333;
}

.gallery .thumb span.caption {
  display: block;
  margin: 3px;
  font-size: 15.75px;
  color: rgba(255, 255, 255, 0.5);
}

div.pagination {
  float: left;
  width: calc(100% - 30px);
}

div.pagination ul li {
  display: inline;
  margin: 0 0 0 10px;
}

div.pagination ul li {
  font-family: "Plain", sans-serif;
  font-size: 13.86px;
  font-weight: normal;
}

ul.stat {
  float: left;
  width: 200px;
  margin: 0 100px 75px 0;
  list-style: none;
  text-align: center;
}

ul.stat li.large {
  font-size: 32px;
  font-weight: bold;
}

ul.stat li.extra_large {
  font-size: 45px;
  font-weight: bold;
}

ul.stat span.circle {
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  width: 155px;
  height: 150px;
  line-height: 140px;
  font-size: 45px;
  color: #FFDA13;
  background: #1F4394;
}

#contact {
  height: 70vh;
}

#mc_embed_signup .mc-field-group {
  padding-bottom: 15px !important;
  min-height: auto !important;
}

#mc_embed_signup input {
  font-size: 14.7px !important;
  border: none !important;
  /*override*/
  border-bottom: solid 1px black !important;
  border-radius: 0 !important;
}

#mc_embed_signup .button {
  border: none !important;
  margin-top: 20px !important;
  background: black !important;
}

#mc_embed_signup .button:hover {
  background: #555555 !important;
}

@media only screen and (max-width: 1000px) {
  #mc_embed_signup {
    margin: 50px 0;
  }
}
footer {
  position: relative;
  width: 100%;
  display: block;
  clear: both;
  float: left;
  padding: 90px 0;
  background: #fff;
}

footer p {
  color: #555555;
  font-size: 13.86px;
}

footer ul li {
  float: left;
  width: 50%;
  margin: 0 0 30px 0;
}

footer ul li.menu-item-has-children {
  padding-bottom: 10px;
}

footer ul li.menu-item-has-children a {
  border-bottom: solid 2px red;
  padding-bottom: 5px;
}

footer ul li ul {
  margin-top: 10px;
}

footer ul li ul li {
  float: left;
  width: 100%;
  display: block;
  border: none;
  margin: 0;
}

footer ul li.menu-item-has-children ul li a {
  border: none;
}

footer ul li ul li a {
  color: #555555;
}

footer nav .social-nav {
  position: absolute;
  right: 0;
  bottom: 60px;
  float: left;
  margin-left: 10px;
  margin-top: -5px;
}

footer nav .social-nav ul li {
  width: auto;
  margin: 0 0 0 20px;
}

footer nav .social-nav ul li a {
  font-size: 20px;
}

footer .footer-links ul li {
  display: block;
  width: 100%;
  margin: 0;
}

footer .footer-links ul li a {
  color: #555555;
  font-size: 13.86px;
}

footer .footer-links ul li a:hover {
  color: #000;
}

footer span#rainbow {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  height: 2px;
  background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
  background: -o-linear-gradient(right, red, orange, yellow, green, blue, indigo, violet);
  background: -moz-linear-gradient(right, red, orange, yellow, green, blue, indigo, violet);
  background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
  opacity: 0.8;
}

@media only screen and (max-width: 1000px) {
  footer nav .social-nav {
    position: relative;
    right: auto;
    bottom: auto;
    float: left;
    margin-left: 0;
    margin-top: 0px;
    margin-bottom: 30px;
  }

  footer nav .social-nav ul li {
    width: auto;
    margin: 0 20px 0 0;
  }
}
.content-block.our-mission-block .content-block-content p:first-of-type {
  margin-top: 200px;
}

@media only screen and (max-width: 1000px) {
  .content-block.our-mission-block .content-block-content p:first-of-type {
    margin-top: 50px;
  }
}
/*---------------------------


MODAL


--------------------------*/
.modal-wrap {
  position: fixed;
  display: none;
  width: 100%;
  height: 90vh;
  z-index: 3000;
  top: 0;
  color: white;
  background: rgba(0, 0, 0, 0.8);
  overflow-y: scroll;
  -webkit-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
  -moz-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
  -ms-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
  -o-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
  text-align: center;
  padding: 5% 0;
}

.modal-wrap .modal-content {
  width: 85%;
  margin: 0 auto;
  padding: 40px 0;
  background-color: rgba(0, 0, 0, 0.3);
}

.modal-wrap .entry-title {
  width: 80%;
  margin: 0 auto;
}

.modal-wrap .entry-title h4 {
  line-height: 25px;
}

.modal-wrap .media-thumb {
  width: 24%;
  text-align: center;
  margin: 15px auto;
}

.modal-wrap .media-thumb img {
  float: none;
}

.modal-wrap a.permalink {
  display: inline-block;
  margin-top: 15px;
}

.modal-wrap .x {
  position: absolute;
  transform: scale(0.66);
  top: -60px;
  right: 0px;
  display: inline-block;
  z-index: 200;
}

.modal-wrap h1,
.modal-wrap h2,
.modal-wrap h3,
.modal-wrap h4,
.modal-wrap p {
  color: white;
}

.modal-wrap h2 {
  font-weight: 500;
  margin-bottom: 40px;
}

.modal-wrap ul {
  font-size: 17px;
  line-height: 24px;
}

.modal-wrap p {
  font-size: 17px;
  line-height: 24px;
  width: 95%;
  margin-bottom: 30px;
}

.modal-wrap a {
  color: #009F4A;
}

.modal-wrap a:hover {
  color: #fff;
}

.modal-wrap a.button {
  display: inline-block;
  padding: 15px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background-color: #009F4A;
}

.modal-wrap a.button:hover {
  background-color: #000;
}

@media only screen and (max-width: 920px) {
  .modal-wrap .x {
    top: -35px;
  }

  .modal-wrap img {
    margin-top: 35px;
    margin-bottom: 20px;
  }
}
/*---------------------------


X


--------------------------*/
.x {
  width: 50px;
  height: 37px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  margin: 20px auto;
}

.x span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.x span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.x span:nth-child(2) {
  top: 12px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.x span:nth-child(3) {
  top: 24px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.x span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

.x span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.x span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 32px;
  left: 8px;
}

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