/*!
Theme Name: NaN
Theme URI: www.notanumber.digital
Author: NaN
Author URI: www.notanumber.digital
Description: Theme for the website of ARS-rental
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:
----------------------------------------------------------------
- Site variables
	- Breakpoints
	- Colors
	- Columns
	- Global-widths
	- typography

- Mixins
	- Mixins-masters

- Hamburger
	- Hamburgers

- Site-defautls
	- Modules
		- Accessibility
		- Clearings

	- Navigation
		- Links
		- Menus

	- Elements
		- Defaults
		- Buttons
		- Lists
		- Tables

- Typography
	- Defaults
	- Headings
	- typography

- Forms
	- Fields
	- Field animation
	- WPCF7

- Gutenberg
- NaN
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Import : Site variables
--------------------------------------------------------------*/
/* -------------------------------------------------------
- Init : Site defaults
------------------------------------------------------- */
/* -------------------------------------------------------
- Init : Site specific
------------------------------------------------------- */
/* -------------------------------------------------------
- Init : Site defaults TODO
------------------------------------------------------- */
/* -------------------------------------------------------
- Init : Site defaults
- Used in : Galleries, columns
------------------------------------------------------- */
/* -------------------------------------------------------
- Init : Site defaults
------------------------------------------------------- */
/* -------------------------------------------------------
- Init : Import font family
------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Titan+One&display=swap");
/* -------------------------------------------------------
- Init : Font family
------------------------------------------------------- */
/* -------------------------------------------------------
- Init : Site defaults
------------------------------------------------------- */
/*--------------------------------------------------------------
- Import : Mixins
--------------------------------------------------------------*/
/* -------------------------------------------------------
- Mixin : Rem output with px fallback
------------------------------------------------------- */
/* -------------------------------------------------------
- Mixin : Center block
------------------------------------------------------- */
/* -------------------------------------------------------
- Mixin : Clearfix
------------------------------------------------------- */
/* -------------------------------------------------------
- Mixin : Clear after (not all clearfix need this also)
------------------------------------------------------- */
/* -------------------------------------------------------
- Mixin : Column width with margin
------------------------------------------------------- */
/* -------------------------------------------------------
- Mixin : Transitions
------------------------------------------------------- */
/* -------------------------------------------------------
- Mixin : Center background
------------------------------------------------------- */
/* -------------------------------------------------------
- Mixin : Full cover div
------------------------------------------------------- */
/* -------------------------------------------------------
- Mixin : Display flex and align center vertical
------------------------------------------------------- */
/* -------------------------------------------------------
- Mixin : Display flex and align center vertical
------------------------------------------------------- */
/* -------------------------------------------------------
- Mixin : Max-width
------------------------------------------------------- */
/* -------------------------------------------------------
- Mixin : Min-height
------------------------------------------------------- */
/* -------------------------------------------------------
- Mixin : Max-height
------------------------------------------------------- */
/* -------------------------------------------------------
- Mixin : Background image cover
------------------------------------------------------- */
/*--------------------------------------------------------------
- Import : Hamburger (Hamburger menu button)
--------------------------------------------------------------*/
/*!
 * 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;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  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;
  transition-property: transform;
  transition-duration: 0.15s;
  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 {
  perspective: 60px;
}
.hamburger--3dx .hamburger-inner {
  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);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
}

/*
 * 3DX Reverse
 */
.hamburger--3dx-r .hamburger-box {
  perspective: 60px;
}
.hamburger--3dx-r .hamburger-inner {
  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);
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
}

/*
 * 3DY
 */
.hamburger--3dy .hamburger-box {
  perspective: 60px;
}
.hamburger--3dy .hamburger-inner {
  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);
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
}

/*
 * 3DY Reverse
 */
.hamburger--3dy-r .hamburger-box {
  perspective: 60px;
}
.hamburger--3dy-r .hamburger-inner {
  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);
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
}

/*
 * 3DXY
 */
.hamburger--3dxy .hamburger-box {
  perspective: 60px;
}
.hamburger--3dxy .hamburger-inner {
  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);
}
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
}

/*
 * 3DXY Reverse
 */
.hamburger--3dxy-r .hamburger-box {
  perspective: 60px;
}
.hamburger--3dxy-r .hamburger-inner {
  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);
}
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
}

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

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

/*
 * Arrow Alt
 */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-6px, -7.5px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-6px, 7.5px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Alt Right
 */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(6px, -7.5px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, 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;
  transform: translate3d(6px, 7.5px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Turn Right
 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  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 {
  transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
  top: -14px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
  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);
}
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  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;
  transform: rotate(-90deg);
  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);
}

/*
 * Collapse Reverse
 */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
  top: -14px;
  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 {
  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);
}
.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -7px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  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;
  transform: rotate(90deg);
  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);
}

/*
 * Elastic
 */
.hamburger--elastic .hamburger-inner {
  top: 1.5px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
  top: 7px;
  transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
  top: 14px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 7px, 0) rotate(135deg);
  transition-delay: 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -14px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

/*
 * Elastic Reverse
 */
.hamburger--elastic-r .hamburger-inner {
  top: 1.5px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
  top: 7px;
  transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
  top: 14px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 7px, 0) rotate(-135deg);
  transition-delay: 0.075s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -14px, 0) rotate(270deg);
  transition-delay: 0.075s;
}

/*
 * Emphatic
 */
.hamburger--emphatic {
  overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  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;
}
.hamburger--emphatic .hamburger-inner::after {
  top: 7px;
  right: 0;
  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;
}
.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -60px;
  top: -60px;
  transform: translate3d(60px, 60px, 0) rotate(45deg);
  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);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -60px;
  top: -60px;
  transform: translate3d(-60px, 60px, 0) rotate(-45deg);
  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);
}

/*
 * Emphatic Reverse
 */
.hamburger--emphatic-r {
  overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  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;
}
.hamburger--emphatic-r .hamburger-inner::after {
  top: 7px;
  right: 0;
  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;
}
.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -60px;
  top: 60px;
  transform: translate3d(60px, -60px, 0) rotate(-45deg);
  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);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -60px;
  top: 60px;
  transform: translate3d(-60px, -60px, 0) rotate(45deg);
  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);
}

/*
 * Minus
 */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  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;
  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;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
  top: 14px;
}
.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-4.2857142857px, -4px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
  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;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
  top: 14px;
}
.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 7px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(4.2857142857px, -4px, 0);
  opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -14px, 0) rotate(90deg);
}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spin Reverse
 */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
  top: 1.5px;
  transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
  top: 7px;
  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);
}
.hamburger--spring .hamburger-inner::after {
  top: 14px;
  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);
}
.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  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);
  transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  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);
  transform: translate3d(0, 7px, 0) rotate(-45deg);
}

/*
 * Spring Reverse
 */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
  top: -14px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
  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);
}
.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  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;
  transform: rotate(90deg);
  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);
}

/*
 * Stand
 */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand Reverse
 */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Vortex
 */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}
.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  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 {
  transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

/*
 * Vortex Reverse
 */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  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 {
  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;
  transform: rotate(-90deg);
}

/*--------------------------------------------------------------
- Import : Site defaults (So you dont't have to start at 0)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Import : Modules
--------------------------------------------------------------*/
/* -------------------------------------------------------
- Init : 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;
  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. */
}

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

/* -------------------------------------------------------
- Init : 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;
}

/*--------------------------------------------------------------
- Import : Navigation
--------------------------------------------------------------*/
/* -------------------------------------------------------
- Init : Link default
------------------------------------------------------- */
a {
  text-decoration: none !important;
  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;
}

/* -------------------------------------------------------
- Init : Main navigation
------------------------------------------------------- */
.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 {
  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: 200px;
}
.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;
}

/* -------------------------------------------------------
- Init : 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;
  }
}
/* -------------------------------------------------------
- Init : Comment, posts & post navigation
------------------------------------------------------- */
.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%;
}

/*--------------------------------------------------------------
- Import : Elements
--------------------------------------------------------------*/
html {
  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/ */
  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;
}

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. */
}

/*--------------------------------------------------------------
- Init : List globals
--------------------------------------------------------------*/
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;
}

/*--------------------------------------------------------------
- Init : Table globals
--------------------------------------------------------------*/
table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
- Import : Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Init : Globals
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

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

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: 1px dotted #666;
  cursor: help;
}

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

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
- Init : Heading globals
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-family: "Titan One", cursive;
  margin-bottom: 1.5rem;
  clear: both;
}

/*--------------------------------------------------------------
- Init : Heading sizes
--------------------------------------------------------------*/
h1 {
  font-size: 3.75rem;
  line-height: 3.5rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  h1 {
    font-size: 2.5rem;
    line-height: 2rem;
  }
}

h2 {
  font-size: 1.5rem;
  line-height: 2rem;
}

h3 {
  font-size: 18.72px;
  line-height: 26px;
}

h4 {
  font-size: 1rem;
  line-height: 1.5rem;
}

h5 {
  font-size: 13.28px;
  line-height: 21px;
}

h6 {
  font-size: 12px;
  line-height: 20px;
}

/*--------------------------------------------------------------
- Init : Body globals
--------------------------------------------------------------*/
body {
  color: #000000;
  font-family: "Poppins", sans-serif;
}

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

/*--------------------------------------------------------------
- Init : Paragraph sizes
--------------------------------------------------------------*/
p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 2rem;
}
p a {
  font-weight: 700;
  border-bottom: solid 2px green;
}

/*--------------------------------------------------------------
- Import : Forms
--------------------------------------------------------------*/
/* -----------------------------------------------
- Init : Forms globals
----------------------------------------------- */
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 {
  background-color: #FFFFFF;
  border: solid 1.5px #000000;
  color: #000000;
  margin-bottom: 0;
  border-radius: 5px;
  min-height: 48px;
  width: 100%;
  padding: 0 1.1rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1rem;
}
form input::-moz-placeholder, form input[type=text]::-moz-placeholder, form input[type=email]::-moz-placeholder, form input[type=url]::-moz-placeholder, form input[type=password]::-moz-placeholder, form input[type=search]::-moz-placeholder, form input[type=number]::-moz-placeholder, form input[type=tel]::-moz-placeholder, form input[type=range]::-moz-placeholder, form input[type=date]::-moz-placeholder, form input[type=month]::-moz-placeholder, form input[type=week]::-moz-placeholder, form input[type=time]::-moz-placeholder, form input[type=datetime]::-moz-placeholder, form input[type=datetime-local]::-moz-placeholder, form input[type=color]::-moz-placeholder, form input[type=submit]::-moz-placeholder, form button._submit::-moz-placeholder, form textarea::-moz-placeholder, form select::-moz-placeholder {
  color: #000000;
  font-weight: 400;
}
form input:-ms-input-placeholder, form input[type=text]:-ms-input-placeholder, form input[type=email]:-ms-input-placeholder, form input[type=url]:-ms-input-placeholder, form input[type=password]:-ms-input-placeholder, form input[type=search]:-ms-input-placeholder, form input[type=number]:-ms-input-placeholder, form input[type=tel]:-ms-input-placeholder, form input[type=range]:-ms-input-placeholder, form input[type=date]:-ms-input-placeholder, form input[type=month]:-ms-input-placeholder, form input[type=week]:-ms-input-placeholder, form input[type=time]:-ms-input-placeholder, form input[type=datetime]:-ms-input-placeholder, form input[type=datetime-local]:-ms-input-placeholder, form input[type=color]:-ms-input-placeholder, form input[type=submit]:-ms-input-placeholder, form button._submit:-ms-input-placeholder, form textarea:-ms-input-placeholder, form select:-ms-input-placeholder {
  color: #000000;
  font-weight: 400;
}
form input::placeholder,
form input[type=text]::placeholder,
form input[type=email]::placeholder,
form input[type=url]::placeholder,
form input[type=password]::placeholder,
form input[type=search]::placeholder,
form input[type=number]::placeholder,
form input[type=tel]::placeholder,
form input[type=range]::placeholder,
form input[type=date]::placeholder,
form input[type=month]::placeholder,
form input[type=week]::placeholder,
form input[type=time]::placeholder,
form input[type=datetime]::placeholder,
form input[type=datetime-local]::placeholder,
form input[type=color]::placeholder,
form input[type=submit]::placeholder,
form button._submit::placeholder,
form textarea::placeholder,
form select::placeholder {
  color: #000000;
  font-weight: 400;
}
form input[type=checkbox],
form input[type=radio] {
  width: auto;
  min-height: unset;
  margin-right: 0.9rem;
}
form textarea {
  min-height: 15.5rem;
  padding: 1.25rem 1.3rem;
}
form 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 button,
form input[type=button],
form input[type=reset],
form input[type=submit] {
  border-color: #000000 !important;
  background-color: #000000;
  border-radius: 5px;
  margin-top: 1rem;
  color: #FFFFFF;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 16.25rem;
  font-weight: 700;
  height: 3rem;
}

/* -----------------------------------------------
- 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: #000000;
  position: absolute;
  top: 1rem;
  left: 0;
  z-index: 1;
  padding: 0 1.225rem;
  margin-bottom: 0;
  pointer-events: none;
}
.custom-input-wrapper.focus, .custom-input-wrapper.not-empty {
  align-items: flex-start;
}
.custom-input-wrapper.focus label, .custom-input-wrapper.not-empty label {
  font-size: 0.5rem !important;
  line-height: 0.68rem !important;
  top: 0.3rem;
}
.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: #000000;
}

/*--------------------------------------------------------------
- Custom form settings
--------------------------------------------------------------*/
/* -----------------------------------------------
- Init : Contact form 7
----------------------------------------------- */
.wpcf7 form .form-row {
  margin: 0;
  flex-wrap: nowrap;
}
.wpcf7 form .form-row .form-group {
  margin-right: 0.9rem;
}
.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 {
    flex-direction: column;
  }
}
.wpcf7 form .form-group {
  display: flex;
  align-items: flex-start;
  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: #ff6347;
  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: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.wpcf7 form .form-group .wpcf7-form-control-wrap .wpcf7-checkbox {
  display: flex;
  flex-direction: column;
}
.wpcf7 form .form-group .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item {
  margin-left: 0;
  margin-bottom: 0.3rem;
  font-size: 1.1rem;
  line-height: 2rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row-reverse;
  position: relative;
}
.wpcf7 form .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;
}
.wpcf7 form .form-group .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item .custom-checkbox {
  left: 0;
  height: 1.5rem;
  width: 1.5rem;
  display: flex;
  border: solid 0.125rem #EFEFEF;
  border-radius: 0.5rem;
  margin-right: 0.9rem;
  transition: 0s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wpcf7 form .form-group .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item .custom-checkbox i {
  font-size: 0.85rem;
  color: transparent;
  transition: 0s;
}
.wpcf7 form .form-group .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item .custom-checkbox.checked {
  background-color: #000000;
  border-color: #000000;
}
.wpcf7 form .form-group .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item .custom-checkbox.checked i {
  color: #FFFFFF;
}
.wpcf7 form .wpcf7-response-output {
  border-radius: 0.5rem;
  padding: 1.25rem 1.3rem;
}
.wpcf7 form.invalid .wpcf7-response-output {
  border-color: #ff6347;
}

/*--------------------------------------------------------------
- Import : Gutenberg
--------------------------------------------------------------*/
/* -----------------------------------------------
- Init : Gutenberg
----------------------------------------------- */
section#wp-content .gutenberg-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  /* -----------------------------------------------
  - Set : Margin bottom
  ----------------------------------------------- */
  /* -----------------------------------------------
  - Set : Medium width
  ----------------------------------------------- */
  /* -----------------------------------------------
  - Set : Medium width
  ----------------------------------------------- */
}
section#wp-content .gutenberg-content blockquote,
section#wp-content .gutenberg-content figure,
section#wp-content .gutenberg-content .wpcf7,
section#wp-content .gutenberg-content ul, section#wp-content .gutenberg-content ol {
  margin-bottom: 2rem;
}
section#wp-content .gutenberg-content figure {
  max-width: 1104px;
  width: 100%;
}
section#wp-content .gutenberg-content h1, section#wp-content .gutenberg-content h2, section#wp-content .gutenberg-content h3, section#wp-content .gutenberg-content h4, section#wp-content .gutenberg-content h5, section#wp-content .gutenberg-content h6, section#wp-content .gutenberg-content p,
section#wp-content .gutenberg-content blockquote,
section#wp-content .gutenberg-content .wpcf7,
section#wp-content .gutenberg-content ul, section#wp-content .gutenberg-content ol {
  max-width: 664px;
  width: 100%;
}

/* -----------------------------------------------
- Import : Gutenberg globals
----------------------------------------------- */
/* -----------------------------------------------
- Init : Gutenberg
----------------------------------------------- */
.gutenberg-content {
  /* ---------------------------------
  - Init : xl margin
  --------------------------------- */
  /* ---------------------------------
  - Init : lg margin
  --------------------------------- */
  /* ---------------------------------
  - Init : ul/ol after a paragraph
  --------------------------------- */
  /* ---------------------------------
  - Init : md margin
  --------------------------------- */
  /* ---------------------------------
  - Init : sm margin
  --------------------------------- */
}
.gutenberg-content .wp-block-columns {
  margin-bottom: 5rem;
}
.gutenberg-content .wp-block-columns .wp-block-column p {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 990px) {
  .gutenberg-content .wp-block-columns {
    margin-bottom: 3rem;
  }
}
.gutenberg-content figure,
.gutenberg-content p {
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 990px) {
  .gutenberg-content figure,
.gutenberg-content p {
    margin-bottom: 1.5rem;
  }
}
.gutenberg-content p + ul,
.gutenberg-content p + ol {
  margin-top: -2.5rem;
}
.gutenberg-content blockquote,
.gutenberg-content .wpcf7,
.gutenberg-content ul, .gutenberg-content ol {
  margin-bottom: 2rem;
}
.gutenberg-content h1, .gutenberg-content h2, .gutenberg-content h3, .gutenberg-content h4, .gutenberg-content h5, .gutenberg-content h6 {
  margin-bottom: 1rem;
}

/* -----------------------------------------------
- Init : Caption
----------------------------------------------- */
.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;
}

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

/* -----------------------------------------------
- Init : Gallery
----------------------------------------------- */
.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;
}

/* -----------------------------------------------
- Init : Gutenberg list
----------------------------------------------- */
section#wp-content .gutenberg-content ul, section#wp-content .gutenberg-content ol {
  margin-left: 0;
  padding-left: 0;
}
section#wp-content .gutenberg-content ul li, section#wp-content .gutenberg-content ol li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 768px) {
  section#wp-content .gutenberg-content ul li, section#wp-content .gutenberg-content ol li {
    font-size: 0.8125rem;
    line-height: 1.375rem;
    padding-left: 1.2rem;
  }
}
section#wp-content .gutenberg-content ul li:last-of-type, section#wp-content .gutenberg-content ol li:last-of-type {
  margin-bottom: 0;
}
section#wp-content .gutenberg-content ul li {
  list-style-type: none;
}
section#wp-content .gutenberg-content ul li::marker {
  content: "";
}
section#wp-content .gutenberg-content ul li::before {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #4DB7FF;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 768px) {
  section#wp-content .gutenberg-content ul li::before {
    font-size: 1.06rem;
    line-height: 1.31rem;
  }
}

/* -----------------------------------------------
- Init : Blockquote
----------------------------------------------- */
section#wp-content .gutenberg-content blockquote {
  margin-left: 0;
  padding-left: 1.5rem;
  border-left: 0.2rem solid green;
}
section#wp-content .gutenberg-content blockquote p {
  margin-bottom: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  color: green;
}
section#wp-content .gutenberg-content blockquote p strong {
  color: green;
}
section#wp-content .gutenberg-content blockquote cite {
  margin-top: 0.5rem;
  display: block;
  font-style: normal;
  font-weight: 700;
}

/* -----------------------------------------------
- Init : Block img
----------------------------------------------- */
section#wp-content .gutenberg-content .wp-block-image {
  border-radius: 0.625rem;
}
section#wp-content .gutenberg-content .wp-block-image img {
  border-radius: 0.625rem;
  width: 100%;
}

/*--------------------------------------------------------------
- Import : NaN (Project specific)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Import : Default styling
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Init : Custom selection
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Init : Body globals
--------------------------------------------------------------*/
html {
  overflow-x: hidden;
}
html body {
  background: #F1EBE3;
}
html body * {
  transition: 0.5s;
}
html body main::after {
  -webkit-animation: grain 8s steps(10) infinite;
          animation: grain 8s steps(10) infinite;
  background-image: url(https://connekt.nl/wp-content/themes/connekt/assets/img/grainy/gradienteffect.png);
  content: "";
  height: 300%;
  left: -50%;
  opacity: 0.05;
  position: fixed;
  z-index: -1;
  top: -100%;
  width: 300%;
}
@-webkit-keyframes grain {
  0%, 100% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(-5%, -10%);
  }
  20% {
    transform: translate(-15%, 5%);
  }
  30% {
    transform: translate(7%, -25%);
  }
  40% {
    transform: translate(-5%, 25%);
  }
  50% {
    transform: translate(-15%, 10%);
  }
  60% {
    transform: translate(15%, 0%);
  }
  70% {
    transform: translate(0%, 15%);
  }
  80% {
    transform: translate(3%, 35%);
  }
  90% {
    transform: translate(-10%, 10%);
  }
}
@keyframes grain {
  0%, 100% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(-5%, -10%);
  }
  20% {
    transform: translate(-15%, 5%);
  }
  30% {
    transform: translate(7%, -25%);
  }
  40% {
    transform: translate(-5%, 25%);
  }
  50% {
    transform: translate(-15%, 10%);
  }
  60% {
    transform: translate(15%, 0%);
  }
  70% {
    transform: translate(0%, 15%);
  }
  80% {
    transform: translate(3%, 35%);
  }
  90% {
    transform: translate(-10%, 10%);
  }
}
html body main article.hentry {
  position: relative;
  margin: 0;
}

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

/*--------------------------------------------------------------
- Init : Gutenberg content custom content block
--------------------------------------------------------------*/
.gutenberg-content {
  padding: 1rem 0 0;
  margin: auto;
}
.gutenberg-content .gutenberg-content-content {
  margin-top: 1rem;
}
.gutenberg-content .gutenberg-content-content p {
  font-size: 1.25rem;
  line-height: 2rem;
  color: #312C2C;
}
@media only screen and (max-width: 768px) {
  .gutenberg-content .gutenberg-content-content p {
    font-size: 1.1rem;
    line-height: 1.75rem;
  }
}
@media only screen and (max-width: 1200px) {
  .gutenberg-content {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
}
@media only screen and (max-width: 990px) {
  .gutenberg-content {
    padding-top: 2.5rem;
  }
}

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

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

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

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

/*--------------------------------------------------------------
- Init : Custom button
--------------------------------------------------------------*/
.custom-button, .acf-button.button {
  background: linear-gradient(90deg, #D16199 0%, #D6496E 18.04%, #DE4853 34.92%, #E05244 57.62%, #EB8F3B 79.16%, #F1BF46 97.2%, #F4C745 111.75%);
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
  color: #FFFFFF !important;
  transition: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 3rem;
  border-radius: 1.25rem;
  padding: 1.25rem 3rem;
  border: none;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  cursor: pointer;
  margin: auto;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .custom-button, .acf-button.button {
    font-size: 0.8125rem;
    min-height: 2.5rem;
  }
}

/*--------------------------------------------------------------
- Init : ACF Form
--------------------------------------------------------------*/
body .alert {
  margin-top: 2rem;
}
body .add-new-message-wrapper {
  display: none;
  transition: none;
}
body .add-new-message-wrapper .acf-fields > .acf-field {
  padding: 0.5rem 0rem;
  border: none;
}
body .add-new-message-wrapper .acf-basic-uploader {
  width: 100%;
}
body .add-new-message-wrapper .acf-basic-uploader input {
  padding: 0.71rem;
}
body .add-new-message-wrapper .acf-form-submit {
  margin-top: 1rem;
}

/*--------------------------------------------------------------
- Init : Message from people
--------------------------------------------------------------*/
.messages-from-people {
  -moz-columns: 2 500px;
       columns: 2 500px;
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
  margin-top: 5rem;
}
.messages-from-people .message-item {
  padding: 5rem;
  background: #FFFFFF;
  border-radius: 3rem;
  display: inline-block;
  width: 100%;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .messages-from-people .message-item {
    padding: 3rem;
    margin-bottom: 1rem;
  }
}
.messages-from-people .message-item h3 {
  margin-bottom: 0;
}
.messages-from-people .message-item img, .messages-from-people .message-item picture {
  border-radius: 3rem;
  margin-top: 2rem;
}

/*--------------------------------------------------------------
- Import : Website
--------------------------------------------------------------*/
/* -------------------------------------------------------
- Import : Website templates
------------------------------------------------------- */
/*--------------------------------------------------------------
- Init header : Globals
--------------------------------------------------------------*/
.border-top-body {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #D16199 0%, #D6496E 18.04%, #DE4853 34.92%, #E05244 57.62%, #EB8F3B 79.16%, #F1BF46 97.2%, #F4C745 111.75%);
  z-index: 9999999999;
}

header {
  margin-top: 4rem;
}
header .col {
  display: flex;
  align-items: center;
  justify-content: center;
}
header .col img {
  width: 13rem;
}

/*--------------------------------------------------------------
- Init footer : Globals
--------------------------------------------------------------*/
footer .col {
  margin-top: 5rem;
  margin-bottom: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
footer .col svg {
  margin-top: 1rem;
}

/* -------------------------------------------------------
- Import flexible content rows
------------------------------------------------------- */
/*--------------------------------------------------------------
- Import : Webshop
--------------------------------------------------------------*/
/* -------------------------------------------------------
- Import : Webshop templates
------------------------------------------------------- */
/*------------------------------------------
- WC templates : Account
------------------------------------------*/
body.woocommerce-cart #wp-content {
  padding: 2.5rem 0 2.5rem;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: flex-start;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .woocommerce-notices-wrapper {
  flex: 0 0 100%;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce form.woocommerce-cart-form {
  margin-bottom: 30px;
  flex: 0 0 64%;
  margin-right: 3%;
  margin-bottom: 0;
}
@media only screen and (max-width: 990px) {
  body.woocommerce-cart #wp-content .gutenberg-content .woocommerce form.woocommerce-cart-form {
    margin-right: 0;
    flex: 0 0 100%;
  }
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .woocommerce-Price-currencySymbol {
  margin-right: 0.25rem;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .head-wc-cart {
  display: flex;
  padding-bottom: 1rem;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .head-wc-cart .head-wc-cart-col div {
  font-weight: 700;
}
@media only screen and (max-width: 990px) {
  body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .head-wc-cart .head-wc-cart-col div {
    display: none;
  }
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart_item {
  display: flex;
  padding: 1rem 0rem;
  border-top: 2px solid #D9D9D9;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-thumbnail-name {
  display: flex;
  flex: 0 0 15%;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-thumbnail-name .product-remove {
  display: flex;
  align-items: center;
  margin-right: 1rem;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-thumbnail-name .product-remove .remove {
  height: 2rem;
  width: 2rem;
  background: #D9D9D9;
  border-radius: 50%;
  font-size: 0.8em;
  display: flex;
  align-items: center;
  opacity: 0.75;
  color: #FF1854;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-thumbnail-name .product-remove .remove:hover {
  background: #FF1854;
  color: #FFFFFF !important;
  opacity: 1;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-thumbnail-name .product-remove .remove .fas {
  transition: none;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-thumbnail-name .product-thumbnail a {
  background-color: #D9D9D9;
  border-radius: 5px;
  display: flex;
  display: flex;
  align-items: center;
  width: 5rem;
  height: 5rem;
}
@media only screen and (max-width: 990px) {
  body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-thumbnail-name .product-thumbnail a {
    height: 100%;
  }
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-thumbnail-name .product-thumbnail a img {
  max-height: 3rem;
  width: auto;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-price-quantity-total {
  display: flex;
  flex: 0 0 85%;
}
@media only screen and (max-width: 990px) {
  body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-price-quantity-total {
    flex-wrap: wrap;
    flex: 100%;
    padding-left: 1rem;
  }
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-price-quantity-total .product-name {
  flex: 0 0 50%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 990px) {
  body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-price-quantity-total .product-name {
    flex: 0 0 100%;
    margin-bottom: 1rem;
  }
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-price-quantity-total .product-name a {
  color: #4DB7FF;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-price-quantity-total .product-name .capacity-label {
  background-color: #4DB7FF;
  color: #FFFFFF;
  border-radius: 5px;
  font-size: 0.8rem;
  line-height: 1.5rem;
  padding: 0.2rem 1rem;
  margin-left: 0.5rem;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-price-quantity-total .product-name .capacity-label {
    font-size: 0.6rem;
    line-height: 1rem;
    padding: 0.1rem 0.5rem;
    margin-left: 0rem;
  }
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-price-quantity-total .product-price {
  flex: 0 0 12.5%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 990px) {
  body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-price-quantity-total .product-price {
    display: none;
  }
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-price-quantity-total .product-quantity {
  flex: 0 0 25%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 990px) {
  body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-price-quantity-total .product-quantity {
    flex: 0;
  }
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-price-quantity-total .product-quantity input {
  min-width: 5rem;
  min-height: 2.5rem;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-price-quantity-total .product-quantity input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
@media only screen and (max-width: 990px) {
  body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-price-quantity-total .product-quantity input {
    height: 2rem;
    min-height: 2rem;
    width: 3.5rem;
    min-width: 3.5rem;
    padding: 0;
  }
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-price-quantity-total .product-quantity button {
  background: none;
  border: none;
  font-size: 1.3rem;
  padding: 0.5rem;
  color: #4DB7FF;
}
@media only screen and (max-width: 990px) {
  body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-price-quantity-total .product-quantity button {
    display: none;
  }
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-price-quantity-total .product-subtotal {
  flex: 0 0 12.5%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 990px) {
  body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .shop_cart .cart-price-quantity-total .product-subtotal {
    flex: 0;
    font-weight: 900;
    padding-left: 1rem;
  }
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .coupon-refresh {
  padding: 1rem 0rem;
  border-top: 2px solid #D9D9D9;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .coupon-refresh .actions {
  display: flex;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .coupon-refresh .actions .coupon {
  display: flex;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .coupon-refresh .actions .coupon input {
  width: 10rem;
  color: #4DB7FF;
  font-size: 0.8rem;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .coupon-refresh .actions .coupon input::-moz-placeholder {
  color: #4DB7FF;
  opacity: 0.5;
  font-size: 0.8rem;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .coupon-refresh .actions .coupon input:-ms-input-placeholder {
  color: #4DB7FF;
  opacity: 0.5;
  font-size: 0.8rem;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .coupon-refresh .actions .coupon input::placeholder {
  color: #4DB7FF;
  opacity: 0.5;
  font-size: 0.8rem;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .coupon-refresh .actions .coupon button.button {
  margin-left: 0.5rem;
  color: #4DB7FF !important;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .coupon-refresh .actions .coupon button.button:hover {
  color: #FFFFFF !important;
}
@media only screen and (max-width: 768px) {
  body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .coupon-refresh .actions .coupon button.button {
    display: none;
  }
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .coupon-refresh .actions .button {
  margin-left: auto;
  background: #312C2C;
  color: #4DB7FF !important;
  font-size: 0.8rem;
  border-radius: 5px;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .coupon-refresh .actions .button:disabled {
  opacity: 0.5 !important;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .coupon-refresh .actions .button:hover {
  background: #4DB7FF;
  color: #FFFFFF !important;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals {
  padding: 2rem;
  background: #D9D9D9;
  flex: 0 0 33%;
  border-radius: 5px;
}
@media only screen and (max-width: 990px) {
  body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals {
    max-width: 450px;
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 990px) {
  body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals {
    max-width: 100%;
  }
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals h2 {
  display: none;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals .cart_totals {
  width: 100%;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals table {
  border: none;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals table tr, body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals table th {
  border-top: 2px solid #312C2C;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals table tr:first-child th, body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals table tr:first-child td, body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals table th:first-child th, body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals table th:first-child td {
  border: none;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals table th, body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals table td {
  padding: 1rem 0rem;
  background: none !important;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals table td {
  text-align: right;
  border-top: 2px solid #312C2C;
}
@media only screen and (max-width: 990px) {
  body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals table td {
    border: none !important;
  }
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals ul#shipping_method {
  padding: 0;
  margin: 0;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals ul#shipping_method li {
  margin-bottom: 0;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals .woocommerce-shipping-destination {
  display: none;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals .order-total .woocommerce-Price-amount {
  font-size: 1.5rem;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals .wc-proceed-to-checkout {
  padding: 0;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals .wc-proceed-to-checkout a {
  width: 100%;
}
body.woocommerce-cart #wp-content .gutenberg-content .woocommerce .cart-collaterals img {
  width: 200px;
  margin: auto;
  float: right;
}

section#wp-content .content-row-gutenberg .gutenberg-content .cross-sells {
  width: 100%;
  margin-top: 3rem;
}
section#wp-content .content-row-gutenberg .gutenberg-content .cross-sells .products {
  padding-left: 0;
}
section#wp-content .content-row-gutenberg .gutenberg-content .cross-sells h2:not(.woocommerce-loop-product__title) {
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  font-size: 1.25rem;
  text-transform: none;
}

/*------------------------------------------
- WC templates : Ceheckout
------------------------------------------*/
body.woocommerce-checkout main {
  margin-top: 8rem;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-form-login-toggle .woocommerce-info::before {
  font-family: "Font Awesome 5 Free";
  content: "\f007";
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce form.login {
  border: 1.5px solid #4DB7FF;
  transition: none;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce form.login .lost_password a {
  color: #4DB7FF;
  font-weight: 400;
  border-bottom: 1.5px solid #FF1854;
}
body.woocommerce-checkout #wp-content .gutenberg-content h3 {
  font-size: 1.5rem;
  text-transform: none;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  body.woocommerce-checkout #wp-content .gutenberg-content h3 {
    font-size: 1.2rem;
  }
}
body.woocommerce-checkout #wp-content .gutenberg-content .col-1 {
  width: 65%;
}
@media only screen and (max-width: 990px) {
  body.woocommerce-checkout #wp-content .gutenberg-content .col-1 {
    width: 100%;
  }
}
body.woocommerce-checkout #wp-content .gutenberg-content .col-2 {
  width: 30%;
}
@media only screen and (max-width: 990px) {
  body.woocommerce-checkout #wp-content .gutenberg-content .col-2 {
    width: 100%;
  }
}
body.woocommerce-checkout #wp-content .gutenberg-content form .form-row-first, body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce form .form-row-last, body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-page form .form-row-first, body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-page form .form-row-last {
  width: 49%;
  overflow: visible;
}
body.woocommerce-checkout #wp-content .gutenberg-content form .form-row label, body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-page form .form-row label {
  margin-bottom: 0.25rem;
  font-weight: 500;
}
body.woocommerce-checkout #wp-content .gutenberg-content .select2-container--default .select2-selection--single {
  height: 3rem;
  display: flex;
  align-items: center;
  border: 1.5px solid #4DB7FF;
}
body.woocommerce-checkout #wp-content .gutenberg-content .select2-container--default .select2-selection--single span {
  color: #4DB7FF;
  padding-left: 1rem;
}
body.woocommerce-checkout #wp-content .gutenberg-content .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0.6rem;
  right: 1rem;
}
body.woocommerce-checkout #wp-content .gutenberg-content .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #4DB7FF transparent transparent transparent;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-account-fields .input-checkbox {
  margin: 0 1rem 0 0;
}
body.woocommerce-checkout #wp-content .gutenberg-content form .form-row .input-checkbox, body.woocommerce-checkout #wp-content .gutenberg-content input[type=checkbox] {
  height: 1.25rem;
  width: 1.25rem;
}
body.woocommerce-checkout #wp-content .gutenberg-content #ship-to-different-address {
  padding: 0 3px;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-form__label-for-checkbox {
  display: flex;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-form__label-for-checkbox span {
  font-weight: 500;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-review-order-table {
  border: none;
  margin-bottom: 0;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-review-order-table th, body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-review-order-table td {
  padding-left: 0;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-review-order table {
  border: none;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-review-order table td {
  padding: 1rem 0;
  font-weight: 400;
}
@media only screen and (max-width: 990px) {
  body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-review-order table td {
    padding: 0.5rem 0;
    font-size: 0.9rem;
  }
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-review-order table td.product-name {
  padding-right: 0rem;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-review-order table ul, body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-review-order table li {
  padding: 0;
  margin: 0;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-review-order .cart-subtotal {
  display: none;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-review-order .order-total td {
  font-size: 1.5rem;
}
@media only screen and (max-width: 990px) {
  body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-review-order .order-total td {
    font-size: 1rem;
  }
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-payment {
  background: #FFFFFF;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-payment .woocommerce-info {
  background: #FFFFFF;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-payment .payment_methods {
  margin: 0;
  padding: 2rem;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-payment .payment_methods .wc_payment_method {
  display: flex;
  align-items: center;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-payment .payment_methods .wc_payment_method label {
  display: flex;
  align-items: center;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-payment .payment_methods div.payment_box {
  transition: none;
  background: #312C2C;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-payment .payment_methods div.payment_box::before {
  border-bottom-color: #312C2C;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-payment .payment_methods div.payment_box p {
  line-height: 1.2rem;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-payment .place-order {
  padding: 2rem;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-payment .place-order .woocommerce-form__label-for-checkbox {
  display: flex;
  align-items: center;
  line-height: 1.5rem;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-checkbox-text a {
  color: #4DB7FF;
  border-bottom: 1px solid #4DB7FF;
}
body.woocommerce-checkout #wp-content .gutenberg-content .woocommerce-checkout-payment .place-order .button {
  width: 100% !important;
}

.woocommerce-order-received h2 {
  font-size: 1.5rem;
  text-transform: none;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .woocommerce-order-received h2 {
    font-size: 1.2rem;
  }
}
.woocommerce-order-received address {
  padding: 0;
  border: none;
}
.woocommerce-order-received .woocommerce-order-overview {
  padding-left: 0 !important;
}
.woocommerce-order-received .woocommerce-order-details a {
  color: #4DB7FF;
}
.woocommerce-order-received .woocommerce table.shop_table {
  border: none;
}
.woocommerce-order-received .woocommerce table.shop_table th {
  padding-left: 0;
}

/*--------------------------------------------------------------
- Init WC default : Globals
--------------------------------------------------------------*/
body .woocommerce-info, body.woocommerce .woocommerce-info, .woocommerce-cart .woocommerce-info {
  width: 100%;
  border-color: #4DB7FF;
  background-color: #000000;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
body .woocommerce-info::before, body.woocommerce .woocommerce-info::before, .woocommerce-cart .woocommerce-info::before {
  color: #FF1854;
}
body .woocommerce-info a, body .woocommerce-info a:visited, body.woocommerce .woocommerce-info a, body.woocommerce .woocommerce-info a:visited, .woocommerce-cart .woocommerce-info a, .woocommerce-cart .woocommerce-info a:visited {
  color: #4DB7FF;
  font-weight: 600;
  border-bottom: 1px solid #FF1854;
}
body .woocommerce-message, body.woocommerce .woocommerce-message, .woocommerce-cart .woocommerce-message {
  border-color: green;
}
body .woocommerce-message a, body.woocommerce .woocommerce-message a, .woocommerce-cart .woocommerce-message a {
  color: #4DB7FF;
  font-weight: 400;
  border-bottom: 1px solid #FF1854;
}
body .woocommerce-message::before, body.woocommerce .woocommerce-message::before, .woocommerce-cart .woocommerce-message::before {
  color: green;
}

/*--------------------------------------------------------------
- Set : WC products (Loop)
--------------------------------------------------------------*/
.woocommerce ul.products li.product {
  position: relative;
  margin-bottom: 2.5rem;
  cursor: pointer;
}
.woocommerce ul.products li.product .image-block {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #312C2C;
  margin-bottom: 1.5rem;
  padding: 1rem;
  height: 20rem;
}
.woocommerce ul.products li.product .image-block img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
}
@media only screen and (max-width: 990px) {
  .woocommerce ul.products li.product .image-block img {
    max-width: 15.5rem;
  }
}
.woocommerce ul.products li.product .image-block::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  transition: 0.5s;
  background: radial-gradient(50% 50% at 50% 50%, rgb(19, 55, 84) 0%, rgba(249, 249, 249, 0) 100%);
  opacity: 0.18;
}
@media only screen and (max-width: 990px) {
  .woocommerce ul.products li.product .image-block {
    min-height: 20rem;
    height: auto;
  }
}
@media only screen and (max-width: 550px) {
  .woocommerce ul.products li.product .image-block {
    min-height: 15.5rem;
  }
}
@media only screen and (max-width: 450px) {
  .woocommerce ul.products li.product .image-block {
    min-height: 12.5rem;
  }
}
.woocommerce ul.products li.product .content-block .details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.woocommerce ul.products li.product .content-block .details .price-block {
  display: flex;
  align-items: center;
}
.woocommerce ul.products li.product .content-block .details .price-block .product-price,
.woocommerce ul.products li.product .content-block .details .price-block .product-price-detail {
  margin-bottom: 0;
}
.woocommerce ul.products li.product .content-block .details .price-block .product-price {
  position: relative;
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 700;
  margin-right: 0.5rem;
}
.woocommerce ul.products li.product .content-block .details .price-block .product-price .old-price {
  background: linear-gradient(to top left, #FFFFFF calc(50% - 0.0625rem), #FF1854, #FFFFFF calc(50% + 0.0625rem));
  font-size: 0.875rem;
  line-height: 1rem;
  opacity: 0.5;
  position: absolute;
  top: -1rem;
}
@media only screen and (max-width: 550px) {
  .woocommerce ul.products li.product .content-block .details .price-block .product-price {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}
.woocommerce ul.products li.product .content-block .details .price-block .product-price-detail {
  opacity: 0.5;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
@media only screen and (max-width: 550px) {
  .woocommerce ul.products li.product .content-block .details .price-block .product-price-detail {
    display: none;
  }
}
.woocommerce ul.products li.product .content-block .details .capacity {
  background-color: #4DB7FF;
  color: #FFFFFF;
  border-radius: 0.31rem;
  font-size: 0.875rem;
  line-height: 1.6rem;
  padding: 0 1rem;
}
@media only screen and (max-width: 550px) {
  .woocommerce ul.products li.product .content-block .details .capacity {
    padding: 0.187rem 0.5rem;
    font-size: 0.75rem;
    line-height: 0.875rem;
  }
}
.woocommerce ul.products li.product .content-block .product-title {
  font-family: "Poppins", sans-serif;
  margin-bottom: 0.5rem;
  text-transform: unset;
  line-height: 1.5rem;
  font-weight: 400;
}
@media only screen and (max-width: 550px) {
  .woocommerce ul.products li.product .content-block .product-title {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}
.woocommerce ul.products li.product .content-block .product-sub-title {
  line-height: 1.125rem;
  margin-bottom: 0;
  opacity: 0.5;
  font-size: 0.9rem;
}
@media only screen and (max-width: 550px) {
  .woocommerce ul.products li.product .content-block .product-sub-title {
    font-size: 0.75rem;
    line-height: 0.875rem;
  }
}
.woocommerce ul.products li.product .labels {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  right: 0.5rem;
}
.woocommerce ul.products li.product .labels .label {
  background-color: #FF1854;
  color: #FFFFFF;
  padding: 0.5rem 1rem;
  border-radius: 0.31rem;
  font-size: 0.75rem;
  line-height: 0.875rem;
  z-index: 1;
  max-width: 9rem;
  margin-bottom: 0.5rem;
}
.woocommerce ul.products li.product .link-cover {
  z-index: 1;
}
.woocommerce ul.products li.product:hover .image-block::before {
  opacity: 0.45;
}
@media only screen and (max-width: 990px) {
  .woocommerce ul.products li.product {
    margin-bottom: 1rem;
  }
}
.woocommerce ul.products.columns-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.woocommerce ul.products.columns-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media only screen and (max-width: 1200px) {
  .woocommerce ul.products.columns-5 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.woocommerce ul.products.columns-5, .woocommerce ul.products.columns-4 {
  position: relative;
  display: grid;
  gap: 1.5rem;
  justify-items: center;
  row-gap: 3.5rem;
}
.woocommerce ul.products.columns-5::before, .woocommerce ul.products.columns-5::after, .woocommerce ul.products.columns-4::before, .woocommerce ul.products.columns-4::after {
  display: none;
}
.woocommerce ul.products.columns-5 li.product, .woocommerce ul.products.columns-4 li.product {
  width: 100%;
  margin: 0;
  clear: unset;
}
@media only screen and (max-width: 990px) {
  .woocommerce ul.products.columns-5, .woocommerce ul.products.columns-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 768px) {
  .woocommerce ul.products.columns-5, .woocommerce ul.products.columns-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 3rem;
    gap: 1rem;
  }
}

/*------------------------------------------
- WC templates : Account
------------------------------------------*/
body.woocommerce-account #wp-content .gutenberg-content .woocommerce {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  margin: auto;
}
body.woocommerce-account #wp-content .gutenberg-content .woocommerce h2, body.woocommerce-account #wp-content .gutenberg-content .woocommerce h3 {
  font-size: 1.5rem;
  text-transform: none;
  font-weight: 600;
  margin-bottom: 0;
}
body.woocommerce-account #wp-content .gutenberg-content .woocommerce form.login, body.woocommerce-account #wp-content .gutenberg-content .woocommerce form.register {
  margin: 1rem 0rem;
  border: 1.5px solid #4DB7FF;
  min-height: 23rem;
}
body.woocommerce-account #wp-content .gutenberg-content .woocommerce form.login a, body.woocommerce-account #wp-content .gutenberg-content .woocommerce form.register a {
  color: #133754;
  font-weight: 500;
  border-bottom: 1.5px solid #FF1854;
}
body.woocommerce-account #wp-content .gutenberg-content .woocommerce address {
  border: none;
  padding: 0;
}
body.woocommerce-account #wp-content .gutenberg-content .woocommerce mark {
  background: #FFFFFF;
}
body.woocommerce-account #wp-content .gutenberg-content .woocommerce .woocommerce-MyAccount-navigation {
  max-width: 250px;
  width: 100%;
  margin-right: 50px;
}
body.woocommerce-account #wp-content .gutenberg-content .woocommerce .woocommerce-MyAccount-navigation ul {
  padding: 0;
  margin: 0;
}
body.woocommerce-account #wp-content .gutenberg-content .woocommerce .woocommerce-MyAccount-navigation ul li {
  list-style-type: none;
  width: 100%;
  padding: 15px 0;
  border-top: solid 1px #312C2C;
}
body.woocommerce-account #wp-content .gutenberg-content .woocommerce .woocommerce-MyAccount-navigation ul li a {
  color: #4DB7FF;
  font-weight: 500;
  display: block;
  width: 100%;
}
body.woocommerce-account #wp-content .gutenberg-content .woocommerce .woocommerce-MyAccount-navigation ul li a::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  float: right;
  opacity: 0;
}
body.woocommerce-account #wp-content .gutenberg-content .woocommerce .woocommerce-MyAccount-navigation ul li:first-of-type {
  border: none;
  padding-top: 0;
}
body.woocommerce-account #wp-content .gutenberg-content .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
  font-weight: 800;
}
body.woocommerce-account #wp-content .gutenberg-content .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a::after {
  color: #FF1854;
  opacity: 1;
}
body.woocommerce-account #wp-content .gutenberg-content .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads {
  display: none;
}
body.woocommerce-account #wp-content .gutenberg-content .woocommerce .woocommerce-MyAccount-content a {
  color: #4DB7FF;
  border-bottom: 1px solid #FF1854;
  font-weight: 500;
}
body.woocommerce-account #wp-content .gutenberg-content .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
  width: 100%;
  float: none;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  body.woocommerce-account #wp-content .gutenberg-content .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
    width: 100%;
    margin-bottom: 30px;
  }
}
body.woocommerce-account #wp-content .gutenberg-content .woocommerce .woocommerce-MyAccount-content form .form-row {
  display: flex;
  flex-direction: column;
}
body.woocommerce-account #wp-content .gutenberg-content .woocommerce .woocommerce-MyAccount-content form .form-row .select2-container .select2-selection__arrow .presentation {
  width: unset !important;
}
body.logged-in #wp-content .gutenberg-content .woocommerce {
  display: flex;
  justify-content: flex-start;
  flex-direction: unset;
  max-width: unset;
  width: 100%;
}
@media only screen and (max-width: 990px) {
  body.logged-in #wp-content .gutenberg-content .woocommerce {
    flex-direction: column;
  }
  body.logged-in #wp-content .gutenberg-content .woocommerce .woocommerce-MyAccount-navigation {
    max-width: unset;
    width: 100%;
    margin: 0 0 30px 0;
  }
}