/* ------------------------------------------------------------
Theme Name: Verhagedev
Theme URI: www.verhagedevelopment.nl

Author: Verhagedev
Author URI: www.verhagedevelopment.nl

Description: This theme is made for the project 'Verhage Development'
Version: 1.0.0

License: GNU General Public License v2 or later
License URI: LICENSE

Text Domain: verhagedev
Tags: Custom, Design, Slider, Text
------------------------------------------------------------ */
/*--------------------------------------------------------------
- The main style file for this theme
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Import : Site variables
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Site variables : Theme specific variables
--------------------------------------------------------------*/
/* -------------------------------------------------
- Init : Border radius
------------------------------------------------- */
/* -------------------------------------------------
- Init : Marges
------------------------------------------------- */
/*--------------------------------------------------------------
- Site variables : Colors
--------------------------------------------------------------*/
/* -------------------------------------------------
- Init : Base colors
------------------------------------------------- */
/* -------------------------------------------------
- Init : Dark colors
------------------------------------------------- */
/* -------------------------------------------------
- Init : Shadow colors
------------------------------------------------- */
/* -------------------------------------------------
- Init : Color yellow
------------------------------------------------- */
/* -------------------------------------------------
- Init : Color green
------------------------------------------------- */
/* -------------------------------------------------
- Init : Color grey
------------------------------------------------- */
/* -------------------------------------------------
- Init : Color copper
------------------------------------------------- */
/* -------------------------------------------------
- Init : Gradients (background => background-color)
------------------------------------------------- */
/* -------------------------------------------------
- Init : Footer color
------------------------------------------------- */
/*--------------------------------------------------------------
- Site variables : Global widths
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Site variables : Media breakpoint
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Site variables : Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Import : Mixins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Mixin : Covers
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Mixin : Display flex variants
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Mixin : Max-width/height
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Mixin : Transition
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Import : Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Typography : Headings
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Init : Heading globals
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-family: josefin-sans, sans-serif;
  text-transform: uppercase;
}

/*--------------------------------------------------------------
- Init : Heading sizes
--------------------------------------------------------------*/
h1 {
  font-size: 1rem;
  line-height: 36px;
}

h1, h2, h3, h4, h5 {
  font-weight: 300;
  color: #425953;
}

h2 {
  font-size: 48px;
  line-height: 48px;
}
@media only screen and (max-width: 1200px) {
  h2 {
    font-size: 44px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 990px) {
  h2 {
    font-size: 34px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 768px) {
  h2 {
    font-size: 32px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 550px) {
  h2 {
    font-size: 28px;
    line-height: 2rem;
  }
}
@media only screen and (max-width: 450px) {
  h2 {
    font-size: 26px;
    line-height: 30px;
  }
}

h3 {
  font-size: 2rem;
  line-height: 38px;
}
@media only screen and (max-width: 768px) {
  h3 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 550px) {
  h3 {
    font-size: 26px;
    line-height: 2rem;
  }
}
@media only screen and (max-width: 450px) {
  h3 {
    font-size: 1.5rem;
    line-height: 30px;
  }
}

h4 {
  font-size: 24px;
  line-height: 29px;
}
@media only screen and (max-width: 550px) {
  h4 {
    font-size: 22px;
    line-height: 27px;
  }
}
@media only screen and (max-width: 550px) {
  h4 {
    font-size: 20px;
    line-height: 25px;
  }
}

h5 {
  font-size: 20px;
  line-height: 26px;
}

h6 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5rem;
  color: #688c82;
}

/*--------------------------------------------------------------
- Typography : Default
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Init : Body globals
--------------------------------------------------------------*/
body {
  color: #1d1d1b;
  font-family: museo-sans, sans-seri;
}

/*--------------------------------------------------------------
- Init : Bold elements
--------------------------------------------------------------*/
.bold, strong, b {
  font-weight: 700;
}

/*--------------------------------------------------------------
- Init : Link elements
--------------------------------------------------------------*/
a {
  text-decoration: none;
  outline: none !important;
}

/*--------------------------------------------------------------
- Init : Paragraph sizes
--------------------------------------------------------------*/
p {
  font-size: 1rem;
  line-height: 1.5rem;
  /* -------------------------------------------------
  - Init : Link
  ------------------------------------------------- */
}
@media only screen and (max-width: 550px) {
  p {
    font-size: 15px;
    line-height: 23px;
  }
}
p a {
  position: relative;
  font-family: josefin-sans, sans-serif;
  font-weight: 600;
  color: #688C82;
  text-transform: uppercase;
  padding-bottom: 0.75rem;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  /* -------------------------------------------------
  - Init : Link (Hover)
  ------------------------------------------------- */
}
p a::before, p a::after {
  transition: 0.5s;
}
p a::before {
  content: "";
  background-color: #688C82;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
}
p a::after {
  content: "\f105";
  font-family: "Font Awesome 6 Free";
  font-size: 14px;
  font-weight: 900;
  margin-left: 0.5rem;
  transition-delay: 0s;
  color: #688C82;
}
p a:hover {
  color: #ffd289;
}
p a:hover::before {
  background-color: #ffd289;
}
p a:hover::after {
  color: #ffd289;
}

/*--------------------------------------------------------------
- Import : Theme
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Import : Base files
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Init : Custom selection
--------------------------------------------------------------*/
::-moz-selection {
  background-color: #ffd289;
  color: #fff;
}

::selection {
  background-color: #ffd289;
  color: #fff;
}

/*--------------------------------------------------------------
- Init : Body globals
--------------------------------------------------------------*/
html {
  overflow-x: hidden;
}
html body * {
  transition: 0.5s;
}
html body main {
  overflow-x: hidden;
}

/*--------------------------------------------------------------
- Init : Content base (Controls the global-width) 
--------------------------------------------------------------*/
.content-base {
  display: flex;
  align-items: center;
  flex-direction: column;
}

/*--------------------------------------------------------------
- Init : All global width options
--------------------------------------------------------------*/
.global-width-max {
  width: 100%;
}

.global-width-xxl {
  max-width: 1675px;
  width: 100%;
}

.global-width-xl {
  max-width: 1465px;
  width: 100%;
}

.global-width-lg {
  max-width: 1235px;
  width: 100%;
}

.global-width-md {
  max-width: 975px;
  width: 100%;
}

.global-width-sm {
  max-width: 732px;
  width: 100%;
}

.global-width-xs {
  max-width: 380px;
  width: 100%;
}

/*--------------------------------------------------------------
- Init : Screen control
--------------------------------------------------------------*/
@media only screen and (max-width: 1400px) {
  .screen-control {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

/*--------------------------------------------------------------
- Init : Covers
--------------------------------------------------------------*/
.link-cover {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}

/*--------------------------------------------------------------
- Init : Header
--------------------------------------------------------------*/
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  /* -------------------------------------------------
  - Init : Header (is-scrolling)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Header (Mobile menu active)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Header content
  ------------------------------------------------- */
}
header.is-scrolling {
  background-color: #425953;
}
header.is-scrolling .content-row-header .header-content {
  padding: 1rem 0;
}
@media only screen and (max-width: 1200px) {
  header.is-scrolling .content-row-header .header-content .menu-hoofdmenu-container {
    top: 5rem;
  }
}
header.is-active {
  background-color: #425953;
}
header .header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 0;
  /* -------------------------------------------------
  - Init : Site branding
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Buttons
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Main menu container
  ------------------------------------------------- */
}
@media only screen and (max-width: 768px) {
  header .header-content {
    padding: 1.3rem 0;
  }
}
header .header-content .site-branding svg {
  max-width: 6.44rem;
  width: 100%;
}
header .header-content .buttons {
  display: flex;
  align-items: center;
  /* -------------------------------------------------
  - Init : Menu button
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : CTA button
  ------------------------------------------------- */
}
header .header-content .buttons .menu-button {
  display: none;
  margin-right: 2rem;
  position: relative;
  height: 2rem;
  width: 2rem;
}
@media only screen and (max-width: 1200px) {
  header .header-content .buttons .menu-button {
    display: block;
  }
}
@media only screen and (max-width: 550px) {
  header .header-content .buttons .menu-button {
    margin-right: 1.5rem;
  }
}
header .header-content .buttons .menu-button::before, header .header-content .buttons .menu-button::after {
  content: "";
  background-color: #fff;
  position: absolute;
  transition: 0.5s;
  height: 0.13rem;
  width: 100%;
}
header .header-content .buttons .menu-button::before {
  bottom: 0.5rem;
}
header .header-content .buttons .menu-button::after {
  top: 0.5rem;
}
header .header-content .buttons .menu-button.is-active::before {
  transform: rotate(45deg);
  bottom: 0.88rem;
}
header .header-content .buttons .menu-button.is-active::after {
  transform: rotate(135deg);
  top: 1rem;
}
header .header-content .buttons .cta-header {
  min-width: 9.38rem;
}
@media only screen and (max-width: 550px) {
  header .header-content .buttons .cta-header {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    min-width: unset;
    height: 2.5rem;
    padding: 0;
    min-height: unset;
  }
}
@media only screen and (max-width: 550px) {
  header .header-content .buttons .cta-header span {
    display: none;
  }
}
@media only screen and (max-width: 550px) {
  header .header-content .buttons .cta-header i {
    margin: 0;
    top: unset;
  }
}
header .header-content .menu-hoofdmenu-container {
  /* -------------------------------------------------
  - Init : Main menu
  ------------------------------------------------- */
}
@media only screen and (max-width: 1200px) {
  header .header-content .menu-hoofdmenu-container {
    position: fixed;
    top: 7rem;
    background-color: #fff;
    right: 0;
    bottom: 0;
    padding: 2rem;
    overflow: auto;
    display: flex;
    align-items: center;
    transform: translateX(100%);
  }
  header .header-content .menu-hoofdmenu-container.is-active {
    transform: translateX(0%);
    box-shadow: 0 12px 1.5rem rgba(66, 89, 83, 0.5019607843);
  }
}
@media only screen and (max-width: 768px) {
  header .header-content .menu-hoofdmenu-container {
    top: 5.56rem;
  }
}
@media only screen and (max-width: 450px) {
  header .header-content .menu-hoofdmenu-container {
    left: 2rem;
  }
}
header .header-content .menu-hoofdmenu-container ul.menu {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  /* -------------------------------------------------
  - Init : Menu item
  ------------------------------------------------- */
}
@media only screen and (max-width: 1200px) {
  header .header-content .menu-hoofdmenu-container ul.menu {
    flex-direction: column;
    margin: 4rem 0;
  }
}
@media only screen and (max-width: 450px) {
  header .header-content .menu-hoofdmenu-container ul.menu {
    width: 100%;
  }
}
header .header-content .menu-hoofdmenu-container ul.menu li.menu-item {
  position: relative;
  list-style-type: none;
  margin-right: 2rem;
  /* -------------------------------------------------
  - Init : Menu item (Last)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Menu item (hover)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Menu item (Current)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Menu item (Parent)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Menu item link
  ------------------------------------------------- */
}
@media only screen and (max-width: 1200px) {
  header .header-content .menu-hoofdmenu-container ul.menu li.menu-item {
    margin: 0 0 1.3rem 0;
    min-width: 15.5rem;
    padding-bottom: 1rem;
    border-bottom: solid 0.06rem #ece7df;
  }
}
@media only screen and (max-width: 450px) {
  header .header-content .menu-hoofdmenu-container ul.menu li.menu-item {
    width: 100%;
    min-width: unset;
  }
}
header .header-content .menu-hoofdmenu-container ul.menu li.menu-item:last-of-type {
  margin-right: 0;
}
@media only screen and (max-width: 1200px) {
  header .header-content .menu-hoofdmenu-container ul.menu li.menu-item:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
}
header .header-content .menu-hoofdmenu-container ul.menu li.menu-item:hover a {
  color: #ffd289;
}
header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.current-menu-item.menu-item-has-children::after, header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.current-menu-ancestor.menu-item-has-children::after {
  color: #ffd289;
}
header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.current-menu-item.menu-item-has-children a::before, header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.current-menu-ancestor.menu-item-has-children a::before {
  right: -1.13rem;
}
header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.current-menu-item a, header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.current-menu-ancestor a {
  color: #ffd289;
}
header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.current-menu-item a::before, header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.current-menu-ancestor a::before {
  background-color: #ffd289;
  opacity: 1;
}
header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.menu-item-has-children {
  /* -------------------------------------------------
  - Init : Sub menu
  ------------------------------------------------- */
}
header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.menu-item-has-children:hover::after {
  color: #ffd289;
}
header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.menu-item-has-children::after {
  content: "\f0d7";
  font-family: "Font Awesome 6 Free";
  font-size: 0.88rem;
  font-weight: 900;
  margin-left: 0.25rem;
  color: #fff;
  transition: 0.5s;
}
@media only screen and (max-width: 1200px) {
  header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.menu-item-has-children::after {
    color: #425953;
    right: 0;
    position: absolute;
    top: 0.13rem;
  }
}
header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu {
  pointer-events: all;
  opacity: 1;
}
header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.menu-item-has-children ul.sub-menu {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0.38rem 0.75rem rgba(0, 0, 0, 0.1607843137);
  padding: 1rem;
  /* -------------------------------------------------
  - Init : Sub menu item
  ------------------------------------------------- */
}
@media only screen and (max-width: 1200px) {
  header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.menu-item-has-children ul.sub-menu {
    transition: 0s;
    position: relative;
    box-shadow: none;
    padding: 1rem 0 0 1rem;
    pointer-events: all;
    opacity: 1;
  }
}
header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item {
  margin-right: 0;
  margin-bottom: 0.5rem;
  /* -------------------------------------------------
  - Init : Sub menu item (Current)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Sub menu item (Last)
  ------------------------------------------------- */
}
@media only screen and (max-width: 1200px) {
  header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item {
    min-width: unset;
    width: 100%;
    border-bottom: none;
    padding-bottom: 0.5rem;
  }
}
header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item.current-menu-item a {
  color: #ffd289;
}
header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item:last-of-type {
  margin-bottom: 0;
}
header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item a {
  color: #1d1d1b;
}
header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item a::before, header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item a::after {
  display: none;
}
header .header-content .menu-hoofdmenu-container ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item a:hover {
  color: #ffd289;
}
header .header-content .menu-hoofdmenu-container ul.menu li.menu-item a {
  position: relative;
  font-family: josefin-sans, sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.13rem;
  color: #fff;
  text-transform: uppercase;
}
@media only screen and (max-width: 1200px) {
  header .header-content .menu-hoofdmenu-container ul.menu li.menu-item a {
    color: #425953;
  }
}
header .header-content .menu-hoofdmenu-container ul.menu li.menu-item a::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0.13rem;
  display: block;
  bottom: -0.31rem;
  background-color: #fff;
  opacity: 0;
}
@media only screen and (max-width: 1200px) {
  header .header-content .menu-hoofdmenu-container ul.menu li.menu-item a::before {
    display: none;
  }
}

/*--------------------------------------------------------------
- Init : Footer
--------------------------------------------------------------*/
footer {
  overflow-x: hidden;
  margin-left: 8rem;
  border-top-left-radius: 0.25rem;
  /* -------------------------------------------------
  - Init : Content row
  ------------------------------------------------- */
}
@media only screen and (max-width: 1650px) {
  footer {
    margin-left: 4.5rem;
  }
}
@media only screen and (max-width: 1400px) {
  footer {
    margin-left: 0.7rem;
  }
}
footer .content-row {
  position: relative;
  margin-left: -8rem;
  /* -------------------------------------------------
  - Init : Content row footer
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Content row footer details
  ------------------------------------------------- */
}
@media only screen and (max-width: 1650px) {
  footer .content-row {
    margin-left: -4.5rem;
  }
}
@media only screen and (max-width: 1400px) {
  footer .content-row {
    margin-left: 0;
  }
}
footer .content-row.content-row-footer {
  background-color: #d9d0bf;
  padding-top: 6rem;
  padding-bottom: 6rem;
  /* -------------------------------------------------
  - Init : Background elements
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Footer col
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Footer block
  ------------------------------------------------- */
}
@media only screen and (max-width: 1400px) {
  footer .content-row.content-row-footer {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media only screen and (max-width: 550px) {
  footer .content-row.content-row-footer {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media only screen and (max-width: 450px) {
  footer .content-row.content-row-footer {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
footer .content-row.content-row-footer::before, footer .content-row.content-row-footer::after {
  content: "";
  background-color: #d9d0bf;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
}
footer .content-row.content-row-footer::before {
  left: -100%;
}
footer .content-row.content-row-footer::after {
  right: -100%;
}
footer .content-row.content-row-footer .footer-col {
  display: flex;
  justify-content: flex-start;
  /* -------------------------------------------------
  - Init : Footer col (First)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Footer col (First)
  ------------------------------------------------- */
}
footer .content-row.content-row-footer .footer-col:first-of-type .footer-block {
  max-width: 28.5rem;
  width: 100%;
}
footer .content-row.content-row-footer .footer-col:first-of-type .footer-block {
  max-width: 28.5rem;
  width: 100%;
}
@media only screen and (max-width: 990px) {
  footer .content-row.content-row-footer .footer-col {
    margin-bottom: 2.5rem;
  }
  footer .content-row.content-row-footer .footer-col:last-of-type {
    margin-bottom: 0;
  }
}
footer .content-row.content-row-footer .footer-block {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  /* -------------------------------------------------
  - Init : Footer-block title
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Footer-block content
  ------------------------------------------------- */
}
@media only screen and (max-width: 990px) {
  footer .content-row.content-row-footer .footer-block {
    width: 100%;
  }
}
footer .content-row.content-row-footer .footer-block .footer-block-title {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 0.75rem;
  color: #fff;
  margin-bottom: 1rem;
}
footer .content-row.content-row-footer .footer-block .footer-block-content {
  /* -------------------------------------------------
  - Init : Footer-block title (Address)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Headings
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Paragraph
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Typography
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : List
  ------------------------------------------------- */
}
footer .content-row.content-row-footer .footer-block .footer-block-content.address p {
  font-family: josefin-sans, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 0.87rem;
  text-transform: uppercase;
}
footer .content-row.content-row-footer .footer-block .footer-block-content h1, footer .content-row.content-row-footer .footer-block .footer-block-content h2, footer .content-row.content-row-footer .footer-block .footer-block-content h3, footer .content-row.content-row-footer .footer-block .footer-block-content h4, footer .content-row.content-row-footer .footer-block .footer-block-content h5, footer .content-row.content-row-footer .footer-block .footer-block-content h6 {
  font-weight: 300;
}
footer .content-row.content-row-footer .footer-block .footer-block-content p {
  margin-bottom: 0.75rem;
}
footer .content-row.content-row-footer .footer-block .footer-block-content h1, footer .content-row.content-row-footer .footer-block .footer-block-content h2, footer .content-row.content-row-footer .footer-block .footer-block-content h3, footer .content-row.content-row-footer .footer-block .footer-block-content h4, footer .content-row.content-row-footer .footer-block .footer-block-content h5, footer .content-row.content-row-footer .footer-block .footer-block-content h6, footer .content-row.content-row-footer .footer-block .footer-block-content p {
  color: #1d1d1b;
}
footer .content-row.content-row-footer .footer-block .footer-block-content h1:last-of-type, footer .content-row.content-row-footer .footer-block .footer-block-content h2:last-of-type, footer .content-row.content-row-footer .footer-block .footer-block-content h3:last-of-type, footer .content-row.content-row-footer .footer-block .footer-block-content h4:last-of-type, footer .content-row.content-row-footer .footer-block .footer-block-content h5:last-of-type, footer .content-row.content-row-footer .footer-block .footer-block-content h6:last-of-type, footer .content-row.content-row-footer .footer-block .footer-block-content p:last-of-type {
  margin-bottom: 0;
}
footer .content-row.content-row-footer .footer-block .footer-block-content ul.footer-items {
  padding: 0;
  margin: 0;
}
footer .content-row.content-row-footer .footer-block .footer-block-content ul.footer-items li.footer-item {
  display: flex;
  justify-content: flex-start;
  list-style-type: none;
  margin-bottom: 0.75rem;
}
footer .content-row.content-row-footer .footer-block .footer-block-content ul.footer-items li.footer-item:last-of-type {
  margin-bottom: 0;
}
footer .content-row.content-row-footer .footer-block .footer-block-content ul.footer-items li.footer-item a.footer-item-link {
  font-family: josefin-sans, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 0.87rem;
  color: #1d1d1b;
  text-transform: uppercase;
}
footer .content-row.content-row-footer .footer-block .footer-block-content ul.footer-items li.footer-item a.footer-item-link:hover {
  color: #FFFF00;
}
footer .content-row.content-row-footer-details {
  background-color: #1d1d1b;
  padding-top: 1rem;
  padding-bottom: 1rem;
  /* -------------------------------------------------
  - Init : Background elements
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Footer details
  ------------------------------------------------- */
}
@media only screen and (max-width: 550px) {
  footer .content-row.content-row-footer-details {
    padding: 1.5rem 0;
  }
}
footer .content-row.content-row-footer-details::before, footer .content-row.content-row-footer-details::after {
  content: "";
  background-color: #1d1d1b;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
}
footer .content-row.content-row-footer-details::before {
  left: -100%;
}
footer .content-row.content-row-footer-details::after {
  right: -100%;
}
footer .content-row.content-row-footer-details .footer-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* -------------------------------------------------
  - Init : Footer navigation
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Maerke
  ------------------------------------------------- */
}
@media only screen and (max-width: 550px) {
  footer .content-row.content-row-footer-details .footer-details {
    flex-direction: column;
  }
}
footer .content-row.content-row-footer-details .footer-details .footer-navigation {
  display: flex;
  align-items: center;
  /* -------------------------------------------------
  - Init : Copyright
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Footer menu
  ------------------------------------------------- */
}
@media only screen and (max-width: 550px) {
  footer .content-row.content-row-footer-details .footer-details .footer-navigation {
    flex-direction: column-reverse;
  }
}
footer .content-row.content-row-footer-details .footer-details .footer-navigation .copyright {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #f0efee;
  margin: 0 5rem 0 0;
}
@media only screen and (max-width: 550px) {
  footer .content-row.content-row-footer-details .footer-details .footer-navigation .copyright {
    margin: 1.5rem 0;
  }
}
footer .content-row.content-row-footer-details .footer-details .footer-navigation .menu-footermenu-container ul.menu {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
footer .content-row.content-row-footer-details .footer-details .footer-navigation .menu-footermenu-container ul.menu li.menu-item {
  list-style-type: none;
  margin-right: 1.5rem;
}
footer .content-row.content-row-footer-details .footer-details .footer-navigation .menu-footermenu-container ul.menu li.menu-item:last-of-type {
  margin-right: 0;
}
footer .content-row.content-row-footer-details .footer-details .footer-navigation .menu-footermenu-container ul.menu li.menu-item a {
  font-family: josefin-sans, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #f0efee;
  text-transform: uppercase;
}
footer .content-row.content-row-footer-details .footer-details .maerke-label {
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .content-row.content-row-footer-details .footer-details .maerke-label .maerke {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #f0efee;
  margin-right: 0.5rem;
}
footer .content-row.content-row-footer-details .footer-details .maerke-label .maerke-logo {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}

/*--------------------------------------------------------------
- Import : Content sections 
--------------------------------------------------------------*/
/* ------------------------------------------------------
- Content section : ACF
------------------------------------------------------ */
section#cs-acf,
section#cs-post-nav {
  overflow-x: hidden;
  margin-top: 4rem;
}
section#cs-acf .content-row,
section#cs-post-nav .content-row {
  margin-bottom: 128px;
}

section#cs-post-nav {
  margin-top: 0;
}

/* ------------------------------------------------------
- Content section : Banner
------------------------------------------------------ */
section#cs-banner {
  position: relative;
  background-color: #1d1d1b;
  overflow: hidden;
  /* -------------------------------------------------
  - Init : Banner (Large)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Banner image
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Content row banner
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Content row banner
  ------------------------------------------------- */
}
section#cs-banner.banner-lg .content-row-banner .banner-canvas {
  min-height: 50.5rem;
}
@media only screen and (max-width: 1400px) {
  section#cs-banner.banner-lg .content-row-banner .banner-canvas {
    min-height: 46.5rem;
    align-items: center;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 990px) {
  section#cs-banner.banner-lg .content-row-banner .banner-canvas {
    min-height: 44rem;
  }
}
@media only screen and (max-width: 550px) {
  section#cs-banner.banner-lg .content-row-banner .banner-canvas {
    min-height: 90vh;
  }
}
section#cs-banner .banner-image {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
section#cs-banner .banner-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section#cs-banner .banner-image::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2509803922), rgba(0, 0, 0, 0.5019607843));
  transition: 0.5s;
}
section#cs-banner .content-row-banner {
  position: relative;
  z-index: 1;
}
section#cs-banner .content-row-banner .banner-canvas {
  display: flex;
  align-items: center;
  min-height: 25.5rem;
}
@media only screen and (max-width: 1400px) {
  section#cs-banner .content-row-banner .banner-canvas {
    align-items: flex-end;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 1200px) {
  section#cs-banner .content-row-banner .banner-canvas {
    min-height: 23rem;
  }
}
@media only screen and (max-width: 990px) {
  section#cs-banner .content-row-banner .banner-canvas {
    min-height: 20rem;
  }
}
section#cs-banner .content-row-banner .banner-canvas .banner-content {
  /* -------------------------------------------------
  - Init : Subtitle
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Main titles
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Title
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Title
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Title
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : CTA banner
  ------------------------------------------------- */
}
section#cs-banner .content-row-banner .banner-canvas .banner-content .subtitle {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2rem;
  color: #ffd289;
  margin-bottom: 1rem;
}
section#cs-banner .content-row-banner .banner-canvas .banner-content h1.title,
section#cs-banner .content-row-banner .banner-canvas .banner-content h2.title {
  font-size: 4rem;
  line-height: 4rem;
  color: #fff;
  margin-bottom: 0;
}
@media only screen and (max-width: 1200px) {
  section#cs-banner .content-row-banner .banner-canvas .banner-content h1.title,
section#cs-banner .content-row-banner .banner-canvas .banner-content h2.title {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }
}
@media only screen and (max-width: 990px) {
  section#cs-banner .content-row-banner .banner-canvas .banner-content h1.title,
section#cs-banner .content-row-banner .banner-canvas .banner-content h2.title {
    font-size: 3rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  section#cs-banner .content-row-banner .banner-canvas .banner-content h1.title,
section#cs-banner .content-row-banner .banner-canvas .banner-content h2.title {
    font-size: 2.5rem;
    line-height: 2.88rem;
  }
}
@media only screen and (max-width: 550px) {
  section#cs-banner .content-row-banner .banner-canvas .banner-content h1.title,
section#cs-banner .content-row-banner .banner-canvas .banner-content h2.title {
    font-size: 2rem;
    line-height: 2.13rem;
  }
}
section#cs-banner .content-row-banner .banner-canvas .banner-content h2.title::first-line {
  font-weight: 600;
}
section#cs-banner .content-row-banner .banner-canvas .banner-content h1.title {
  font-weight: 600;
}
section#cs-banner .content-row-banner .banner-canvas .banner-content h2 {
  font-weight: 300;
}
section#cs-banner .content-row-banner .banner-canvas .banner-content h2 strong, section#cs-banner .content-row-banner .banner-canvas .banner-content h2 b {
  font-weight: 600;
}
section#cs-banner .content-row-banner .banner-canvas .banner-content .cta-banner {
  margin-top: 2rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
section#cs-banner .content-row-post-details .post-details {
  display: flex;
}
section#cs-banner .content-row-post-details .post-details .detail .subtitle {
  margin-bottom: 0.5rem;
}
section#cs-banner .content-row-post-details .post-details .detail p {
  font-family: josefin-sans, sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: #425953;
  margin-bottom: 0;
}

/* -------------------------------------------------
- Init : Banner marges
------------------------------------------------- */
body.page section#cs-banner, body.error404 section#cs-banner {
  margin-left: 8rem;
  margin-right: 8rem;
  border-radius: 0 0 0.25rem 0.25rem;
}
@media only screen and (max-width: 1650px) {
  body.page section#cs-banner, body.error404 section#cs-banner {
    margin-right: 4.5rem;
    margin-left: 4.5rem;
  }
}
body.page section#cs-banner .content-row-banner, body.error404 section#cs-banner .content-row-banner {
  margin-left: 8rem;
  margin-right: 8rem;
}
@media only screen and (max-width: 1650px) {
  body.page section#cs-banner .content-row-banner, body.error404 section#cs-banner .content-row-banner {
    margin-right: -4.5rem;
    margin-left: -4.5rem;
  }
}
body.home section#cs-banner {
  margin-left: 0;
  margin-right: 8rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
@media only screen and (max-width: 1650px) {
  body.home section#cs-banner {
    margin-right: 4.5rem;
  }
}
body.home section#cs-banner .content-row-banner {
  margin-left: 0;
  margin-right: -8rem;
}
@media only screen and (max-width: 1650px) {
  body.home section#cs-banner .content-row-banner {
    margin-right: -4.5rem;
  }
}
body.archive section#cs-banner, body.blog section#cs-banner, body.single section#cs-banner {
  margin-left: 8rem;
  border-bottom-left-radius: 0.25rem;
}
@media only screen and (max-width: 1650px) {
  body.archive section#cs-banner, body.blog section#cs-banner, body.single section#cs-banner {
    margin-left: 4.5rem;
  }
}
body.archive section#cs-banner .content-row-banner, body.blog section#cs-banner .content-row-banner, body.single section#cs-banner .content-row-banner {
  margin-left: -8rem;
}
@media only screen and (max-width: 1650px) {
  body.archive section#cs-banner .content-row-banner, body.blog section#cs-banner .content-row-banner, body.single section#cs-banner .content-row-banner {
    margin-left: -4.5rem;
  }
}
@media only screen and (max-width: 1400px) {
  body.home section#cs-banner, body.page section#cs-banner, body.archive section#cs-banner, body.blog section#cs-banner, body.single section#cs-banner, body.error404 section#cs-banner {
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
  }
}
@media only screen and (max-width: 1400px) {
  body.home section#cs-banner .content-row-banner, body.page section#cs-banner .content-row-banner, body.archive section#cs-banner .content-row-banner, body.blog section#cs-banner .content-row-banner, body.single section#cs-banner .content-row-banner, body.error404 section#cs-banner .content-row-banner {
    margin-left: 0;
    margin-right: 0;
  }
}

/* ------------------------------------------------------
- Content section : Archive
------------------------------------------------------ */
section#archive-content {
  position: relative;
  background-color: #F5F3EF;
  padding: 4rem 0;
  margin-bottom: 8rem;
  /* -------------------------------------------------
  - Init :
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init :
  ------------------------------------------------- */
}
section#archive-content .content-row-filter {
  margin-bottom: 27px;
}
section#archive-content .content-row-filter .filter-content {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 990px) {
  section#archive-content .content-row-filter .filter-content {
    flex-direction: column;
    display: flex;
    align-items: flex-start;
  }
}
section#archive-content .content-row-filter .filter-content p.label {
  font-family: josefin-sans, sans-serif;
  font-weight: 600;
  margin: 0 60px 0 0;
  text-transform: uppercase;
  padding-bottom: 0.4rem;
}
@media only screen and (max-width: 990px) {
  section#archive-content .content-row-filter .filter-content p.label {
    margin-bottom: 1rem;
  }
}
section#archive-content .content-row-filter .filter-content ul.filters {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 990px) {
  section#archive-content .content-row-filter .filter-content ul.filters {
    overflow-x: scroll;
    width: 100%;
  }
}
section#archive-content .content-row-filter .filter-content ul.filters li.filter-item {
  list-style-type: none;
  margin-right: 2rem;
}
@media only screen and (max-width: 990px) {
  section#archive-content .content-row-filter .filter-content ul.filters li.filter-item {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
  }
}
section#archive-content .content-row-filter .filter-content ul.filters li.filter-item:last-of-type {
  margin-right: 0;
}
@media only screen and (max-width: 990px) {
  section#archive-content .content-row-filter .filter-content ul.filters li.filter-item:last-of-type {
    margin-right: 2rem;
  }
}
section#archive-content .content-row-filter .filter-content ul.filters li.filter-item.active .filter-link {
  font-weight: 800;
}
section#archive-content .content-row-filter .filter-content ul.filters li.filter-item.active .filter-link::after {
  opacity: 1;
}
section#archive-content .content-row-filter .filter-content ul.filters li.filter-item .filter-link {
  display: block;
  position: relative;
  font-family: josefin-sans, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 20px;
  color: #425953;
  text-transform: uppercase;
  padding-bottom: 0.4rem;
}
section#archive-content .content-row-filter .filter-content ul.filters li.filter-item .filter-link:hover {
  color: #ffd289;
}
section#archive-content .content-row-filter .filter-content ul.filters li.filter-item .filter-link:hover::after {
  background-color: #ffd289;
}
section#archive-content .content-row-filter .filter-content ul.filters li.filter-item .filter-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 2px;
  opacity: 0;
  background-color: #425953;
  transition: 0.5s;
}
section#archive-content .content-row-archive .post-col {
  margin-bottom: 2rem;
}
section#archive-content .content-row-archive .contact-person {
  height: 100%;
}
section#archive-content .content-row-archive .archive-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}
section#archive-content .content-row-archive .archive-pagination ul.page-numbers {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
section#archive-content .content-row-archive .archive-pagination ul.page-numbers li {
  list-style-type: none;
  margin-left: 1rem;
}
section#archive-content .content-row-archive .archive-pagination ul.page-numbers li:first-of-type {
  margin-left: 0;
}
section#archive-content .content-row-archive .archive-pagination ul.page-numbers li span, section#archive-content .content-row-archive .archive-pagination ul.page-numbers li a {
  font-size: 1rem;
  font-weight: 700;
  line-height: 20px;
  color: #ABC1B9;
}
section#archive-content .content-row-archive .archive-pagination ul.page-numbers li span.current, section#archive-content .content-row-archive .archive-pagination ul.page-numbers li span.prev, section#archive-content .content-row-archive .archive-pagination ul.page-numbers li span.next, section#archive-content .content-row-archive .archive-pagination ul.page-numbers li a.current, section#archive-content .content-row-archive .archive-pagination ul.page-numbers li a.prev, section#archive-content .content-row-archive .archive-pagination ul.page-numbers li a.next {
  color: #425953;
}
section#archive-content .content-row-archive .archive-pagination ul.page-numbers li span.prev, section#archive-content .content-row-archive .archive-pagination ul.page-numbers li span.next, section#archive-content .content-row-archive .archive-pagination ul.page-numbers li a.prev, section#archive-content .content-row-archive .archive-pagination ul.page-numbers li a.next {
  font-size: 15px;
}

/* ------------------------------------------------------
- Content section : Gutenberg
------------------------------------------------------ */
section#cs-gutenberg {
  margin-top: 4rem;
  /* -------------------------------------------------
  - Init : Content row
  ------------------------------------------------- */
}
section#cs-gutenberg .content-row-gutenberg .gutenberg-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  /* -------------------------------------------------
  - Init : Widths
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Margins
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Paragraph
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : List
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Blockquote
  ------------------------------------------------- */
}
section#cs-gutenberg .content-row-gutenberg .gutenberg-content h1, section#cs-gutenberg .content-row-gutenberg .gutenberg-content h2, section#cs-gutenberg .content-row-gutenberg .gutenberg-content h3, section#cs-gutenberg .content-row-gutenberg .gutenberg-content h4, section#cs-gutenberg .content-row-gutenberg .gutenberg-content h5, section#cs-gutenberg .content-row-gutenberg .gutenberg-content h6,
section#cs-gutenberg .content-row-gutenberg .gutenberg-content p,
section#cs-gutenberg .content-row-gutenberg .gutenberg-content blockquote,
section#cs-gutenberg .content-row-gutenberg .gutenberg-content ul {
  max-width: 700px;
  width: 100%;
}
section#cs-gutenberg .content-row-gutenberg .gutenberg-content h2, section#cs-gutenberg .content-row-gutenberg .gutenberg-content h3, section#cs-gutenberg .content-row-gutenberg .gutenberg-content h4, section#cs-gutenberg .content-row-gutenberg .gutenberg-content h5, section#cs-gutenberg .content-row-gutenberg .gutenberg-content h6, section#cs-gutenberg .content-row-gutenberg .gutenberg-content p, section#cs-gutenberg .content-row-gutenberg .gutenberg-content ul {
  margin-bottom: 4rem;
}
@media only screen and (max-width: 990px) {
  section#cs-gutenberg .content-row-gutenberg .gutenberg-content h2, section#cs-gutenberg .content-row-gutenberg .gutenberg-content h3, section#cs-gutenberg .content-row-gutenberg .gutenberg-content h4, section#cs-gutenberg .content-row-gutenberg .gutenberg-content h5, section#cs-gutenberg .content-row-gutenberg .gutenberg-content h6, section#cs-gutenberg .content-row-gutenberg .gutenberg-content p, section#cs-gutenberg .content-row-gutenberg .gutenberg-content ul {
    margin-bottom: 3rem;
  }
}
section#cs-gutenberg .content-row-gutenberg .gutenberg-content h2 + p, section#cs-gutenberg .content-row-gutenberg .gutenberg-content h3 + p, section#cs-gutenberg .content-row-gutenberg .gutenberg-content h4 + p, section#cs-gutenberg .content-row-gutenberg .gutenberg-content h5 + p, section#cs-gutenberg .content-row-gutenberg .gutenberg-content h6 + p {
  margin-top: -3.5rem;
}
@media only screen and (max-width: 990px) {
  section#cs-gutenberg .content-row-gutenberg .gutenberg-content h2 + p, section#cs-gutenberg .content-row-gutenberg .gutenberg-content h3 + p, section#cs-gutenberg .content-row-gutenberg .gutenberg-content h4 + p, section#cs-gutenberg .content-row-gutenberg .gutenberg-content h5 + p, section#cs-gutenberg .content-row-gutenberg .gutenberg-content h6 + p {
    margin-top: -2.7rem;
  }
}
section#cs-gutenberg .content-row-gutenberg .gutenberg-content p {
  color: #425953;
}
section#cs-gutenberg .content-row-gutenberg .gutenberg-content p + ul {
  margin-top: -3.5rem;
}
@media only screen and (max-width: 990px) {
  section#cs-gutenberg .content-row-gutenberg .gutenberg-content p + ul {
    margin-top: -2.7rem;
  }
}
section#cs-gutenberg .content-row-gutenberg .gutenberg-content ul {
  padding: 0;
}
section#cs-gutenberg .content-row-gutenberg .gutenberg-content ul li {
  position: relative;
  padding-left: 1.3rem;
  list-style-type: none;
}
section#cs-gutenberg .content-row-gutenberg .gutenberg-content ul li::marker {
  content: "";
}
section#cs-gutenberg .content-row-gutenberg .gutenberg-content ul li::before {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #425953;
  position: absolute;
  left: 0;
  top: 0.25rem;
  font-size: 0.87rem;
  line-height: 1rem;
}
section#cs-gutenberg .content-row-gutenberg .gutenberg-content blockquote {
  margin: 2rem 0 5rem;
  text-align: center;
}
@media only screen and (max-width: 990px) {
  section#cs-gutenberg .content-row-gutenberg .gutenberg-content blockquote {
    margin: 2rem 0 4rem;
  }
}
section#cs-gutenberg .content-row-gutenberg .gutenberg-content blockquote::before {
  content: "Quote";
  display: block;
  font-family: josefin-sans, sans-serif;
  font-size: 0.87rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #425953;
  margin-bottom: 2rem;
  text-transform: uppercase;
}
section#cs-gutenberg .content-row-gutenberg .gutenberg-content blockquote p {
  font-family: "marydale", sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 4rem;
  color: #425953;
  /*-webkit-text-stroke: 1px #425953;*/
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 990px) {
  section#cs-gutenberg .content-row-gutenberg .gutenberg-content blockquote p {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }
}
@media only screen and (max-width: 768px) {
  section#cs-gutenberg .content-row-gutenberg .gutenberg-content blockquote p {
    font-size: 3rem;
    line-height: 3rem;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 550px) {
  section#cs-gutenberg .content-row-gutenberg .gutenberg-content blockquote p {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
section#cs-gutenberg .content-row-gutenberg .gutenberg-content blockquote cite {
  font-size: 0.87rem;
  font-weight: 700;
  line-height: 1.12rem;
  color: #425953;
  font-style: normal;
}

/* ------------------------------------------------------
- Content section : Gutenberg
------------------------------------------------------ */
section#cs-post-details .content-row-post-details .post-details {
  display: flex;
  justify-content: space-between;
  padding: 1.5rem 0;
  border-bottom: solid 0.18rem #f5f3ef;
  /* -------------------------------------------------
  - Init : Detail
  ------------------------------------------------- */
}
@media only screen and (max-width: 990px) {
  section#cs-post-details .content-row-post-details .post-details {
    flex-wrap: wrap;
    padding-top: 0;
  }
}
section#cs-post-details .content-row-post-details .post-details .detail {
  max-width: 25%;
  /* -------------------------------------------------
  - Init : Subtitle
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Paragraph
  ------------------------------------------------- */
}
@media only screen and (max-width: 990px) {
  section#cs-post-details .content-row-post-details .post-details .detail {
    width: 50%;
    max-width: unset;
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 550px) {
  section#cs-post-details .content-row-post-details .post-details .detail {
    width: 100%;
  }
}
section#cs-post-details .content-row-post-details .post-details .detail .subtitle {
  font-weight: 300;
  line-height: 0.87rem;
  margin-bottom: 0.5rem;
}
section#cs-post-details .content-row-post-details .post-details .detail p {
  font-family: josefin-sans, sans-serif;
  font-size: 0.87rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: #425953;
  margin-bottom: 0;
  text-transform: uppercase;
}

/* ------------------------------------------------------
- Content section : Notification
------------------------------------------------------ */
section#cs-notification {
  margin-bottom: 4rem;
  margin-top: -2rem;
}
section#cs-notification .content-row-notification .notification {
  max-width: 28.5rem;
  width: 100%;
  position: relative;
  padding: 2rem;
  background-color: #ffd289;
  border-radius: 0.25rem;
  box-shadow: 0 0.38rem 0.75rem rgba(255, 210, 137, 0.5019607843);
}
@media only screen and (max-width: 550px) {
  section#cs-notification .content-row-notification .notification {
    padding: 1.5rem 1rem;
  }
}
section#cs-notification .content-row-notification .notification.link:hover {
  background-color: #425953;
  box-shadow: 0 0.38rem 0.75rem rgba(66, 89, 83, 0.5019607843);
}
section#cs-notification .content-row-notification .notification.link:hover p {
  color: #fff;
}
section#cs-notification .content-row-notification .notification.link:hover p b {
  color: #fff;
}
section#cs-notification .content-row-notification .notification p {
  font-size: 0.88rem;
  line-height: 1.13rem;
  color: #1d1d1b;
  margin-bottom: 0;
}
section#cs-notification .content-row-notification .notification p b {
  font-family: josefin-sans, sans-serif;
  text-transform: uppercase;
  color: #1d1d1b;
}
section#cs-notification .content-row-notification .notification a {
  opacity: 0;
}

/*--------------------------------------------------------------
- Import : Content rows
--------------------------------------------------------------*/
/* ------------------------------------------------------
- Content rows : Vision
------------------------------------------------------ */
.content-row-vision {
  position: relative;
  /* -------------------------------------------------
  - Init : Background enabled
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Title content
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Vision content
  ------------------------------------------------- */
}
.content-row-vision.bg-enabled {
  background-color: #f5f3ef;
  padding-top: 8rem;
  padding-bottom: 8rem;
  /* -------------------------------------------------
  - Init : Content row (Background element)
  ------------------------------------------------- */
}
@media only screen and (max-width: 1200px) {
  .content-row-vision.bg-enabled {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media only screen and (max-width: 550px) {
  .content-row-vision.bg-enabled {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.content-row-vision.bg-enabled::before, .content-row-vision.bg-enabled::after {
  content: "";
  background-color: #f5f3ef;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
}
.content-row-vision.bg-enabled::before {
  left: -100%;
}
.content-row-vision.bg-enabled::after {
  right: -100%;
}
.content-row-vision .title-content .title {
  max-width: 943px;
  width: 100%;
}
.content-row-vision .vision-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  /* -------------------------------------------------
  - Init : Swiper gallery
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Content block
  ------------------------------------------------- */
}
.content-row-vision .vision-content .swiper-gallery {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 768px) {
  .content-row-vision .vision-content .swiper-gallery {
    margin-bottom: 0.5rem;
  }
}
.content-row-vision .vision-content .content-block {
  max-width: 700px;
  width: 100%;
  margin-bottom: 4rem;
}
@media only screen and (max-width: 768px) {
  .content-row-vision .vision-content .content-block {
    margin-bottom: 2.5rem;
  }
}
.content-row-vision .vision-content .content-block p {
  font-weight: 300;
}
.content-row-vision .vision-content .content-block p:last-of-type {
  margin-bottom: 0;
}
.content-row-vision .vision-content .content-block:last-of-type {
  margin-bottom: 0;
}

/* ------------------------------------------------------
- Content rows : Slider
------------------------------------------------------ */
.content-row-slider {
  position: relative;
  background-color: #f5f3ef;
  padding-top: 8rem;
  padding-bottom: 6rem;
  /* -------------------------------------------------
  - Init : Content row (Background element)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init :
  ------------------------------------------------- */
}
@media only screen and (max-width: 1200px) {
  .content-row-slider {
    padding-top: 5rem;
    padding-bottom: 3rem;
  }
}
@media only screen and (max-width: 550px) {
  .content-row-slider {
    padding-top: 4rem;
    padding-bottom: 2rem;
  }
}
.content-row-slider::before, .content-row-slider::after {
  content: "";
  background-color: #f5f3ef;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
}
.content-row-slider::before {
  left: -100%;
}
.content-row-slider::after {
  right: -100%;
}
.content-row-slider .title-content {
  max-width: 1213px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

/* ------------------------------------------------------
- Content rows : Text
------------------------------------------------------ */
.content-row-text {
  position: relative;
  /* -------------------------------------------------
  - Init : Background enabled
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Content block
  ------------------------------------------------- */
}
.content-row-text.bg-enabled {
  background-color: #abc1b9;
  padding-top: 9.5rem;
  padding-bottom: 9.5rem;
}
@media only screen and (max-width: 1200px) {
  .content-row-text.bg-enabled {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
@media only screen and (max-width: 768px) {
  .content-row-text.bg-enabled {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}
@media only screen and (max-width: 550px) {
  .content-row-text.bg-enabled {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.content-row-text.bg-enabled::before, .content-row-text.bg-enabled::after {
  content: "";
  background-color: #abc1b9;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
}
.content-row-text.bg-enabled::before {
  left: -100%;
}
.content-row-text.bg-enabled::after {
  right: -100%;
}
.content-row-text .content-block {
  text-align: center;
  /* -------------------------------------------------
  - Init : Subtitle
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Text
  ------------------------------------------------- */
}
.content-row-text .content-block .subtitle {
  margin-bottom: 4rem;
}
@media only screen and (max-width: 990px) {
  .content-row-text .content-block .subtitle {
    margin-bottom: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .content-row-text .content-block .subtitle {
    margin-bottom: 2rem;
  }
}
.content-row-text .content-block .text {
  margin-bottom: 4.5rem;
}
@media only screen and (max-width: 990px) {
  .content-row-text .content-block .text {
    margin-bottom: 3.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .content-row-text .content-block .text {
    margin-bottom: 2.5rem;
  }
}
.content-row-text .content-block .text h1, .content-row-text .content-block .text h2, .content-row-text .content-block .text h3, .content-row-text .content-block .text h4, .content-row-text .content-block .text h5, .content-row-text .content-block .text h6 {
  margin-bottom: 1.5rem;
}
.content-row-text .content-block .text p:last-of-type {
  margin-bottom: 0;
}

/* ------------------------------------------------------
- Content rows : Quote
------------------------------------------------------ */
.content-row-quote {
  position: relative;
  padding-top: 10rem;
  padding-bottom: 10rem;
  background-color: #abc1b9;
  transition: 0s;
  /* -------------------------------------------------
  - Init : Content row (Background element)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Content row (In order)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Quote content
  ------------------------------------------------- */
}
@media only screen and (max-width: 1200px) {
  .content-row-quote {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
@media only screen and (max-width: 768px) {
  .content-row-quote {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}
@media only screen and (max-width: 550px) {
  .content-row-quote {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.content-row-quote::before, .content-row-quote::after {
  content: "";
  background-color: #abc1b9;
  width: 101%;
  height: 100%;
  position: absolute;
  top: 0;
}
.content-row-quote::before {
  left: -100%;
}
.content-row-quote::after {
  right: -100%;
}
.content-row-quote.in-order {
  margin-bottom: 0 !important;
}
.content-row-quote .quote-content {
  text-align: center;
  /* -------------------------------------------------
  - Init : Sub title & quote
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Quote
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Quote details
  ------------------------------------------------- */
}
.content-row-quote .quote-content .subtitle {
  margin-bottom: 2rem;
}
.content-row-quote .quote-content .quote {
  font-family: "marydale", sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 4rem;
  margin-bottom: 3rem;
  color: #fff;
  /*-webkit-text-stroke: 0.06rem #fff;*/
}
@media only screen and (max-width: 1200px) {
  .content-row-quote .quote-content .quote {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .content-row-quote .quote-content .quote {
    font-size: 3rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 550px) {
  .content-row-quote .quote-content .quote {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
.content-row-quote .quote-content .quote-details {
  color: #425953;
  font-weight: 500;
  margin-bottom: 0;
}
.content-row-quote .quote-content .quote-details .author {
  font-weight: 700;
}

/* ------------------------------------------------------
- Content rows : Team
------------------------------------------------------ */
section#cs-acf .content-row-team {
  position: relative;
  padding-top: 7.8rem;
  /* -------------------------------------------------
  - Init : Content row (Background element)
  ------------------------------------------------- */
}
@media only screen and (max-width: 1200px) {
  section#cs-acf .content-row-team {
    padding-top: 5.5rem;
  }
}
section#cs-acf .content-row-team::before {
  content: "";
  background-color: #f5f3ef;
  width: 300%;
  position: absolute;
  bottom: 15.75rem;
  left: -100%;
  right: -100%;
  top: 0;
}

/* ------------------------------------------------------
- Content rows : Downloads
------------------------------------------------------ */
.content-row-downloads {
  /* -------------------------------------------------
  - Init :
  ------------------------------------------------- */
}
.content-row-downloads .file-container {
  margin-bottom: 4rem;
  /* -------------------------------------------------
  - Init : Title row
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Files
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Container (Last)
  ------------------------------------------------- */
}
.content-row-downloads .file-container .title-row .group-title-content {
  border-bottom: solid 0.12rem #EBE7E0;
}
.content-row-downloads .file-container .title-row .group-title-content .group-title {
  margin-bottom: 1.5rem;
}
.content-row-downloads .file-container .file-row .files {
  display: grid;
  row-gap: 1.5rem;
  gap: 1.5rem;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .content-row-downloads .file-container .file-row .files {
    grid-template-columns: repeat(1, 1fr);
  }
}
.content-row-downloads .file-container .file-row .files .file {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  /* -------------------------------------------------
  - Init : File image
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : File details
  ------------------------------------------------- */
}
.content-row-downloads .file-container .file-row .files .file:hover .file-details .title {
  color: #ffd289;
}
.content-row-downloads .file-container .file-row .files .file .file-image {
  overflow: hidden;
  background-color: #f5f3ef;
  border-radius: 0.25rem;
  margin-right: 2rem;
  position: relative;
  height: 3rem;
  min-width: 5.5rem;
  width: 5.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .content-row-downloads .file-container .file-row .files .file .file-image {
    margin-right: 1.5rem;
  }
}
@media only screen and (max-width: 550px) {
  .content-row-downloads .file-container .file-row .files .file .file-image {
    width: 4.5rem;
    min-width: 4.5rem;
  }
}
.content-row-downloads .file-container .file-row .files .file .file-image.contain {
  padding: 0.5rem;
}
.content-row-downloads .file-container .file-row .files .file .file-image.contain img {
  -o-object-fit: contain;
     object-fit: contain;
}
.content-row-downloads .file-container .file-row .files .file .file-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.content-row-downloads .file-container .file-row .files .file .file-image i {
  font-size: 1.5rem;
  color: #425953;
}
.content-row-downloads .file-container .file-row .files .file .file-details .subtitle,
.content-row-downloads .file-container .file-row .files .file .file-details .title {
  line-height: 1rem;
  word-break: break-all;
}
.content-row-downloads .file-container .file-row .files .file .file-details .subtitle {
  margin-bottom: 0.5rem;
  font-weight: 300;
}
.content-row-downloads .file-container .file-row .files .file .file-details .title {
  margin: 0;
  font-weight: 700;
}
.content-row-downloads .file-container:last-of-type {
  margin-bottom: 0;
}

/* ------------------------------------------------------
- Content rows : Posts
------------------------------------------------------ */
.content-row-posts {
  position: relative;
  padding-top: 5.81rem;
  transition: 0s;
  /* -------------------------------------------------
  - Init : Content row (Background element)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Content row (In order)
  ------------------------------------------------- */
}
.content-row-posts::before {
  content: "";
  background-color: #abc1b9;
  width: 300%;
  height: 38rem;
  position: absolute;
  top: 0;
  left: -100%;
}
@media only screen and (max-width: 1200px) {
  .content-row-posts::before {
    height: 35rem;
  }
}
.content-row-posts.in-order {
  padding-top: 0;
}
.content-row-posts.in-order::before {
  height: 31rem;
}
@media only screen and (max-width: 1200px) {
  .content-row-posts.in-order::before {
    height: 27rem;
  }
}

/* ------------------------------------------------------
- Content rows : Locations
------------------------------------------------------ */
section#cs-acf .content-row-locations {
  position: relative;
  padding-bottom: 5.81rem;
  transition: 0s;
  /* -------------------------------------------------
  - Init : Content row (In order)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Content row (Background element)
  ------------------------------------------------- */
}
section#cs-acf .content-row-locations.in-order {
  padding-bottom: 0;
  margin-bottom: 0 !important;
}
section#cs-acf .content-row-locations.in-order::before {
  height: 13.75rem;
}
section#cs-acf .content-row-locations::before {
  content: "";
  background-color: #abc1b9;
  width: 300%;
  height: 21.87rem;
  position: absolute;
  bottom: 0;
  left: -100%;
}
@media only screen and (max-width: 1200px) {
  section#cs-acf .content-row-locations::before {
    height: 23.43rem;
  }
}

/* ------------------------------------------------------
- Content rows : Pillars
------------------------------------------------------ */
.content-row-pillars {
  position: relative;
  background-color: #f5f3ef;
  padding-top: 4rem;
  padding-bottom: 2rem;
  /* -------------------------------------------------
  - Init : Content row (Background element)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Pillar content
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Pillar content
  ------------------------------------------------- */
}
.content-row-pillars::before, .content-row-pillars::after {
  content: "";
  background-color: #f5f3ef;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
}
.content-row-pillars::before {
  left: -100%;
}
.content-row-pillars::after {
  right: -100%;
}
.content-row-pillars .pillar-col {
  margin-bottom: 2rem;
}
.content-row-pillars .pillar-content {
  background-color: #fff;
  border-radius: 0.25rem;
  padding: 2rem 3.5rem 3.5rem;
  height: 100%;
  /* -------------------------------------------------
  - Init : Icon
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Titles
  ------------------------------------------------- */
}
@media only screen and (max-width: 990px) {
  .content-row-pillars .pillar-content {
    padding: 2rem;
  }
}
.content-row-pillars .pillar-content img {
  display: block;
  margin-bottom: 2rem;
  height: 4rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 990px) {
  .content-row-pillars .pillar-content img {
    max-height: 3rem;
  }
}
.content-row-pillars .pillar-content .title {
  margin-bottom: 0.5rem;
}
.content-row-pillars .pillar-content .text {
  font-size: 0.95rem;
  line-height: 1.25rem;
  margin-bottom: 0;
}

/* ------------------------------------------------------
- Content rows : Groups
------------------------------------------------------ */
.content-row-groups {
  position: relative;
  background-color: #f5f3ef;
  padding-top: 4rem;
  padding-bottom: 4rem;
  /* -------------------------------------------------
  - Init : Content row (Background element)
  ------------------------------------------------- */
}
.content-row-groups::before, .content-row-groups::after {
  content: "";
  background-color: #f5f3ef;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
}
.content-row-groups::before {
  left: -100%;
}
.content-row-groups::after {
  right: -100%;
}

/* ------------------------------------------------------
- Content rows : Partners
------------------------------------------------------ */
.content-row-partners {
  position: relative;
  /* -------------------------------------------------
  - Init : Group row
  ------------------------------------------------- */
}
.content-row-partners .group-row {
  /* -------------------------------------------------
  - Init : Partner col
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Image block
  ------------------------------------------------- */
}
@media only screen and (max-width: 1200px) {
  .content-row-partners .group-row .partner-col {
    margin-bottom: 2rem;
  }
}
.content-row-partners .group-row .image-block {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 2rem;
  /* -------------------------------------------------
  - Init : Image block (hover)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Image cover
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Logo
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Lnk cover
  ------------------------------------------------- */
}
.content-row-partners .group-row .image-block:hover {
  box-shadow: 0 12px 1.5rem rgba(66, 89, 83, 0.5019607843);
}
.content-row-partners .group-row .image-block:hover::after {
  opacity: 1;
}
.content-row-partners .group-row .image-block:hover .logo {
  transform: scale(0.95);
}
.content-row-partners .group-row .image-block:hover img {
  transform: scale(1.05);
}
.content-row-partners .group-row .image-block::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(66, 89, 83, 0.5019607843), #425953);
  transition: 0.5s;
  z-index: 2;
  opacity: 0.25;
}
.content-row-partners .group-row .image-block .logo {
  position: relative;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 18.5rem;
  width: 100%;
  max-height: 15.5rem;
  height: 100%;
  z-index: 3;
}
@media only screen and (max-width: 1200px) {
  .content-row-partners .group-row .image-block .logo {
    max-width: 17rem;
    max-height: 14rem;
  }
}
@media only screen and (max-width: 550px) {
  .content-row-partners .group-row .image-block .logo {
    max-width: 15.5rem;
    max-height: 9.5rem;
  }
}
@media only screen and (max-width: 450px) {
  .content-row-partners .group-row .image-block .logo {
    max-width: 14rem;
    max-height: 7.5rem;
  }
}
.content-row-partners .group-row .image-block .link-cover {
  z-index: 5;
}

/* ------------------------------------------------------
- Content rows : Contact CTA
------------------------------------------------------ */
.content-row-contact-cta {
  /* -------------------------------------------------
  - Init : Contact content
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : CTA
  ------------------------------------------------- */
}
.content-row-contact-cta .contact-col {
  /* -------------------------------------------------
  - Init : Contact content
  ------------------------------------------------- */
}
@media only screen and (max-width: 990px) {
  .content-row-contact-cta .contact-col {
    margin-bottom: 3rem;
  }
}
.content-row-contact-cta .contact-col .contact-canvas {
  display: flex;
  align-items: center;
  height: 100%;
}
.content-row-contact-cta .contact-col .contact-canvas .content {
  /* -------------------------------------------------
  - Init : Subtitle
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Text
  ------------------------------------------------- */
}
.content-row-contact-cta .contact-col .contact-canvas .content .subtitle {
  margin-bottom: 4rem;
}
@media only screen and (max-width: 1200px) {
  .content-row-contact-cta .contact-col .contact-canvas .content .subtitle {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .content-row-contact-cta .contact-col .contact-canvas .content .subtitle {
    margin-bottom: 1rem;
  }
}
.content-row-contact-cta .contact-col .contact-canvas .content .text h1, .content-row-contact-cta .contact-col .contact-canvas .content .text h2, .content-row-contact-cta .contact-col .contact-canvas .content .text h4, .content-row-contact-cta .contact-col .contact-canvas .content .text h5, .content-row-contact-cta .contact-col .contact-canvas .content .text h6 {
  margin-bottom: 2rem;
}
.content-row-contact-cta .contact-col .contact-canvas .content .text p {
  max-width: 21rem;
  width: 100%;
  margin-bottom: 5rem;
  font-size: 0.93rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 990px) {
  .content-row-contact-cta .contact-col .contact-canvas .content .text p {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .content-row-contact-cta .contact-col .contact-canvas .content .text p {
    max-width: unset;
  }
}
.content-row-contact-cta .contact-col .contact-canvas .content .text p:last-of-type {
  margin-bottom: 0;
}
.content-row-contact-cta .cta {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  min-height: 40rem;
  border-radius: 0.25rem;
  padding: 2rem 1rem;
  /* -------------------------------------------------
  - Init : CTA (Entrance)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : CTA image
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : CTA header & footer
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : CTA footer
  ------------------------------------------------- */
}
@media only screen and (max-width: 990px) {
  .content-row-contact-cta .cta {
    min-height: 30rem;
  }
}
@media only screen and (max-width: 768px) {
  .content-row-contact-cta .cta {
    min-height: 25rem;
  }
}
@media only screen and (max-width: 550px) {
  .content-row-contact-cta .cta {
    min-height: 20rem;
  }
}
.content-row-contact-cta .cta.cta-entrance:hover {
  box-shadow: 0 12px 1.5rem rgba(66, 89, 83, 0.5019607843);
}
.content-row-contact-cta .cta.cta-entrance:hover .cta-image::after {
  opacity: 1;
}
.content-row-contact-cta .cta .cta-image {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.25rem;
  overflow: hidden;
}
.content-row-contact-cta .cta .cta-image::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(66, 89, 83, 0.5019607843), #425953);
  transition: 0.5s;
  opacity: 0.25;
}
.content-row-contact-cta .cta .cta-image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.content-row-contact-cta .cta .cta-header,
.content-row-contact-cta .cta .cta-footer {
  position: relative;
  z-index: 1;
}
.content-row-contact-cta .cta .cta-header .cta-subtitle,
.content-row-contact-cta .cta .cta-header .cta-detail,
.content-row-contact-cta .cta .cta-header .cta-title,
.content-row-contact-cta .cta .cta-footer .cta-subtitle,
.content-row-contact-cta .cta .cta-footer .cta-detail,
.content-row-contact-cta .cta .cta-footer .cta-title {
  line-height: 1.12rem;
  color: #fff;
  margin-bottom: 0;
}
.content-row-contact-cta .cta .cta-header .cta-title,
.content-row-contact-cta .cta .cta-footer .cta-title {
  line-height: 26px;
}
.content-row-contact-cta .cta .cta-footer .cta-subtitle,
.content-row-contact-cta .cta .cta-footer .cta-detail {
  margin-bottom: 0.5rem;
}
.content-row-contact-cta .cta .cta-footer .cta-title {
  font-weight: 800;
}

/* -----------------------------------------------------
- Content rows : Contact person
------------------------------------------------------ */
.contact-person {
  position: relative;
  display: flex;
  justify-content: space-between;
  background-color: #d9d0bf;
  box-shadow: 0 0.37rem 0.75rem rgba(216, 208, 190, 0.5019607843);
  border-radius: 0.25rem;
  overflow: hidden;
  /* -------------------------------------------------
  - Init : Contact person (hover)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Contact person content
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Image block
  ------------------------------------------------- */
}
@media only screen and (max-width: 550px) {
  .contact-person {
    flex-direction: column-reverse;
  }
}
.contact-person:hover {
  background-color: #425953;
}
.contact-person:hover .contact-person-content .content .subtitle,
.contact-person:hover .contact-person-content .content .title {
  color: #fff;
}
.contact-person:hover .contact-person-content .custom-button {
  border-color: #fff;
  color: #fff;
}
.contact-person:hover .contact-person-content .custom-button i {
  color: #fff;
}
.contact-person:hover .contact-person-content .custom-button:hover {
  border-color: #ffd289;
  color: #ffd289;
}
.contact-person:hover .contact-person-content .custom-button:hover i {
  color: #ffd289;
}
.contact-person .contact-person-content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  min-height: 21rem;
  padding: 2rem;
  /* -------------------------------------------------
  - Init : Content
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Button
  ------------------------------------------------- */
}
@media only screen and (max-width: 550px) {
  .contact-person .contact-person-content {
    min-height: 17rem;
    padding: 2rem 1.5rem;
  }
}
.contact-person .contact-person-content .content .subtitle {
  line-height: 0.87rem;
  color: #fff;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 550px) {
  .contact-person .contact-person-content .content .subtitle {
    margin-bottom: 1rem;
  }
}
.contact-person .contact-person-content .content .title {
  margin: 0;
}
.contact-person .contact-person-content .custom-button {
  border-color: #1d1d1b;
  color: #1d1d1b;
  padding: 1rem 1.5rem 0.75rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 550px) {
  .contact-person .contact-person-content .custom-button {
    margin-top: 2rem;
  }
}
.contact-person .contact-person-content .custom-button i {
  color: #1d1d1b;
}
.contact-person .image-block {
  position: relative;
  max-width: 13.5rem;
  width: 100%;
}
@media only screen and (max-width: 550px) {
  .contact-person .image-block {
    min-height: 15.5rem;
    max-width: unset;
  }
}
.contact-person .image-block img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ------------------------------------------------------
- Content rows : Contact persons
------------------------------------------------------ */
section#cs-acf .content-row-contact-persons {
  position: relative;
  padding-bottom: 7.8rem;
  transition: 0s;
  /* -------------------------------------------------
  - Init : Content row (In order)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Content row (Background element)
  ------------------------------------------------- */
}
@media only screen and (max-width: 1200px) {
  section#cs-acf .content-row-contact-persons {
    padding-bottom: 3.5rem;
  }
}
section#cs-acf .content-row-contact-persons.in-order {
  padding-bottom: 0;
  margin-bottom: 0 !important;
}
section#cs-acf .content-row-contact-persons.in-order::before {
  height: 13.75rem;
}
section#cs-acf .content-row-contact-persons::before {
  content: "";
  background-color: #f5f3ef;
  width: 300%;
  height: 21.87rem;
  position: absolute;
  bottom: 0;
  left: -100%;
}
@media only screen and (max-width: 1200px) {
  section#cs-acf .content-row-contact-persons::before {
    height: 23.43rem;
  }
}

/* ------------------------------------------------------
- Content rows : Contact details
------------------------------------------------------ */
.content-row-contact-details {
  position: relative;
  padding-top: 7.8rem;
  transition: 0s;
  /* -------------------------------------------------
  - Init : Content row (Background element)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Content row (In order)
  ------------------------------------------------- */
}
@media only screen and (max-width: 1200px) {
  .content-row-contact-details {
    padding-top: 5.5rem;
  }
}
.content-row-contact-details::before {
  content: "";
  background-color: #f5f3ef;
  width: 300%;
  height: 38rem;
  position: absolute;
  top: 0;
  left: -100%;
}
@media only screen and (max-width: 1200px) {
  .content-row-contact-details::before {
    height: 35rem;
  }
}
.content-row-contact-details.in-order {
  padding-top: 0;
}
.content-row-contact-details.in-order::before {
  height: 31rem;
}
@media only screen and (max-width: 1200px) {
  .content-row-contact-details.in-order::before {
    height: 27rem;
  }
}

/* ------------------------------------------------------
- Content rows : Company details
------------------------------------------------------ */
.content-row-company-details {
  /* -------------------------------------------------
  - Init : Block col
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Content block
  ------------------------------------------------- */
}
@media only screen and (max-width: 768px) {
  .content-row-company-details .block-col {
    margin-bottom: 2.5rem;
  }
  .content-row-company-details .block-col:last-of-type {
    margin-bottom: 0;
  }
}
.content-row-company-details .content-block {
  /* -------------------------------------------------
  - Init : Block title
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Content content
  ------------------------------------------------- */
}
.content-row-company-details .content-block .block-title {
  margin-bottom: 1rem;
}
.content-row-company-details .content-block .block-content p {
  font-size: 0.95rem;
  line-height: 1rem;
  margin-bottom: 0.5rem;
}
.content-row-company-details .content-block .block-content p:last-of-type {
  margin-bottom: 0;
}
@media only screen and (max-width: 550px) {
  .content-row-company-details .content-block .block-content table.custom-table {
    width: 100%;
  }
}
.content-row-company-details .content-block .block-content table.custom-table tr th, .content-row-company-details .content-block .block-content table.custom-table tr td {
  font-size: 0.95rem;
  font-weight: 300;
  line-height: 1rem;
  color: #1d1d1b;
  padding-bottom: 0.5rem;
}
.content-row-company-details .content-block .block-content table.custom-table tr th {
  padding-right: 1.5rem;
}
.content-row-company-details .content-block .block-content table.custom-table tr td {
  font-weight: 500;
}

/* ------------------------------------------------------
- Content rows : Contact form
------------------------------------------------------ */
.content-row-contact-form {
  /* -------------------------------------------------
  - Init : Form content
  ------------------------------------------------- */
}
.content-row-contact-form .form-content .wpcf7 form.invalid .wpcf7-response-output {
  background-color: #ffd289;
}
.content-row-contact-form .form-content .wpcf7 form .form-container .form-row {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  /* -------------------------------------------------
  - Init : Form col
  ------------------------------------------------- */
}
@media only screen and (max-width: 550px) {
  .content-row-contact-form .form-content .wpcf7 form .form-container .form-row {
    flex-direction: column;
    margin-bottom: 0.5rem;
  }
}
.content-row-contact-form .form-content .wpcf7 form .form-container .form-row:last-of-type {
  margin-bottom: 0;
  margin-top: 4rem;
}
@media only screen and (max-width: 550px) {
  .content-row-contact-form .form-content .wpcf7 form .form-container .form-row:last-of-type {
    margin-top: 2rem;
  }
}
.content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col {
  position: relative;
  margin-right: 2rem;
  width: 100%;
  /* -------------------------------------------------
  - Init : Form col (last)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Form input
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Form submit
  ------------------------------------------------- */
}
@media only screen and (max-width: 550px) {
  .content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col {
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}
.content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col:last-of-type {
  margin-right: 0;
}
@media only screen and (max-width: 550px) {
  .content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col:last-of-type {
    margin: 0;
  }
}
.content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col.form-input.focused-on label, .content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col.form-input.has-value label {
  top: 0.19rem;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #abc1b9;
}
.content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col.form-input.focused-on .wpcf7-form-control-wrap .wpcf7-form-control, .content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col.form-input.has-value .wpcf7-form-control-wrap .wpcf7-form-control {
  background-color: #688c82;
}
.content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col.form-input label {
  font-family: museo-sans, sans-seri;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 0.88rem;
  color: #1d1d1b;
  position: absolute;
  top: 1.06rem;
  left: 1rem;
  z-index: 1;
  pointer-events: none;
}
.content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col.form-input .wpcf7-form-control-wrap {
  position: relative;
  width: 100%;
}
.content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col.form-input .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  display: none;
}
.content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col.form-input .wpcf7-form-control-wrap .wpcf7-form-control {
  background-color: #f5f3ef;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  color: #fff;
  border-radius: 0.25rem;
  border: none;
  min-height: 3rem;
  width: 100%;
  padding: 0.5rem 1rem;
  outline: none;
}
.content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col.form-input .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-not-valid {
  background-color: #ffd289;
  color: #1d1d1b;
}
.content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col.form-input .wpcf7-form-control-wrap textarea.wpcf7-form-control {
  height: 5rem;
  padding: 1rem;
}
.content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col.form-submit {
  display: flex;
  justify-content: center;
  align-items: center;
}
.content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col.form-submit .form-submit-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background-color: transparent;
  border: solid 0.13rem #688c82;
  min-height: 3rem;
  min-width: 10.25rem;
}
.content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col.form-submit .form-submit-button:hover {
  border-color: #ffd289;
}
.content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col.form-submit .form-submit-button:hover span, .content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col.form-submit .form-submit-button:hover i {
  color: #ffd289;
}
.content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col.form-submit .form-submit-button span {
  position: relative;
  top: 0.06rem;
  font-family: josefin-sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1rem;
  color: #688c82;
  text-transform: uppercase;
}
.content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col.form-submit .form-submit-button i {
  font-size: 0.88rem;
  color: #688c82;
  margin-left: 0.5rem;
}
.content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col.form-submit .form-submit-button input[type=submit] {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.content-row-contact-form .form-content .wpcf7 form .form-container .form-row .form-col.form-submit .form-submit-button .wpcf7-spinner {
  position: absolute;
  margin: 0;
  right: -3rem;
  top: 0.69rem;
}
.content-row-contact-form .form-content .wpcf7 form .wpcf7-response-output {
  background-color: #f5f3ef;
  margin: 2rem 0 0;
  border-radius: 0.25rem;
  padding: 1rem;
  border: none;
  font-size: 0.88rem;
  font-weight: 500;
  line-height: 1.13rem;
}

/*--------------------------------------------------------------
- Import : Content blocks
--------------------------------------------------------------*/
/* ------------------------------------------------------
- Content blocks : Image
------------------------------------------------------ */
section#cs-gutenberg .content-row-gutenberg .gutenberg-content .content-block-afbeelding {
  margin-bottom: 4rem;
  /* -------------------------------------------------
  - Init : Image canvas
  ------------------------------------------------- */
}
@media only screen and (max-width: 990px) {
  section#cs-gutenberg .content-row-gutenberg .gutenberg-content .content-block-afbeelding {
    max-width: 732px;
    width: 100%;
    margin-bottom: 3rem;
  }
}
section#cs-gutenberg .content-row-gutenberg .gutenberg-content .content-block-afbeelding .image-canvas {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* -------------------------------------------------
  - Init : Image canvas (Mirror)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Image block
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Content block
  ------------------------------------------------- */
}
@media only screen and (max-width: 990px) {
  section#cs-gutenberg .content-row-gutenberg .gutenberg-content .content-block-afbeelding .image-canvas {
    flex-direction: column;
  }
}
section#cs-gutenberg .content-row-gutenberg .gutenberg-content .content-block-afbeelding .image-canvas.mirror {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 990px) {
  section#cs-gutenberg .content-row-gutenberg .gutenberg-content .content-block-afbeelding .image-canvas.mirror {
    flex-direction: column;
  }
}
section#cs-gutenberg .content-row-gutenberg .gutenberg-content .content-block-afbeelding .image-canvas.mirror .content-block {
  margin: 0 2rem 0 0;
}
@media only screen and (max-width: 990px) {
  section#cs-gutenberg .content-row-gutenberg .gutenberg-content .content-block-afbeelding .image-canvas.mirror .content-block {
    margin: 1.5rem 0 0;
  }
}
section#cs-gutenberg .content-row-gutenberg .gutenberg-content .content-block-afbeelding .image-canvas .image-block {
  width: 100%;
  border-radius: 0.25rem;
  overflow: hidden;
}
section#cs-gutenberg .content-row-gutenberg .gutenberg-content .content-block-afbeelding .image-canvas .image-block img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  max-height: 34.5rem;
  height: 100%;
}
@media only screen and (max-width: 990px) {
  section#cs-gutenberg .content-row-gutenberg .gutenberg-content .content-block-afbeelding .image-canvas .image-block img {
    max-height: 25rem;
  }
}
@media only screen and (max-width: 768px) {
  section#cs-gutenberg .content-row-gutenberg .gutenberg-content .content-block-afbeelding .image-canvas .image-block img {
    max-height: 22rem;
  }
}
@media only screen and (max-width: 550px) {
  section#cs-gutenberg .content-row-gutenberg .gutenberg-content .content-block-afbeelding .image-canvas .image-block img {
    max-height: 19rem;
  }
}
section#cs-gutenberg .content-row-gutenberg .gutenberg-content .content-block-afbeelding .image-canvas .content-block {
  max-width: 13.5rem;
  width: 100%;
  margin-left: 2rem;
}
@media only screen and (max-width: 990px) {
  section#cs-gutenberg .content-row-gutenberg .gutenberg-content .content-block-afbeelding .image-canvas .content-block {
    margin: 1.5rem 0 0;
    max-width: unset;
  }
}
section#cs-gutenberg .content-row-gutenberg .gutenberg-content .content-block-afbeelding .image-canvas .content-block h6.title {
  font-weight: 600;
  line-height: 1.5rem;
  color: #425953;
  margin-bottom: 0.3rem;
}
section#cs-gutenberg .content-row-gutenberg .gutenberg-content .content-block-afbeelding .image-canvas .content-block p.description {
  font-size: 0.9rem;
  font-weight: 300;
  line-height: 1.25rem;
  color: #688c82;
  margin: 0;
}

/*--------------------------------------------------------------
- Import : Elements
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Init element : Button
--------------------------------------------------------------*/
.custom-button {
  font-family: josefin-sans, sans-serif;
  font-size: 0.88rem;
  font-weight: 800;
  line-height: 0.88rem;
  color: #fff;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  min-height: 2.69rem;
  padding: 1rem 2rem 0.75rem;
  border-radius: 0.25rem;
  border: solid 0.13rem #fff;
}
.custom-button span {
  color: #fff;
}
.custom-button i {
  position: relative;
  top: -0.13rem;
  margin-left: 0.5rem;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #fff;
}
.custom-button:hover {
  border-color: #ffd289;
  color: #ffd289;
}
.custom-button:hover i, .custom-button:hover span {
  color: #ffd289;
}

/*--------------------------------------------------------------
- Init element : Gallery
--------------------------------------------------------------*/
.swiper-gallery {
  position: relative;
  left: -0.94rem;
  right: -0.94rem;
  width: calc(100% + 1.88rem);
  /* -------------------------------------------------
  - Init : Swiper wrapper
  ------------------------------------------------- */
}
@media only screen and (max-width: 1400px) {
  .swiper-gallery {
    left: -1.44rem;
    right: -1.44rem;
    width: calc(100% + 2.88rem);
  }
}
@media only screen and (max-width: 768px) {
  .swiper-gallery {
    width: 100%;
    left: 0;
    right: 0;
  }
}
.swiper-gallery .swiper-wrapper {
  max-width: 100vw;
}
.swiper-gallery .swiper-wrapper .swiper-slide {
  position: relative;
  display: flex;
  height: 33rem;
  width: 59rem;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 1400px) {
  .swiper-gallery .swiper-wrapper .swiper-slide {
    height: 23.5rem;
  }
}
@media only screen and (max-width: 990px) {
  .swiper-gallery .swiper-wrapper .swiper-slide {
    height: 22rem;
  }
}
@media only screen and (max-width: 550px) {
  .swiper-gallery .swiper-wrapper .swiper-slide {
    height: 19rem;
  }
}
@media only screen and (max-width: 450px) {
  .swiper-gallery .swiper-wrapper .swiper-slide {
    height: 16rem;
  }
}
.swiper-gallery .swiper-wrapper .swiper-slide img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 0.75rem 0.75rem rgba(0, 0, 0, 0.1607843137);
  border-radius: 0.25rem;
}
@media only screen and (max-width: 768px) {
  .swiper-gallery .swiper-wrapper .swiper-slide img {
    box-shadow: 0 0 0.75rem 0 rgba(0, 0, 0, 0.1607843137);
  }
}
.swiper-gallery .swiper-pagination {
  position: relative;
}
.swiper-gallery .swiper-pagination .swiper-pagination-bullet-active {
  color: #688c82;
}

/*--------------------------------------------------------------
- Init element : Title content
--------------------------------------------------------------*/
.title-content {
  position: relative;
  z-index: 1;
  margin-bottom: 4rem;
  /* -------------------------------------------------
  - Init : Title content (Centered)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Subtitle
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Title
  ------------------------------------------------- */
}
@media only screen and (max-width: 1200px) {
  .title-content {
    margin-bottom: 2.5rem;
  }
}
.title-content.centered {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.title-content.centered .title {
  max-width: 42.18rem;
  width: 100%;
}
.title-content .subtitle {
  margin-bottom: 4rem;
  line-height: 1rem;
  color: #688c82;
}
@media only screen and (max-width: 1200px) {
  .title-content .subtitle {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .title-content .subtitle {
    margin-bottom: 1rem;
  }
}
.title-content .title {
  max-width: 28.13rem;
  width: 100%;
  margin-bottom: 0;
  color: #425953;
  font-weight: 300;
}

/*--------------------------------------------------------------
- Init element : Entrances
--------------------------------------------------------------*/
/* -------------------------------------------------
- Init : Post col
------------------------------------------------- */
.post-col {
  margin-bottom: 2rem;
}

/* -------------------------------------------------
- Init : Post & archive entrance
------------------------------------------------- */
.post-entrance,
.archive-entrance {
  position: relative;
  min-height: 26.8rem;
  background-color: #f5f3ef;
  border-radius: 0.25rem;
  padding: 1rem 0.5rem 0.75rem;
  /* -------------------------------------------------
  - Init : Entrance (hover)
  ------------------------------------------------- */
}
@media only screen and (max-width: 990px) {
  .post-entrance,
.archive-entrance {
    min-height: 25.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .post-entrance,
.archive-entrance {
    min-height: 22rem;
  }
}
.post-entrance:hover,
.archive-entrance:hover {
  box-shadow: 0 12px 1.5rem rgba(66, 89, 83, 0.5019607843);
}

/*--------------------------------------------------------------
- Init : Post entrance
--------------------------------------------------------------*/
.post-entrance {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  /* -------------------------------------------------
  - Init : Post entrance (hover)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Post image
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Post entance header & footer
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Post entance footer
  ------------------------------------------------- */
}
.post-entrance:hover .post-image::after {
  opacity: 1;
}
.post-entrance:hover .post-image img {
  transform: scale(1.1);
}
.post-entrance .post-image {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.25rem;
  overflow: hidden;
}
.post-entrance .post-image::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(66, 89, 83, 0.5019607843), #425953);
  transition: 0.5s;
  opacity: 0.25;
}
.post-entrance .post-image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.post-entrance .post-entrance-header,
.post-entrance .post-entrance-footer {
  position: relative;
  z-index: 1;
}
.post-entrance .post-entrance-header .post-title,
.post-entrance .post-entrance-header .post-detail,
.post-entrance .post-entrance-footer .post-title,
.post-entrance .post-entrance-footer .post-detail {
  color: #fff;
  margin-bottom: 0;
}
.post-entrance .post-entrance-header .post-detail,
.post-entrance .post-entrance-footer .post-detail {
  font-weight: 600;
  line-height: 1.12rem;
}
.post-entrance .post-entrance-footer .post-title {
  font-weight: 800;
}
.post-entrance .post-entrance-footer .post-detail {
  margin-bottom: 0.5rem;
}

/*--------------------------------------------------------------
- Init : Archive entrance
--------------------------------------------------------------*/
.archive-entrance {
  display: flex;
  justify-content: center;
  align-items: center;
  /* -------------------------------------------------
  - Init : Archive entance (Hover)
  ------------------------------------------------- */
}
.archive-entrance:hover p a {
  color: #ffd289;
}
.archive-entrance:hover p a::before {
  background-color: #ffd289;
}
.archive-entrance:hover p a::after {
  color: #ffd289;
}

/*--------------------------------------------------------------
- Init element : Group row
--------------------------------------------------------------*/
.group-row {
  margin-bottom: 4rem;
  /* -------------------------------------------------
  - Init : Group row (Last)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Image block
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Content block
  ------------------------------------------------- */
}
@media only screen and (max-width: 990px) {
  .group-row {
    margin-bottom: 3rem;
  }
}
.group-row:last-of-type {
  margin-bottom: 0;
}
.group-row:nth-child(even) {
  flex-direction: row-reverse;
}
.group-row:nth-child(even) .content-block {
  align-items: flex-end;
}
@media only screen and (max-width: 990px) {
  .group-row:nth-child(even) .content-block {
    align-items: flex-start;
  }
}
.group-row .image-block {
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
  min-height: 24.5rem;
  height: 100%;
}
@media only screen and (max-width: 990px) {
  .group-row .image-block {
    min-height: 22rem;
  }
}
@media only screen and (max-width: 768px) {
  .group-row .image-block {
    min-height: 20rem;
  }
}
@media only screen and (max-width: 550px) {
  .group-row .image-block {
    min-height: 16rem;
  }
}
@media only screen and (max-width: 450px) {
  .group-row .image-block {
    min-height: 14rem;
  }
}
.group-row .image-block.image-empty {
  background-color: #425953;
}
.group-row .image-block img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.group-row .content-block {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  padding: 2rem 0;
}
@media only screen and (max-width: 990px) {
  .group-row .content-block {
    padding-bottom: 0;
  }
}
.group-row .content-block .content {
  max-width: 28.6rem;
  width: 100%;
}
@media only screen and (max-width: 990px) {
  .group-row .content-block .content {
    max-width: 32rem;
    padding: 0 1rem;
  }
}
.group-row .content-block .content .subtitle {
  line-height: 0.87rem;
  margin-bottom: 0.5rem;
}
.group-row .content-block .content .title {
  margin-bottom: 1rem;
}
.group-row .content-block .content .text {
  max-width: 21rem;
  width: 100%;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 990px) {
  .group-row .content-block .content .text {
    max-width: unset;
  }
}

/*--------------------------------------------------------------
- Init element : Member card
--------------------------------------------------------------*/
/* -------------------------------------------------
- Init : Member col
------------------------------------------------- */
.member-col {
  margin-bottom: 2rem;
}

/* -------------------------------------------------
- Init : Member card
------------------------------------------------- */
.member-card {
  position: relative;
  z-index: 1;
  border-radius: 0.25rem;
  overflow: hidden;
  height: 100%;
  /* -------------------------------------------------
  - Init : Member card (Hover)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Member card header
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Member card footer
  ------------------------------------------------- */
}
.member-card:hover {
  box-shadow: 0 12px 1.5rem rgba(66, 89, 83, 0.5019607843);
}
.member-card:hover .member-card-header::after,
.member-card:hover .member-card-header .buttons {
  opacity: 1;
}
.member-card .member-card-header {
  position: relative;
  background-color: #abc1b9;
  min-height: 22.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  /* -------------------------------------------------
  - Init : SVG (Icon)
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Image
  ------------------------------------------------- */
  /* -------------------------------------------------
  - Init : Buttons
  ------------------------------------------------- */
}
@media only screen and (max-width: 990px) {
  .member-card .member-card-header {
    min-height: 22rem;
  }
}
@media only screen and (max-width: 768px) {
  .member-card .member-card-header {
    min-height: 20rem;
  }
}
.member-card .member-card-header::after {
  content: "";
  background: linear-gradient(180deg, rgba(66, 89, 83, 0.5019607843), #425953);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: 0.5s;
  z-index: 2;
}
.member-card .member-card-header .buttons,
.member-card .member-card-header svg {
  position: relative;
  z-index: 3;
}
.member-card .member-card-header svg {
  max-width: 8rem;
  width: 100%;
}
.member-card .member-card-header img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.member-card .member-card-header .buttons {
  opacity: 0;
  display: flex;
  flex-direction: column;
}
.member-card .member-card-header .buttons .custom-button {
  min-width: 9.25rem;
  margin-bottom: 0.5rem;
  justify-content: center;
  padding: 1rem 1.5rem 0.75rem;
  min-width: 9.25rem;
}
.member-card .member-card-header .buttons .custom-button:last-of-type {
  margin-bottom: 0;
}
.member-card .member-card-footer {
  background-color: #fff;
  padding: 1rem 0.5rem;
  height: 100%;
}
.member-card .member-card-footer .subtitle {
  margin-bottom: 0rem;
}
.member-card .member-card-footer .title {
  font-weight: 600;
  margin-bottom: 0;
}/*# sourceMappingURL=style.css.map */