@charset "UTF-8";
/*************************************************

ACF Core + Unique Theme SASS

Author: Bobbi Martin & Joseph Croasdaile

// Table of Contents

// CORE

    1.1 General
     - Variables & Mixins
     - Padding, Margin & Alignment
     - Fonts & Headers
     - Body, Links & Buttons
     - Misc
    1.2 Site Header Import
     - Logo
     - Navigation
    1.3 Content
     - Page Header
     - Body
     - Columns
     - Pagination
     - Search
     - 403
     - 404
    1.4 Footer
     - Sections
     - Widgets
     - Copyright
    1.5 ACF
    1.6 Additional Imports
     - Columns
     - Fadeup
     - Hover Effect
     - Genesis Shortcodes Plugin
     - Grid Slidetoggle
     - Woocommerce
     - Events

// UNIQUE / CUSTOM

    2.1 Site Header
     - Logo
     - Nav    
    2.2 Content
     - Headers
    2.3 Footer
    2.4 Page Specific
     - Homepage
     - About
     - Contact
     - FAQs
    2.5 MISC
     - Image Section
     - Slider Widgets
     - Gravity Forms
     - Audio Player
     - Password Protect

*************************************************/
/************************************************************
*************************************************************

CORE

*************************************************************
************************************************************/
/************************************************************
  1.1 GENERAL
************************************************************/
/************************************************************
    GENERAL - VARIABLES & MIXINS
************************************************************/
html {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  html {
    font-size: calc(12px + 36 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  html {
    font-size: 48px;
  }
}

body .site-container, body .site-container p {
  font-size: 1rem;
}
body .site-container, body .site-container p {
  font-size: 13.8px;
}
@media screen and (min-width: 320px) {
  body .site-container, body .site-container p {
    font-size: calc(13.8px + 3.48 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  body .site-container, body .site-container p {
    font-size: 17.28px;
  }
}
body .site-container .has-small-font-size, body .site-container [class*=-size-small], body .site-container p .has-small-font-size, body .site-container p [class*=-size-small] {
  font-size: 13.2px;
}
@media screen and (min-width: 320px) {
  body .site-container .has-small-font-size, body .site-container [class*=-size-small], body .site-container p .has-small-font-size, body .site-container p [class*=-size-small] {
    font-size: calc(13.2px + 0.624 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  body .site-container .has-small-font-size, body .site-container [class*=-size-small], body .site-container p .has-small-font-size, body .site-container p [class*=-size-small] {
    font-size: 13.824px;
  }
}
body .site-container .has-normal-font-size, body .site-container figcaption, body .site-container [class*=-size-medium], body .site-container p .has-normal-font-size, body .site-container p figcaption, body .site-container p [class*=-size-medium] {
  font-size: 13.8px;
}
@media screen and (min-width: 320px) {
  body .site-container .has-normal-font-size, body .site-container figcaption, body .site-container [class*=-size-medium], body .site-container p .has-normal-font-size, body .site-container p figcaption, body .site-container p [class*=-size-medium] {
    font-size: calc(13.8px + 0.888 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  body .site-container .has-normal-font-size, body .site-container figcaption, body .site-container [class*=-size-medium], body .site-container p .has-normal-font-size, body .site-container p figcaption, body .site-container p [class*=-size-medium] {
    font-size: 14.688px;
  }
}
body .site-container .has-large-font-size, body .site-container [class*=-size-large], body .site-container p .has-large-font-size, body .site-container p [class*=-size-large] {
  font-size: 15px;
}
@media screen and (min-width: 320px) {
  body .site-container .has-large-font-size, body .site-container [class*=-size-large], body .site-container p .has-large-font-size, body .site-container p [class*=-size-large] {
    font-size: calc(15px + 6.6 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  body .site-container .has-large-font-size, body .site-container [class*=-size-large], body .site-container p .has-large-font-size, body .site-container p [class*=-size-large] {
    font-size: 21.6px;
  }
}
body .site-container .has-larger-font-size, body .site-container [class*=-size-extralarge], body .site-container p .has-larger-font-size, body .site-container p [class*=-size-extralarge] {
  font-size: 21px;
}
@media screen and (min-width: 320px) {
  body .site-container .has-larger-font-size, body .site-container [class*=-size-extralarge], body .site-container p .has-larger-font-size, body .site-container p [class*=-size-extralarge] {
    font-size: calc(21px + 9.24 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  body .site-container .has-larger-font-size, body .site-container [class*=-size-extralarge], body .site-container p .has-larger-font-size, body .site-container p [class*=-size-extralarge] {
    font-size: 30.24px;
  }
}

.button_container a button.default, .button, .site-container .wp-block-button .wp-block-button__link {
  font-size: 1rem;
}
.button_container a button.default, .button, .site-container .wp-block-button .wp-block-button__link {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .button_container a button.default, .button, .site-container .wp-block-button .wp-block-button__link {
    font-size: calc(12px + 5.28 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  .button_container a button.default, .button, .site-container .wp-block-button .wp-block-button__link {
    font-size: 17.28px;
  }
}

body .site-container h1 {
  font-size: 2.0736rem;
}
body .site-container h1 {
  font-size: 20.736px;
}
@media screen and (min-width: 320px) {
  body .site-container h1 {
    font-size: calc(20.736px + 12.192 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  body .site-container h1 {
    font-size: 32.928px;
  }
}
body .site-container h1.entry-title {
  font-size: 17.3840256px;
}
@media screen and (min-width: 320px) {
  body .site-container h1.entry-title {
    font-size: calc(17.3840256px + 6.6204864 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  body .site-container h1.entry-title {
    font-size: 24.004512px;
  }
}
body .site-container h1.has-small-font-size {
  font-size: 12.734496px;
}
@media screen and (min-width: 320px) {
  body .site-container h1.has-small-font-size {
    font-size: calc(12.734496px + 7.487412 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  body .site-container h1.has-small-font-size {
    font-size: 20.221908px;
  }
}
body .site-container h1.has-normal-font-size {
  font-size: 15.116544px;
}
@media screen and (min-width: 320px) {
  body .site-container h1.has-normal-font-size {
    font-size: calc(15.116544px + 8.887968 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  body .site-container h1.has-normal-font-size {
    font-size: 24.004512px;
  }
}
body .site-container h1.has-large-font-size {
  font-size: 27.599616px;
}
@media screen and (min-width: 320px) {
  body .site-container h1.has-large-font-size {
    font-size: calc(27.599616px + 16.227552 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  body .site-container h1.has-large-font-size {
    font-size: 43.827168px;
  }
}
body .site-container h1.has-larger-font-size {
  font-size: 35.831808px;
}
@media screen and (min-width: 320px) {
  body .site-container h1.has-larger-font-size {
    font-size: calc(35.831808px + 21.067776 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  body .site-container h1.has-larger-font-size {
    font-size: 56.899584px;
  }
}

body .site-container h2 {
  font-size: 1.728rem;
}
body .site-container h2 {
  font-size: 20.736px;
}
@media screen and (min-width: 320px) {
  body .site-container h2 {
    font-size: calc(20.736px + 12.192 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  body .site-container h2 {
    font-size: 32.928px;
  }
}
body .site-container h2.has-small-font-size {
  font-size: 12.734496px;
}
@media screen and (min-width: 320px) {
  body .site-container h2.has-small-font-size {
    font-size: calc(12.734496px + 7.487412 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  body .site-container h2.has-small-font-size {
    font-size: 20.221908px;
  }
}
body .site-container h2.has-normal-font-size, body .site-container h2.entry-title {
  font-size: 19.6515072px;
}
@media screen and (min-width: 320px) {
  body .site-container h2.has-normal-font-size, body .site-container h2.entry-title {
    font-size: calc(19.6515072px + 4.3530048 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  body .site-container h2.has-normal-font-size, body .site-container h2.entry-title {
    font-size: 24.004512px;
  }
}
body .site-container h2.has-large-font-size {
  font-size: 27.599616px;
}
@media screen and (min-width: 320px) {
  body .site-container h2.has-large-font-size {
    font-size: calc(27.599616px + 16.227552 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  body .site-container h2.has-large-font-size {
    font-size: 43.827168px;
  }
}
body .site-container h2.has-larger-font-size {
  font-size: 35.831808px;
}
@media screen and (min-width: 320px) {
  body .site-container h2.has-larger-font-size {
    font-size: calc(35.831808px + 21.067776 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  body .site-container h2.has-larger-font-size {
    font-size: 56.899584px;
  }
}

body .site-container h3 {
  font-size: 1.44rem;
}
body .site-container h3 {
  font-size: 17.28px;
}
@media screen and (min-width: 320px) {
  body .site-container h3 {
    font-size: calc(17.28px + 6.24 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  body .site-container h3 {
    font-size: 23.52px;
  }
}
body .site-container h3.has-small-font-size {
  font-size: 12.4848px;
}
@media screen and (min-width: 320px) {
  body .site-container h3.has-small-font-size {
    font-size: calc(12.4848px + 4.5084 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  body .site-container h3.has-small-font-size {
    font-size: 16.9932px;
  }
}
body .site-container h3.has-normal-font-size {
  font-size: 13.9968px;
}
@media screen and (min-width: 320px) {
  body .site-container h3.has-normal-font-size {
    font-size: calc(13.9968px + 5.0544 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  body .site-container h3.has-normal-font-size {
    font-size: 19.0512px;
  }
}
body .site-container h3.has-large-font-size {
  font-size: 20.9088px;
}
@media screen and (min-width: 320px) {
  body .site-container h3.has-large-font-size {
    font-size: calc(20.9088px + 7.5504 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  body .site-container h3.has-large-font-size {
    font-size: 28.4592px;
  }
}
body .site-container h3.has-larger-font-size {
  font-size: 24.8832px;
}
@media screen and (min-width: 320px) {
  body .site-container h3.has-larger-font-size {
    font-size: calc(24.8832px + 8.9856 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  body .site-container h3.has-larger-font-size {
    font-size: 33.8688px;
  }
}

.alignfull {
  padding-left: 30px;
  padding-right: 30px;
}

[class*=is-style-gb-cols-padding-xs] {
  padding-top: 12.734496px;
  padding-bottom: 12.734496px;
}
@media screen and (min-width: 320px) {
  [class*=is-style-gb-cols-padding-xs] {
    padding-top: calc(12.734496px + 7.487412 * ((100vw - 320px) / 880));
    padding-bottom: calc(12.734496px + 7.487412 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  [class*=is-style-gb-cols-padding-xs] {
    padding-top: 20.221908px;
    padding-bottom: 20.221908px;
  }
}

[class*=is-style-gb-cols-padding-sm] {
  padding-top: 20.736px;
  padding-bottom: 20.736px;
}
@media screen and (min-width: 320px) {
  [class*=is-style-gb-cols-padding-sm] {
    padding-top: calc(20.736px + 12.192 * ((100vw - 320px) / 880));
    padding-bottom: calc(20.736px + 12.192 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  [class*=is-style-gb-cols-padding-sm] {
    padding-top: 32.928px;
    padding-bottom: 32.928px;
  }
}

[class*=is-style-gb-cols-padding-md] {
  padding-top: 40.5px;
  padding-bottom: 40.5px;
}
@media screen and (min-width: 320px) {
  [class*=is-style-gb-cols-padding-md] {
    padding-top: calc(40.5px + 23.8125 * ((100vw - 320px) / 880));
    padding-bottom: calc(40.5px + 23.8125 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  [class*=is-style-gb-cols-padding-md] {
    padding-top: 64.3125px;
    padding-bottom: 64.3125px;
  }
}

[class*=is-style-gb-cols-padding-lg] {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media screen and (min-width: 320px) {
  [class*=is-style-gb-cols-padding-lg] {
    padding-top: calc(60px + 66 * ((100vw - 320px) / 880));
    padding-bottom: calc(60px + 66 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  [class*=is-style-gb-cols-padding-lg] {
    padding-top: 126px;
    padding-bottom: 126px;
  }
}

[class*=is-style-gb-cols-padding-xl] {
  padding-top: 111.132px;
  padding-bottom: 111.132px;
}
@media screen and (min-width: 320px) {
  [class*=is-style-gb-cols-padding-xl] {
    padding-top: calc(111.132px + 65.3415 * ((100vw - 320px) / 880));
    padding-bottom: calc(111.132px + 65.3415 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  [class*=is-style-gb-cols-padding-xl] {
    padding-top: 176.4735px;
    padding-bottom: 176.4735px;
  }
}

/************************************************************
    GENERAL - PADDING, MARGIN  & ALIGNMENT
************************************************************/
.is-style-spacer-xs {
  height: 12px !important;
}
.is-style-spacer-xs .block-library-spacer__resize-container {
  height: 12px !important;
}

.is-style-spacer-sm {
  height: 28px !important;
}
.is-style-spacer-sm .block-library-spacer__resize-container {
  height: 28px !important;
}

.is-style-spacer-md {
  height: 36px !important;
}
.is-style-spacer-md .block-library-spacer__resize-container {
  height: 36px !important;
}

.is-style-spacer-lg {
  height: 48px !important;
}
.is-style-spacer-lg .block-library-spacer__resize-container {
  height: 48px !important;
}

.is-style-spacer-xl {
  height: 60px !important;
}
.is-style-spacer-xl .block-library-spacer__resize-container {
  height: 60px !important;
}

.p-t-no {
  padding-top: 0px;
}

.p-t-xs {
  padding-top: 0.5rem;
}

.p-t-sm {
  padding-top: 0.875rem;
}

.p-t-md {
  padding-top: 1.125rem;
}

.p-t-lg {
  padding-top: 1.5rem;
}

.p-t-xl {
  padding-top: 2rem;
}

.p-t-xxl {
  padding-top: 3rem;
}

.p-b-no {
  padding-bottom: 0px !important;
}

.p-b-xs {
  padding-bottom: 0.5rem;
}

.p-b-sm {
  padding-bottom: 0.875rem;
}

.p-b-md {
  padding-bottom: 1.125rem;
}

.p-b-lg {
  padding-bottom: 1.5rem;
}

.p-b-xl {
  padding-bottom: 2rem;
}

.p-b-xxl {
  padding-bottom: 3rem;
}

.p-a-no, .p-no {
  padding: 0px;
}

.p-a-lg {
  padding: 1.5rem;
}

.p-a-xl {
  padding: 2rem;
}

.p-v-no {
  padding-top: 0px;
  padding-bottom: 0px;
}

.m-t-no {
  margin-top: 0px;
}

.m-t-xs {
  margin-top: 0.5rem;
}

.m-t-sm {
  margin-top: 0.875rem;
}

.m-t-md {
  margin-top: 1.125rem;
}

.m-t-lg {
  margin-top: 1.5rem;
}

.m-t-xl {
  margin-top: 2rem;
}

.m-t-xxl {
  margin-top: 3rem;
}

.m-b-no {
  margin-bottom: 0px;
}

.m-b-xs {
  margin-bottom: 0.5rem;
}

.m-b-sm {
  margin-bottom: 0.875rem;
}

.m-b-md {
  margin-bottom: 1.125rem;
}

.m-b-lg {
  margin-bottom: 1.5rem;
}

.m-b-xl {
  margin-bottom: 2rem;
}

.m-b-xxl {
  margin-bottom: 3rem;
}

.m-x-xs {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.m-a-no, .m-no, .is-style-no-margin, .is-style-text-no-margin {
  margin: 0px !important;
}

.text-a-left {
  text-align: left;
}

.text-a-center {
  text-align: center;
}

.text-a-right {
  text-align: right;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.one-half.centered-div, .one-fourth.centered-div, .one-third.centered-div {
  float: none;
  margin: 0 auto;
}

/************************************************************
    GENERAL - FONTS & HEADERS
************************************************************/
h1, h2, h3, h4, h5, h6 {
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-weight: 500;
  color: #676669;
  line-height: unset;
}
.has-theme-primary-background-color h1, [class*=has-overlay-] h1, .has-theme-primary-background-color h2, [class*=has-overlay-] h2, .has-theme-primary-background-color h3, [class*=has-overlay-] h3, .has-theme-primary-background-color h4, [class*=has-overlay-] h4, .has-theme-primary-background-color h5, [class*=has-overlay-] h5, .has-theme-primary-background-color h6, [class*=has-overlay-] h6 {
  color: #ffffff;
}

/*h2, h3, h4, h5, h6, input, select, textarea {
  text-transform: lowercase;
}*/
input::-webkit-input-placeholder {
  text-transform: lowercase;
}

/************************************************************
    GENERAL - BODY, LINKS & BUTTONS
************************************************************/
body {
  font-family: ff-ernestine-pro, serif;
  font-weight: 300;
  color: #414042;
  background-color: #ffffff;
  line-height: 1.6;
}
body .has-theme-primary-background-color,
body [class*=has-overlay-] {
  color: #ffffff;
}

a {
  color: #122641;
  text-decoration: none;
  font-weight: 800;
}

a:hover,
.entry-title a:focus,
.entry-title a:hover {
  color: #0c1a2d;
  text-decoration-line: underline !important;
  text-decoration-color: #d1d2d4 !important;
}

.inverted a {
  color: #ffffff;
}
.inverted a:hover {
  color: #ffffff;
}

.is-style-btn-center {
  text-align: center;
}

.site-container input[type=submit],
.site-container .gform_footer input.gform_button[type=submit] {
  padding: 0.6em 1em !important;
}
.site-container input[type=submit],
.site-container .gform_footer input.gform_button[type=submit] {
  font-size: 9.6px;
}
@media screen and (min-width: 320px) {
  .site-container input[type=submit],
.site-container .gform_footer input.gform_button[type=submit] {
    font-size: calc(9.6px + 4.224 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  .site-container input[type=submit],
.site-container .gform_footer input.gform_button[type=submit] {
    font-size: 13.824px;
  }
}

.gb-button,
.wp-block-button__link,
input[type=submit],
.cl-element-link__anchor {
  border-width: 3px !important;
  font-family: ff-ernestine-pro, serif;
  border: 3px solid #122641;
  background-color: transparent !important;
  color: #122641 !important;
  border-radius: 0px !important;
  text-transform: lowercase;
}
.gb-button:hover,
.wp-block-button__link:hover,
input[type=submit]:hover,
.cl-element-link__anchor:hover {
  color: #0c1a2d;
  text-decoration-line: underline !important;
  text-decoration-color: #d1d2d4 !important;
}
.has-theme-primary-background-color .gb-button, [class*=has-overlay-] .gb-button, .gb-button.inverted,
.has-theme-primary-background-color .wp-block-button__link,
[class*=has-overlay-] .wp-block-button__link,
.wp-block-button__link.inverted,
.has-theme-primary-background-color input[type=submit],
[class*=has-overlay-] input[type=submit],
input[type=submit].inverted,
.has-theme-primary-background-color .cl-element-link__anchor,
[class*=has-overlay-] .cl-element-link__anchor,
.cl-element-link__anchor.inverted {
  border: 3px solid #ffffff;
  background-color: transparent !important;
  color: #ffffff !important;
}

.wp-block-buttons > .wp-block-button {
  display: inline-block;
  margin-left: 0;
  margin-right: 1em;
  margin-bottom: 1em;
}

.site-container [class*=cl-template--id-] [class*=cl-element--instance-] .cl-element-link__anchor,
.site-container [class*=cl-template--id-] [class*=cl-element--instance-] .cl-element-link__anchor:hover {
  font-family: ff-ernestine-pro, serif;
  font-weight: 600;
}

/************************************************************
    GENERAL - VIDEO / FLEX / MISC
************************************************************/
/*#video .wrap {
    padding: 0px;
}

.popmake-content,
.wp-block-embed__wrapper {
    .embed-container {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        max-width: 100%;
        margin-bottom: $spacer-md;
    }

    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
    padding: 0px;
}*/
.flexbox .columns {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 480px) {
  .flexbox .columns {
    display: inline-block;
  }
}

.hidden {
  display: none;
}

video-js {
  margin-bottom: 0.875rem;
}

/************************************************************
    GENERAL - GUTENBERG
************************************************************/
/************************************************************

  2.3 GUTENBERG

    - PAGE HEADER
    - SECTIONS
    - OVERLAY + TEXT
    - ROUND + HOVER OVERLAY + TEXT
    - SEPARATOR
    - ACCORDION
    - ADVANCED CONTAINER
    - COLUMN FLOAT CENTER

************************************************************/
.site-container .home-page-header {
  background-color: #122641CC;
}
.site-container .home-page-header h2 {
  margin-top: 3rem;
}
.site-container .page-header::before {
  background-color: #122641CC;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.site-container .page-header.alignfull {
  margin-bottom: 0px !important;
}
.site-container .page-header h2 {
  margin-top: 3rem;
}

[class*=has-overlay-] {
  color: #ffffff;
}
[class*=has-overlay-]::before {
  background-color: #122641CC;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.is-style-overlay-text {
  background-color: #122641;
  position: relative;
}
.is-style-overlay-text figcaption {
  padding: 0px;
  margin: 0px;
}
.is-style-overlay-text figcaption a {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  width: 100%;
  margin: 0px;
  z-index: 500;
  color: #ffffff;
}
.is-style-overlay-text img {
  opacity: 0.4;
  -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;
}
.is-style-overlay-text:hover img {
  opacity: 1;
}

.is-style-round-hover-overlay-text {
  position: relative;
  border-radius: 50%;
  background-color: #122641;
  overflow: hidden;
}
.is-style-round-hover-overlay-text figcaption {
  padding: 0px;
  margin: 0px;
}
.is-style-round-hover-overlay-text figcaption a {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  width: 100%;
  margin: 0px;
  z-index: 500;
  color: #ffffff;
  font-size: 36px;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  text-decoration-line: none !important;
}
.is-style-round-hover-overlay-text img {
  opacity: 0.8;
  -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;
}
.is-style-round-hover-overlay-text:hover img {
  opacity: 0.4;
}

.site-container hr.wp-block-separator {
  margin: 1em auto;
}

details[open] > summary {
  margin-bottom: 0.375rem;
}

details summary::-webkit-details-marker {
  height: 12px;
  width: 12px;
  margin-right: 60px;
}
@media only screen and (max-width: 480px) {
  details summary::-webkit-details-marker {
    height: 12px;
    width: 12px;
    margin-right: 20px;
  }
}

.gb-block-accordion {
  margin-bottom: 0.25rem;
}
.gb-block-accordion .gb-accordion-title {
  background: transparent;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-weight: 500;
  text-transform: lowercase;
}
.gb-block-accordion .gb-accordion-text {
  padding-top: 0;
  padding-bottom: 0.025rem;
  margin-left: 72px;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .gb-block-accordion .gb-accordion-text {
    margin-left: 32px;
  }
}
.gb-block-accordion .gb-accordion-text:after {
  content: "";
  background: #d1d2d4;
  position: absolute;
  bottom: 0;
  left: 13px;
  width: 50%;
  height: 1px;
}

.gb-layout-column-wrap {
  max-width: 1024px;
  margin: 0px auto;
}
[class*=narrow-width] .gb-layout-column-wrap {
  max-width: 800px;
}
[class*=narrow-ultra-width] .gb-layout-column-wrap {
  max-width: 720px;
}

.is-style-gb-col-float-center .gb-block-layout-column-inner {
  text-align: center;
}
.is-style-gb-col-float-center .gb-block-layout-column-inner p,
.is-style-gb-col-float-center .gb-block-layout-column-inner div {
  display: inline-block;
  margin: 0px 0.25rem;
}
@media only screen and (max-width: 480px) {
  .is-style-gb-col-float-center .gb-block-layout-column-inner p,
.is-style-gb-col-float-center .gb-block-layout-column-inner div {
    display: block;
    margin: 0px 0.25rem 12px;
  }
}

.wp-block-image img {
  width: 100%;
}

.product-family-wrapper .gb-block-layout-column,
.product-family-wrapper .gb-block-layout-column-inner {
  height: 100%;
}

.product-family {
  display: grid;
  background-color: #61c19c;
  padding: 0px;
  height: 100%;
}
.product-family.alt-color {
  background-color: #124C4E;
}
.product-family.alt-color figcaption {
  background-color: #124C4E;
}
.product-family figure {
  margin: 0px !important;
  align-self: center;
}
.product-family figure a {
  display: block;
  padding: 10px 40px 0px;
}
.product-family figcaption {
  margin: 0px;
  padding: 0px;
  background-color: #61c19c;
}
.product-family figcaption a {
  color: #ffffff;
  padding: 0px;
}
.product-family figcaption a:last-child {
  padding-bottom: 8px;
}
.product-family strong {
  font-size: 11px;
}

@media only screen and (max-width: 480px) {
  .gb-layout-columns-4 > .gb-layout-column-wrap.gb-is-responsive-column {
    grid-template-rows: auto;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "col1 col2" "col3 col4";
  }
}
@media only screen and (max-width: 480px) {
  .col-3-vertical.gb-layout-columns-3 > .gb-layout-column-wrap.gb-is-responsive-column .gb-block-layout-column-inner {
    display: grid;
    grid-gap: 8px 24px;
    grid-template-rows: auto;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "col1 col2" "col3 col4";
  }
}

/************************************************************
  1.2 SITE HEADER IMPORT
************************************************************/
.try-it {
  order: 5;
}

.menu-item.search {
  margin-left: 12px;
  margin-right: 24px;
  order: 4;
}

.search .search-form {
  position: relative;
  text-align: center;
  overflow: visible;
  height: 32px;
}

.nav-primary .search .search-form input[type=search] {
  position: relative;
  width: 1px;
  border: none;
  border-radius: 4px;
  background-color: transparent;
  font-family: ff-ernestine-pro, serif;
  font-size: 13px;
  cursor: pointer;
  -webkit-transition: width 500ms ease, background 400ms ease;
  transition: width 500ms ease, background 400ms ease;
  margin-left: -10px;
  padding: 0px 10px !important;
}
@media only screen and (max-width: 860px) {
  .nav-primary .search .search-form input[type=search] {
    width: 250px;
    outline: 0;
    background-color: #fff;
    cursor: text;
    margin-left: 12px;
    overflow: visible;
    line-height: 16px;
    text-align: center;
    padding: 8px 10px !important;
  }
}
.nav-primary .search .search-form input[type=search]:focus {
  width: 250px;
  padding: 8px 12px !important;
  outline: 0;
  background-color: #fff;
  cursor: text;
  margin-left: 12px;
  overflow: visible;
  line-height: 16px;
}
@media only screen and (max-width: 1024px) {
  .nav-primary .search .search-form input[type=search]:focus {
    width: 200px;
  }
}
.nav-primary .genesis-nav-menu .search input[type=submit] {
  clip: rect(0, 0, 0, 0);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.nav-primary .search .search-form:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: "dashicons";
  font-size: 20px;
  content: "";
  color: #ffffff;
}
@media only screen and (max-width: 860px) {
  .nav-primary .search .search-form:before {
    display: none;
  }
}

.site-container.white .search .search-form:before {
  color: #999;
}

@media only screen and (max-width: 862px) {
  .nav-primary .genesis-nav-menu {
    display: block;
  }
}
@media only screen and (max-width: 800px) {
  .menu-item.search {
    margin-bottom: 10px;
    margin-left: 20px;
  }

  .search .search-form:before {
    color: #999;
    -webkit-transform: none;
    transform: none;
  }

  .search .search-form {
    text-align: left;
  }
}
@media only screen and (max-width: 800px) and (max-width: 860px) {
  .search .search-form {
    text-align: center;
  }
}
@media only screen and (max-width: 800px) {
  .search .search-form input[type=search] {
    padding-right: 0;
    padding-left: 0;
  }
}
/************************************************************
  1.3 CONTENT
************************************************************/
/************************************************************
    1.3 CONTENT - HEADER
************************************************************/
/************************************************************
    1.3 CONTENT - BODY / WRAPPERS
************************************************************/
/************************************************************
    1.3 CONTENT - COLUMNS
************************************************************/
/************************************************************
    1.3 CONTENT - PAGINATION
************************************************************/
/************************************************************
    1.3 CONTENT - SEARCH
************************************************************/
/************************************************************
    1.3 CONTENT - 403
************************************************************/
/************************************************************
  1.4 FOOTER
************************************************************/
/************************************************************
1.4 FOOTER - WIDGETS
************************************************************/
/************************************************************
1.4 FOOTER - CTA
************************************************************/
/************************************************************
1.4 FOOTER - NAV
************************************************************/
#footer-cta .top-border {
  border-top: 28px solid #61c19c;
}
#footer-cta .widget {
  margin: 0px;
}
#footer-cta .no-b-margin {
  margin-bottom: 0px;
}

/************************************************************
1.4 FOOTER - SOCIAL / LOGO
************************************************************/
.site-footer {
  background: #122641;
  color: #ffffff;
  padding: 1rem;
  border: 0px;
}
@media only screen and (max-width: 1024px) {
  .site-footer {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 480px) {
  .site-footer {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 480px) {
  .site-footer .widget {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .site-footer .social-links {
    margin-top: 8px;
  }
  .site-footer .social-links img {
    height: 36px;
    width: 36px;
  }
}
.site-footer a {
  color: #ffffff;
}
.site-footer span {
  margin: 0 10px;
}
@media only screen and (max-width: 860px) {
  .site-footer {
    text-align: center;
  }
}
.site-footer .logo-lifeway {
  height: 48px;
}
@media only screen and (max-width: 480px) {
  .site-footer .logo-lifeway {
    height: 36px;
  }
}

.footer-page-widget {
  background: #122641;
  color: #ffffff;
}
.footer-page-widget.social-links {
  text-align: center;
}
.footer-page-widget.social-links .wp-block-image {
  display: inline-block;
  margin: 0px 0.25rem 0px;
}

/************************************************************
  1.6 ADDITIONAL IMPORTS
************************************************************/
article.resources {
  margin-bottom: 0px;
}

.searchandfilter input:focus, .searchandfilter select:focus, .searchandfilter textarea:focus {
  border: 3px solid #122641;
}
.searchandfilter ul {
  margin: -10px;
}
.searchandfilter ul label {
  position: relative;
}
.searchandfilter ul label .sf-input-select {
  padding: 8px !important;
}
@media only screen and (min-width: 480px) {
  .searchandfilter ul label::after {
    height: 100%;
    content: "▼";
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px 10px;
    background: #122641;
    color: #ffffff;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: 0.25s all ease;
    -o-transition: 0.25s all ease;
    transition: 0.25s all ease;
    font-size: 12px;
  }
}

.searchandfilter ul {
  text-align: center;
  padding: 0px;
}
.searchandfilter ul li {
  padding: 10px;
  display: inline-block;
  width: 25%;
}
@media only screen and (max-width: 860px) {
  .searchandfilter ul li {
    width: 33%;
  }
}
@media only screen and (max-width: 480px) {
  .searchandfilter ul li {
    width: 50%;
  }
}
.searchandfilter ul li label {
  display: block;
}
.searchandfilter ul li select {
  min-width: unset !important;
  font-size: 14px;
  padding: 8px;
}
@media only screen and (max-width: 480px) {
  .searchandfilter ul li select {
    font-size: 12px;
    padding: 6px;
  }
}

.sidebar .searchandfilter ul {
  text-align: center;
  padding: 0px;
}
.sidebar .searchandfilter ul li {
  padding: 10px;
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 860px) {
  .sidebar .searchandfilter ul li {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .sidebar .searchandfilter ul li {
    width: 100%;
  }
}
.sidebar .searchandfilter ul li label {
  display: block;
}
.sidebar .searchandfilter ul li select {
  min-width: unset !important;
  font-size: 14px;
  padding: 8px;
}
@media only screen and (max-width: 480px) {
  .sidebar .searchandfilter ul li select {
    font-size: 12px;
    padding: 6px;
  }
}

@media only screen and (max-width: 860px) {
  .wp-block-genesis-blocks-gb-columns.searchandfilter-results {
    width: 100% !important;
    overflow: hidden;
    margin: 0px;
  }
}
.wp-block-genesis-blocks-gb-columns.searchandfilter-results .cl-layout__item-spacing {
  padding: 0px;
}
.wp-block-genesis-blocks-gb-columns.searchandfilter-results .cl-element {
  border-radius: 0px;
}
.wp-block-genesis-blocks-gb-columns.searchandfilter-results .cl-element-featured_media--no-image {
  display: none !important;
}
.wp-block-genesis-blocks-gb-columns.searchandfilter-results .cl-element-section {
  padding: 0px;
}
.wp-block-genesis-blocks-gb-columns.searchandfilter-results .cl-element-section .cl-element-published_date {
  display: inline-block;
  margin-right: 8px;
  padding-right: 10px;
  border-right: 1px solid #414042;
  border-radius: 0px;
  margin: 20px 8px 20px 0px;
}
.wp-block-genesis-blocks-gb-columns.searchandfilter-results .cl-element-section .cl-element-author {
  display: inline-block;
}
.wp-block-genesis-blocks-gb-columns.searchandfilter-results .cl-layout__no-results {
  width: 100%;
  text-align: center;
  margin-top: 0.875rem;
}
.wp-block-genesis-blocks-gb-columns.searchandfilter-results .cl-template {
  border-radius: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #61c19c;
}
.wp-block-genesis-blocks-gb-columns.searchandfilter-results .cl-template {
  padding-top: 20.736px;
  padding-bottom: 20.736px;
}
@media screen and (min-width: 320px) {
  .wp-block-genesis-blocks-gb-columns.searchandfilter-results .cl-template {
    padding-top: calc(20.736px + 12.192 * ((100vw - 320px) / 880));
    padding-bottom: calc(20.736px + 12.192 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  .wp-block-genesis-blocks-gb-columns.searchandfilter-results .cl-template {
    padding-top: 32.928px;
    padding-bottom: 32.928px;
  }
}
.wp-block-genesis-blocks-gb-columns.searchandfilter-results .cl-template .cl-element-excerpt {
  display: inline-block;
}
.wp-block-genesis-blocks-gb-columns.searchandfilter-results .cl-template .cl-element-excerpt {
  padding-top: 12.734496px;
  padding-bottom: 12.734496px;
}
@media screen and (min-width: 320px) {
  .wp-block-genesis-blocks-gb-columns.searchandfilter-results .cl-template .cl-element-excerpt {
    padding-top: calc(12.734496px + 7.487412 * ((100vw - 320px) / 880));
    padding-bottom: calc(12.734496px + 7.487412 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  .wp-block-genesis-blocks-gb-columns.searchandfilter-results .cl-template .cl-element-excerpt {
    padding-top: 20.221908px;
    padding-bottom: 20.221908px;
  }
}
.wp-block-genesis-blocks-gb-columns.searchandfilter-results .cl-template div {
  font-family: unset;
}
.wp-block-genesis-blocks-gb-columns.searchandfilter-results .cl-template h2 {
  font-weight: 500;
}
.wp-block-genesis-blocks-gb-columns.searchandfilter-results .cl-template h2 a,
.wp-block-genesis-blocks-gb-columns.searchandfilter-results .cl-template h2 a:hover,
.wp-block-genesis-blocks-gb-columns.searchandfilter-results .cl-template h2 a:focus {
  font-weight: 500;
}
.wp-block-genesis-blocks-gb-columns.searchandfilter-results .cl-template .cl-element-link__anchor {
  padding: 12px 18px;
}

.gb-button,
.wp-block-button__link,
input[type=submit],
.cl-element-link__anchor, .is-style-round-hover-overlay-text, .logo-lifeway {
  transform: scale(1);
  transition: transform 0.25s ease;
}
.gb-button:hover,
.wp-block-button__link:hover,
input[type=submit]:hover,
.cl-element-link__anchor:hover, .is-style-round-hover-overlay-text:hover, .logo-lifeway:hover {
  transition: transform 0.25s ease;
  transform: scale(1.1);
}

.social-links img {
  transform: scale(1);
  transition: transform 0.25s ease;
}
.social-links img:hover {
  transition: transform 0.25s ease;
  transform: scale(1.25);
}

.wp-block-genesis-blocks-gb-columns, .wp-block-genesis-blocks-gb-column {
  overflow: visible;
}

/* Animate Site Container - Keyframes
------------------------------------------------------------ */
.animate-site-container {
  animation-delay: 0.7s;
  animation-duration: 1s;
  animation-fill-mode: both;
}

/* fadeIn
------------------------------------------- */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

/* fadeInUp
------------------------------------------- */
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/* Fadeup Effect
---------------------------------------------------------------------------------------------------- */
.js .fadeup-effect {
  opacity: 0;
  /*overflow: hidden;*/
  -webkit-animation-duration: 0.35s;
  animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/************************************************************
*************************************************************

UNIQUE / CUSTOM

*************************************************************
************************************************************/
/************************************************************
  2.1 GENERAL
************************************************************/
/************************************************************
    2.1 SITE HEADER - LOGO
************************************************************/
/************************************************************
    2.1 SITE HEADER - NAV
************************************************************/
.site-header {
  position: fixed;
  width: 100%;
  background: transparent;
  -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;
  box-shadow: none;
  z-index: 1000;
}
@media only screen and (max-width: 860px) {
  .site-header {
    background-color: #122641;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  }
}
.site-header > .wrap {
  position: relative;
  margin: 20px 0;
  padding: 0;
}
.site-header > .wrap .title-area img {
  max-height: 90px;
  -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;
  padding-bottom: 2px;
}
@media only screen and (max-width: 1024px) {
  .site-header > .wrap .title-area img {
    max-height: 80px;
  }
}
@media only screen and (max-width: 860px) {
  .site-header > .wrap .title-area {
    width: 190px;
    padding: 0px;
  }
}
.site-header > .wrap nav {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0px;
  margin: 0px;
}
.site-header > .wrap nav .genesis-nav-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  text-transform: lowercase;
}
.site-header > .wrap nav .genesis-nav-menu .gb-button {
  padding: 0px 6px;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
}
@media only screen and (max-width: 860px) {
  .site-header > .wrap nav .genesis-nav-menu {
    display: block;
  }
}
.site-header > .wrap nav a {
  color: #ffffff;
  padding-bottom: 14px;
  padding-top: 14px;
}
@media only screen and (max-width: 860px) {
  .site-header > .wrap nav .try-it {
    width: 200px;
    margin: 0px auto 14px;
  }
}
.site-header > .wrap nav .try-it a {
  padding-bottom: 8px;
  padding-top: 8px;
}
@media only screen and (max-width: 860px) {
  .site-header > .wrap nav {
    position: relative;
    padding-top: 8px;
    text-align: center;
  }
}
.site-header > .wrap nav .sub-menu {
  border: none;
}
.site-header > .wrap nav .sub-menu a {
  background: #122641;
  border: none;
}
.site-header > .wrap .menu-toggle {
  padding: 0;
  margin: 0;
  margin-top: 33px;
}
.site-header > .wrap .menu-toggle,
.site-header > .wrap .sub-menu-toggle {
  color: #ffffff;
}
.site-header.shrink {
  background-color: #122641;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.site-header.shrink > .wrap {
  margin: 0px;
}
.site-header.shrink > .wrap .title-area img {
  max-height: 38px;
  -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;
  margin: 10px 0px;
}
.site-header.shrink > .wrap nav a {
  /*padding: 4px 0.5*$spacer-xs;*/
}
.site-header.shrink > .wrap nav .try-it {
  border: 2px solid #ffffff;
}
.site-header.shrink > .wrap nav .try-it a {
  padding: 4px 0.25rem;
  font-size: 12px;
}
@media only screen and (max-width: 860px) {
  .site-header.shrink > .wrap nav {
    margin-bottom: 18px;
  }
}
.site-header.shrink > .wrap .menu-toggle {
  margin-top: 29px;
  font-size: 13px;
}
.site-header.shrink > .wrap .menu-toggle::before {
  top: 2px;
  font-size: 16px;
}

@media only screen and (max-width: 480px) {
  .sub-menu-toggle {
    width: 100%;
    text-align: right;
  }
}

/************************************************************
    2.1 SITE HEADER - PAGE
************************************************************/
.page-header .wp-block-buttons > .wp-block-button {
  margin-right: 10px;
}
.page-header .wp-block-buttons > .wp-block-button:last-child {
  margin-left: 10px;
  margin-right: 0px;
}

.home .random-background-image {
  opacity: 0;
  transition: opacity 0.5s ease-in;
  background-size: cover;
  background-position: center center;
}
.home .random-background-image.loaded {
  opacity: 1;
}

.home-page-header-text {
  background-color: #124C4ECC;
}

.home-page-buttons .is-style-round-hover-overlay-text {
  border: 3px solid #61c19c;
}
.home-page-buttons .is-style-round-hover-overlay-text a {
  color: #ffffff;
  font-size: 18px;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
}
@media only screen and (max-width: 860px) {
  .home-page-buttons.gb-layout-columns-4 > .gb-layout-column-wrap {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: "col1 col2 col3 col4";
  }
}
@media only screen and (max-width: 480px) {
  .home-page-buttons {
    padding: 20px;
  }
  .home-page-buttons.gb-layout-columns-4 > .gb-layout-column-wrap.gb-is-responsive-column {
    grid-template-rows: auto;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "col1 col2" "col3 col4";
  }
}

/************************************************************
    2.1 BUTTONS
************************************************************/
/************************************************************
    2.1 PAGINATION
************************************************************/
.cl-pagination {
  margin: 60px 0 0;
}

.archive-pagination li a, .cl-pagination a,
.cl-pagination .current {
  background-color: #d1d2d4;
  color: #122641;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
  padding: 8px 16px;
  text-decoration: none;
}

.archive-pagination li a:focus,
.archive-pagination li a:hover,
.archive-pagination li.active a,
.cl-pagination a:focus,
.cl-pagination a:hover,
.cl-pagination .current {
  background-color: #122641;
  color: #fff;
}

/************************************************************
    2.1 GUTENBERG
************************************************************/
/************************************************************
  2.2 CONTENT
************************************************************/
/************************************************************
    2.2 HOMEPAGE
************************************************************/
/************************************************************
    2.2 H1 - H6
************************************************************/
/************************************************************
    2.2 IMAGES
************************************************************/
/************************************************************
    2.2 PAGES
************************************************************/
/************************************************************
    2.2 ARCHIVE / POSTS / SIDEBAR
************************************************************/
.archive-description .entry-title,
.archive-title,
.author-box-title,
.widget-title,
.entry-content h3,
.entry-content h4,
.entry-title a,
.sidebar .widget-title a {
  font-weight: 500;
}

.archive .site-inner .post-image,
.search .site-inner .post-image,
.single .site-inner .post-image {
  margin: 0px 0px 0.5rem;
}

.archive .archive-description, .search .archive-description {
  margin-bottom: 0px;
}
.archive .site-inner article, .search .site-inner article {
  margin: 0px;
  border-bottom: 1px solid #61c19c;
}
.archive .site-inner article .entry-content p, .search .site-inner article .entry-content p {
  margin-bottom: 0px;
}
.archive .site-inner article, .search .site-inner article {
  padding-top: 20.736px;
  padding-bottom: 20.736px;
}
@media screen and (min-width: 320px) {
  .archive .site-inner article, .search .site-inner article {
    padding-top: calc(20.736px + 12.192 * ((100vw - 320px) / 880));
    padding-bottom: calc(20.736px + 12.192 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  .archive .site-inner article, .search .site-inner article {
    padding-top: 32.928px;
    padding-bottom: 32.928px;
  }
}

.entry-comments,
#respond {
  margin-top: 0.5rem;
}
.entry-comments .comment-list li,
#respond .comment-list li {
  padding: 0px;
}

.author-box-title span {
  text-transform: none;
}

@media only screen and (max-width: 480px) {
  .page-header .gb-block-layout-column-inner {
    padding-top: 24px;
  }
}

#sh-header .widget {
  margin-bottom: 0px;
}
@media only screen and (max-width: 480px) {
  #sh-header .widget .entry-content {
    margin-top: 24px;
  }
}
#sh-header .widget .entry-content div {
  margin-bottom: 0px;
}

/************************************************************
    2.2 SEARCH
************************************************************/
/************************************************************
    2.2 FORMS / FIELDS / INPUTS
************************************************************/
input,
select,
textarea {
  padding: 15px !important;
  border: 3px solid #122641;
  border-radius: 0px !important;
  -webkit-appearance: none;
}
input:focus,
select:focus,
textarea:focus {
  border: 3px solid #d1d2d4;
}

input[type=search] {
  line-height: 32px;
  border-radius: 0px !important;
  -webkit-appearance: none;
}

.search-form {
  border-radius: 0px !important;
}

.gform_fields input[type=text] {
  padding: 8px 15px !important;
  line-height: 32px;
}

[class*=-background-color] .form-centered .ginput_container {
  text-align: center;
}
[class*=-background-color] .form-centered .gform_fields input[type=text] {
  padding: 15px !important;
  background-color: transparent;
  border: 3px solid #ffffff;
  color: #ffffff;
  text-align: center;
  max-width: 360px;
}
[class*=-background-color] .form-centered .gform_fields input[type=text]:focus {
  border: 3px solid #d1d2d4;
}
[class*=-background-color] .form-centered .gform_fields input[type=text]::-webkit-input-placeholder {
  color: #ffffff;
}
[class*=-background-color] .form-centered .gform_wrapper .gform_footer {
  text-align: center;
}

/************************************************************
  2.3 FOOTER
************************************************************/
/************************************************************
  2.4 PLUGINS
************************************************************/
/************************************************************
    2.4 PODCAST / BLUBERRY
************************************************************/
.site-container .powerpress_player::before {
  content: "";
  clear: both;
  display: table;
  height: 10px;
}
.site-container .mejs-container .mejs-controls,
.site-container .mejs-embed,
.site-container .mejs-embed body {
  background: #ffffff;
  border: 3px solid #61c19c;
  padding: 10px 12px 6px;
  height: unset;
}
.site-container .mejs-container .mejs-controls .mejs-button,
.site-container .mejs-embed .mejs-button,
.site-container .mejs-embed body .mejs-button {
  font-size: 14px;
  height: 36px;
  line-height: 14px;
  margin: 0;
  width: 36px;
}
.site-container .mejs-container .mejs-controls .mejs-button.mejs-play > button,
.site-container .mejs-embed .mejs-button.mejs-play > button,
.site-container .mejs-embed body .mejs-button.mejs-play > button {
  margin: 0px;
  background-position: 3px 3px;
  color: #ffffff;
  background-color: #61c19c;
  border-radius: 50%;
  height: 36px;
  width: 36px;
  border: 6px solid #61c19c;
}
.site-container .mejs-container .mejs-controls .mejs-button.mejs-pause > button,
.site-container .mejs-embed .mejs-button.mejs-pause > button,
.site-container .mejs-embed body .mejs-button.mejs-pause > button {
  margin: 0px;
  background-position: -20px 1px;
  color: #ffffff;
  background-color: #61c19c;
  border-radius: 50%;
  height: 36px;
  width: 36px;
  border: 8px solid #61c19c;
}
.site-container .mejs-container .mejs-controls .mejs-time,
.site-container .mejs-embed .mejs-time,
.site-container .mejs-embed body .mejs-time {
  color: #414042;
}
.site-container .mejs-container .mejs-controls .mejs-mute > button, .site-container .mejs-container .mejs-controls .mejs-unmute > button,
.site-container .mejs-embed .mejs-mute > button,
.site-container .mejs-embed .mejs-unmute > button,
.site-container .mejs-embed body .mejs-mute > button,
.site-container .mejs-embed body .mejs-unmute > button {
  filter: brightness(0.75);
}
.site-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .site-container .mejs-controls .mejs-time-rail .mejs-time-total {
  background: #dbdadd;
}
.site-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background-color: #D0D2D3;
}
.site-container .mejs-controls .mejs-time-rail .mejs-time-current, .site-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background-color: #61c19c;
}

/************************************************************
    2.4 JETPACK
************************************************************/
#jp-relatedposts .jp-relatedposts-items-visual {
  margin-right: -2%;
  margin-left: -2%;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
  margin: 0px 2%;
  width: 28%;
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.26);
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.26);
  text-align: center;
  padding-bottom: 18px;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post h4.jp-relatedposts-post-title {
  padding: 18px;
  font-size: 18px;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post p.jp-relatedposts-post-excerpt {
  padding: 0 12px;
}