@charset "UTF-8";
/*!
Theme Name: NaN
Theme URI: www.notanumber.digital
Author: NaN
Author URI: www.notanumber.digital
Description: Theme for the website of NAME
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ...
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Media
	## custom style
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Variable, mixins and media queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap");
body, button, input, select, optgroup, textarea { color: #404040; font-family: sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5; }

h1, h2, h3, h4, h5, h6 { clear: both; }

p { margin-bottom: 1.5em; }

dfn, cite, em, i { font-style: italic; }

blockquote { margin: 0 1.5em; }

address { margin: 0 0 1.5em; }

pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }

code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; }

abbr, acronym { border-bottom: 0.06rem dotted #666; cursor: help; }

mark, ins { background: #fff9c0; text-decoration: none; }

big { font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ -webkit-box-sizing: inherit; box-sizing: inherit; }

body { background: #fff; /* Fallback for when there is no custom background color defined. */ }

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }

ul, ol { margin: 0 0 1.5em 3em; }

ul { list-style: disc; }

ol { list-style: decimal; }

li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; }

dt { font-weight: bold; }

dd { margin: 18123em 1.5em 1.5em; }

img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ }

figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ }

table { margin: 0 0 1.5em; width: 100%; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em; }

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; }

button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; }

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; }

select { border: 1px solid #ccc; }

textarea { width: 100%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a { color: royalblue; }

a:visited { color: purple; }

a:hover, a:focus, a:active { color: midnightblue; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation { clear: both; display: block; float: left; width: 100%; }

.main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; }

.main-navigation ul ul { -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; }

.main-navigation ul ul ul { left: -999em; top: 0; }

.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; }

.main-navigation ul ul a { width: 12.5rem; }

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; }

.main-navigation li { float: left; position: relative; }

.main-navigation a { display: block; text-decoration: none; }

/* Small menu. */
.menu-toggle, .main-navigation.toggled ul { display: block; }

@media screen and (min-width: 37.5em) { .menu-toggle { display: none; }
  .main-navigation ul { display: block; } }

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; }

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; }

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

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

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus { outline: 0; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; }

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */ }

.widget select { max-width: 100%; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky { display: block; }

.hentry { margin: 0 0 1.5em; }

.updated:not(.published) { display: none; }

.page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; }

.page-links { clear: both; margin: 0 0 1.5em; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a { word-wrap: break-word; }

.bypostauthor { display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object { max-width: 100%; }

/* Make sure logo link wraps around logo image. */
.custom-logo-link { display: inline-block; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption { margin-bottom: 1.5em; max-width: 100%; }

.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; }

.wp-caption .wp-caption-text { margin: 0.8075em 0; }

.wp-caption-text { text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery { margin-bottom: 1.5em; }

.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; }

.gallery-columns-2 .gallery-item { max-width: 50%; }

.gallery-columns-3 .gallery-item { max-width: 33.33%; }

.gallery-columns-4 .gallery-item { max-width: 25%; }

.gallery-columns-5 .gallery-item { max-width: 20%; }

.gallery-columns-6 .gallery-item { max-width: 16.66%; }

.gallery-columns-7 .gallery-item { max-width: 14.28%; }

.gallery-columns-8 .gallery-item { max-width: 12.5%; }

.gallery-columns-9 .gallery-item { max-width: 11.11%; }

.gallery-caption { display: block; }

/*--------------------------------------------------------------
# Hamburger
--------------------------------------------------------------*/
/*! Hamburgers @description Tasty CSS-animated hamburgers @author Jonathan Suh @jonsuh @site https://jonsuh.com/hamburgers @link https://github.com/jonsuh/hamburgers */
.hamburger { padding: 10px 10px; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }

.hamburger:hover { opacity: 0.7; }

.hamburger.is-active:hover { opacity: 0.7; }

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #000; }

.hamburger-box { width: 30px; height: 17px; display: inline-block; position: relative; }

.hamburger-inner { display: block; top: 50%; margin-top: -1.5px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 3px; background-color: #000; border-radius: 50px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }

.hamburger-inner::before { top: -7px; }

.hamburger-inner::after { bottom: -7px; }

/* 3DX */
.hamburger--3dx .hamburger-box { -webkit-perspective: 60px; perspective: 60px; }

.hamburger--3dx .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner { background-color: transparent !important; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.hamburger--3dx.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 7px, 0) rotate(45deg); transform: translate3d(0, 7px, 0) rotate(45deg); }

.hamburger--3dx.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg); transform: translate3d(0, -7px, 0) rotate(-45deg); }

/* 3DX Reverse */
.hamburger--3dx-r .hamburger-box { -webkit-perspective: 60px; perspective: 60px; }

.hamburger--3dx-r .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner { background-color: transparent !important; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }

.hamburger--3dx-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 7px, 0) rotate(45deg); transform: translate3d(0, 7px, 0) rotate(45deg); }

.hamburger--3dx-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg); transform: translate3d(0, -7px, 0) rotate(-45deg); }

/* 3DY */
.hamburger--3dy .hamburger-box { -webkit-perspective: 60px; perspective: 60px; }

.hamburger--3dy .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner { background-color: transparent !important; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); }

.hamburger--3dy.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 7px, 0) rotate(45deg); transform: translate3d(0, 7px, 0) rotate(45deg); }

.hamburger--3dy.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg); transform: translate3d(0, -7px, 0) rotate(-45deg); }

/* 3DY Reverse */
.hamburger--3dy-r .hamburger-box { -webkit-perspective: 60px; perspective: 60px; }

.hamburger--3dy-r .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner { background-color: transparent !important; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }

.hamburger--3dy-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 7px, 0) rotate(45deg); transform: translate3d(0, 7px, 0) rotate(45deg); }

.hamburger--3dy-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg); transform: translate3d(0, -7px, 0) rotate(-45deg); }

/* 3DXY */
.hamburger--3dxy .hamburger-box { -webkit-perspective: 60px; perspective: 60px; }

.hamburger--3dxy .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner { background-color: transparent !important; -webkit-transform: rotateX(180deg) rotateY(180deg); transform: rotateX(180deg) rotateY(180deg); }

.hamburger--3dxy.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 7px, 0) rotate(45deg); transform: translate3d(0, 7px, 0) rotate(45deg); }

.hamburger--3dxy.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg); transform: translate3d(0, -7px, 0) rotate(-45deg); }

/* 3DXY Reverse */
.hamburger--3dxy-r .hamburger-box { -webkit-perspective: 60px; perspective: 60px; }

.hamburger--3dxy-r .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent !important; -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }

.hamburger--3dxy-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 7px, 0) rotate(45deg); transform: translate3d(0, 7px, 0) rotate(45deg); }

.hamburger--3dxy-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg); transform: translate3d(0, -7px, 0) rotate(-45deg); }

/* Arrow */
.hamburger--arrow.is-active .hamburger-inner::before { -webkit-transform: translate3d(-6px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-6px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after { -webkit-transform: translate3d(-6px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-6px, 0, 0) rotate(45deg) scale(0.7, 1); }

/* Arrow Right */
.hamburger--arrow-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(6px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(6px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(6px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(6px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/* Arrow Alt */
.hamburger--arrowalt .hamburger-inner::before { -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before { top: 0; -webkit-transform: translate3d(-6px, -7.5px, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-6px, -7.5px, 0) rotate(-45deg) scale(0.7, 1); -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: translate3d(-6px, 7.5px, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-6px, 7.5px, 0) rotate(45deg) scale(0.7, 1); -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/* Arrow Alt Right */
.hamburger--arrowalt-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: translate3d(6px, -7.5px, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(6px, -7.5px, 0) rotate(45deg) scale(0.7, 1); -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: translate3d(6px, 7.5px, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(6px, 7.5px, 0) rotate(-45deg) scale(0.7, 1); -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/* Arrow Turn */
.hamburger--arrowturn.is-active .hamburger-inner { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.hamburger--arrowturn.is-active .hamburger-inner::before { -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrowturn.is-active .hamburger-inner::after { -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/* Arrow Turn Right */
.hamburger--arrowturn-r.is-active .hamburger-inner { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.hamburger--arrowturn-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrowturn-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/* Boring */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after { -webkit-transition-property: none; transition-property: none; }

.hamburger--boring.is-active .hamburger-inner { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.hamburger--boring.is-active .hamburger-inner::before { top: 0; opacity: 0; }

.hamburger--boring.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

/* Collapse */
.hamburger--collapse .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0.13s; transition-delay: 0.13s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse .hamburger-inner::after { top: -14px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }

.hamburger--collapse .hamburger-inner::before { -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner { -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg); transform: translate3d(0, -7px, 0) rotate(-45deg); -webkit-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }

.hamburger--collapse.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Collapse Reverse */
.hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0.13s; transition-delay: 0.13s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r .hamburger-inner::after { top: -14px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }

.hamburger--collapse-r .hamburger-inner::before { -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, -7px, 0) rotate(45deg); transform: translate3d(0, -7px, 0) rotate(45deg); -webkit-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }

.hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Elastic */
.hamburger--elastic .hamburger-inner { top: 1.5px; -webkit-transition-duration: 0.275s; transition-duration: 0.275s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic .hamburger-inner::before { top: 7px; -webkit-transition: opacity 0.125s 0.275s ease; transition: opacity 0.125s 0.275s ease; }

.hamburger--elastic .hamburger-inner::after { top: 14px; -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner { -webkit-transform: translate3d(0, 7px, 0) rotate(135deg); transform: translate3d(0, 7px, 0) rotate(135deg); -webkit-transition-delay: 0.075s; transition-delay: 0.075s; }

.hamburger--elastic.is-active .hamburger-inner::before { -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 0; }

.hamburger--elastic.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -14px, 0) rotate(-270deg); transform: translate3d(0, -14px, 0) rotate(-270deg); -webkit-transition-delay: 0.075s; transition-delay: 0.075s; }

/* Elastic Reverse */
.hamburger--elastic-r .hamburger-inner { top: 1.5px; -webkit-transition-duration: 0.275s; transition-duration: 0.275s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r .hamburger-inner::before { top: 7px; -webkit-transition: opacity 0.125s 0.275s ease; transition: opacity 0.125s 0.275s ease; }

.hamburger--elastic-r .hamburger-inner::after { top: 14px; -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, 7px, 0) rotate(-135deg); transform: translate3d(0, 7px, 0) rotate(-135deg); -webkit-transition-delay: 0.075s; transition-delay: 0.075s; }

.hamburger--elastic-r.is-active .hamburger-inner::before { -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 0; }

.hamburger--elastic-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -14px, 0) rotate(270deg); transform: translate3d(0, -14px, 0) rotate(270deg); -webkit-transition-delay: 0.075s; transition-delay: 0.075s; }

/* Emphatic */
.hamburger--emphatic { overflow: hidden; }

.hamburger--emphatic .hamburger-inner { -webkit-transition: background-color 0.125s 0.175s ease-in; transition: background-color 0.125s 0.175s ease-in; }

.hamburger--emphatic .hamburger-inner::before { left: 0; -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }

.hamburger--emphatic .hamburger-inner::after { top: 7px; right: 0; -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }

.hamburger--emphatic.is-active .hamburger-inner { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; background-color: transparent !important; }

.hamburger--emphatic.is-active .hamburger-inner::before { left: -60px; top: -60px; -webkit-transform: translate3d(60px, 60px, 0) rotate(45deg); transform: translate3d(60px, 60px, 0) rotate(45deg); -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

.hamburger--emphatic.is-active .hamburger-inner::after { right: -60px; top: -60px; -webkit-transform: translate3d(-60px, 60px, 0) rotate(-45deg); transform: translate3d(-60px, 60px, 0) rotate(-45deg); -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/* Emphatic Reverse */
.hamburger--emphatic-r { overflow: hidden; }

.hamburger--emphatic-r .hamburger-inner { -webkit-transition: background-color 0.125s 0.175s ease-in; transition: background-color 0.125s 0.175s ease-in; }

.hamburger--emphatic-r .hamburger-inner::before { left: 0; -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }

.hamburger--emphatic-r .hamburger-inner::after { top: 7px; right: 0; -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }

.hamburger--emphatic-r.is-active .hamburger-inner { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; background-color: transparent !important; }

.hamburger--emphatic-r.is-active .hamburger-inner::before { left: -60px; top: 60px; -webkit-transform: translate3d(60px, -60px, 0) rotate(-45deg); transform: translate3d(60px, -60px, 0) rotate(-45deg); -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

.hamburger--emphatic-r.is-active .hamburger-inner::after { right: -60px; top: 60px; -webkit-transform: translate3d(-60px, -60px, 0) rotate(45deg); transform: translate3d(-60px, -60px, 0) rotate(45deg); -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/* Minus */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after { -webkit-transition: bottom 0.08s 0s ease-out,
 top 0.08s 0s ease-out,
 opacity 0s linear; transition: bottom 0.08s 0s ease-out,
 top 0.08s 0s ease-out,
 opacity 0s linear; }

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after { opacity: 0; -webkit-transition: bottom 0.08s ease-out,
 top 0.08s ease-out,
 opacity 0s 0.08s linear; transition: bottom 0.08s ease-out,
 top 0.08s ease-out,
 opacity 0s 0.08s linear; }

.hamburger--minus.is-active .hamburger-inner::before { top: 0; }

.hamburger--minus.is-active .hamburger-inner::after { bottom: 0; }

/* Slider */
.hamburger--slider .hamburger-inner { top: 1.5px; }

.hamburger--slider .hamburger-inner::before { top: 7px; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; }

.hamburger--slider .hamburger-inner::after { top: 14px; }

.hamburger--slider.is-active .hamburger-inner { -webkit-transform: translate3d(0, 7px, 0) rotate(45deg); transform: translate3d(0, 7px, 0) rotate(45deg); }

.hamburger--slider.is-active .hamburger-inner::before { -webkit-transform: rotate(-45deg) translate3d(-4.28571px, -4px, 0); transform: rotate(-45deg) translate3d(-4.28571px, -4px, 0); opacity: 0; }

.hamburger--slider.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -14px, 0) rotate(-90deg); transform: translate3d(0, -14px, 0) rotate(-90deg); }

/* Slider Reverse */
.hamburger--slider-r .hamburger-inner { top: 1.5px; }

.hamburger--slider-r .hamburger-inner::before { top: 7px; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; }

.hamburger--slider-r .hamburger-inner::after { top: 14px; }

.hamburger--slider-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, 7px, 0) rotate(-45deg); transform: translate3d(0, 7px, 0) rotate(-45deg); }

.hamburger--slider-r.is-active .hamburger-inner::before { -webkit-transform: rotate(45deg) translate3d(4.28571px, -4px, 0); transform: rotate(45deg) translate3d(4.28571px, -4px, 0); opacity: 0; }

.hamburger--slider-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -14px, 0) rotate(90deg); transform: translate3d(0, -14px, 0) rotate(90deg); }

/* Spin */
.hamburger--spin .hamburger-inner { -webkit-transition-duration: 0.22s; transition-duration: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin .hamburger-inner::before { -webkit-transition: top 0.1s 0.25s ease-in,
 opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in,
 opacity 0.1s ease-in; }

.hamburger--spin .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner { -webkit-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out,
 opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out,
 opacity 0.1s 0.12s ease-out; }

.hamburger--spin.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Spin Reverse */
.hamburger--spin-r .hamburger-inner { -webkit-transition-duration: 0.22s; transition-duration: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.25s ease-in,
 opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in,
 opacity 0.1s ease-in; }

.hamburger--spin-r .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner { -webkit-transform: rotate(-225deg); transform: rotate(-225deg); -webkit-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--spin-r.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out,
 opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out,
 opacity 0.1s 0.12s ease-out; }

.hamburger--spin-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Spring */
.hamburger--spring .hamburger-inner { top: 1.5px; -webkit-transition: background-color 0s 0.13s linear; transition: background-color 0s 0.13s linear; }

.hamburger--spring .hamburger-inner::before { top: 7px; -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring .hamburger-inner::after { top: 14px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner { -webkit-transition-delay: 0.22s; transition-delay: 0.22s; background-color: transparent !important; }

.hamburger--spring.is-active .hamburger-inner::before { top: 0; -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 7px, 0) rotate(45deg); transform: translate3d(0, 7px, 0) rotate(45deg); }

.hamburger--spring.is-active .hamburger-inner::after { top: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 7px, 0) rotate(-45deg); transform: translate3d(0, 7px, 0) rotate(-45deg); }

/* Spring Reverse */
.hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r .hamburger-inner::after { top: -14px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }

.hamburger--spring-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg); transform: translate3d(0, -7px, 0) rotate(-45deg); -webkit-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--spring-r.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }

.hamburger--spring-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Stand */
.hamburger--stand .hamburger-inner { -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand .hamburger-inner::before { -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner { -webkit-transform: rotate(90deg); transform: rotate(90deg); background-color: transparent !important; -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--stand.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--stand.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Stand Reverse */
.hamburger--stand-r .hamburger-inner { -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r .hamburger-inner::before { -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); background-color: transparent !important; -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--stand-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--stand-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Squeeze */
.hamburger--squeeze .hamburger-inner { -webkit-transition-duration: 0.075s; transition-duration: 0.075s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze .hamburger-inner::before { -webkit-transition: top 0.075s 0.12s ease,
 opacity 0.075s ease; transition: top 0.075s 0.12s ease,
 opacity 0.075s ease; }

.hamburger--squeeze .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.075s ease,
 opacity 0.075s 0.12s ease; transition: top 0.075s ease,
 opacity 0.075s 0.12s ease; }

.hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Vortex */
.hamburger--vortex .hamburger-inner { -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after { -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: linear; transition-timing-function: linear; }

.hamburger--vortex .hamburger-inner::before { -webkit-transition-property: top, opacity; transition-property: top, opacity; }

.hamburger--vortex .hamburger-inner::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, -webkit-transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform; }

.hamburger--vortex.is-active .hamburger-inner { -webkit-transform: rotate(765deg); transform: rotate(765deg); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after { -webkit-transition-delay: 0s; transition-delay: 0s; }

.hamburger--vortex.is-active .hamburger-inner::before { top: 0; opacity: 0; }

.hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

/* Vortex Reverse */
.hamburger--vortex-r .hamburger-inner { -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after { -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: linear; transition-timing-function: linear; }

.hamburger--vortex-r .hamburger-inner::before { -webkit-transition-property: top, opacity; transition-property: top, opacity; }

.hamburger--vortex-r .hamburger-inner::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, -webkit-transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform; }

.hamburger--vortex-r.is-active .hamburger-inner { -webkit-transform: rotate(-765deg); transform: rotate(-765deg); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after { -webkit-transition-delay: 0s; transition-delay: 0s; }

.hamburger--vortex-r.is-active .hamburger-inner::before { top: 0; opacity: 0; }

.hamburger--vortex-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

/*--------------------------------------------------------------
# NaN
--------------------------------------------------------------*/
/* -------------------------------------------------------
- Font-family
------------------------------------------------------- */
/* -------------------------------------------------------
- Variables
------------------------------------------------------- */
/* -------------------------------------------------------
- Mixins
------------------------------------------------------- */
/*--------------------------------------------------------------
- Init Body : Globals
--------------------------------------------------------------*/
::-moz-selection { background-color: #0f7f5e; color: #FFFFFF; }
::selection { background-color: #0f7f5e; color: #FFFFFF; }

html { overflow-x: hidden; }

html body { font-size: 0.9rem; }

html body * { -webkit-transition: 0.5s; transition: 0.5s; }

html body .site { overflow-x: hidden; }

html body main article.hentry { position: relative; margin: 0; background-image: url("../img/overige/content-bg.svg"); background-position: right; background-attachment: fixed; background-size: contain; background-repeat: no-repeat; background-color: #F7F7F7; }

.no-scroll { overflow: hidden; }

/*--------------------------------------------------------------
- Init custom scrollbar
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Init no-scrollreveal
--------------------------------------------------------------*/
.no-scrollreveal { opacity: 1 !important; }

/*--------------------------------------------------------------
- Init button
--------------------------------------------------------------*/
a, button, .button, input, select, textarea { outline: none !important; text-decoration: none !important; }

button { opacity: 1 !important; }

/*--------------------------------------------------------------
- Init owl-carousel dots
--------------------------------------------------------------*/
.owl-carousel .owl-dots { position: absolute; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.owl-carousel .owl-dots button.owl-dot { width: 1.5rem; height: 1.5rem; border: solid 0.18rem transparent; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 0.9rem; }

.owl-carousel .owl-dots button.owl-dot span { background-color: #FFFFFF; border-radius: 50%; height: 0.5rem; width: 0.5rem; margin: 0; opacity: 0.3; }

.owl-carousel .owl-dots button.owl-dot.active { border-color: #00C389; }

.owl-carousel .owl-dots button.owl-dot.active span { background-color: #FFFFFF; opacity: 1; }

.owl-carousel .owl-dots button.owl-dot:hover { -webkit-transform: scale(1.15); transform: scale(1.15); }

/*--------------------------------------------------------------
- Init archive menu
--------------------------------------------------------------*/
#archive-menu { position: relative; }

#archive-menu .menu-categorie-menu-container { max-width: 12.5rem; width: 100%; position: absolute; left: -15.6rem; top: 15.6rem; }

#archive-menu .menu-categorie-menu-container ul.menu { padding: 0; margin: 0; }

#archive-menu .menu-categorie-menu-container ul.menu li.menu-item { list-style-type: none; margin-bottom: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; }

#archive-menu .menu-categorie-menu-container ul.menu li.menu-item a { border: solid 0.125rem #efefef; background-color: #efefef; padding: 0.6rem 0.9rem; color: #000000; font-weight: 700; font-size: 1rem; line-height: 1.1rem; border-radius: 0.18rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

#archive-menu .menu-categorie-menu-container ul.menu li.menu-item a svg { margin-right: 0.9rem; }

#archive-menu .menu-categorie-menu-container ul.menu li.menu-item a svg * { fill: #000000; }

@media only screen and (max-width: 990px) { #archive-menu .menu-categorie-menu-container ul.menu li.menu-item a svg { display: none; } }

@media only screen and (max-width: 990px) { #archive-menu .menu-categorie-menu-container ul.menu li.menu-item a { min-width: unset; } }

@media only screen and (max-width: 768px) { #archive-menu .menu-categorie-menu-container ul.menu li.menu-item a { font-size: 12px; padding: 0.3rem; } }

#archive-menu .menu-categorie-menu-container ul.menu li.menu-item.current-menu-item a { border-color: #00C389; background-color: transparent; color: #00C389; }

#archive-menu .menu-categorie-menu-container ul.menu li.menu-item.current-menu-item a svg * { fill: #00C389; }

@media only screen and (max-width: 1450px) { #archive-menu .menu-categorie-menu-container ul.menu li.menu-item.current-menu-item a { background-color: #00C389; color: #FFFFFF; } }

@media only screen and (max-width: 1200px) { #archive-menu .menu-categorie-menu-container ul.menu li.menu-item.current-menu-item a { background-color: transparent; color: #00C389; } }

@media only screen and (max-width: 1450px) { #archive-menu .menu-categorie-menu-container ul.menu li.menu-item:last-of-type { margin-right: 0; } }

@media only screen and (max-width: 1450px) { #archive-menu .menu-categorie-menu-container ul.menu li.menu-item { margin-bottom: 0; margin-right: 1.25rem; } }

@media only screen and (max-width: 768px) { #archive-menu .menu-categorie-menu-container ul.menu li.menu-item { margin-right: 0.5rem; } }

@media only screen and (max-width: 1450px) { #archive-menu .menu-categorie-menu-container ul.menu { display: -webkit-box; display: -ms-flexbox; display: flex; } }

@media only screen and (max-width: 1600px) { #archive-menu .menu-categorie-menu-container { left: -12.5rem; } }

@media only screen and (max-width: 1450px) { #archive-menu .menu-categorie-menu-container { position: relative; max-width: unset; left: 0; top: 0; } }

@media only screen and (max-width: 1450px) { #archive-menu { margin: 2.8rem 0; } }

/*--------------------------------------------------------------
- Init archive items
--------------------------------------------------------------*/
.archive-items { padding-top: 2.8rem; }

.archive-items .archive-item { background-color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2.8rem; position: relative; min-height: 17.5rem; border: none; width: 100%; }

.archive-items .archive-item .featured-image { background-position: center center; background-color: #2A2A2A; background-size: cover; max-width: 25rem; width: 100%; height: 100%; position: absolute; }

@media only screen and (max-width: 1200px) { .archive-items .archive-item .featured-image { max-width: 18.75rem; width: 100%; } }

@media only screen and (max-width: 990px) { .archive-items .archive-item .featured-image { max-width: 15.6rem; width: 100%; } }

@media only screen and (max-width: 768px) { .archive-items .archive-item .featured-image { max-width: 10rem; width: 100%; } }

@media only screen and (max-width: 550px) { .archive-items .archive-item .featured-image { max-width: 7.5rem; width: 100%; } }

.archive-items .archive-item .post-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 25rem; padding: 1.2rem 0.9rem; width: 100%; }

.archive-items .archive-item .post-details .icon, .archive-items .archive-item .post-details .title, .archive-items .archive-item .post-details .content { max-width: 34rem; width: 100%; }

.archive-items .archive-item .post-details .icon { margin-bottom: 1.25rem; }

.archive-items .archive-item .post-details .icon svg * { fill: #672146; }

.archive-items .archive-item .post-details .title { margin-bottom: 0.9rem; }

@media only screen and (max-width: 768px) { .archive-items .archive-item .post-details .title { font-size: 1.125rem; line-height: 1.6rem; } }

@media only screen and (max-width: 550px) { .archive-items .archive-item .post-details .title { font-size: 0.8rem; line-height: 1.4rem; } }

@media only screen and (max-width: 768px) { .archive-items .archive-item .post-details .content { display: none; } }

@media only screen and (max-width: 1200px) { .archive-items .archive-item .post-details { margin-left: 18.75rem; } }

@media only screen and (max-width: 990px) { .archive-items .archive-item .post-details { margin-left: 15.6rem; } }

@media only screen and (max-width: 768px) { .archive-items .archive-item .post-details { margin-left: 10rem; } }

@media only screen and (max-width: 550px) { .archive-items .archive-item .post-details { margin-left: 7.5rem; } }

.archive-items .archive-item:last-of-type { margin-bottom: 0; }

@media only screen and (max-width: 768px) { .archive-items .archive-item { min-height: 9.3rem; } }

/*--------------------------------------------------------------
- Init  Posts-in-canvas & Posts-in-slider
--------------------------------------------------------------*/
.posts-in-canvas .canvas-post, .posts-in-slider .canvas-post { background-color: #202020; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; padding: 1.9rem 2.5rem; }

.posts-in-canvas .canvas-post .canvas-post-content, .posts-in-slider .canvas-post .canvas-post-content { max-width: 27rem; width: 100%; z-index: 1; }

.posts-in-canvas .canvas-post .canvas-post-content .title, .posts-in-canvas .canvas-post .canvas-post-content .excerpt, .posts-in-slider .canvas-post .canvas-post-content .title, .posts-in-slider .canvas-post .canvas-post-content .excerpt { color: #FFFFFF; margin-bottom: 0; margin-top: 0.9rem; }

@media only screen and (max-width: 990px) { .posts-in-canvas .canvas-post .canvas-post-content .excerpt, .posts-in-slider .canvas-post .canvas-post-content .excerpt { display: none; } }

.posts-in-canvas .canvas-post .dark-cover, .posts-in-canvas .canvas-post .link-cover, .posts-in-slider .canvas-post .dark-cover, .posts-in-slider .canvas-post .link-cover { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

.posts-in-canvas .canvas-post .dark-cover, .posts-in-slider .canvas-post .dark-cover { background: -webkit-gradient(linear, left top, left bottom, color-stop(48%, rgba(0, 0, 0, 0)), to(#000000ed)); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 48%, #000000ed 100%); }

.posts-in-canvas .canvas-post .dark-cover::after, .posts-in-slider .canvas-post .dark-cover::after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.25); opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; }

.posts-in-canvas .canvas-post .link-cover, .posts-in-slider .canvas-post .link-cover { z-index: 1; }

.posts-in-canvas .canvas-post:hover .canvas-post-content, .posts-in-slider .canvas-post:hover .canvas-post-content { -webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem); }

.posts-in-canvas .canvas-post:hover .dark-cover::after, .posts-in-slider .canvas-post:hover .dark-cover::after { opacity: 1; }

@media only screen and (max-width: 990px) { .posts-in-canvas .canvas-post, .posts-in-slider .canvas-post { padding: 1.25rem; } }

/*--------------------------------------------------------------
- Init  Posts-in-canvas
--------------------------------------------------------------*/
.posts-in-canvas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.posts-in-canvas .main-post { width: calc(100% - 26.5rem - 0.9rem); }

.posts-in-canvas .main-post .canvas-post { height: 100%; min-height: 39rem; }

@media only screen and (max-width: 1450px) { .posts-in-canvas .main-post .canvas-post { min-height: 35rem; } }

.posts-in-canvas .main-post.only-post { width: 100%; }

.posts-in-canvas .other-posts { max-width: 27.5rem; width: 100%; padding-left: 0.9rem; }

.posts-in-canvas .other-posts .canvas-post { height: 20.3rem; }

.posts-in-canvas .other-posts .canvas-post .canvas-post-content .excerpt { display: none; }

.posts-in-canvas .other-posts .canvas-post:first-of-type { margin-bottom: 0.9rem; }

@media only screen and (max-width: 1450px) { .posts-in-canvas .other-posts .canvas-post { height: 17rem; } }

@media only screen and (max-width: 990px) { .posts-in-canvas { display: none; } }

/*--------------------------------------------------------------
- Init  Posts-in-slider
--------------------------------------------------------------*/
.posts-in-slider { display: none; }

.posts-in-slider .owl-carousel-posts-in-slider .owl-stage-outer .owl-stage .owl-item { border-radius: 0.3rem; }

.posts-in-slider .owl-carousel-posts-in-slider .owl-stage-outer .owl-stage .owl-item .canvas-post { border-radius: 0.3rem; height: 20.9rem; }

@media only screen and (max-width: 990px) { .posts-in-slider { display: block; width: calc(100% + 1.9rem); left: -0.9rem; right: -0.9rem; position: relative; } }

/*--------------------------------------------------------------
- Init colored text for calssic editor
--------------------------------------------------------------*/
.text-color-green { color: #00C389; }

/*--------------------------------------------------------------
- Init custom-button
--------------------------------------------------------------*/
.custom-button { background-color: #00C389; color: #FFFFFF !important; position: relative; border-radius: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0.5rem 2rem; min-width: 16.25rem; min-height: 2.5rem; border: none; line-height: 1.6rem; font-weight: 700; font-size: 1rem; }

.custom-button::before { display: none; }

.custom-button::after { content: "\f061"; font-weight: 900; color: #FFFFFF; font-family: "Font Awesome 5 Free"; position: absolute; left: 12px; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; }

.custom-button.purple { background-color: #672146; }

.custom-button.purple:hover { background-color: #551c3a; }

.custom-button:hover { background-color: #03855f; }

.custom-button:hover::after { opacity: 1; }

/*--------------------------------------------------------------
- Init owl-carousel nav
--------------------------------------------------------------*/
.owl-carousel-entrances .owl-nav button.owl-prev, .owl-carousel-entrances .owl-nav button.owl-next, .owl-carousel-posts-in-slider .owl-nav button.owl-prev, .owl-carousel-posts-in-slider .owl-nav button.owl-next { border-radius: 0; color: #FFFFFF; height: 100%; width: 1.6rem; background-color: #00000066; font-size: 1.25rem; position: absolute; height: 21rem; top: 0; }

.owl-carousel-entrances .owl-nav button.owl-prev, .owl-carousel-posts-in-slider .owl-nav button.owl-prev { left: 0; }

.owl-carousel-entrances .owl-nav button.owl-next, .owl-carousel-posts-in-slider .owl-nav button.owl-next { right: 0; }

.owl-carousel-entrances .owl-nav button.disabled, .owl-carousel-posts-in-slider .owl-nav button.disabled { opacity: 0 !important; }

.owl-carousel-entrances .owl-nav button:hover, .owl-carousel-posts-in-slider .owl-nav button:hover { background-color: #000000b8; }

/*--------------------------------------------------------------
- Init acf-content
--------------------------------------------------------------*/
section#acf-content .content-row { margin-bottom: 11rem; }

section#acf-content .content-row:first-of-type { margin-top: 11rem; }

@media only screen and (max-width: 1200px) { section#acf-content .content-row:first-of-type { margin-top: 5.9rem; } }

@media only screen and (max-width: 768px) { section#acf-content .content-row:first-of-type { margin-top: 5rem; } }

@media only screen and (max-width: 1200px) { section#acf-content .content-row { margin-bottom: 5.9rem; } }

@media only screen and (max-width: 768px) { section#acf-content .content-row { margin-bottom: 5rem; } }

/*--------------------------------------------------------------
- Init all global width options
--------------------------------------------------------------*/
.global-width-xxl { max-width: 102.5rem; width: 100%; }

.global-width-xl { max-width: 83.75rem; width: 100%; }

.global-width-lg { max-width: 67.8rem; width: 100%; }

/*--------------------------------------------------------------
- Content : Globals
--------------------------------------------------------------*/
.content-base { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

/*--------------------------------------------------------------
- Init body globals
--------------------------------------------------------------*/
body { color: #2A2A2A; font-family: "Montserrat", sans-serif; }

.bold, strong, b { font-weight: 800; }

/*--------------------------------------------------------------
- Init headings sizes
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { margin-bottom: 1.5rem; font-weight: 600; }

h1 { font-size: 3.1rem; line-height: 4.1rem; }

@media only screen and (max-width: 1450px) { h1 { font-size: 2.5rem; line-height: 3rem; } }

@media only screen and (max-width: 990px) { h1 { font-size: 2rem; line-height: 2.5rem; } }

h2 { font-size: 1.6rem; line-height: 2.3rem; margin-bottom: 0.3rem; }

h3 { font-size: 1.5rem; line-height: 2.3rem; }

h4 { font-size: 1.4rem; line-height: 2.2rem; }

h5 { font-size: 1.25rem; line-height: 2rem; }

h6 { font-size: 1.1rem; line-height: 1.4rem; }

/*--------------------------------------------------------------
- Init paragraph sizes
--------------------------------------------------------------*/
p { font-size: 1.1rem; line-height: 2rem; }

.post-content li { font-size: 1.1rem; line-height: 2rem; }

/*--------------------------------------------------------------
- Init post-content
--------------------------------------------------------------*/
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6, .archive-items h1, .archive-items h2, .archive-items h3, .archive-items h4, .archive-items h5, .archive-items h6 { font-weight: 700; }

.post-content h1, .post-content h3, .post-content h4, .post-content h5, .post-content h6, .archive-items h1, .archive-items h3, .archive-items h4, .archive-items h5, .archive-items h6 { margin-bottom: 0; }

.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .archive-items h1, .archive-items h2, .archive-items h3, .archive-items h4, .archive-items h5 { color: #672146; }

.post-content h6, .archive-items h6 { color: #00C389; }

.post-content p, .post-content li, .archive-items p, .archive-items li { color: #202020; }

.post-content p:last-of-type, .post-content li:last-of-type, .archive-items p:last-of-type, .archive-items li:last-of-type { margin-bottom: 0; }

.post-content a, .archive-items a { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: #202020; position: relative; border-bottom: solid 0.125rem #00C389; }

.post-content a.info-block-link, .archive-items a.info-block-link { border-color: #672146; position: relative; }

.post-content a.info-block-link::after, .archive-items a.info-block-link::after { content: "\f05a"; font-weight: 900; color: #672146; margin-left: 0.2rem; font-family: "Font Awesome 5 Free"; }

.post-content a.info-block-link:hover, .archive-items a.info-block-link:hover { color: #672146; }

.post-content a:hover, .archive-items a:hover { color: #00C389; }

.post-content .content-element-post-details .anchor-points-list .anchor-point, .archive-items .content-element-post-details .anchor-points-list .anchor-point { color: #202020; font-size: 1.1rem; font-weight: 400; line-height: 1.8rem; }

.post-content a.link-to-archive, .archive-items a.link-to-archive { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; }

.post-content a.link-to-archive .icon, .archive-items a.link-to-archive .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 1.25rem; width: 1.25rem; border: solid 0.125rem #672146; border-radius: 50%; font-size: 0.9rem; color: #672146; margin-right: 0.9rem; }

.post-content blockquote, .archive-items blockquote { margin-right: 0; margin-left: 0; }

.post-content blockquote p, .archive-items blockquote p { font-size: 1.8rem; line-height: 2.4rem; opacity: 1 !important; font-weight: 800; margin-bottom: 0.9rem !important; color: #672146; font-style: italic; }

@media only screen and (max-width: 768px) { .post-content blockquote p, .archive-items blockquote p { font-size: 1.4rem; line-height: 2.2rem; } }

@media only screen and (max-width: 550px) { .post-content blockquote p, .archive-items blockquote p { font-size: 1.2rem; line-height: 1.9rem; } }

.post-content blockquote cite, .archive-items blockquote cite { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-style: italic; font-weight: 400; color: #00C389; }

.post-content blockquote cite::before, .archive-items blockquote cite::before { content: ""; height: 0.25rem; width: 1rem; display: block; margin-right: 0.6rem; background-color: #00C389; }

/*--------------------------------------------------------------
- Init banner-content
--------------------------------------------------------------*/
#banner-content h1, #banner-content h2 { font-size: 5rem; font-weight: 800; line-height: 5.3rem; color: #FFFFFF; margin-bottom: 3.1rem; }

@media only screen and (max-width: 1450px) { #banner-content h1, #banner-content h2 { font-size: 4rem; line-height: 4.3rem; margin-bottom: 2rem; } }

@media only screen and (max-width: 990px) { #banner-content h1, #banner-content h2 { font-size: 3rem; line-height: 3.3rem; margin-bottom: 1.5rem; } }

@media only screen and (max-width: 768px) { #banner-content h1, #banner-content h2 { font-size: 2.5rem; line-height: 2.8rem; } }

@media only screen and (max-width: 550px) { #banner-content h1, #banner-content h2 { font-size: 2rem; line-height: 2.3rem; } }

/*--------------------------------------------------------------
# Include website
--------------------------------------------------------------*/
/* -------------------------------------------------------
- Import flexible content rows
------------------------------------------------------- */
/*--------------------------------------------------------------
- Init content-row : Text
--------------------------------------------------------------*/
#acf-content .content-row-text .col-lg .text-col { max-width: 33.4rem; width: 100%; }

#acf-content .content-row-text .col-lg .text-col .title { color: #672146; font-size: 4.4rem; font-weight: 800; line-height: 5rem; margin-bottom: 2.5rem; }

@media only screen and (max-width: 990px) { #acf-content .content-row-text .col-lg .text-col .title { font-size: 2.75rem; line-height: 2.8rem; margin-bottom: 1.5rem; } }

@media only screen and (max-width: 768px) { #acf-content .content-row-text .col-lg .text-col .title { font-size: 2rem; line-height: 2.3rem; margin-bottom: 1.3rem; } }

#acf-content .content-row-text .col-lg .text-col .content h1, #acf-content .content-row-text .col-lg .text-col .content h2, #acf-content .content-row-text .col-lg .text-col .content h3, #acf-content .content-row-text .col-lg .text-col .content h4, #acf-content .content-row-text .col-lg .text-col .content h4, #acf-content .content-row-text .col-lg .text-col .content h5, #acf-content .content-row-text .col-lg .text-col .content h6 { color: #672146; margin-bottom: 1.25rem; font-weight: 800; }

#acf-content .content-row-text .col-lg .text-col .content .custom-button { display: none; }

@media only screen and (max-width: 990px) { #acf-content .content-row-text .col-lg .text-col .content .custom-button { display: -webkit-box; display: -ms-flexbox; display: flex; } }

@media only screen and (max-width: 990px) { #acf-content .content-row-text .col-lg .text-col { max-width: unset; } }

@media only screen and (max-width: 990px) { #acf-content .content-row-text .col-lg:first-of-type .text-col .custom-button { display: none; } }

/*--------------------------------------------------------------
- Init content-row : Banner
--------------------------------------------------------------*/
#banner-content { background-color: #2A2A2A; position: relative; /* ----------------------------------------- - Init owl-carousel-banner-x : base ----------------------------------------- */ /* ----------------------------------------- - Init banner height lg ----------------------------------------- */ /* ----------------------------------------- - Init banner height md ----------------------------------------- */ }

#banner-content .owl-carousel-banner-image, #banner-content .owl-carousel-banner-home { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

#banner-content .owl-carousel-banner-image .owl-stage-outer .owl-stage .owl-item .slide, #banner-content .owl-carousel-banner-home .owl-stage-outer .owl-stage .owl-item .slide { background-position: center center; background-size: cover; }

#banner-content .owl-carousel-banner-image .owl-stage-outer .owl-stage .owl-item .slide .dark-cover, #banner-content .owl-carousel-banner-home .owl-stage-outer .owl-stage .owl-item .slide .dark-cover { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: black; opacity: 0.5; }

#banner-content .owl-carousel-banner-image .owl-stage-outer .owl-stage .owl-item .content-base, #banner-content .owl-carousel-banner-home .owl-stage-outer .owl-stage .owl-item .content-base { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 8rem 0; }

#banner-content .owl-carousel-banner-image .owl-stage-outer .owl-stage .owl-item .content-base .content-row-banner, #banner-content .owl-carousel-banner-home .owl-stage-outer .owl-stage .owl-item .content-base .content-row-banner { z-index: 1; }

#banner-content .owl-carousel-banner-image .owl-stage-outer .owl-stage .owl-item .content-base .content-row-banner .slide-content, #banner-content .owl-carousel-banner-home .owl-stage-outer .owl-stage .owl-item .content-base .content-row-banner .slide-content { max-width: 50.9rem; width: 100%; }

@media only screen and (max-width: 990px) { #banner-content .owl-carousel-banner-image .owl-stage-outer .owl-stage .owl-item .content-base .content-row-banner .slide-content .custom-button, #banner-content .owl-carousel-banner-home .owl-stage-outer .owl-stage .owl-item .content-base .content-row-banner .slide-content .custom-button { min-width: unset; } }

#banner-content .owl-carousel-banner-image .owl-stage-outer .owl-stage .owl-item .content-base .content-row-banner .slide-content p:last-of-type, #banner-content .owl-carousel-banner-home .owl-stage-outer .owl-stage .owl-item .content-base .content-row-banner .slide-content p:last-of-type { margin-bottom: 0; }

@media only screen and (max-width: 1450px) { #banner-content .owl-carousel-banner-image .owl-stage-outer .owl-stage .owl-item .content-base .content-row-banner .slide-content, #banner-content .owl-carousel-banner-home .owl-stage-outer .owl-stage .owl-item .content-base .content-row-banner .slide-content { padding: 0 0.9rem; } }

@media only screen and (max-width: 990px) { #banner-content .owl-carousel-banner-image .owl-stage-outer .owl-stage .owl-item .content-base, #banner-content .owl-carousel-banner-home .owl-stage-outer .owl-stage .owl-item .content-base { padding: 5rem 0; } }

#banner-content .owl-carousel-banner-image .owl-dots, #banner-content .owl-carousel-banner-home .owl-dots { bottom: 3.1rem; }

@media only screen and (max-width: 990px) { #banner-content .owl-carousel-banner-image .owl-dots, #banner-content .owl-carousel-banner-home .owl-dots { bottom: 2rem; } }

#banner-content.height-lg { height: 90vh; min-height: 53.1rem; }

#banner-content.height-lg .owl-carousel-banner-image .slide, #banner-content.height-lg .owl-carousel-banner-home .slide { height: 90vh; min-height: 53.1rem; }

@media only screen and (max-width: 1450px) { #banner-content.height-lg .owl-carousel-banner-image .slide, #banner-content.height-lg .owl-carousel-banner-home .slide { height: 100%; min-height: 30.9rem; } }

@media only screen and (max-width: 1450px) { #banner-content.height-lg { height: 100%; min-height: 30.9rem; } }

#banner-content.height-md { height: 36.5rem; }

#banner-content.height-md .owl-carousel-banner-image .slide, #banner-content.height-md .owl-carousel-banner-home .slide { height: 36.5rem; }

@media only screen and (max-width: 1450px) { #banner-content.height-md .owl-carousel-banner-image .slide, #banner-content.height-md .owl-carousel-banner-home .slide { height: 30.9rem; } }

@media only screen and (max-width: 1450px) { #banner-content.height-md { height: 30.9rem; } }

/*--------------------------------------------------------------
- Init content-row : Banner ~ Home
--------------------------------------------------------------*/
body.home #banner-content { /* ----------------------------------------- - Init banner height lg ----------------------------------------- */ }

@media only screen and (max-width: 1450px) { body.home #banner-content.height-lg .owl-carousel-banner-image .slide, body.home #banner-content.height-lg .owl-carousel-banner-home .slide { height: 100%; min-height: 41.8rem; } }

@media only screen and (max-width: 990px) { body.home #banner-content.height-lg .owl-carousel-banner-image .slide, body.home #banner-content.height-lg .owl-carousel-banner-home .slide { height: 100%; min-height: 31.8rem; } }

@media only screen and (max-width: 1450px) { body.home #banner-content.height-lg { height: 100%; min-height: 41.8rem; } }

@media only screen and (max-width: 990px) { body.home #banner-content.height-lg { height: 100%; min-height: 31.8rem; } }

/*--------------------------------------------------------------
- Init content-row : Entrances
--------------------------------------------------------------*/
#acf-content .content-row-entrances { /*----------------------------------------------- - Set : Row title -----------------------------------------------*/ /*----------------------------------------------- - Set : owl carousel entrances -----------------------------------------------*/ /*----------------------------------------------- - Set : Bootstrap elements to 0 -----------------------------------------------*/ }

#acf-content .content-row-entrances .title-container { display: none; }

#acf-content .content-row-entrances .title-container .title-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 1.25rem; }

#acf-content .content-row-entrances .title-container .title-content .title { color: #672146; font-weight: 800; margin-bottom: 0; line-height: 1.5rem; }

#acf-content .content-row-entrances .title-container .title-content #entrances-counter { min-width: 2.8rem; font-size: 1.1rem; line-height: 1.2rem; margin-left: 15px; }

@media only screen and (max-width: 990px) { #acf-content .content-row-entrances .title-container { display: block; } }

#acf-content .content-row-entrances .owl-carousel-entrances .owl-stage-outer .owl-stage .owl-item .entrance { background-position: center center; background-size: cover; background-color: #2A2A2A; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; min-height: 21rem; padding: 2rem; }

#acf-content .content-row-entrances .owl-carousel-entrances .owl-stage-outer .owl-stage .owl-item .entrance .entrance-content { z-index: 1; }

#acf-content .content-row-entrances .owl-carousel-entrances .owl-stage-outer .owl-stage .owl-item .entrance .entrance-content .subtitle, #acf-content .content-row-entrances .owl-carousel-entrances .owl-stage-outer .owl-stage .owl-item .entrance .entrance-content .title { margin-bottom: 0; color: #FFFFFF; z-index: 1; font-weight: 700; }

#acf-content .content-row-entrances .owl-carousel-entrances .owl-stage-outer .owl-stage .owl-item .entrance .entrance-content .subtitle { line-height: 1.2rem; font-size: 1.1rem; font-weight: 400; display: block; }

#acf-content .content-row-entrances .owl-carousel-entrances .owl-stage-outer .owl-stage .owl-item .entrance .link-cover { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(48%, rgba(0, 0, 0, 0)), to(#000000ed)); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 48%, #000000ed 100%); }

#acf-content .content-row-entrances .owl-carousel-entrances .owl-stage-outer .owl-stage .owl-item .entrance .link-cover::after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.25); opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; }

#acf-content .content-row-entrances .owl-carousel-entrances .owl-stage-outer .owl-stage .owl-item .entrance:hover .entrance-content { -webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem); }

#acf-content .content-row-entrances .owl-carousel-entrances .owl-stage-outer .owl-stage .owl-item .entrance:hover .link-cover::after { opacity: 1; }

@media only screen and (max-width: 990px) { #acf-content .content-row-entrances .owl-carousel-entrances .owl-stage-outer .owl-stage .owl-item .entrance { padding: 1.25rem; } }

@media only screen and (max-width: 990px) { #acf-content .content-row-entrances .container-fluid:last-of-type { padding: 0; }
  #acf-content .content-row-entrances .container-fluid:last-of-type .row { margin: 0; }
  #acf-content .content-row-entrances .container-fluid:last-of-type .row .col { padding: 0; } }

/*--------------------------------------------------------------
- Init content-row : Newsletter
--------------------------------------------------------------*/
#newsletter-content { background-position: center center; background-size: cover; min-height: 35.3rem; position: relative; }

#newsletter-content .dark-cover { background-image: url("../img/canvas/dark-cover.png"); position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.23; }

#newsletter-content .content-row-newsletter { padding: 6.5rem 0; }

#newsletter-content .content-row-newsletter .newsletter-col { display: -webkit-box; display: -ms-flexbox; display: flex; }

#newsletter-content .content-row-newsletter .newsletter-col .content { max-width: 33.4rem; width: 100%; color: #FFFFFF; height: 100%; min-height: 20.3rem; }

#newsletter-content .content-row-newsletter .newsletter-col .content a { color: #FFFFFF !important; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: #202020; border-bottom: solid 0.125rem #FFFFFF; }

@media only screen and (max-width: 1200px) { #newsletter-content .content-row-newsletter .newsletter-col .content { min-height: unset; } }

@media only screen and (max-width: 990px) { #newsletter-content .content-row-newsletter .newsletter-col .content p { font-size: 1rem; line-height: 1.8rem; } }

#newsletter-content .content-row-newsletter .newsletter-col.form { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

#newsletter-content .content-row-newsletter .newsletter-col.form .content h1, #newsletter-content .content-row-newsletter .newsletter-col.form .content h2, #newsletter-content .content-row-newsletter .newsletter-col.form .content h3, #newsletter-content .content-row-newsletter .newsletter-col.form .content h4, #newsletter-content .content-row-newsletter .newsletter-col.form .content h5, #newsletter-content .content-row-newsletter .newsletter-col.form .content h6 { font-weight: 700; }

@media only screen and (max-width: 1200px) { #newsletter-content .content-row-newsletter .newsletter-col.form .content { margin-bottom: 1.6rem; } }

#newsletter-content .content-row-newsletter .newsletter-col.magazine .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; max-width: unset; }

#newsletter-content .content-row-newsletter .newsletter-col.magazine .content .magazine-image { height: 30rem; width: 100%; -o-object-fit: contain; object-fit: contain; margin-bottom: 2rem; }

@media only screen and (max-width: 1200px) { #newsletter-content .content-row-newsletter .newsletter-col.magazine .content .magazine-image { max-width: 18.75rem; width: 100%; position: relative; margin-bottom: 0.9rem; top: 0; right: 0; } }

@media only screen and (max-width: 768px) { #newsletter-content .content-row-newsletter .newsletter-col.magazine .content .magazine-image { margin: 0 auto 0.9rem; } }

#newsletter-content .content-row-newsletter .newsletter-col.magazine .content .magazine-text { width: 100%; }

#newsletter-content .content-row-newsletter .newsletter-col.magazine .content .magazine-text p:last-of-type { margin-bottom: 0; }

@media only screen and (max-width: 1200px) { #newsletter-content .content-row-newsletter .newsletter-col.magazine .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

@media only screen and (max-width: 1200px) { #newsletter-content .content-row-newsletter .newsletter-col.magazine { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

@media only screen and (max-width: 990px) { #newsletter-content .content-row-newsletter { padding: 3.1rem 0; } }

/*--------------------------------------------------------------
- Init content-row : Impact-slider
--------------------------------------------------------------*/
#acf-content .content-row-impact-slider * { -webkit-transition: 0s; transition: 0s; }

#acf-content .content-row-impact-slider .title-base { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 4.7rem; }

#acf-content .content-row-impact-slider .title-base .title-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; max-width: 68.1rem; width: 100%; }

#acf-content .content-row-impact-slider .title-base .title-content .title { margin: 0; font-size: 4.4rem; font-weight: 800; line-height: 5rem; color: #672146; max-width: 26.5rem; width: 100%; }

@media only screen and (max-width: 1450px) { #acf-content .content-row-impact-slider .title-base .title-content .title { font-size: 2.1rem; line-height: 2.8rem; max-width: 13.4rem; width: 100%; } }

@media only screen and (max-width: 768px) { #acf-content .content-row-impact-slider .title-base .title-content .title { font-size: 2rem; line-height: 2.6rem; } }

@media only screen and (max-width: 550px) { #acf-content .content-row-impact-slider .title-base .title-content .title { font-size: 1.6rem; line-height: 2.3rem; } }

#acf-content .content-row-impact-slider .title-base .title-content #impact-counter { min-width: 2.8rem; font-size: 1.1rem; display: none; }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item .slide { min-height: calc(28.1rem + 4.7rem + 4.7rem); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item .slide .slide-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #EFEFEF; position: relative; min-height: 28.1rem; padding: 2.5rem; z-index: 1; top: 4.7rem; text-align: end; max-width: 16.25rem; width: 100%; }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item .slide .slide-content .extra-information-title { font-size: 2.5rem; font-weight: 700; line-height: 2.6rem; margin-bottom: 0.3rem; color: #672146; }

@media only screen and (max-width: 1450px) { #acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item .slide .slide-content .extra-information-title { font-size: 2.2rem; line-height: 2.3rem; } }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item .slide .slide-content .item-title { font-size: 1rem; line-height: 1.6rem; color: #00C389; max-width: 10.25rem; width: 100%; }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item .slide .slide-content .impact-title { display: none; margin-bottom: 0.9rem; }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item .slide .slide-content .excerpt, #acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item .slide .slide-content .custom-button { display: none; }

@media only screen and (max-width: 1450px) { #acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item .slide .slide-content { min-height: 24rem; } }

@media only screen and (max-width: 1200px) { #acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item .slide .slide-content { top: 0; min-height: 27.5rem; } }

@media only screen and (max-width: 1050px) { #acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item .slide .slide-content .extra-information-title, #acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item .slide .slide-content .item-title { display: none; } }

@media only screen and (max-width: 768px) { #acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item .slide .slide-content { background-color: transparent; } }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item .slide .slide-image { background-color: #2A2A2A; }

@media only screen and (max-width: 1450px) { #acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item .slide { min-height: calc(24rem + 4.7rem + 4.7rem); } }

@media only screen and (max-width: 1200px) { #acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item .slide { min-height: 28.1rem; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active .slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active .slide .slide-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background-color: #FFFFFF; max-width: 42.1rem; width: 100%; top: 0; text-align: start; }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active .slide .slide-content .extra-information-title, #acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active .slide .slide-content .subtitle, #acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active .slide .slide-content .excerpt { max-width: 35rem; width: 100%; }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active .slide .slide-content .extra-information-title { font-size: 5.6rem; font-weight: 800; line-height: 5.1rem; margin-bottom: 0.9rem; }

@media only screen and (max-width: 1050px) { #acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active .slide .slide-content .extra-information-title { display: block; } }

@media only screen and (max-width: 990px) { #acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active .slide .slide-content .extra-information-title { font-size: 3.1rem; line-height: 2.6rem; } }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active .slide .slide-content .item-title { font-size: 1.9rem; line-height: 2.6rem; margin-bottom: 2.5rem; max-width: unset; }

@media only screen and (max-width: 1050px) { #acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active .slide .slide-content .item-title { display: block; } }

@media only screen and (max-width: 990px) { #acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active .slide .slide-content .item-title { font-size: 1.5rem; line-height: 2.3rem; margin-bottom: 0.7rem; } }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active .slide .slide-content .impact-title { display: block; }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active .slide .slide-content .excerpt { display: block; }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active .slide .slide-content .excerpt p { line-height: 1.9rem; }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active .slide .slide-content .excerpt p:last-of-type { margin-bottom: 0; }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active .slide .slide-content .custom-button { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 7.5rem; margin-top: 1.9rem; }

@media only screen and (max-width: 1450px) { #acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active .slide .slide-content { max-width: 25rem; } }

@media only screen and (max-width: 1200px) { #acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active .slide .slide-content { max-width: unset; } }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active .slide .slide-image { position: absolute; background-color: #2A2A2A; background-size: cover; max-width: 33.4rem; width: 100%; min-height: calc(28.1rem + 4.7rem + 4.7rem); bottom: 0; right: 0; top: 0; }

@media only screen and (max-width: 1450px) { #acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active .slide .slide-image { min-height: calc(24rem + 4.7rem + 4.7rem); } }

@media only screen and (max-width: 1200px) { #acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active .slide .slide-image { display: none; } }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active ~ .owl-item .slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-stage-outer .owl-stage .owl-item.active ~ .owl-item .slide .slide-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: start; }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-nav button { color: #FFFFFF; font-size: 1.4rem; pointer-events: all; width: 15.3rem; }

#acf-content .content-row-impact-slider .owl-carousel-impact .owl-nav button.disabled { opacity: 0; }

@media only screen and (max-width: 1200px) { #acf-content .content-row-impact-slider .owl-carousel-impact .owl-nav button { color: #672146; width: 9.1rem; } }

@media only screen and (max-width: 768px) { #acf-content .content-row-impact-slider .owl-carousel-impact .owl-nav button { background-color: #EFEFEF; font-size: 1.25rem; width: 25px; } }

@media only screen and (max-width: 768px) { #acf-content .content-row-impact-slider .owl-carousel-impact .owl-nav { right: -15px; left: -15px; height: 100%; top: 0; } }

/*--------------------------------------------------------------
- Init content-row : Posts-in-canvas
--------------------------------------------------------------*/
#acf-content .content-row-featured-posts .container-fluid { /*----------------------------------------------- - Set : The title -----------------------------------------------*/ /*----------------------------------------------- - Set : Archive items -----------------------------------------------*/ }

#acf-content .content-row-featured-posts .container-fluid .title-content .main-title { color: #672146; font-weight: 800; }

#acf-content .content-row-featured-posts .container-fluid .archive-items { padding-top: 0; background-color: transparent; }

/*--------------------------------------------------------------
- Init content-row : Posts-in-canvas
--------------------------------------------------------------*/
#acf-content .content-row-posts-in-canvas { background-color: #2A2A2A; padding: 4.5rem 0; position: relative; }

#acf-content .content-row-posts-in-canvas .container-fluid { max-width: 83.75rem; width: 100%; /*----------------------------------------------- - Set : The title -----------------------------------------------*/ }

#acf-content .content-row-posts-in-canvas .container-fluid .title-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 3.1rem; }

#acf-content .content-row-posts-in-canvas .container-fluid .title-content .title { color: #FFFFFF; font-weight: 800; margin: 0; line-height: 1.5rem; }

#acf-content .content-row-posts-in-canvas .container-fluid .title-content #posts-in-slider-counter { min-width: 2.8rem; font-size: 1.1rem; color: #FFFFFF; display: none; margin-left: 15px; }

@media only screen and (max-width: 990px) { #acf-content .content-row-posts-in-canvas .container-fluid .title-content #posts-in-slider-counter { display: block; } }

@media only screen and (max-width: 1450px) { #acf-content .content-row-posts-in-canvas .container-fluid .title-content { margin-bottom: 1.5rem; } }

#acf-content .content-row-posts-in-canvas::before, #acf-content .content-row-posts-in-canvas::after { content: ''; position: absolute; height: 100%; top: 0; width: 01rem; background-color: #F7F7F7; }

@media only screen and (max-width: 102.5rem) { #acf-content .content-row-posts-in-canvas::before, #acf-content .content-row-posts-in-canvas::after { display: none; } }

#acf-content .content-row-posts-in-canvas::before { left: -0.06rem; }

#acf-content .content-row-posts-in-canvas::after { right: -0.06rem; }

@media only screen and (max-width: 1200px) { #acf-content .content-row-posts-in-canvas { padding: 3.1rem 0; } }

/* -------------------------------------------------------
- Import flexible content blocks
------------------------------------------------------- */
/*--------------------------------------------------------------
- Init content-block : faqs
--------------------------------------------------------------*/
.content-element-faqs { max-width: 50.9rem; width: 100%; }

.content-element-faqs .faqs-canvas .main-title { margin-bottom: 1.5rem; }

.content-element-faqs .faqs-canvas .faqs-accordion .faq { margin-bottom: 1.25rem; }

.content-element-faqs .faqs-canvas .faqs-accordion .faq .faq-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; cursor: pointer; }

.content-element-faqs .faqs-canvas .faqs-accordion .faq .faq-header .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 1.25rem; min-width: 1.25rem; background-color: #00C389; color: #FFFFFF; border-radius: 50%; margin-right: 0.9rem; position: relative; top: 7px; }

.content-element-faqs .faqs-canvas .faqs-accordion .faq .faq-header .icon .line { background-color: #FFFFFF; position: absolute; display: block; height: 0.125rem; width: 60%; border-radius: 1.87rem; }

.content-element-faqs .faqs-canvas .faqs-accordion .faq .faq-header .icon .line.ver { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.content-element-faqs .faqs-canvas .faqs-accordion .faq .faq-header.collapsed .icon .line.ver { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.content-element-faqs .faqs-canvas .faqs-accordion .faq .faq-body { margin-top: 0.6rem; }

.content-element-faqs .faqs-canvas .faqs-accordion .faq .faq-body p, .content-element-faqs .faqs-canvas .faqs-accordion .faq .faq-body * { opacity: 1 !important; }

.content-element-faqs .faqs-canvas .faqs-accordion .faq .faq-body p:last-of-type, .content-element-faqs .faqs-canvas .faqs-accordion .faq .faq-body *:last-of-type { margin-bottom: 0 !important; }

.content-element-faqs .faqs-canvas .faqs-accordion .faq:last-of-type { margin-bottom: 0; }

/*--------------------------------------------------------------
- Init content-block : quote
--------------------------------------------------------------*/
.content-element-quote { max-width: 50.9rem; width: 100%; }

.content-element-quote .owl-carousel-quote .owl-stage-outer .owl-stage .owl-item blockquote { margin-bottom: 1.5rem !important; }

.content-element-quote .owl-carousel-quote .owl-dots { position: relative; }

.content-element-quote .owl-carousel-quote .owl-dots button.owl-dot span { background-color: #202020; }

.content-element-quote .owl-carousel-quote .owl-dots button.owl-dot.active span { background-color: #00C389; }

/*--------------------------------------------------------------
- Init content-block : Slider
--------------------------------------------------------------*/
.content-element-slider { position: relative; width: calc(100% + 3.75rem); }

.content-element-slider * { width: 100%; }

.content-element-slider .owl-carousel-gutenberg-gallery .owl-stage-outer .owl-stage .owl-item .gallery-item { background-position: center center; background-size: cover; border-radius: 0.2rem; min-height: 44.4rem; }

@media only screen and (max-width: 1450px) { .content-element-slider .owl-carousel-gutenberg-gallery .owl-stage-outer .owl-stage .owl-item .gallery-item { min-height: 29rem; } }

@media only screen and (max-width: 990px) { .content-element-slider .owl-carousel-gutenberg-gallery .owl-stage-outer .owl-stage .owl-item .gallery-item { min-height: 25rem; } }

@media only screen and (max-width: 768px) { .content-element-slider .owl-carousel-gutenberg-gallery .owl-stage-outer .owl-stage .owl-item .gallery-item { min-height: 20rem; } }

.content-element-slider .owl-carousel-gutenberg-gallery .owl-dots { bottom: 1.25rem; }

/*--------------------------------------------------------------
- Init content-block : downloads
--------------------------------------------------------------*/
.content-element-downloads { max-width: 50.9rem; width: 100%; }

.content-element-downloads .downloads-canvas { background-color: #F7F7F7; border-radius: 0.3rem; padding: 1.87rem; }

.content-element-downloads .downloads-canvas .title { margin-bottom: 1.25rem; }

.content-element-downloads .downloads-canvas .downloads .download { margin-bottom: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.content-element-downloads .downloads-canvas .downloads .download .download-detail { background-color: #00C389; color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-right: 1.25rem; border-radius: 0.18rem; padding: 0.15rem 0.6rem; max-width: 8.1rem; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.content-element-downloads .downloads-canvas .downloads .download .download-detail .file-type { text-transform: uppercase; font-weight: 800; margin-right: 0.6rem; }

.content-element-downloads .downloads-canvas .downloads .download .download-detail .file-size { font-weight: 400; word-break: break-all; }

.content-element-downloads .downloads-canvas .downloads .download .download-detail::after { content: "\f0da"; font-weight: 900; font-family: "Font Awesome 5 Free"; position: absolute; right: -0.4rem; color: #00C389; font-size: 1.3rem; }

@media only screen and (max-width: 990px) { .content-element-downloads .downloads-canvas .downloads .download .download-detail::after { display: none; } }

@media only screen and (max-width: 990px) { .content-element-downloads .downloads-canvas .downloads .download .download-detail { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } }

.content-element-downloads .downloads-canvas .downloads .download .download-link { border: none; }

.content-element-downloads .downloads-canvas .downloads .download .download-link .download-title { color: #672146; }

@media only screen and (max-width: 990px) { .content-element-downloads .downloads-canvas .downloads .download .download-link .download-title { margin-bottom: 0.6rem; } }

@media only screen and (max-width: 990px) { .content-element-downloads .downloads-canvas .downloads .download .download-link { width: 100%; } }

.content-element-downloads .downloads-canvas .downloads .download:hover .download-detail { -webkit-transform: scale(1.05); transform: scale(1.05); }

@media only screen and (max-width: 990px) { .content-element-downloads .downloads-canvas .downloads .download { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 2.1rem; } }

@media only screen and (max-width: 990px) { .content-element-downloads .downloads-canvas { padding: 1.25rem; } }

/*--------------------------------------------------------------
- Init content-block : page-list
--------------------------------------------------------------*/
.content-element-page-list { max-width: 50.9rem; width: 100%; }

.content-element-page-list .page-list-canvas ul.pages { padding: 0; margin: 0 !important; }

.content-element-page-list .page-list-canvas ul.pages li.page { list-style-type: none; margin-bottom: 0.6rem; padding-left: 0 !important; }

.content-element-page-list .page-list-canvas ul.pages li.page a.link { border: none; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 700; color: #672146; }

.content-element-page-list .page-list-canvas ul.pages li.page a.link::before { content: "\f054"; font-weight: 900; margin-right: 0.6rem; font-family: "Font Awesome 5 Free"; }

.content-element-page-list .page-list-canvas ul.pages li.page::before { display: none; }

.content-element-page-list .page-list-canvas ul.pages li.page:last-of-type { margin-bottom: 0; }

/*--------------------------------------------------------------
- Init content-block : page-list
--------------------------------------------------------------*/
.content-element-info-block { max-width: 50.9rem; width: 100%; }

.content-element-info-block .info-block-canvas { position: relative; }

.content-element-info-block .info-block-canvas .info-block { max-width: 18.4rem; width: 100%; padding: 1.5rem 1.25rem; position: absolute; top: 0; right: -415px; display: none; }

.content-element-info-block .info-block-canvas .info-block .info-title, .content-element-info-block .info-block-canvas .info-block .info-content * { color: #FFFFFF; font-style: 1rem !important; line-height: 1.8rem; font-weight: 300; opacity: 1 !important; }

.content-element-info-block .info-block-canvas .info-block .info-title { font-weight: 700; margin-bottom: 1.25rem !important; }

.content-element-info-block .info-block-canvas .info-block .info-image { height: 180px; display: block; background-position: center center; background-size: cover; position: relative; width: calc(100% + 2.5rem); left: -1.25rem; right: -1.25rem; margin-bottom: 1.25rem; }

@media only screen and (max-width: 1450px) { .content-element-info-block .info-block-canvas .info-block .info-image { display: none; } }

.content-element-info-block .info-block-canvas .info-block .info-content a { border-color: #FFFFFF; }

.content-element-info-block .info-block-canvas .info-block .info-content p:last-of-type { margin-bottom: 0 !important; }

.content-element-info-block .info-block-canvas .info-block.active { display: block; }

.content-element-info-block .info-block-canvas .info-block.bg-color-green { background-color: #00C389; }

.content-element-info-block .info-block-canvas .info-block.bg-color-green::after { color: #00C389; }

.content-element-info-block .info-block-canvas .info-block.bg-color-purple { background-color: #672146; }

.content-element-info-block .info-block-canvas .info-block.bg-color-purple::after { color: #672146; }

@media only screen and (max-width: 1700px) { .content-element-info-block .info-block-canvas .info-block { right: -300px; } }

@media only screen and (max-width: 1450px) { .content-element-info-block .info-block-canvas .info-block { position: relative; max-width: unset; right: 0; margin: 0.9rem 0; } }

/*--------------------------------------------------------------
- Init content-block : post-details
--------------------------------------------------------------*/
.content-element-post-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 50.9rem; width: 100%; margin-bottom: 6.25rem; }

.content-element-post-details .anchor-points-canvas .main-title { color: #672146; margin-bottom: 0.9rem; }

.content-element-post-details .anchor-points-canvas .anchor-points-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.content-element-post-details .anchor-points-canvas .anchor-points-list .anchor-point { color: #202020; margin-bottom: 0.6rem; -webkit-text-decoration: underline #00C389 !important; text-decoration: underline #00C389 !important; text-underline-offset: 0.3rem; border-bottom: none; }

@media only screen and (max-width: 990px) { .content-element-post-details .anchor-points-canvas { margin-bottom: 35px; } }

.content-element-post-details .share-post-canvas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.content-element-post-details .share-post-canvas .addtoany_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.content-element-post-details .share-post-canvas .addtoany_list a { padding: 0; height: 1.3rem; margin-left: 0.3rem; }

.content-element-post-details .share-post-canvas .addtoany_list a:first-of-type { margin-left: 0; }

@media only screen and (max-width: 990px) { .content-element-post-details .share-post-canvas .addtoany_list { position: relative; left: -5px; } }

.content-element-post-details .share-post-canvas .label { font-size: 0.9rem; font-weight: 700; line-height: 1rem; margin-bottom: 0.6rem; text-align: right; color: #672146; width: 100%; }

.content-element-post-details .share-post-canvas .label.read-time { margin-top: 1.5rem; color: #00C389; }

.content-element-post-details .share-post-canvas .label.read-time .time { font-weight: 800; }

@media only screen and (max-width: 990px) { .content-element-post-details .share-post-canvas .label { text-align: left; width: 100%; } }

.content-element-post-details .share-post-canvas.no-anchor-points .label { text-align: left; }

.content-element-post-details.no-anchor-points { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

@media only screen and (max-width: 990px) { .content-element-post-details { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 4rem; } }

/*--------------------------------------------------------------
- Init content-block : call-to-action
--------------------------------------------------------------*/
.content-element-call-to-action { max-width: 50.9rem; width: 100%; }

.content-element-call-to-action .call-to-action-canvas { display: -webkit-box; display: -ms-flexbox; display: flex; }

.content-element-call-to-action .call-to-action-canvas .content-canvas, .content-element-call-to-action .call-to-action-canvas .image-canvas { width: 50%; min-height: 28rem; padding: 2.5rem; }

.content-element-call-to-action .call-to-action-canvas .content-canvas .custom-button, .content-element-call-to-action .call-to-action-canvas .image-canvas .custom-button { min-width: unset; padding: 0.5rem 1rem; border: none; }

.content-element-call-to-action .call-to-action-canvas .content-canvas .custom-button::after, .content-element-call-to-action .call-to-action-canvas .image-canvas .custom-button::after { display: none; }

@media only screen and (max-width: 768px) { .content-element-call-to-action .call-to-action-canvas .content-canvas, .content-element-call-to-action .call-to-action-canvas .image-canvas { min-height: 15.6rem; width: 100%; } }

@media only screen and (max-width: 550px) { .content-element-call-to-action .call-to-action-canvas .content-canvas, .content-element-call-to-action .call-to-action-canvas .image-canvas { padding: 1.5rem; } }

.content-element-call-to-action .call-to-action-canvas .content-canvas { background-color: #F7F7F7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.content-element-call-to-action .call-to-action-canvas .content-canvas .title { font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 1.5rem; }

@media only screen and (max-width: 768px) { .content-element-call-to-action .call-to-action-canvas .content-canvas .title { margin-bottom: 1.9rem; } }

@media only screen and (max-width: 550px) { .content-element-call-to-action .call-to-action-canvas .content-canvas .title { margin-bottom: 1rem; } }

.content-element-call-to-action .call-to-action-canvas .content-canvas .content p:last-of-type { margin-bottom: 0 !important; }

.content-element-call-to-action .call-to-action-canvas .content-canvas .custom-button { margin-top: 1.5rem; display: none; border: none; }

@media only screen and (max-width: 768px) { .content-element-call-to-action .call-to-action-canvas .content-canvas .custom-button { display: -webkit-box; display: -ms-flexbox; display: flex; } }

@media only screen and (max-width: 768px) { .content-element-call-to-action .call-to-action-canvas .content-canvas { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

.content-element-call-to-action .call-to-action-canvas .image-canvas { background-position: center center; background-color: #2A2A2A; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

@media only screen and (max-width: 768px) { .content-element-call-to-action .call-to-action-canvas .image-canvas { min-height: 21.8rem; }
  .content-element-call-to-action .call-to-action-canvas .image-canvas .custom-button { display: none; } }

@media only screen and (max-width: 550px) { .content-element-call-to-action .call-to-action-canvas .image-canvas { min-height: 18.75rem; } }

@media only screen and (max-width: 768px) { .content-element-call-to-action .call-to-action-canvas { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

@media only screen and (max-width: 768px) { .content-element-call-to-action { width: calc(100% + 3.75rem); max-width: unset; } }

/* -------------------------------------------------------
- Import GND
------------------------------------------------------- */
/*--------------------------------------------------------------
- Init header : Globals
--------------------------------------------------------------*/
header { background-color: transparent; position: fixed; z-index: 9999; right: 0; left: 0; top: 0; background: black; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(47%, rgba(0, 0, 0, 0.574667)), to(rgba(0, 0, 0, 0.896796))); background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.574667) 47%, rgba(0, 0, 0, 0.896796) 100%); }

header .content-row-info-bar { background-color: #00C389; width: 100%; }

header .content-row-info-bar .info-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 45px; }

header .content-row-info-bar .info-content .info { text-align: center; color: #FFFFFF; font-size: 0.9rem; line-height: 1rem; margin: 0; }

header .content-row-info-bar .info-content .info-link { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

header .header-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 12.5rem; position: relative; z-index: 99999; }

@media only screen and (max-width: 1200px) { header .header-content { height: 7rem; } }

header .header-content #mobile-menu-button { display: none; margin-top: 0.2rem; padding-left: 0; }

@media only screen and (max-width: 1200px) { header .header-content #mobile-menu-button { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; } }

header .header-content #mobile-menu-button .hamburger-inner, header .header-content #mobile-menu-button .hamburger-inner::before, header .header-content #mobile-menu-button .hamburger-inner::after { width: 1.2rem; background: #ffffff; }

header .header-content #mobile-menu-button .hamburger-box { width: 1.2rem; }

header .header-content #mobile-menu-button .label { margin-top: 0.5rem; font-size: 0.8rem; }

header .header-content .logo-wrapper { width: 15rem; height: 3.5rem; }

@media only screen and (max-width: 1200px) { header .header-content .logo-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; right: 0; margin: auto; } }

header .header-content .logo-wrapper #logo-gnd { height: 3.5rem; width: 15rem; background: url(/wp-content/themes/gevangenenzorg/assets/img/logos/logo-gnd.svg); background-size: contain; background-repeat: no-repeat; background-position: center; display: block; position: absolute; -webkit-transition: 1s; transition: 1s; }

header .header-content .logo-wrapper #logo-gnd.smaller { width: 12rem; background-image: url(/wp-content/themes/gevangenenzorg/assets/img/logos/logo-small-gnd.svg); opacity: 0; }

@media only screen and (max-width: 768px) { header .header-content .logo-wrapper #logo-gnd.smaller { width: 9rem; } }

@media only screen and (max-width: 990px) { header .header-content .logo-wrapper #logo-gnd { width: 12rem; } }

@media only screen and (max-width: 768px) { header .header-content .logo-wrapper #logo-gnd { width: 9rem; } }

header .header-content .header-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; }

header .header-content .header-buttons .help-button { font-size: 0.9rem; color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media only screen and (max-width: 990px) { header .header-content .header-buttons .help-button { display: none; } }

header .header-content .header-buttons .custom-button.donate { margin-left: 2.5rem; padding: 0.5rem 1rem; min-width: 9.3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

header .header-content .header-buttons .custom-button.donate::after { display: none; }

header .header-content .header-buttons .custom-button.donate span { margin-left: 0.6rem; }

@media only screen and (max-width: 990px) { header .header-content .header-buttons .custom-button.donate span { margin-left: 0rem; } }

@media only screen and (max-width: 990px) { header .header-content .header-buttons .custom-button.donate svg { display: none; } }

@media only screen and (max-width: 990px) { header .header-content .header-buttons .custom-button.donate { min-width: 0; } }

@media only screen and (max-width: 768px) { header .header-content .header-buttons .custom-button.donate { line-height: 1.4rem; font-weight: 700; font-size: 0.8rem; padding: 0.3rem 0.7rem; } }

@media only screen and (max-width: 1200px) { header .site-menu { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #202020; z-index: -1; display: none; -webkit-transition: none; transition: none; } }

header .site-menu .buttons_menu { display: none; }

@media only screen and (max-width: 1200px) { header .site-menu .buttons_menu { display: block; position: absolute; bottom: 1rem; left: 0; right: 0; margin: auto; text-align: center; } }

header .site-menu .menu-hoofdmenu-container { height: 100%; }

@media only screen and (max-width: 1200px) { header .site-menu .menu-hoofdmenu-container { position: relative; top: -2rem; } }

header .site-menu #primary-menu.menu { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; }

@media only screen and (max-width: 1200px) { header .site-menu #primary-menu.menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } }

header .site-menu #primary-menu.menu li.desktop { display: none; }

@media only screen and (max-width: 1200px) { header .site-menu #primary-menu.menu li { margin: 0.8rem; font-size: 1.5rem; font-weight: 600; }
  header .site-menu #primary-menu.menu li.desktop { display: block; }
  header .site-menu #primary-menu.menu li.mobile { display: none; } }

header .site-menu #primary-menu.menu a { color: #ffffff; margin: 0 1rem; }

header .site-menu #primary-menu.menu .fas { font-size: 1.4rem; }

header .site-menu #primary-menu.menu.hidden { opacity: 0.1; pointer-events: none; }

header .close-menu, header .step-back { position: fixed; z-index: 999999999; left: 0; right: 0; top: 5rem; height: 2.5rem; width: 2.5rem; border-radius: 50%; border: 0.125rem solid #fff; margin: auto; display: none; -webkit-transition: none; transition: none; background: #202020; cursor: pointer; }

header .close-menu .click-canvas, header .step-back .click-canvas { position: absolute; top: -200%; left: -200%; right: -200%; bottom: -200%; }

@media only screen and (max-width: 550px) { header .close-menu .click-canvas, header .step-back .click-canvas { top: -100%; left: -100%; right: -100%; bottom: -100%; } }

header .close-menu.lower, header .step-back.lower { z-index: -1; opacity: 0; }

header .close-menu .mobile, header .step-back .mobile { display: none; }

@media only screen and (max-width: 1200px) { header .close-menu, header .step-back { top: 6.5rem; }
  header .close-menu .mobile, header .step-back .mobile { display: block; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; }
  header .close-menu .desktop, header .step-back .desktop { display: none; } }

header .close-menu .line-close-1, header .close-menu .line-close-2, header .step-back .line-close-1, header .step-back .line-close-2 { width: 1.5rem; height: 0.125rem; background: #fff; border-radius: 5rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

header .close-menu.active .line-close-1, header .step-back.active .line-close-1 { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

header .close-menu.active .line-close-2, header .step-back.active .line-close-2 { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

header .close-menu:hover .line-close-1, header .close-menu:hover .line-close-2, header .step-back:hover .line-close-1, header .step-back:hover .line-close-2 { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

header .step-back { display: block; }

header .overlay-menu { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; -webkit-transition: none; transition: none; min-height: 100vh; display: none; }

@media only screen and (max-width: 1200px) { header .overlay-menu { top: 7rem; z-index: 99999; min-height: auto; } }

header .overlay-menu .overlay-menu-wrapper { width: 100%; height: 100%; background: #202020; overflow-y: scroll; }

@media only screen and (max-width: 768px) { header .overlay-menu .overlay-menu-wrapper.extra-step { -webkit-transition: none; transition: none; }
  header .overlay-menu .overlay-menu-wrapper.extra-step .content_column { display: none; }
  header .overlay-menu .overlay-menu-wrapper.no-difference .columns-menu { gap: 0; }
  header .overlay-menu .overlay-menu-wrapper.no-difference .columns-menu .menu-column .content_column { margin: 0; }
  header .overlay-menu .overlay-menu-wrapper.no-difference .columns-menu .menu-column:first-child .content_column { margin-top: 2rem; } }

header .overlay-menu .overlay-menu-inner { padding: 0 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ffffff; padding: 15rem 1rem 5rem; margin: auto; -webkit-transition: none; transition: none; }

@media only screen and (max-width: 1200px) { header .overlay-menu .overlay-menu-inner { padding: 5rem 1rem 5rem; } }

header .overlay-menu .overlay-menu-inner a { color: #ffffff; }

header .overlay-menu .overlay-menu-inner a:hover { color: #00C389; }

header .overlay-menu .overlay-menu-inner .menu-column { margin: 0 3rem; -webkit-transition: none; transition: none; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; max-width: 18rem; }

header .overlay-menu .overlay-menu-inner .menu-column.no-focus { opacity: 0.5; }

@media only screen and (max-width: 1200px) { header .overlay-menu .overlay-menu-inner .menu-column { margin: 0; } }

header .overlay-menu .overlay-menu-inner .menu-column:first-child { margin-left: 0; }

header .overlay-menu .overlay-menu-inner .menu-column:last-child { margin-right: 0; }

header .overlay-menu .overlay-menu-inner .columns-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition: none; transition: none; }

@media only screen and (max-width: 1200px) { header .overlay-menu .overlay-menu-inner .columns-menu { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); gap: 5rem; } }

@media only screen and (max-width: 768px) { header .overlay-menu .overlay-menu-inner .columns-menu { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); gap: 3rem; } }

header .overlay-menu .overlay-menu-inner .columns-menu .subtitle_column { font-size: 1.1rem; min-height: 1.5rem; }

@media only screen and (max-width: 990px) { header .overlay-menu .overlay-menu-inner .columns-menu .subtitle_column { min-height: auto; } }

header .overlay-menu .overlay-menu-inner .columns-menu .title_column { font-size: 1.4rem; font-weight: 700; min-height: 2.5rem; }

@media only screen and (max-width: 990px) { header .overlay-menu .overlay-menu-inner .columns-menu .title_column { min-height: auto; } }

header .overlay-menu .overlay-menu-inner .columns-menu .content_column { margin-top: 2rem; }

header .overlay-menu .overlay-menu-inner .columns-menu ul { list-style: none; margin: 0; padding: 0; }

header .overlay-menu .overlay-menu-inner .columns-menu li a { position: relative; margin-bottom: 0.5rem; display: block; padding-left: 1.5rem; }

header .overlay-menu .overlay-menu-inner .columns-menu li a::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; position: absolute; left: 0rem; top: 0rem; }

header .overlay-menu .overlay-menu-inner .search-inner { min-width: 50rem; max-width: 70rem; }

@media only screen and (max-width: 1200px) { header .overlay-menu .overlay-menu-inner .search-inner { width: 100%; min-width: auto; max-width: 40rem; padding: 0 1rem; } }

header .overlay-menu .overlay-menu-inner #search-form { position: relative; /* clears the ‘X’ from Internet Explorer */ /* clears the ‘X’ from Chrome */ }

header .overlay-menu .overlay-menu-inner #search-form button { -webkit-appearance: none; background: none; border: none; }

header .overlay-menu .overlay-menu-inner #search-form svg { position: absolute; top: 1.8rem; right: 0; height: 2rem; width: 2rem; }

@media only screen and (max-width: 1200px) { header .overlay-menu .overlay-menu-inner #search-form svg { top: 1rem; width: 1.5rem; height: 1.5rem; } }

header .overlay-menu .overlay-menu-inner #search-form input { -webkit-appearance: none; background: none; width: 100%; border: none; border-bottom: 0.06rem solid #fff; border-radius: 0; font-size: 3rem; color: #fff; font-weight: 900; padding: 1rem 0; }

@media only screen and (max-width: 1200px) { header .overlay-menu .overlay-menu-inner #search-form input { font-size: 1.5rem; } }

@media only screen and (max-width: 768px) { header .overlay-menu .overlay-menu-inner #search-form input { font-size: 1rem; } }

header .overlay-menu .overlay-menu-inner #search-form input::-webkit-input-placeholder { color: #fff; font-weight: 900; }

header .overlay-menu .overlay-menu-inner #search-form input:-ms-input-placeholder { color: #fff; font-weight: 900; }

header .overlay-menu .overlay-menu-inner #search-form input::-ms-input-placeholder { color: #fff; font-weight: 900; }

header .overlay-menu .overlay-menu-inner #search-form input::placeholder { color: #fff; font-weight: 900; }

header .overlay-menu .overlay-menu-inner #search-form input[type=search]::-ms-clear { display: none; width: 0; height: 0; }

header .overlay-menu .overlay-menu-inner #search-form input[type=search]::-ms-reveal { display: none; width: 0; height: 0; }

header .overlay-menu .overlay-menu-inner #search-form input[type="search"]::-webkit-search-decoration, header .overlay-menu .overlay-menu-inner #search-form input[type="search"]::-webkit-search-cancel-button, header .overlay-menu .overlay-menu-inner #search-form input[type="search"]::-webkit-search-results-button, header .overlay-menu .overlay-menu-inner #search-form input[type="search"]::-webkit-search-results-decoration { display: none; }

@media only screen and (max-width: 990px) { header .overlay-menu .overlay-menu-inner .help-button { display: none; } }

header .overlay-menu .overlay-menu-inner .relevant-search { margin-top: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1rem; }

header .overlay-menu .overlay-menu-inner .relevant-search .relevant-search-text { width: 100%; text-align: center; }

header .overlay-menu .overlay-menu-inner .relevant-search .button { min-width: auto; background: #ffffff20; border: none; padding: 0.5rem 2rem; }

header .buttons_menu { margin-top: 4rem; padding: 0 1rem; }

@media only screen and (max-width: 1200px) { header .buttons_menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

header .buttons_menu .with-overlay { display: none; width: 100%; text-align: center; font-size: 1.5rem; margin-bottom: 0.5rem; color: #ffffff; }

@media only screen and (max-width: 1200px) { header .buttons_menu .with-overlay { display: block; } }

header .buttons_menu .button { display: inline-block; min-width: 15rem; border: 0.125rem solid #672146; padding: 0.5rem 1rem; border-radius: 3.1rem; text-align: center; color: #ffffff; font-weight: 600; }

header .buttons_menu .button:hover { background: #672146; color: #ffffff !important; }

@media only screen and (max-width: 1200px) { header .buttons_menu .button { font-size: 0.8rem; min-width: auto; margin: 0.25rem; } }

header .progress-container { opacity: 0; width: 100%; height: 0.3rem; background: transparent; position: relative; margin-bottom: -0.3rem; }

header .progress-container .progress-bar { height: 0.3rem; background: #00C389; width: 0%; -webkit-transition: none; transition: none; }

header.scrolled { background-color: #000000d9; }

header.scrolled .header-content { height: 4.4rem; }

header.scrolled .header-content #logo-gnd { opacity: 0; }

header.scrolled .header-content #logo-gnd.smaller { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

header.scrolled .progress-container { opacity: 1; }

header.scrolled .content-row-info-bar { display: none; }

.attention .header #logo-gnd { background-image: url(/wp-content/themes/gevangenenzorg/assets/img/logos/logo-aandacht.svg) !important; }

.attention .header #logo-gnd.smaller { background-image: url(/wp-content/themes/gevangenenzorg/assets/img/logos/logo-aandacht-small.svg) !important; }

.modal-open .content-row-info-bar { display: none; }

/*--------------------------------------------------------------
- Init footer : Globals
--------------------------------------------------------------*/
footer { background-color: #202020; padding: 7.2rem 0 1.6rem; }

footer .content-row-footer { position: relative; }

footer .content-row-footer .footer-col { max-width: 25rem; width: 100%; color: #FFFFFF; }

footer .content-row-footer .footer-col .title { margin-bottom: 1.9rem; }

footer .content-row-footer .footer-col .content p { font-size: 1rem; line-height: 1.8rem; }

footer .content-row-footer .footer-col .content p a { color: #FFFFFF; }

footer .content-row-footer .footer-col .content p a::before { content: "\f054"; font-weight: 900; margin-right: 0.8rem; font-family: "Font Awesome 5 Free"; }

footer .content-row-footer .footer-col .content p a:focus, footer .content-row-footer .footer-col .content p a:hover { color: #00C389; }

footer .content-row-footer .footer-col .content p a:visited { color: #FFFFFF; }

@media only screen and (max-width: 1200px) { footer .content-row-footer .footer-col { margin-bottom: 4.7rem; } }

footer .content-row-footer .copyright-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 5.3rem; font-size: 1rem; line-height: 1.5rem; color: #FFFFFF; }

footer .content-row-footer .copyright-row a { color: #FFFFFF; border-bottom: 0.1rem solid #FFFFFF; }

footer .content-row-footer .copyright-row .copyright { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

footer .content-row-footer .copyright-row .copyright .title { margin-right: 1.25rem; }

@media only screen and (max-width: 990px) { footer .content-row-footer .copyright-row .copyright .title { text-align: center; width: 100%; margin: 0; } }

@media only screen and (max-width: 990px) { footer .content-row-footer .copyright-row .copyright { width: 100%; } }

footer .content-row-footer .copyright-row ul.menu { margin: 0; padding: 0; }

footer .content-row-footer .copyright-row ul.menu li.menu-item { list-style-type: none; }

@media only screen and (max-width: 990px) { footer .content-row-footer .copyright-row ul.menu { display: none; } }

@media only screen and (max-width: 1450px) { footer .content-row-footer .copyright-row { margin-top: 3rem; } }

@media only screen and (max-width: 1200px) { footer .content-row-footer .copyright-row { margin-top: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

footer .content-row-footer .menu-social-menu-container { position: absolute; top: 0; right: 0; padding: 0 0.9rem; }

footer .content-row-footer .menu-social-menu-container ul.menu { margin: 0; padding: 0; }

footer .content-row-footer .menu-social-menu-container ul.menu li.menu-item { list-style-type: none; margin-bottom: 1.6rem; }

@media only screen and (max-width: 1200px) { footer .content-row-footer .menu-social-menu-container ul.menu li.menu-item { margin: 0 0.5rem; } }

@media only screen and (max-width: 1200px) { footer .content-row-footer .menu-social-menu-container ul.menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media only screen and (max-width: 1200px) { footer .content-row-footer .menu-social-menu-container { top: unset; bottom: 5rem; position: relative; left: 0; } }

@media only screen and (max-width: 1450px) { footer { padding: 6.25rem 0 1.6rem; } }

@media only screen and (max-width: 990px) { footer { padding: 3.1rem 0; } }

/*--------------------------------------------------------------
- Init archive : Globals
--------------------------------------------------------------*/
body.archive section#wp-content .content-row-posts-in-canvas .container-fluid .row .col, body.page-template-post-overview section#wp-content .content-row-posts-in-canvas .container-fluid .row .col { padding: 0; /*----------------------------------------------- - Set : The title -----------------------------------------------*/ }

body.archive section#wp-content .content-row-posts-in-canvas .container-fluid .row .col .title-content, body.page-template-post-overview section#wp-content .content-row-posts-in-canvas .container-fluid .row .col .title-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 0; }

body.archive section#wp-content .content-row-posts-in-canvas .container-fluid .row .col .title-content .title, body.page-template-post-overview section#wp-content .content-row-posts-in-canvas .container-fluid .row .col .title-content .title { display: none; }

body.archive section#wp-content .content-row-posts-in-canvas .container-fluid .row .col .title-content #posts-in-slider-counter, body.page-template-post-overview section#wp-content .content-row-posts-in-canvas .container-fluid .row .col .title-content #posts-in-slider-counter { min-width: 2.8rem; font-size: 1.1rem; line-height: 2.8rem; color: #FFFFFF; display: none; }

@media only screen and (max-width: 990px) { body.archive section#wp-content .content-row-posts-in-canvas .container-fluid .row .col .title-content #posts-in-slider-counter, body.page-template-post-overview section#wp-content .content-row-posts-in-canvas .container-fluid .row .col .title-content #posts-in-slider-counter { display: block; } }

@media only screen and (max-width: 990px) { body.archive section#wp-content .content-row-posts-in-canvas .container-fluid .row .col .title-content, body.page-template-post-overview section#wp-content .content-row-posts-in-canvas .container-fluid .row .col .title-content { margin-bottom: 1.5rem; } }

body.archive section#wp-content .content-row .col-12, body.page-template-post-overview section#wp-content .content-row .col-12 { padding: 0 15px; }

body.search-results #wp-content .archive-items { padding-top: 0; }

.no-search-results { min-height: 8rem; background: #fff; padding: 6.25rem 1.9rem; }

@media only screen and (max-width: 1200px) { .no-search-results { padding: 0 1.4rem; min-height: 0; } }

.no-search-results p { max-width: 50.9rem; margin: auto; }

@media only screen and (max-width: 1200px) { .no-search-results p { max-width: 100%; } }

.no-search-results .no-search-results-tips { margin-top: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; }

.no-search-results .no-search-results-tips .custom-button { border: none; }

/*--------------------------------------------------------------
- Init content-row : WP-content
--------------------------------------------------------------*/
#wp-content { margin-bottom: 11.25rem; position: relative; z-index: 1; /* ----------------------------------------- - Init : content-row ----------------------------------------- */ }

#wp-content .content-row .col-12 .title-content { position: relative; color: #FFFFFF; }

#wp-content .content-row .col-12 .title-content .title-block .subtitle { margin-bottom: 0.6rem; font-weight: 400; }

#wp-content .content-row .col-12 .title-content .title-block .title { margin-bottom: 2.5rem; font-weight: 700; }

@media only screen and (max-width: 1200px) { #wp-content .content-row .col-12 .title-content { position: absolute; height: 20.9rem; top: -20.9rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; overflow: hidden; } }

@media only screen and (max-width: 990px) { #wp-content .content-row .col-12 .title-content { padding: 0 1.4rem; } }

#wp-content .content-row .col-12 .post-content { background-color: #FFFFFF; padding: 6.25rem 1.9rem; position: relative; top: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 500px; }

#wp-content .content-row .col-12 .post-content h1, #wp-content .content-row .col-12 .post-content h2, #wp-content .content-row .col-12 .post-content h3, #wp-content .content-row .col-12 .post-content h4, #wp-content .content-row .col-12 .post-content h5, #wp-content .content-row .col-12 .post-content h6, #wp-content .content-row .col-12 .post-content p, #wp-content .content-row .col-12 .post-content .wp-block-contact-form-7-contact-form-selector, #wp-content .content-row .col-12 .post-content .wp-block-embed, #wp-content .content-row .col-12 .post-content blockquote, #wp-content .content-row .col-12 .post-content .wpcf7, #wp-content .content-row .col-12 .post-content form, #wp-content .content-row .col-12 .post-content a.link-to-archive, #wp-content .content-row .col-12 .post-content ul, #wp-content .content-row .col-12 .post-content li { max-width: 50.9rem; width: 100%; }

#wp-content .content-row .col-12 .post-content a.link-to-archive { margin-bottom: 1.8rem; }

#wp-content .content-row .col-12 .post-content .content-element-button .custom-button { border: none; }

#wp-content .content-row .col-12 .post-content p, #wp-content .content-row .col-12 .post-content .wpcf7, #wp-content .content-row .col-12 .post-content blockquote, #wp-content .content-row .col-12 .post-content .wp-block-embed, #wp-content .content-row .col-12 .post-content .content-element-faqs, #wp-content .content-row .col-12 .post-content .content-element-quote, #wp-content .content-row .col-12 .post-content .content-element-slider, #wp-content .content-row .col-12 .post-content .content-element-button, #wp-content .content-row .col-12 .post-content .content-element-page-list, #wp-content .content-row .col-12 .post-content .content-element-downloads, #wp-content .content-row .col-12 .post-content .content-element-call-to-action, #wp-content .content-row .col-12 .post-content ul { margin-bottom: 3.1rem; }

#wp-content .content-row .col-12 .post-content .wp-block-embed iframe { width: 100%; min-height: 450px; }

#wp-content .content-row .col-12 .post-content ul { margin: 0; margin-bottom: 3.1rem; padding: 0; }

#wp-content .content-row .col-12 .post-content ul li { list-style-type: none; position: relative; padding-left: 20px; }

#wp-content .content-row .col-12 .post-content ul li::before { content: "\f0da"; font-weight: 900; margin-right: 0.8rem; color: #672146; font-family: "Font Awesome 5 Free"; position: absolute; left: 0; }

#wp-content .content-row .col-12 .post-content ul li:last-of-type { margin-bottom: 0; }

#wp-content .content-row .col-12 .post-content .info-block-post { max-width: 17.1rem; width: 100%; position: absolute; left: calc(-17.1rem - 0.8rem); top: 0; border-radius: 0.18rem; min-height: 6.5rem; padding: 1.5rem; }

#wp-content .content-row .col-12 .post-content .info-block-post * { color: #FFFFFF; }

#wp-content .content-row .col-12 .post-content .info-block-post p:last-of-type { margin-bottom: 0; }

#wp-content .content-row .col-12 .post-content .info-block-post::after { content: "\f0da"; font-weight: 900; font-family: "Font Awesome 5 Free"; position: absolute; top: 0; right: -0.75rem; font-size: 2.3rem; -webkit-transform: rotate(0); transform: rotate(0); }

@media only screen and (max-width: 1450px) { #wp-content .content-row .col-12 .post-content .info-block-post::after { top: -1.4rem; left: 0.6rem; -webkit-transform: rotate(270deg); transform: rotate(270deg); } }

#wp-content .content-row .col-12 .post-content .info-block-post.bg-color-purple { background-color: #672146; }

#wp-content .content-row .col-12 .post-content .info-block-post.bg-color-purple::after { color: #672146; }

#wp-content .content-row .col-12 .post-content .info-block-post.bg-color-green { background-color: #00C389; }

#wp-content .content-row .col-12 .post-content .info-block-post.bg-color-green::after { color: #00C389; }

@media only screen and (max-width: 106.25rem) { #wp-content .content-row .col-12 .post-content .info-block-post { display: none; } }

@media only screen and (max-width: 990px) { #wp-content .content-row .col-12 .post-content { padding: 4rem 1.9rem; } }

@media only screen and (max-width: 550px) { #wp-content .content-row .col-12 .post-content { padding: 4rem 1.4rem; } }

@media only screen and (max-width: 990px) { #wp-content .content-row .col-12 { padding: 0; } }

#wp-content.ACF-active { margin-bottom: 0; }

#wp-content.height-lg { margin-top: -37.5rem; }

@media only screen and (max-width: 1450px) { #wp-content.height-lg { margin-top: -18.75rem; } }

#wp-content.height-md { margin-top: -18.75rem; }

@media only screen and (max-width: 1200px) { #wp-content.height-lg, #wp-content.height-md { margin-top: 0; } }

/* -------------------------------------------------------
- Import Shared
------------------------------------------------------- */
/*--------------------------------------------------------------
- Init Forms
--------------------------------------------------------------*/
/* -----------------------------------------------
- Init : Forms global
----------------------------------------------- */
form input, form input[type="text"], form input[type="email"], form input[type="url"], form input[type="password"], form input[type="search"], form input[type="number"], form input[type="tel"], form input[type="range"], form input[type="date"], form input[type="month"], form input[type="week"], form input[type="time"], form input[type="datetime"], form input[type="datetime-local"], form input[type="color"], form input[type="submit"], form button._submit, form textarea, form select, .donation_page_wrapper input, .donation_page_wrapper input[type="text"], .donation_page_wrapper input[type="email"], .donation_page_wrapper input[type="url"], .donation_page_wrapper input[type="password"], .donation_page_wrapper input[type="search"], .donation_page_wrapper input[type="number"], .donation_page_wrapper input[type="tel"], .donation_page_wrapper input[type="range"], .donation_page_wrapper input[type="date"], .donation_page_wrapper input[type="month"], .donation_page_wrapper input[type="week"], .donation_page_wrapper input[type="time"], .donation_page_wrapper input[type="datetime"], .donation_page_wrapper input[type="datetime-local"], .donation_page_wrapper input[type="color"], .donation_page_wrapper input[type="submit"], .donation_page_wrapper button._submit, .donation_page_wrapper textarea, .donation_page_wrapper select { background-color: #FFFFFF; border: solid 0.125rem #efefef; color: #000000; margin-bottom: 0; border-radius: 0.5rem; min-height: 50px; width: 100%; padding: 0 1.1rem; font-size: 1.1rem; font-weight: 400; line-height: 1.1rem; font-family: "Montserrat", sans-serif; }

form p, .donation_page_wrapper p { margin-bottom: 1rem !important; opacity: 1 !important; }

form input[type="checkbox"], form input[type="radio"], .donation_page_wrapper input[type="checkbox"], .donation_page_wrapper input[type="radio"] { width: auto; min-height: unset; margin-right: 15px; }

form textarea, .donation_page_wrapper textarea { min-height: 15.6rem; padding: 1.25rem 1.3rem; }

form select, .donation_page_wrapper select { -moz-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url("../img/icons/arrow-down.svg"); background-repeat: no-repeat, repeat; background-position: right 1em top 50%, 0 0; background-size: 0.65em auto, 100%; }

form input[type="submit"], form button._submit, .donation_page_wrapper input[type="submit"], .donation_page_wrapper button._submit { border-color: #00C389; background-color: #00C389; border-radius: 1.8rem; color: #FFFFFF; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 260px; font-weight: 700; float: right; }

form input[type="submit"]:hover, form input[type="submit"]:focus, form button._submit:hover, form button._submit:focus, .donation_page_wrapper input[type="submit"]:hover, .donation_page_wrapper input[type="submit"]:focus, .donation_page_wrapper button._submit:hover, .donation_page_wrapper button._submit:focus { border-color: #03855f; background-color: #03855f; }

/* -----------------------------------------------
- Init : Newsletter form
----------------------------------------------- */
._form ._form-branding { display: none; }

._form ._form-content ._field3, ._form ._form-content ._field4, ._form ._form-content ._x32815911, ._form ._form-content ._x03446174, ._form ._form-content ._x17596815, ._form ._form-content ._x74537331, ._form ._form-content ._x40305130 { display: none; }

._form ._form-content ._form_element { position: relative; }

._form ._form-content ._form_element label { font-size: 1rem; font-weight: 400; line-height: 1.1rem; color: #00C389; position: absolute; top: 1rem; left: 0; z-index: 1; padding: 0 1.225rem; margin-bottom: 0; pointer-events: none; }

._form ._form-content ._form_element input { border-color: #efefef; margin-bottom: 1rem; }

._form ._form-content ._form_element input._has_error { background-color: #FFEFEF; border-color: #FFEFEF !important; }

._form ._form-content ._form_element ._error { display: none; }

._form ._form-content ._form_element.focus label, ._form ._form-content ._form_element.not-empty label { font-size: 9px !important; line-height: 11px !important; top: 5px; }

._form ._form-content ._form_element.focus input, ._form ._form-content ._form_element.not-empty input { border-color: #00C389; }

._form ::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: transparent; opacity: 1; /* Firefox */ }

._form :-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: transparent; opacity: 1; /* Firefox */ }

._form ::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: transparent; opacity: 1; /* Firefox */ }

._form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: transparent; opacity: 1; /* Firefox */ }

._form :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: transparent; }

._form ::-ms-input-placeholder { /* Microsoft Edge */ color: transparent; }

/* -----------------------------------------------
- Init : Contact form 7 form
----------------------------------------------- */
.wpcf7 form .form-row { margin: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.wpcf7 form .form-row .form-group { margin-right: 15px; }

.wpcf7 form .form-row .form-group:last-of-type { margin-right: 0; }

@media only screen and (max-width: 550px) { .wpcf7 form .form-row .form-group { margin-right: 0; } }

@media only screen and (max-width: 550px) { .wpcf7 form .form-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.wpcf7 form .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; margin-bottom: 1rem; }

.wpcf7 form .form-group label { font-size: 1rem; font-weight: 400; line-height: 1.1rem; margin-bottom: 0.9rem; }

.wpcf7 form .form-group .wpcf7-form-control-wrap { width: 100%; }

.wpcf7 form .form-group .wpcf7-form-control-wrap input.wpcf7-not-valid { border-color: #FFEFEF; background-color: #FFEFEF; }

.wpcf7 form .form-group .wpcf7-form-control-wrap .wpcf7-not-valid-tip { display: none; }

.wpcf7 form .form-group.custom-submit-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.wpcf7 form .wpcf7-response-output { border-radius: 0.5rem; padding: 1.25rem 1.3rem; }

.wpcf7 form.invalid .wpcf7-response-output { border-color: #ff6347; }

/* -----------------------------------------------
- Init : When label needs to animate
----------------------------------------------- */
.custom-input-wrapper { position: relative; }

.custom-input-wrapper label { font-size: 1rem; font-weight: 400; line-height: 1.1rem; color: #00C389; position: absolute; top: 1rem; left: 0; z-index: 1; padding: 0 1.225rem; margin-bottom: 0; pointer-events: none; }

.custom-input-wrapper select { color: #00C389; }

.custom-input-wrapper input[type="date"] { color: #00C389; }

.custom-input-wrapper.focus, .custom-input-wrapper.not-empty { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.custom-input-wrapper.focus input[type="date"], .custom-input-wrapper.not-empty input[type="date"] { color: #000000; }

.custom-input-wrapper.focus label, .custom-input-wrapper.not-empty label { font-size: 9px !important; line-height: 11px !important; top: 5px; }

.custom-input-wrapper.focus .wpcf7-form-control-wrap input, .custom-input-wrapper.focus .wpcf7-form-control-wrap textarea, .custom-input-wrapper.not-empty .wpcf7-form-control-wrap input, .custom-input-wrapper.not-empty .wpcf7-form-control-wrap textarea { border-color: #00C389; }

/* -----------------------------------------------
- Init : Donate form
----------------------------------------------- */
.donation_page_wrapper { max-width: 50.9rem; width: 100%; }

.donation_page_wrapper h4 { margin-bottom: 1rem; }

.donation_page_wrapper button { -webkit-appearance: none; height: 50px; border-radius: 5rem; border: 0.125rem solid transparent; background: #F6F6F6; margin: 0 0.5rem; font-size: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.donation_page_wrapper button.active { border-color: #00C389; color: #00C389; font-weight: 600; background: transparent; }

.donation_page_wrapper button:first-of-type { margin-left: 0; }

.donation_page_wrapper button:last-child { margin-right: 0; }

.donation_page_wrapper .donation_page_wrapper_choices, .donation_page_wrapper .donation_page_wrapper_amounts, .donation_page_wrapper .donation_page_wrapper_gender, .donation_page_wrapper .donation_page_wrapper_inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.donation_page_wrapper .donation_page_wrapper_choices .how_much_to_donate, .donation_page_wrapper .donation_page_wrapper_amounts .how_much_to_donate, .donation_page_wrapper .donation_page_wrapper_gender .how_much_to_donate, .donation_page_wrapper .donation_page_wrapper_inputs .how_much_to_donate { width: auto; -webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3; margin-left: 0.5rem; }

@media only screen and (max-width: 768px) { .donation_page_wrapper .donation_page_wrapper_choices .how_much_to_donate, .donation_page_wrapper .donation_page_wrapper_amounts .how_much_to_donate, .donation_page_wrapper .donation_page_wrapper_gender .how_much_to_donate, .donation_page_wrapper .donation_page_wrapper_inputs .how_much_to_donate { margin-bottom: 1rem; } }

.donation_page_wrapper .donation_page_wrapper_choices button, .donation_page_wrapper .donation_page_wrapper_amounts button, .donation_page_wrapper .donation_page_wrapper_gender button, .donation_page_wrapper .donation_page_wrapper_inputs button { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.donation_page_wrapper .donation_page_wrapper_amounts { margin-top: 3rem; }

.donation_page_wrapper .donation_page_wrapper_amounts_packs_texts { font-style: italic; margin-top: 1.5rem; margin-bottom: 2rem; font-size: 1rem; }

.donation_page_wrapper .donation_page_wrapper_continue_button { margin-top: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; }

.donation_page_wrapper .donation_page_wrapper_continue_button button { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; }

.donation_page_wrapper .donation_page_wrapper_continue_button .back-button { margin-right: auto; width: 50px; }

.donation_page_wrapper .donation_page_wrapper_continue_button .back-button .fas { margin-top: -0.4rem; }

.donation_page_wrapper .donation_page_wrapper_continue_button .custom-button { background: #00C389; color: #fff; }

.donation_page_wrapper .donation_page_wrapper_gender { margin-bottom: 1rem; }

.donation_page_wrapper .donation_page_wrapper_gender h4 { font-weight: 400; margin-bottom: 2rem; }

.donation_page_wrapper .donation_page_wrapper_gender button { max-width: 10rem; }

.donation_page_wrapper .donation_page_wrapper_inputs #name-row .custom-input-wrapper:first-child, .donation_page_wrapper .donation_page_wrapper_inputs #address-row .custom-input-wrapper:first-child, .donation_page_wrapper .donation_page_wrapper_inputs #ideal_and_phone_double_row .custom-input-wrapper:first-child { margin-right: 1rem; }

@media only screen and (max-width: 768px) { .donation_page_wrapper .donation_page_wrapper_inputs #name-row .custom-input-wrapper:first-child, .donation_page_wrapper .donation_page_wrapper_inputs #address-row .custom-input-wrapper:first-child, .donation_page_wrapper .donation_page_wrapper_inputs #ideal_and_phone_double_row .custom-input-wrapper:first-child { margin-right: 0rem; } }

.donation_page_wrapper .donation_page_wrapper_inputs #name-row .custom-input-wrapper:nth-child(3), .donation_page_wrapper .donation_page_wrapper_inputs #address-row .custom-input-wrapper:nth-child(3), .donation_page_wrapper .donation_page_wrapper_inputs #ideal_and_phone_double_row .custom-input-wrapper:nth-child(3) { margin-left: 1rem; }

@media only screen and (max-width: 768px) { .donation_page_wrapper .donation_page_wrapper_inputs #name-row .custom-input-wrapper:nth-child(3), .donation_page_wrapper .donation_page_wrapper_inputs #address-row .custom-input-wrapper:nth-child(3), .donation_page_wrapper .donation_page_wrapper_inputs #ideal_and_phone_double_row .custom-input-wrapper:nth-child(3) { margin-left: 0rem; } }

.donation_page_wrapper .donation_page_wrapper_inputs .custom-input-wrapper { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; }

.donation_page_wrapper .donation_page_wrapper_inputs .custom-input-wrapper.full-width-select { width: 100%; }

.donation_page_wrapper .donation_page_wrapper_inputs .wpcf7-checkbox .wpcf7-list-item { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }

.donation_page_wrapper .donation_page_wrapper_inputs .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label { position: relative; top: -5px; }

.donation_page_wrapper .compact_form_row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

/* -----------------------------------------------
- Init : Custom-checkbox & Custom-radio
----------------------------------------------- */
.form-group .wpcf7-form-control-wrap .wpcf7-radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.form-group .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item { margin-left: 0; }

.form-group .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 5px; font-size: 1.1rem; line-height: 2rem; cursor: pointer; }

.form-group .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 25px; width: 25px; border: solid 0.125rem #efefef; border-radius: 0.5rem; margin-right: 15px; display: -ms-grid; display: grid; place-content: center; }

.form-group .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label input[type="radio"]::before { content: ""; /* Windows High Contrast Mode */ background-color: CanvasText; width: 1em; height: 1em; border-radius: 0.3em; -webkit-transform: scale(0); transform: scale(0); background-color: #00C389; }

.form-group .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label input[type="radio"]:checked::before { -webkit-transform: scale(1); transform: scale(1); }

.form-group .wpcf7-form-control-wrap .wpcf7-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.form-group .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item { margin-left: 0; margin-bottom: 5px; font-size: 1.1rem; line-height: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; position: relative; }

.form-group .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] { position: absolute; height: 100%; opacity: 0; width: 100%; z-index: 2; cursor: pointer; }

.form-group .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item .custom-checkbox { left: 0; height: 25px; width: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; border: solid 0.125rem #efefef; border-radius: 0.5rem; margin-right: 15px; -webkit-transition: 0s; transition: 0s; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.form-group .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item .custom-checkbox i { font-size: 0.85rem; color: transparent; -webkit-transition: 0s; transition: 0s; }

.form-group .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item .custom-checkbox.checked { background-color: #00C389; border-color: #00C389; }

.form-group .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item .custom-checkbox.checked i { color: #FFFFFF; }

.wpcf7 h1, .wpcf7 h2, .wpcf7 h3, .wpcf7 h4, .wpcf7 h5 { opacity: 1 !important; margin-bottom: 1rem; }