/*   
Theme Name: Imam Hasan Centre
Theme URI: http://www.macintypedesign.com.au
Description: This is a WordPress Theme designed and coded by Macintype Design exclusively for Imam Hasan Centre -- WordPress v5.5.1
Author: Macintype Design
Author URI: http://www.macintypedesign.com.au
Version: 1
*/

:root {
  --site-gutter: 6vw;
  --push: 5.4rem;
  --sp-1: 0.64rem;
  --sp-2: 1.28rem;
  --sp-3: 2.24rem;
  --sp-4: 3.2rem;
  --sp-5: 4.16rem;
  --sp-6: 5.12rem;
  --sp-7: 6.08rem;
  --sp-8: 7.04rem;
  --sp-9: 8rem;
  --placeholder--opacity: 0.6;
  --line-height: 1.6;
  --text-crop-top: 0.65;
  --text-crop-bottom: 0.77;
}

@media (min-width: 860px) {
  :root {
    --push: 9rem;
    --sp-1: 0.8rem;
    --sp-2: 1.6rem;
    --sp-3: 2.8rem;
    --sp-4: 4rem;
    --sp-5: 5.2rem;
    --sp-6: 6.4rem;
    --sp-7: 7.6rem;
    --sp-8: 8.8rem;
    --sp-9: 10rem;
  }
}
* { box-sizing:border-box; }
html, body {
margin:0;
  padding:0;
  height:100%;
  overflow-x:hidden;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  font-style: normal;
  line-height:1.6em;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  color:#000;
}
p {
  margin-top:0;
  margin-bottom:1em;
}
a { color:#12672F; }
a:hover { color:unset; }
h1 { margin-top:1em; }
h2 {
  font-size:17px;
  font-weight:bold;
  line-height:1.6em;
  margin-bottom:0.6em;
  text-transform:uppercase;
  color:#007840;
}
main {
  position:relative;
  margin-bottom:30px;
}

.sr-only { display:none; }
.width {
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
}
@media only screen and (max-width:1100px) {
  .width { width:950px; }
}
@media only screen and (max-width:1050px) {
  .width { width:900px; }
}
@media only screen and (max-width:1023px) {
  .width { width:800px; }
}
@media only screen and (max-width:823px) {
  .width { width:90%; }
}
.flex {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.flex > * { flex: 0 0 auto; }
.button {
  display:inline-block;
  font-size:16px;
  height:50px;
  line-height:50px;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
}
.button_primary {
  border:1px solid #888B8D;
  color:#888B8D;
  width:245px;
}
.button_primary:hover {
  background:#888B8D;
  color:#fff;
}
ul.social {
  list-style:none;
  margin:0;
  padding:0;
}
ul.social li {
  display:inline-block;
  margin:0;
  padding:0;
}
ul.social li a {
  display:inline-block;
  vertical-align:middle;
  width:20px;
  height:20px;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
}
.ico_facebook { background-image:url(images/ico_facebook.png); }
.ico_twitter { background-image:url(images/ico_twitter.png); }
.ico_instagram { background-image:url(images/ico_instagram.png); }
.ico_linkedin { background-image:url(images/ico_linkedin.png); }
.ico_next, .ico_prev {
  display:inline-block;
  vertical-align:top;
  width:18px;
  height:18px;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
}
.ico_next { background-image:url(images/ico_next.png); }
.ico_prev { background-image:url(images/ico_prev.png); }

.cols {
  display:table;
  width:100%;
}
.cols > div { 
  display:table-cell;
  vertical-align:top;
}
@media only screen and (max-width:767px) {
  .cols, .cols > div { display:block; }
}

.ico_map {
  display:inline-block;
  width:17px;
  height:24px;
  background:url(images/ico_map.png) no-repeat center center;
  background-size:contain;
  vertical-align:middle;
  margin-right:16px;
}

#header_top {
  position:relative;
  font-size:12px;
  height:50px;
  line-height:50px;
  margin-bottom:20px;
  /*background:#12672F;*/
  background:#116002;
  color:#fff;
}
#header_top .width {
  display:flex;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:center;
}
#header_address {
  flex-grow:1;
  max-width:580px;
  white-space:nowrap;
}
#hijri_date {
  font-size:20px;
  vertical-align:middle;
  font-weight:bold;
  color:#719a0d;
  text-align:center;
  flex-basis:350px;
  white-space:nowrap;
}
@media only screen and (max-width:1023px) {
  #header_address { display:none; }
  #hijri_date { flex-grow:1; }
  header ul.social { margin-right:90px; }
}
header ul.social {
  position:absolute;
  top:0px;
  right:55px;
}
@media only screen and (max-width:1290px) {
  header ul.social {
    right:10px;
  }
}
@media only screen and (max-width:767px) {
  header .width { justify-content:flex-start; }
  #hijri_date, header ul.social { flex-grow:0; }
  #hijri_date { font-size:10px; }
  header ul.social { padding-left:5px; }
}
/*
header .button {
  position:absolute;
  right:0px;
  top:0px;
  font-weight:900;
  background:#80C41C;
  color:#fff;
  width:184px;
}
@media only screen and (max-width:1290px) {
  header .button { width:140px; }
}
@media only screen and (max-width:1150px) {
  header .button { width:120px; }
}
@media only screen and (max-width:1110px) {
  header .button {
      font-size:12px;
      width:90px;
  }
}
*/
header img {
  display:block;
  margin-bottom:16px;
}
#header_right {
  position:absolute;
  right:100px;
  top:0px;
  height:40px;
  line-height:40px;
}
.search_bar {
  display:inline-block;
  width:250px;
  /*border-bottom:1px solid #636466;*/
  border-bottom:1px solid #fff;
  padding-left:20px;
  background:url(images/ico_search.png) no-repeat left center;
  background-size:13px 13px;
  line-height:1em;
}
.search_bar input {
  border:none;
  background:none;
  outline:none;
  font:bold 10px 'Open Sans';
  color:#fff;
  height:26px;
}
@media only screen and (max-width:767px) {
  header img { max-width:100px; }
  .search_bar { width:100px; }
  #header_right {
      right:0px;
      height:28px;
      line-height:28px;
  }
}
.sf-menu {
  float:none;
  margin-bottom:0;
}
.sf-menu ul { box-shadow:none; }
.sf-menu > li > ul { padding-top:20px; }
.sf-menu ul ul { padding-left:5px; }
.sf-menu ul li {
  background:#c9d8a3 !important;
  margin-bottom:5px;
  text-align:left;
}
.sf-menu ul li:hover { background:#116002 !important; }
.sf-menu a {
  color:#000;
  border-left:none;
  border-top:none;
}
.sf-menu ul li a { 
  font-size:14px;
  line-height:1em;
  padding-top:15px;
  padding-bottom:15px;
  border-left:5px solid #116002;
  min-width:250px;
}
.sf-menu ul > li:hover > a, .sf-menu ul > li.sfHover > a { color:#fff; }
#header_right .sf-menu {
  display:inline-block;
  vertical-align:middle;
  margin-left:30px;
}
#header_right .sf-menu > li { background:none; }
#header_right .sf-menu > li > a {
  font-size:16px;
  font-weight:900;
  padding-top:0;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
  line-height:26px;
  text-transform:uppercase;
}
#header_right .sf-menu > li > ul { padding-top:10px; }
@media only screen and (max-width:767px) {
  #menu-top {
      right:0;
      left:auto;
  }
}
#menu-main {
  display:flex;
  justify-content:space-between;
  font-size:14px;
}
#menu-main > li {
  flex-grow:1;
  margin-left:15px;
  max-width:152px;
  background:none;
  border-bottom:6px solid #12672F;
  text-align:center;
}
#menu-main > li:first-child { margin-left:0; }
#menu-main > li > a {
  font-weight:bold;
  padding-top:1px;
  padding-bottom:1px;
}
@media only screen and (max-width:1023px) {
  #menu-main { font-size:12px; }
}
@media only screen and (max-width:767px) {
  #menu-main > li {
      margin-left:2px;
      margin-right:2px;
  }
  #menu-main > li > a {
      font-size:10px;
      padding-left:0;
      padding-right:0;
  }
}
#menu-main > li.highlight_12672F { border-bottom-color:#12672F; }
#menu-main > li.highlight_2d9548 { border-bottom-color:#2d9548; }
#menu-main > li.highlight_7aaf61 { border-bottom-color:#7aaf61; }
#menu-main > li.highlight_9fc060 { border-bottom-color:#9fc060; }
#menu-main > li.highlight_aac33e { border-bottom-color:#aac33e; }
#menu-main > li.highlight_becd3a { border-bottom-color:#becd3a; }

#menu-main > li.highlight_116002 { border-bottom-color:#116002; }
#menu-main > li.highlight_188803 { border-bottom-color:#188803; }
#menu-main > li.highlight_1fb104 { border-bottom-color:#1fb104; }
#menu-main > li.highlight_26d905 { border-bottom-color:#26d905; }
#menu-main > li.highlight_33fa0d { border-bottom-color:#33fa0d; }
#menu-main > li.highlight_55fb35 { border-bottom-color:#55fb35; }

.hamburger {
  font-size:15px;
  width: 1em;
  height: .7em;
  display: inline-flex;
  vertical-align:middle;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
}
.hamburger::before, .hamburger::after, .hamburger > i::before, .hamburger > i::after {
  content: '';
  display: block;
  width: 100%;
  height: .1em;
  background: currentColor;
  border-radius: 2px;
  transition: all 0.2s ease-in-out;
}
.hamburger.is-active::before {
  transform: translateY(-0.25em);
  opacity: 0;
}
.hamburger.is-active::after {
  transform: translateY(0.25em);
  opacity: 0;
}
.hamburger i {
  position: relative;
  height: .1em;
}
.hamburger > i::before, .hamburger > i::after {
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(0deg);
}
.hamburger.is-active > i::before { transform: rotate(45deg); }
.hamburger.is-active > i::after { transform: rotate(-45deg); }

.menu-main-container {
  height:65px;
}
#prayer_times {
  font-size:14px;
  line-height:18px;
  vertical-align:middle;
  color:#636466;
  margin-bottom:20px;
}
#prayer_times strong {
  margin-left:10px;
  margin-right:15px;
  text-transform:uppercase;
}
#prayer_times .button {
  position:static;
  float:right;
  font-size:12px;
  height:18px;
  line-height:18px;
  background:#636466;
  width:135px;
}

.featured, .post { background:#E6E6E6; }
.featured {
  height:400px;
  overflow:hidden;
}
.post {
  width:230px;
  height:310px;
  overflow:hidden;
  float:left;
  margin-left:26.6px;
  position:relative;
}
.post:first-of-type { margin-left:0; }
aside .post {
  float:none;
  margin-left:0;
  margin-bottom:26px;
}
.thumb {
  background-color:#000;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  position:relative;
}
.thumb img {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);
}
.featured .thumb {
  float:left;
  width:74%;
  height:100%;
}
.post .thumb {
  height:130px;
  border-bottom:6px solid #12672F;
}
.excerpt {
  font-size:12px;
  line-height:1.5em;
}
.featured .excerpt {
  padding:20px;
  float:left;
  width:26%;
  max-width:260px;
}
@media only screen and (max-width:1023px) {
  .featured .thumb { width:60%; }
  .featured .excerpt { width:40%; }
}
@media only screen and (max-width:767px) {
  .featured .thumb, .featured .excerpt {
      float:none;
      width: 100%;
      max-width:none;
      height:200px;
  }
}
.post .excerpt { padding:12px; }
.excerpt h3 {
  font-size:12px;
  font-weight:bold;
  line-height:1.5em;
}
.post .excerpt h3 {
  line-height:1.5em;
  margin-top:0.5em;
  margin-bottom:0;
}
.excerpt h3 a {
  color:#000;
  text-decoration:none;
}
.excerpt h3 a:hover {
  color:#12672F;
  text-decoration:underline;
}
.excerpt h4 {
  font-weight:bold;
  font-size:11px;
  line-height:1.6em;
  margin-bottom:0;
  text-transform:uppercase;
}
.post .excerpt h4 { margin-top:0; }
.excerpt h4 a { text-decoration:none; }
.excerpt h4 a:hover { text-decoration:underline; }
.excerpt h5 {
  font-size:12px;
  font-weight:bold;
  line-height:1em;
  margin-top:0;
  color:#808080;
}
.post .excerpt h5 { margin-bottom:0.5em; }
.post .excerpt .button {
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  width:auto;
  font-size:12px;
  font-weight:bold;
  height:34px;
  line-height:34px;
  text-transform:none;
}
.featured .excerpt .button {
  width:100%;
  margin-top:2em;
}
div.category {
  border-top:1px solid #767779;
  padding-top:15px;
  padding-bottom:40px;
}
.posts::after {
  content:'';
  display:table;
  clear:both;
  margin-bottom:30px;
}
body.category .posts { margin-left:-26.6px; }
body.category .post { margin-bottom:26.6px; }
body.category .post:first-of-type { margin-left:26.6px; }
@media only screen and (max-width:1100px) {
  .category .posts { margin-left:-10px; }
  .category .post, .category .post:first-of-type { margin-left:10px; }

  body.category .posts { margin-left:-10px; }
  body.category .post { margin-bottom:20px; }
  body.category .post:first-of-type { margin-left:10px; }
}
@media only screen and (max-width:1050px) {
  .category .post, .category .post:first-of-type {
      width:217px;
  }
}
@media only screen and (max-width:1023px) {
  .category .posts { margin-left:-2.6%; }
  .category .post, .category .post:first-of-type {
      width:47%;
      margin-left:2.6%;
      margin-bottom:20px;
  }

  body.category .posts { margin-left:-2.6%; }
  body.category .post:first-of-type { margin-left:2.6%; }
}
@media only screen and (max-width:767px) {
  .category .posts, body.category .posts { margin-left:0; }
  .category .post, .category .post:first-of-type, body.category .post, body.category .post:first-of-type {
      height:auto;
      width:100%;
      margin-left:0;
      float:none;
      margin-bottom:20px;
  }
}

.page-template-template_subscribe h1 {
  font-size:22px;
}
.single-post main, .page-template-template_donate_form main { max-width:742px; }
.page-template-template_subscribe .width.flex {
  justify-content:space-between;
}
.page-template-template_subscribe main {
  max-width:363px;
}
.single-post aside, .page-template-template_donate_form aside {
  flex-basis:230px;
  margin-left:26px;
}
.page-template-template_subscribe aside {
  margin-top:30px;
}

@media only screen and (max-width:1100px) {
  .single-post main, .page-template-template_donate_form main { max-width:695px; }
}
@media only screen and (max-width:1050px) {
  .single-post main, .page-template-template_donate_form main { max-width:645px; }
}
@media only screen and (max-width:1023px) {
  .single-post main, .page-template-template_donate_form main { max-width:545px; }
}
@media only screen and (max-width:823px) {
  .single-post main, .page-template-template_donate_form main { max-width:63.5%; }
}
@media only screen and (max-width:767px) {
  .width.flex { display:block; }
  .single-post main, .page-template-template_donate_form main {
      width:100%;
      max-width:none;
  }
  .single-post aside, .page-template-template_donate_form aside { margin-left:0; }
  .single-post aside .post, .page-template-template_donate_form aside .post {
      width:100%;
      height:auto;
  }
}
#post_nav {
  font-size:10px;
  line-height:18px;
  vertical-align:middle;
  margin-top:12px;
}
#post_nav a {
  color:#636466;
  text-decoration:none;
}
#post_nav a:hover { text-decoration:underline; }
#post_meta h4 {
  font-size:16px;
  line-height:1.6em;
  font-weight:bold;
  text-transform:uppercase;
  margin-top:3em;
  margin-bottom:0;
}
#post_meta h4 a { text-decoration:none; }
#post_meta h4 a:hover { text-decoration:underline; }
#post_meta h5 {
  font-size:18px;
  font-weight:bold;
  line-height:1em;
  color:#808080;
}
#post_meta h3 {
  font-size:24px;
  line-height:1.6em;
  font-weight:bold;
  margin-top:0.8em;
  margin-bottom:1.2em;
}
#post_content { margin-bottom:1em; }

#home_slider {
  border:none;
  border-radius:0;
  margin-top:15px;
  margin-bottom:30px;
}
#home_slider .post { margin:0; }
#home_slider .slide_num {
  position:absolute;
  right:-62px;
  bottom:30px;
  z-index:100;
  color:#000;
  font-size:23px;
  font-weight:900;
  text-align:center;
  width:60px;
  transition:all 0.25s;
  white-space:nowrap;
}
#home_slider .slide_num div {
  padding-left:30px;
  color:#12672F;
  transform:rotate(90deg);
}
#home_slider .slide_num.blur {
  -webkit-filter:blur(3px); filter:blur(3px);
  -webkit-transform:scale(1.2); transform:scale(1.2);
}
#home_slider .flex-direction-nav a {
  margin:0;
  opacity:1;
  font-size:0;
  width:37px;
  height:37px;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  -webkit-transition:all 0.5s; transition:all 0.5s;
}
@media only screen and (max-width:823px) {
  #home_slider .slide_num, #home_slider .flex-direction-nav a { display:none; }
}
#home_slider .flex-direction-nav a:hover {
  -webkit-transform:scale(1.2); transform:scale(1.2);
}
#home_slider .flex-direction-nav .flex-prev {
  background-image:url(images/ico_prev_light.png);
  left: -50px !important;
}
#home_slider .flex-direction-nav .flex-next {
  background-image:url(images/ico_next_light.png);
  right:-50px !important;
}
.flex-direction-nav a:before { content:none !important; }

.search_result { margin-bottom:2em; }

.page-template-template_donate .excerpt h4 { margin-bottom:2em; }
.page-template-template_donate .featured { margin-bottom:26px; }
.page-template-template_donate .post { margin-left:26px; }
.page-template-template_donate .post:first-child { margin-left:0; }

.form > * { flex: 1 1 100%; }

/*
----------------
- Flexbox utility classes
----------------
*/
.ai\:start { align-items: flex-start; }
.ai\:center { align-items: center; }
.ai\:end { align-items: flex-end; }
.ai\:stretch { align-items: stretch; }
.as\:start { align-self: flex-start; }
.as\:center { align-self: center; }
.as\:end { align-self: flex-end; }
.as\:stretch { align-self: stretch; }
.jc\:start { justify-content: flex-start; }
.jc\:center { justify-content: center; }
.jc\:end { justify-content: flex-end; }
.jc\:around { justify-content: space-around; }
.jc\:between { justify-content: space-between; }
.fd\:column { flex-direction: column; }
.fd\:row-reverse { flex-direction: row-reverse; }
.fw\:wrap { flex-wrap: wrap; }
.fw\:wrap-reverse { flex-wrap: wrap-reverse; }

@media (min-width: 640px) {
  .md__fd\:row { flex-direction: row; }
  .md__fd\:column { flex-direction: column; }
  .md__fd\:row-reverse { flex-direction: row-reverse; }
}

@media (min-width: 860px) {
  .lg__fd\:row { flex-direction: row; }
  .lg__fd\:column { flex-direction: column; }
  .lg__fd\:row-reverse { flex-direction: row-reverse; }
}

/*
----------------
- Flex grow and shrink
----------------
*/
body .flex\:00, ._flex\:00 > * {
  flex-grow: 0;
  flex-shrink: 0;
}
body .flex\:10, ._flex\:10 > * {
  flex-grow: 1;
  flex-shrink: 0;
}
body .flex\:11, ._flex\:11 > * {
  flex-grow: 1;
  flex-shrink: 1;
}
body .flex\:01, ._flex\:01 > * {
  flex-grow: 0;
  flex-shrink: 1;
}
body .flex\:91, ._flex\:91 > * {
  flex-grow: 9999;
  flex-shrink: 1;
}

/*
----------------
- Gaps: Used in grids, flexbox and cells
----------------
*/
.gap\:1 {
  margin: -0.8rem;
  --row-gap: var(--sp-1);
  --gap: var(--sp-1);
}
.gap\:1 > * {
  margin-top: 0.8rem;
  padding-left: 0.8rem;
}
.gap\:2 {
  margin: -1.6rem;
  --row-gap: var(--sp-2);
  --gap: var(--sp-2);
}
.gap\:2 > * {
  margin-top: 1.6rem;
  padding-left: 1.6rem;
}
.gap\:3 {
  margin: -2.8rem;
  --row-gap: var(--sp-3);
  --gap: var(--sp-3);
}
.gap\:3 > * {
  margin-top: 2.8rem;
  padding-left: 2.8rem;
}
.gap\:4 {
  margin: -4rem;
  --row-gap: var(--sp-4);
  --gap: var(--sp-4);
}
.gap\:4 > * {
  margin-top: 4rem;
  padding-left: 4rem;
}
.gap\:5 {
  margin: -5.2rem;
  --row-gap: var(--sp-5);
  --gap: var(--sp-5);
}
.gap\:5 > * {
  margin-top: 5.2rem;
  padding-left: 5.2rem;
}
.gap\:6 {
  margin: -6.4rem;
  --row-gap: var(--sp-6);
  --gap: var(--sp-6);
}
.gap\:6 > * {
  margin-top: 6.4rem;
  padding-left: 6.4rem;
}
.gap\:7 {
  margin: -7.6rem;
  --row-gap: var(--sp-7);
  --gap: var(--sp-7);
}
.gap\:7 > * {
  margin-top: 7.6rem;
  padding-left: 7.6rem;
}
.gap\:8 {
  margin: -8.8rem;
  --row-gap: var(--sp-8);
  --gap: var(--sp-8);
}
.gap\:8 > * {
  margin-top: 8.8rem;
  padding-left: 8.8rem;
}
.gap\:9 {
  margin: -10rem;
  --row-gap: var(--sp-9);
  --gap: var(--sp-9);
}
.gap\:9 > * {
  margin-top: 10rem;
  padding-left: 10rem;
}
.gap\:push {
  margin: -9rem;
  --row-gap: var(--push);
  --gap: var(--push);
}
.gap\:push > * {
  margin-top: 9rem;
  padding-left: 9rem;
}
.row-gap\:0 { --row-gap: 0px; }
.row-gap\:1 { --row-gap: var(--sp-1); }
.row-gap\:2 { --row-gap: var(--sp-2); }
.row-gap\:3 { --row-gap: var(--sp-3); }
.row-gap\:4 { --row-gap: var(--sp-4); }
.row-gap\:5 { --row-gap: var(--sp-5); }
.row-gap\:6 { --row-gap: var(--sp-6); }
.row-gap\:7 { --row-gap: var(--sp-7); }
.row-gap\:8 { --row-gap: var(--sp-8); }
.row-gap\:9 { --row-gap: var(--sp-9); }
.row-gap\:push { --row-gap: var(--push); }
.wrap\:gap::before, .wrap\:gap::after {
  content: '';
  display: table;
}
[class*="gap:"] {
  margin: calc(var(--row-gap, 0px) * -1) calc(var(--gap, 0px) * -1);
  margin-right: 0;
  margin-bottom: 0;
}
[class*="gap:"] > * {
  margin-top: var(--row-gap, 0px);
  padding-left: var(--gap, 0px);
}

/*
----------------
- Basis classes control the widths of children under .fluid, .grid and .flex
----------------
*/
.basis\:10 {
  --basis: 10px;
  flex-basis: 10px;
}
.basis\:20 {
  --basis: 20px;
  flex-basis: 20px;
}
.basis\:30 {
  --basis: 30px;
  flex-basis: 30px;
}
.basis\:40 {
  --basis: 40px;
  flex-basis: 40px;
}
.basis\:50 {
  --basis: 50px;
  flex-basis: 50px;
}
.basis\:60 {
  --basis: 60px;
  flex-basis: 60px;
}
.basis\:70 {
  --basis: 70px;
  flex-basis: 70px;
}
.basis\:80 {
  --basis: 80px;
  flex-basis: 80px;
}
.basis\:90 {
  --basis: 90px;
  flex-basis: 90px;
}
.basis\:100 {
  --basis: 100px;
  flex-basis: 100px;
}
.basis\:120 {
  --basis: 120px;
  flex-basis: 120px;
}
.basis\:140 {
  --basis: 140px;
  flex-basis: 140px;
}
.basis\:160 {
  --basis: 160px;
  flex-basis: 160px;
}
.basis\:180 {
  --basis: 180px;
  flex-basis: 180px;
}
.basis\:200 {
  --basis: 200px;
  flex-basis: 200px;
}
.basis\:220 {
  --basis: 220px;
  flex-basis: 220px;
}
.basis\:240 {
  --basis: 240px;
  flex-basis: 240px;
}
.basis\:260 {
  --basis: 260px;
  flex-basis: 260px;
}
.basis\:280 {
  --basis: 280px;
  flex-basis: 280px;
}
.basis\:300 {
  --basis: 300px;
  flex-basis: 300px;
}
.basis\:320 {
  --basis: 320px;
  flex-basis: 320px;
}
.basis\:340 {
  --basis: 340px;
  flex-basis: 340px;
}
.basis\:360 {
  --basis: 360px;
  flex-basis: 360px;
}
.basis\:380 {
  --basis: 380px;
  flex-basis: 380px;
}
.basis\:400 {
  --basis: 400px;
  flex-basis: 400px;
}
.basis\:420 {
  --basis: 420px;
  flex-basis: 420px;
}
.basis\:440 {
  --basis: 440px;
  flex-basis: 440px;
}
.basis\:460 {
  --basis: 460px;
  flex-basis: 460px;
}
.basis\:480 {
  --basis: 480px;
  flex-basis: 480px;
}
.basis\:500 {
  --basis: 500px;
  flex-basis: 500px;
}
.basis\:520 {
  --basis: 520px;
  flex-basis: 520px;
}
.basis\:540 {
  --basis: 540px;
  flex-basis: 540px;
}
.basis\:560 {
  --basis: 560px;
  flex-basis: 560px;
}
.basis\:580 {
  --basis: 580px;
  flex-basis: 580px;
}
.basis\:600 {
  --basis: 600px;
  flex-basis: 600px;
}
.basis\:620 {
  --basis: 620px;
  flex-basis: 620px;
}
.basis\:640 {
  --basis: 640px;
  flex-basis: 640px;
}
.basis\:660 {
  --basis: 660px;
  flex-basis: 660px;
}
.basis\:680 {
  --basis: 680px;
  flex-basis: 680px;
}
.basis\:700 {
  --basis: 700px;
  flex-basis: 700px;
}
.basis\:720 {
  --basis: 720px;
  flex-basis: 720px;
}
.basis\:740 {
  --basis: 740px;
  flex-basis: 740px;
}
.basis\:760 {
  --basis: 760px;
  flex-basis: 760px;
}
.basis\:780 {
  --basis: 780px;
  flex-basis: 780px;
}
.basis\:800 {
  --basis: 800px;
  flex-basis: 800px;
}
.basis\:820 {
  --basis: 820px;
  flex-basis: 820px;
}
.basis\:840 {
  --basis: 840px;
  flex-basis: 840px;
}
.basis\:860 {
  --basis: 860px;
  flex-basis: 860px;
}
.basis\:880 {
  --basis: 880px;
  flex-basis: 880px;
}
.basis\:900 {
  --basis: 900px;
  flex-basis: 900px;
}
.basis\:920 {
  --basis: 920px;
  flex-basis: 920px;
}
.basis\:940 {
  --basis: 940px;
  flex-basis: 940px;
}
.basis\:960 {
  --basis: 960px;
  flex-basis: 960px;
}
.basis\:980 {
  --basis: 980px;
  flex-basis: 980px;
}
.basis\:1000 {
  --basis: 1000px;
  flex-basis: 1000px;
}
.basis\:10p { flex-basis: 10%; }
.basis\:20p { flex-basis: 20%; }
.basis\:25p { flex-basis: 25%; }
.basis\:30p { flex-basis: 30%; }
.basis\:33p {
  /*flex-basis: 33%;*/
  flex-basis: 33.3%;
}
.basis\:40p { flex-basis: 40%; }
.basis\:50p { flex-basis: 50%; }
.basis\:60p { flex-basis: 60%; }
.basis\:66p {
  /*flex-basis: 66%;*/
  flex-basis: 66.6%;
}
.basis\:70p { flex-basis: 70%; }
.basis\:75p { flex-basis: 75%; }
.basis\:80p { flex-basis: 80%; }
.basis\:90p { flex-basis: 90%; }
.basis\:100p { flex-basis: 100%; }
._basis\:inherit > * { flex-basis: inherit; }

/*
----------------
- Margins
----------------
*/
._my\:1 > * + *, body .mt\:1, body .my\:1 {
  margin-top: 0.8rem;
  margin-top: var(--sp-1);
}
body .mb\:1, body .my\:1 {
  margin-bottom: 0.8rem;
  margin-bottom: var(--sp-1);
}
._mx\:1 > * + *, body .ml\:1, body .mx\:1 {
  margin-left: 0.8rem;
  margin-left: var(--sp-1);
}
body .mr\:1, body .mx\:1 {
  margin-right: 0.8rem;
  margin-right: var(--sp-1);
}
._my\:2 > * + *, body .mt\:2, body .my\:2 {
  margin-top: 1.6rem;
  margin-top: var(--sp-2);
}
body .mb\:2, body .my\:2 {
  margin-bottom: 1.6rem;
  margin-bottom: var(--sp-2);
}
._mx\:2 > * + *, body .ml\:2, body .mx\:2 {
  margin-left: 1.6rem;
  margin-left: var(--sp-2);
}
body .mr\:2, body .mx\:2 {
  margin-right: 1.6rem;
  margin-right: var(--sp-2);
}
._my\:3 > * + *, body .mt\:3, body .my\:3 {
  margin-top: 2.8rem;
  margin-top: var(--sp-3);
}
body .mb\:3, body .my\:3 {
  margin-bottom: 2.8rem;
  margin-bottom: var(--sp-3);
}
._mx\:3 > * + *, body .ml\:3, body .mx\:3 {
  margin-left: 2.8rem;
  margin-left: var(--sp-3);
}
body .mr\:3, body .mx\:3 {
  margin-right: 2.8rem;
  margin-right: var(--sp-3);
}
._my\:4 > * + *, body .mt\:4, body .my\:4 {
  margin-top: 4rem;
  margin-top: var(--sp-4);
}
body .mb\:4, body .my\:4 {
  margin-bottom: 4rem;
  margin-bottom: var(--sp-4);
}
._mx\:4 > * + *, body .ml\:4, body .mx\:4 {
  margin-left: 4rem;
  margin-left: var(--sp-4);
}
body .mr\:4, body .mx\:4 {
  margin-right: 4rem;
  margin-right: var(--sp-4);
}
._my\:5 > * + *, body .mt\:5, body .my\:5 {
  margin-top: 5.2rem;
  margin-top: var(--sp-5);
}
body .mb\:5, body .my\:5 {
  margin-bottom: 5.2rem;
  margin-bottom: var(--sp-5);
}
._mx\:5 > * + *, body .ml\:5, body .mx\:5 {
  margin-left: 5.2rem;
  margin-left: var(--sp-5);
}
body .mr\:5, body .mx\:5 {
  margin-right: 5.2rem;
  margin-right: var(--sp-5);
}
._my\:6 > * + *, body .mt\:6, body .my\:6 {
  margin-top: 6.4rem;
  margin-top: var(--sp-6);
}
body .mb\:6, body .my\:6 {
  margin-bottom: 6.4rem;
  margin-bottom: var(--sp-6);
}
._mx\:6 > * + *, body .ml\:6, body .mx\:6 {
  margin-left: 6.4rem;
  margin-left: var(--sp-6);
}
body .mr\:6, body .mx\:6 {
  margin-right: 6.4rem;
  margin-right: var(--sp-6);
}
._my\:7 > * + *, body .mt\:7, body .my\:7 {
  margin-top: 7.6rem;
  margin-top: var(--sp-7);
}
body .mb\:7, body .my\:7 {
  margin-bottom: 7.6rem;
  margin-bottom: var(--sp-7);
}
._mx\:7 > * + *, body .ml\:7, body .mx\:7 {
  margin-left: 7.6rem;
  margin-left: var(--sp-7);
}
body .mr\:7, body .mx\:7 {
  margin-right: 7.6rem;
  margin-right: var(--sp-7);
}
._my\:8 > * + *, body .mt\:8, body .my\:8 {
  margin-top: 8.8rem;
  margin-top: var(--sp-8);
}
body .mb\:8, body .my\:8 {
  margin-bottom: 8.8rem;
  margin-bottom: var(--sp-8);
}
._mx\:8 > * + *, body .ml\:8, body .mx\:8 {
  margin-left: 8.8rem;
  margin-left: var(--sp-8);
}
body .mr\:8, body .mx\:8 {
  margin-right: 8.8rem;
  margin-right: var(--sp-8);
}
._my\:9 > * + *, body .mt\:9, body .my\:9 {
  margin-top: 10rem;
  margin-top: var(--sp-9);
}
body .mb\:9, body .my\:9 {
  margin-bottom: 10rem;
  margin-bottom: var(--sp-9);
}
._mx\:9 > * + *, body .ml\:9, body .mx\:9 {
  margin-left: 10rem;
  margin-left: var(--sp-9);
}
body .mr\:9, body .mx\:9 {
  margin-right: 10rem;
  margin-right: var(--sp-9);
}
._my\:push > * + *, body .mt\:push, body .my\:push {
  margin-top: 9rem;
  margin-top: var(--push);
}
body .mb\:push, body .my\:push {
  margin-bottom: 9rem;
  margin-bottom: var(--push);
}
._mx\:push > * + *, body .ml\:push, body .mx\:push {
  margin-left: 9rem;
  margin-left: var(--push);
}
body .mr\:push, body .mx\:push {
  margin-right: 9rem;
  margin-right: var(--push);
}
._my\:0 > * + *, body .mt\:0, body .my\:0 { margin-top: 0; }
body .mb\:0, body .my\:0 { margin-bottom: 0; }
._mx\:0 > * + *, body .ml\:0, body .mx\:0 { margin-left: 0; }
body .mr\:0, body .mx\:0 { margin-right: 0; }
.mx\:auto {
  margin-left: auto;
  margin-right: auto;
}

/*
----------------
- Width classes
----------------
*/
.w\:10 { width: 10%; }
.w\:20 { width: 20%; }
.w\:25 { width: 25%; }
.w\:30 { width: 30%; }
.w\:33 { width: 33.333%; }
.w\:40 { width: 40%; }
.w\:50 { width: 50%; }
.w\:60 { width: 60%; }
.w\:66 { width: 66.666%; }
.w\:70 { width: 70%; }
.w\:75 { width: 75%; }
.w\:80 { width: 80%; }
.w\:90 { width: 90%; }
.w\:100 { width: 100%; }

/*
----------------
- max-width classes
----------------
*/
.max\:50 { max-width: 50px; }
.max\:100 { max-width: 100px; }
.max\:150 { max-width: 150px; }
.max\:200 { max-width: 200px; }
.max\:250 { max-width: 250px; }
.max\:300 { max-width: 300px; }
.max\:350 { max-width: 350px; }
.max\:400 { max-width: 400px; }
.max\:450 { max-width: 450px; }
.max\:500 { max-width: 500px; }
.max\:550 { max-width: 550px; }
.max\:600 { max-width: 600px; }
.max\:650 { max-width: 650px; }
.max\:700 { max-width: 700px; }
.max\:750 { max-width: 750px; }
.max\:800 { max-width: 800px; }
.max\:850 { max-width: 850px; }
.max\:900 { max-width: 900px; }
.max\:950 { max-width: 950px; }
.max\:1000 { max-width: 1000px; }
.max\:1050 { max-width: 1050px; }
.max\:1100 { max-width: 1100px; }
.max\:1150 { max-width: 1150px; }
.max\:1200 { max-width: 1200px; }
.max\:1250 { max-width: 1250px; }
.max\:1300 { max-width: 1300px; }
.max\:1350 { max-width: 1350px; }
.max\:1400 { max-width: 1400px; }  

/*
----------------
- Forms
----------------
*/
.form {
  display: flex;
  flex-wrap: wrap;
}
.input__label { display: block; }
.input__label_sm {
  font-size:12px;
  font-weight:bold;
}

/*
  ----------------
  - Label styles
  ----------------
*/
.labels\:none .input\:check + .input__label { display: inline-block; }

/*
  ----------------
  - Animated labels
  ----------------
*/
.newsletters-fieldholder-visible .control-label {
  font-size:11px;
  color:#B3B3B3;
  text-transform:uppercase;
}
[data-animate-label], .newsletters-fieldholder-visible { position: relative; }
[data-animate-label] ::-webkit-input-placeholder { color: rgba(0, 0, 0, 0); }
[data-animate-label] ::placeholder { color: rgba(0, 0, 0, 0); }
[data-animate-label] .input__label, .newsletters-fieldholder-visible .control-label {
  left: 1em;
  line-height: 50px;
  margin: 0;
  max-width: calc(100% - 2em);
  /*opacity: 0.6;*/
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  text-overflow: ellipsis;
  top: 0%;
  transition: all 0.2s linear;
  transform-origin: 0% 50%;
  white-space: nowrap;
  z-index: 1;
}
.newsletters-fieldholder-visible .control-label {
  line-height:35px;
}
.labels\:animate-break [data-animate-label] .input__label, .newsletters-fieldholder-visible .control-label {
  left: 0.5em;
  padding: 0 0.5em;
}
.labels\:animate-break [data-animate-label] .input__label::before, .newsletters-fieldholder-visible .control-label::before {
  content: '';
  background-color: white;
  display: block;
  height: .6em;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.newsletters-fieldholder-visible .control-label::before {
  background:none;
}
.newsletters-fieldholder-visible .checkbox .control-label {
  pointer-events:all;
}
.newsletters-fieldholder-visible .checkbox .control-label::before {
  content:none;
}
.labels\:animate-break [data-animate-label].translate-label .input__label, .newsletters-fieldholder-visible.translate-label .control-label {
  font-weight: bold;
  opacity: 1;
  transform: translateY(-50%) scale(0.8);
  color:#000;
}
aside .newsletters-fieldholder-visible.translate-label .control-label {
  transform: translateY(-22px) scale(0.8);
}
.labels\:animate-break [data-animate-label].translate-label .input__label::before, .newsletters-fieldholder-visible.translate-label .control-label::before { opacity: 1; }
.newsletters-fieldholder-visible .wpmlcheckboxlabel {
  font-size:12px;
  position:static;
  color:#fff !important;
  opacity:1;
  padding-left:0;
  text-transform:none;
}
aside .newsletters-fieldholder-visible .wpmlcheckboxlabel {
  color:#000 !important;
}
label.wpmlcustomfield15, label.wpmlcustomfield16 { display:none; }
.select2-container .select2-selection--single {
  border:none;
  border-radius:0;
  height:35px;
}
aside .select2-container .select2-selection--single {
  border:1px solid #000;
  height:50px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size:12px;
}
aside .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height:48px;
}
.select2-container {
  font-size:12px;
}
.select2-search--dropdown .select2-search__field {
  height:28px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height:33px;
}
aside .select2-container--default .select2-selection--single .select2-selection__arrow {
  height:43px;
}

/*
  ----------------
  - Form groups
  ----------------
*/
/*
  ----------------
  - Form submit
  ----------------
*/
.form__submit {
  border-top: 1px solid;
  border-top-color: #e5e0e0;
  padding-top: var(--gap, 15px);
}
@media (min-width: 640px) {
  .form__group + .form__submit { padding-left: 33%; }
}

/*
  ----------------
  - Form inherit
  ----------------
*/
/*
  ----------------
  - Form errors (Craft)
  ----------------
*/
.form__errors { margin-top: 0; }
.form__errors span {
  background: #f7e2e2;
  color: #950606;
  padding: .4em .8em;
  border-radius: 4px;
}

/*
  ----------------
  - Inputs and textareas
  ----------------
*/
input#harberProtection { display: none !important; }
.input\:reset, .input\:text, .select select {
  -webkit-appearance: none;
  box-shadow: none;
  display: block;
  min-width: 0;
  outline: none;
  text-align: inherit;
  width: 100%;
}
.input\:text, .select {
  background-color: white;
  border: 1px solid;
  border-color: #927c7c;
  border-radius: 0px;
  font-size:16px;
  height: 50px;
  line-height: calc(50px - 1px * 2);
  padding: 0 1em;
  transition: border-color 0.2s linear;
}
.select:focus-within, .input\:text:focus {
  border-color: #4b3f3f;
  outline: none;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #e5e0e0; }
input::placeholder, textarea::placeholder { color: #e5e0e0; }
@supports (--css: var) {
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: inherit;
    opacity: var(--placeholder--opacity);
  }
  input::placeholder, textarea::placeholder {
    color: inherit;
    opacity: var(--placeholder--opacity);
  }
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  opacity: calc(var(--placeholder--opacity) / 3);
}
input:focus::placeholder, textarea:focus::placeholder { opacity: calc(var(--placeholder--opacity) / 3); }
textarea.input\:text {
  height: auto;
  line-height: 1.6;
  padding: 1em;
  resize: vertical;
}
.select {
  padding: 0;
  position: relative;
  border:none;
}
/*.select::after {
  border: 2px solid currentColor;
  border-right-width: 0px;
  border-top-width: 0px;
  content: '';
  height: 6px;
  pointer-events: none;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: 0 0;
  width: 6px;
}*/
.select select {
  height: calc(50px - 1px * 2);
  padding: 0 1em;
}
.select option { background-color: white; }
.selectric {
  border:1px solid #927c7c;
  background:#fff;
}
.selectric .label {
  height:50px;
  line-height:48px;
  margin-left:18px;
  font-size:16px;
}
.selectric .button {
  font:normal 14px 'FontAwesome';
  background:#fff;
  color:#000;
  height:48px;
  line-height:48px;
  padding:0;
}
.selectric .button:after { content:none; }
.selectric-items ul, .selectric-items li {
  font-size:16px;
  line-height:48px;
  min-height:48px;
}
.selectric-items ul { padding:0; }
.selectric-items li {
  padding-left:18px;
  padding-right:18px;
  padding-top:0;
  padding-bottom:0;
}

@media (max-width: 859px) {
  /* Prevent iOS from zooming on inputs */
  .input\:text, .input\:reset, .select { font-size: 16px; }
}

.donation_fields {
  display: flex;
  flex-wrap: wrap;
}
.wrap\:input, #amount { position:relative; }
.amount_button {
  display:block;
  font-size:26px;
  font-weight:bold;
  height:73px;
  line-height:73px;
  width:100%;
  padding-left:26px;
  color:#888B8D;
  border:1px solid #927c7c;
  text-decoration:none;
}
.amount_button.selected {
  background:#80CE31;
  color:#000;
}
#amount { border:1px solid #927c7c; }
#amount span {
  display:inline-block;
  font-size:26px;
  font-weight:bold;
  height:71px;
  line-height:71px;
  width:71px;
  text-align:center;
  background:#80CE31;
}
#amount input {
  border:none;
  padding-left:10px;
  outline:none;
  display:inline-block;
  font-size:26px;
  font-weight:bold;
  height:71px;
  line-height:71px;
  max-width:200px;
  color:#000;
}
@media screen and (max-width:767px) {
.amount_button { padding-left:10px; }
#amount input { max-width:100px; }
}
.err {
  position:absolute;
  right:4px;
  bottom:0px;
  display:none;
  color:red;
  font-size:12px;
}
.select .err { bottom:-15px; }
#payment-processing {
  display:none;
  line-height:48px;
  color:#12672F;
}
#payment-processing i { vertical-align:middle; }
.toggle a {
  display:block;
  color:#888B8D;
  border:1px solid #888B8D;
  line-height:48px;
  height:48px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
}
.toggle a.active {
  background:#80CE31;
  border:1px solid #80CE31;
  color:#fff;
}

.toggleable {
  overflow:hidden;
  max-height:0px;
  opacity:0;
  transition:all 0.5s; -webkit-transition:all 0.5s;
}
.toggleable.active {
  max-height:999px;
  opacity:1;
}
#eft_details > div:first-child div {
  padding:30px;
  background:#F0EDEB;
  color:#888B8D;
  margin-bottom:10px;
}
#eft_details h2 {
  font-size:22px;
  line-height:1em;
  margin-bottom:0.2em;
  font-weight:bold;
}
.donation_fields {
  display: flex;
  flex-wrap: wrap;
}
#payment-submit .button {
  appearance:none; -webkit-appearance:none;
  text-transform:none;
  display:block;
  width:100%;
  border:none;
  background:#12672F;
  color:#fff;
}
#payment_methods {
  list-style:none;
  padding:0;
}

body .nf-form-content { padding:0; }
body .nf-form-content ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #333;
  opacity: 1; /* Firefox */
}
body .nf-form-content :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333;
}
body .nf-form-content ::-ms-input-placeholder { /* Microsoft Edge */
  color: #333;
}
body .nf-form-content input:not([type=button]) {
  color:#000 !important;
}
body .nf-field-container {
  margin-bottom:0;
  padding-bottom:25px;
}
body .nf-field-container.compact {
  padding-bottom:4px;
}
body .nf-field-container.html-container {
  padding-bottom:10px;
}
.nf-field-container.col1, .nf-field-container.col2 {
  display:block;
  float:left;
  width:49%;
  clear:none;
}
.nf-field-container.col2 {
  margin-left:2%;
}
body .nf-form-content .ninja-forms-field {
  padding-left:18px;
  padding-right:18px;
}
body .nf-form-content .list-select-wrap .nf-field-element > div, body .nf-form-content input:not([type=button]),
body .nf-form-content textarea {
  background:#fff;
  border:1px solid #000;
}
body .nf-error.field-wrap .nf-field-element:after {
  content:none;
}
.nf-after-field .nf-error {
  font-size:9px;
  position:absolute;
  right:0px;
  top:0px;
}
body .nf-field-description {
  font-size:16px;
  font-style:italic;
  margin-left:0 !important;
  padding-top:12px;
}
body .nf-field-description p {
  margin-top:0;
  margin-bottom:0;
}
body .label-left .nf-field-label {
  width:50%;
}
body .label-left .nf-field-label label {
  display:block;
  background:#f5f6f6;
  text-transform:uppercase;
  font-size:14px;
  font-weight:400;
  padding:15px;
  text-align:left;
}
body .label-left .nf-field-element {
  width:50%;
}
body .listradio-wrap .nf-field-element label.nf-checked-label:before, body .listradio-wrap .nf-field-element label:after {
  content:none;
}
body .nf-form-content .listradio-wrap li {
  display:inline-block;
  border:1px solid #000;
  width:48.5%;
  margin-bottom:0 !important;
}
body .nf-form-content .listradio-wrap li:first-child {
  margin-right:2% !important;
}
body .nf-form-content .listradio-wrap li label {
  font-size:14px;
  line-height:48px;
  height:48px;
  margin-left:0 !important;
  padding-left:18px;
  text-transform:uppercase;
}
body .nf-form-content .listradio-wrap li label.nf-checked-label {
  background:#000;
  color:#fff;
}
body .ninja-forms-req-symbol {
  display:none;
}
hr.ninja-forms-field {
  border-top:2px solid #000;
  border-bottom:none;
}
.nf-field-element h3 {
  font-size:16px;
  color:#12672F;
  text-transform:uppercase;
  margin-bottom:0;
}

.newsletters-fieldholder-visible {
  margin-bottom:0.4em;
  clear:left;
}
footer .newsletters-fieldholder-visible:first-of-type, footer .newsletters-fieldholder-visible:nth-of-type(2) {
  float:left;
  width:49.5%;
}
footer .newsletters-fieldholder-visible:nth-of-type(2) {
  clear:right;
  margin-left:1%;
}
.newsletters-fieldholder-visible .help-block { display:none; }
.wpmltext {
  display:block;
  border:none;
  outline:none;
  border-radius:0;
  height:35px;
  width:100%;
  padding-left:12px;
  padding-right:12px;
}
aside .wpmltext {
  border:1px solid #000;
  height:50px;
}
aside .newsletters-fieldholder-visible .control-label {
  top:35%;
  line-height:1em;
  background:#fff;
}
.newsletters-subscribe-form .row {
  display:inline-block;
  vertical-align:bottom;
}
.newsletters-captcha-wrapper::before {
  display:block;
  float:left;
  width:40%;
  padding-right:10%;
  font-size:12px;
  line-height:1.4em;
  content:'Please type the characters to confirm you are not a robot.';
}
aside .newsletters-captcha-wrapper {
  margin-top:1em;
  margin-bottom:0;
}
.newsletters_buttonwrap .button {
  border-radius:0;
  border:none;
  font-size:12px;
  font-weight:bold;
  height:35px;
  line-height:35px;
  padding-top:0;
  padding-bottom:0;
  padding-left:20px;
  padding-right:20px;
  background:#719a0d;
  color:#fff;
  width:270px;
}
aside .newsletters_buttonwrap .button {
  height:50px;
  line-height:50px;
  width:200px;
}
.newsletters-subscribe-form::after {
  content:'';
  display:table;
  clear:both;
}
input.wpmlcaptchacode {
  float:left;
  width:50%;
  margin-right:0.7%;
}
.newsletters-captcha-wrapper {
  margin-bottom:1em;
}

.ihc-modal { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }
.modal__close::before, .modal-overlay, .ratio > :not(.ratio__content), .ratio > picture > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
----------------
- Modals
----------------
*/
[data-modal] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
}
[data-modal].modal--visible {
  visibility: visible;
  opacity: 1;
}
[data-modal], .ihc-modal { transition: all 0.25s ease-in-out; }
.modal-overlay {
  background: #595050;
  opacity: .95;
}
.ihc-modal {
  display: flex;
  flex-direction: column;
  background-color: #f9f8f8;
  position: relative;
  width: 98%;
  max-width: 750px;
  max-height: 80vh;
  transform: translateY(-50px);
  border-radius: 0px;
}
.modal--visible .ihc-modal { transform: translateY(0px); }
.modal__close {
  appearance:none; -webkit-appearance:none;
  border:none;
  background:none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  font-size: 1.4rem;
  padding: .9em;
  border-radius: 0px;
  color: inherit;
}
.modal__close svg {
  position: relative;
  height: 1em;
}
.modal__close svg line {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}
.modal__close::before {
  content: '';
  border-radius: inherit;
  transition: opacity 0.1s linear;
  background: currentColor;
  opacity: 0;
}
.modal__close:hover::before { opacity: 0.05; }
.ihc-modal > .modal__close {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1;
}
.modal__header {
  background-color: #f2f0f0;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  padding-left: 30px;
  border-bottom: 1px solid currentColor;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.modal__content {
  flex: 0 1 auto;
  padding: 30px;
  overflow: auto;
}
.modal__footer {
  background-color: #f2f0f0;
  flex: 0 0 auto;
  padding: 30px;
  border-top: 1px solid currentColor;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.modal__header, .modal__footer { border-color: #e5e0e0; }

footer {
  padding-top:50px;
  padding-bottom:50px;
  background:#116002;
  color:#fff;
  font-size:14px;
  line-height:1.2em;
}
footer p:last-of-type {
  margin-top:3em;
  line-height:1.5em;
}
footer .cols > div {
  border-left:1px solid #fff;
  padding-left:20px;
  padding-right:20px;
  width:20%;
  box-sizing:content-box;
}
footer .cols_2 > div {
  width:50%;
}
footer .cols > div:first-child {
  border-left:none;
  padding-left:0;
  font-size:16px;
  line-height:1.6em;
  width:60%;
  padding-right:5%;
  position:relative;
}
@media only screen and (max-width:1023px) {
  footer .cols > div:first-child {
      width:25%;
      white-space:normal;
  }
}
@media only screen and (max-width:767px) {
  footer .cols > div, footer .cols > div:first-child {
      width:100%;
      border-left:none;
      padding-left:0;
      padding-bottom:20px;
      margin-bottom:10px;
  }
}
footer img {
  display:block;
  margin-bottom:25px;
}
footer .ico_facebook { background-image:url(images/ico_facebook_light.png); }
footer .ico_twitter { background-image:url(images/ico_twitter_light.png); }
footer .ico_instagram { background-image:url(images/ico_instagram_light.png); }
footer .ico_linkedin { background-image:url(images/ico_linkedin_light.png); }
footer a {
  color:#fff;
  text-decoration:none;
}
footer a:hover {
  color:#fff;
  text-decoration:underline;
}
footer ul.menu, footer ul.menu li {
  list-style:none;
  margin:0;
  padding:0;
}
footer ul.menu li { margin-bottom:0.5em; }
footer h3 {
  font-size:24px;
  line-height:1.6em;
  margin-top:1em;
  margin-bottom:0;
  font-weight:900;
  text-transform:uppercase;
}
footer .address_col {
  vertical-align:middle;
  font-size:18px;
  line-height:1.2em;
}
#newsletters-1-form-wrapper:empty::after {
  content:'Thank you for subscribing, you should receive a confirmation email shortly.'
}