/*!
Theme Name: EDERA
Theme URI: http://underscores.me/
Author: Dino Balliana
Author URI: http://dinoballiana.com/
Description: Edera's custom theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: edera
Tags: portfolio, custom-menu, featured-images

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# Utilities
	- Accessibility


--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	-webkit-text-size-adjust: 100%;
  	margin:0 !important;
}

#wpadminbar{
display:none !important;
}

[href^=tel] {
   text-decoration:inherit !important;
   color: inherit !important;
}

@font-face {
    font-family: 'Apercu Mono Light';
    src: url('ApercuMonoPro-Light.eot');
    src: url('font/ApercuMonoPro-Light.eot?#iefix') format('embedded-opentype'),
        url('font/ApercuMonoPro-Light.woff2') format('woff2'),
        url('font/ApercuMonoPro-Light.woff') format('woff'),
        url('font/ApercuMonoPro-Light.ttf') format('truetype'),
        url('font/ApercuMonoPro-Light.svg#ApercuMonoPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: block;
}

:root{
	/* COLORS */
	--white:#fff;
	--black:#000;
	--blue:#04268F;

	/* FONT SIZES */
	--big:75px;
	--medium:30px;
	--small:13px;

	/* LINE HEIGHTS */
	--big-h:68px;
	--medium-h:30px;
	--small-h:13px;

	/* SPACING */
	--space-small:14px;
	--space-big:130px;

  /* HEADER HEIGHT */
  --header-h:60px;
  --app-height:100%;
}

@media screen and (max-width:767px){
  :root{
	/* FONT SIZES */
	--big:30px;
	--medium:20px;
	--small:13px;

	/* LINE HEIGHTS */
	--big-h:30px;
	--medium-h:20px;
	--small-h:13px;

	/* SPACING */
	--space-small:10px;
    --space-big:120px;

    /* HEADER HEIGHT */
  --header-h:45px;
  }
}


/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
  	font-weight:500;
  font-family: 'Apercu Mono Medium', sans-serif;
  height: 100vh;
 height: var( --app-height);
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}


/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a,button {
	background-color: transparent;
  	margin:0;
  	border:none;
  	padding:0;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: 500;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}


/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/


/* Typography
--------------------------------------------- */
body,
input,
select,
optgroup,
textarea {
	color:var(--blue);
	font-family: 'Apercu Mono Medium', sans-serif;
	text-transform:uppercase;
  	font-weight:500;
}

/* Text dark mode */

body.dark-mode,
.dark-mode input,
.dark-mode select,
.dark-mode optgroup,
.dark-mode textarea,
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode a,
.dark-mode p {
	color:var(--white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0;
	clear: both;
  	font-weight:500;
}

p {
	font-size:var(--medium);
	line-height:var(--medium-h);
  margin:0;
}

.text_big{
	font-size:var(--big);
	line-height:var(--big-h);
}

.text_medium{
	font-size:var(--medium);
	line-height:var(--medium-h);
}

.text_small{
	font-size:var(--small);
	line-height:var(--small-h);
}

.text_legal{
	font-size:10px;
	line-height:10px;
	color:var(--white);
}

.text_light,.text_light p{
  	font-family: 'Apercu Mono Light';
	font-weight:300;
  	text-transform:none;
  	font-size:25px;
  line-height:30px;
}

.hidden-title-page{
position:absolute;
  z-index:0;
  display:block;
  width:1px;
  height:1px;
  visibility:hidden;
}

@media screen and (max-width:767px){
	.text_light,.text_light p{
  	font-size:20px;
  line-height:22px;
}
}


/* Elements
--------------------------------------------- */
body {
	background: var(--white);
}

/* body dark mode */

body.dark-mode{
	background:var(--black);
}


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

ul,
ol {
	margin: 0;
  padding:0;
}

ul {
	list-style: none;
}

ol {
	list-style: none;
}

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

dt {
	font-weight: 500;
}

dd {
	margin: 0;
}

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

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

video{
display:block;
}

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

/* Links
--------------------------------------------- */
a {
	color: var(--blue);
  text-decoration:none;
  font-weight:500;
}

a:visited {
	color: var(--blue);
}

a:hover,
a:focus,
a:active {
	color: var(--blue);
}

a:focus {
	outline: none;
}

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

/* Buttons */

a.default_btn{
  display:inline-block;
  color:var(--white);
  background-color:var(--blue);
  border:1px solid var(--blue);
  padding:5px 10px;
  border-radius:30px;
  font-weight:500;
  position:relative;
  bottom:8px;
}

a.default_btn:hover{
  color:var(--blue);
  background-color:var(--white);
}

@media screen and (max-width:1024px){
a.default_btn{
  display:inline-block;
  width:100%;
  text-align:center;
  bottom:0px;
}
}

/* Dark mode */

.dark-mode a {
	color: var(--white);
  text-decoration:none;
}

.dark-mode a:visited {
	color: var(--white);
}

.dark-mode a:hover,
.dark-mode a:focus,
.dark-mode a:active {
	color: var(--white);
}

.dark-mode a.default_btn{
  display:inline-block;
  color:var(--black);
  background-color:var(--white);
  border:1px solid var(--white);
  padding:5px 10px;
  border-radius:30px;
}

.dark-mode a.default_btn:hover{
  color:var(--white);
  background-color:var(--black);
}

/* ICONS */

.edera-icon{
width:35px;
}

.edera-icon .symbol{
	fill:var(--white);
}

.edera-icon .circle{
	fill:var(--blue);
  	stroke-width:1px;
  	stroke:var(--blue);
}

.dark-mode .edera-icon .symbol{
	fill:var(--black);
}

.dark-mode .edera-icon .circle{
	fill:var(--white);
  	stroke:var(--white);
}

.edera-icon:hover .symbol{
	fill:var(--blue);
}

.edera-icon:hover .circle{
	fill:var(--white);
}

.dark-mode .edera-icon:hover .symbol{
	fill:var(--white);
}

.dark-mode .edera-icon:hover .circle{
	fill:var(--black);
}

/* Forms
--------------------------------------------- */


input[type="submit"] {
	display:inline-block;
  color:var(--white);
  background-color:var(--blue);
  border:1px solid var(--blue);
  padding:5px 10px;
  border-radius:30px;
  font-weight:500;
  position:relative;
}


input[type="submit"]:hover {
  color:var(--blue);
  background-color:var(--white);
  border:1px solid var(--blue);
}

input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: var(--blue);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: var(--blue);
	border-bottom: 1px solid var(--blue);
	border-radius: 0px;
	padding: 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  border-bottom:1px solid var(--blue);
	color: var(--blue);
  outline:none;
}

select {
	border: 1px solid var(--blue);
}

textarea {
	width: 100%;
}

/* Placeholder */

input::placeholder,textarea::placeholder,select::placeholder{
	color:var(--blue) !important;
  font-size:var(--medium);
  line-height:var(--medium-h);
  text-transform:uppercase;
  opacity:1 !important;
  font-family: 'Apercu Mono Medium';
}

.dark-mode input::placeholder,
.dark-mode textarea::placeholder,
.dark-mode select::placeholder{
	color:var(--white) !important;
}


.form-section .wpforms-container-full{
margin:0;
}

/* Field */

.form-section .wpforms-container-full .wpforms-field-large,.form-section .wpforms-container-full .wpforms-field-medium{
	padding:0;
	border:none !important;
  	border-bottom:1px solid var(--blue) !important;
  	outline:none !important;
 	border-radius:0;
  	box-shadow:none !important;
  	color:var(--blue) !important;
  font-family: 'Apercu Mono Light';
	font-weight:300;
  	text-transform:none;
  	font-size:25px;
  line-height:30px;
  background:transparent;
}

.dark-mode .form-section .wpforms-container-full .wpforms-field-large,
.dark-mode .form-section .wpforms-container-full .wpforms-field-medium{
  	border-bottom:1px solid var(--white) !important;
  	color:var(--white) !important;
}

.dark-mode .form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices,
.dark-mode .form-section div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item{
color:var(--white) !important;
}


/* Select */

.form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item--selectable.choices__placeholder,.form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item--selectable{
	opacity:1;
  color:var(--blue) !important;
  font-size:var(--medium);
  line-height:var(--medium-h);
  text-transform:uppercase;
  font-family: 'Apercu Mono Medium';
}

.form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"]:after,
.form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"]:after{
	width:28px;
 	height:28px;
  right:2px;
  top:9px;
  background-image:url('https://www.edera.studio/wp-content/uploads/arrow_blue.png');
  border: none !important;
  background-repeat:no-repeat;
  background-size:contain;
  margin:0 !important;
}

.form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"].is-open:after,
.form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"].is-open:after{
	transform:rotate(-180deg);
}

.dark-mode .form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"]:after,
.dark-mode .form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"]:after{
	background-image:url('https://www.edera.studio/wp-content/uploads/arrow.png');
}

.form-section div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item{
	font-size:var(--small);
  line-height:var(--small-h);
  text-transform:uppercase;
  color:var(--blue);
  font-family: 'Apercu Mono Medium';
}

@media screen and (max-width:767px){
.form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"]:after,
.form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"]:after{
	width:20px;
 	height:20px;
  top:14px;
}

}

/* Error */

.form-section div.wpforms-container-full .wpforms-form label.wpforms-error,
.form-section div.wpforms-container-full .wpforms-form em.wpforms-error{
	color:var(--blue);
  text-transform:uppercase;
  font-size:var(--small);
  line-height:var(--small-h);
}

.form-section div.wpforms-container-full .wpforms-form label.wpforms-error:before,
.form-section div.wpforms-container-full .wpforms-form em.wpforms-error:before{
	background-color:var(--blue);
  top:-1px;
}

.dark-mode .form-section div.wpforms-container-full .wpforms-form label.wpforms-error,
.dark-mode .form-section div.wpforms-container-full .wpforms-form em.wpforms-error{
	color:var(--white);
}

.dark-mode .form-section div.wpforms-container-full .wpforms-form label.wpforms-error:before,
.dark-mode .form-section div.wpforms-container-full .wpforms-form em.wpforms-error:before{
	background-color:var(--white);
}

.form-section div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable:after{
 display:none !important;
}

.dark-mode .form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item--selectable.choices__placeholder,
.dark-mode .form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item--selectable{
  color:var(--white) !important;
}

.form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner{
border:none;
  border-radius: 0;
  background-color: transparent;
}

.form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown{
border: 1px solid var(--blue);
}

.dark-mode .form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown{
border: 1px solid var(--white);
}

.form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-focused .choices__inner,.form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__inner,.form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__list--dropdown{
border: 1px solid var(--blue);
  box-shadow: none;
  border-radius:0 !important;
}

.dark-mode .form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-focused .choices__inner,
.dark-mode .form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__inner,
.dark-mode .form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__list--dropdown{
border: 1px solid var(--white);
}


.form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__inner{
	border-bottom:none;
}

.form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single{
padding:0;
  background-color:transparent;
}

.form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown .choices__item--selectable.is-highlighted{
	background-color:var(--blue) !important;
  color:var(--white) !important;
}

.dark-mode .form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown{
background-color:var(--black) !important;
}

.dark-mode .form-section div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown .choices__item--selectable.is-highlighted{
	background-color:var(--white) !important;
  color:var(--black) !important;
}

.form-section .wpforms-container-full .wpforms-field{
padding:0 0 var(--space-small);
}

/* MESSAGE */

.form-section div.wpforms-container-full .wpforms-confirmation-container-full,
.form-section div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){
	background:transparent;
  	border:none;
  	padding:0;
  	margin:0;
}

.form-section div.wpforms-container-full .wpforms-confirmation-container-full p,
.form-section div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p{
	color:var(--blue);
  font-size:var(--big);
  line-height:var(--big-h);
  text-transform:uppercase;
}

.dark-mode .form-section div.wpforms-container-full .wpforms-confirmation-container-full p,
.dark-mode .form-section div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p{
	color:var(--white);
}


@media screen and (max-width:767px){
	.form-section .wpforms-container-full .wpforms-field-large,.form-section .wpforms-container-full .wpforms-field-medium{
  	font-size:20px;
  line-height:22px;
}
}


/*Accettazione */

.form-section .wpforms-container-full .required_text input{
display:none;
}

.form-section .wpforms-container-full .required_text .wpforms-field-label-inline{
padding:0;
font-size:var(--small);
  line-height:var(--small-h);
  text-transform:uppercase;
  color:var(--blue);
}

.dark-mode .form-section .wpforms-container-full .required_text .wpforms-field-label-inline{
  color:var(--white);
}

.form-section .wpforms-container-full .accettazione_privacy .wpforms-field-label-inline{
	font-size:var(--small);
  line-height:var(--small-h);
  color:var(--blue);
  font-family: 'Apercu Mono Light';
	font-weight:300;
}

.dark-mode .form-section .wpforms-container-full .accettazione_privacy .wpforms-field-label-inline{
  color:var(--white);
}

div.wpforms-container-full .accettazione_privacy input[type=checkbox]:before{
border:1px solid var(--blue) !important;
  box-shadow:none !important;
  border-radius:0;
  background-color:var(--blue);
}

.dark-mode div.wpforms-container-full .accettazione_privacy input[type=checkbox]:before{
border:1px solid var(--white) !important;
  background-color:var(--white);
}

div.wpforms-container-full .accettazione_privacy input[type=checkbox]:checked:after{
	border-color:var(--white);
}

.dark-mode div.wpforms-container-full .accettazione_privacy input[type=checkbox]:checked:after{
  border-color:var(--black);
}

/* Bottoni send */

.form-section .form-col .wpforms-container-full .wpforms-submit{
  display:inline-block;
  color:var(--white);
  background-color:var(--blue) !important;
  border:1px solid var(--blue) !important;
  padding:5px 10px;
  border-radius:30px;
  font-weight:500;
  position:relative;
  bottom:8px;
  outline:none !important;
  font-size:var(--medium);
  line-height:var(--medium-h);
  text-transform:uppercase;
  height:auto;
  transition:none !important;
}


.form-section .form-col .wpforms-container-full .wpforms-submit:hover,.form-section .form-col .wpforms-container-full .wpforms-submit:focus{
  color:var(--blue);
  background:var(--white) !important;
  outline:none !important;
  box-shadow:none;
}

.dark-mode .form-section .form-col .wpforms-container-full .wpforms-submit{
  color:var(--black);
  background-color:var(--white) !important;
  border:1px solid var(--white) !important;
}


.dark-mode .form-section .form-col .wpforms-container-full .wpforms-submit:hover{
  color:var(--white);
  background:var(--black) !important;
}

@media screen and (max-width:1024px){
.form-section .form-col .wpforms-container-full .wpforms-one-half{
  width:100%;
  margin:0;
  }

  .form-section .form-col .wpforms-container-full .wpforms-submit{
  display:block;
  width:100%;
}
}

/* TEXT SELECTION */

::-moz-selection{
  color: var(--white);
background-color:var(--blue);
}

::selection{
  color: var(--white);
background-color:var(--blue);
}

.dark-mode ::-moz-selection{
  color: var(--black);
background-color:var(--white);
}

.dark-mode ::selection {
  color: var(--black);
background-color:var(--white);
}

section.section_full.dark ::selection{
	color:var(--black);
  background-color:var(--white);
}

section.blue-bg ::selection{
	color:var(--blue);
  background-color:var(--white);
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
section{
	margin: 0 var(--space-small);
  padding-top:var(--space-small);
}

section.section_full{
 margin:0;
 padding:var(--space-small) var(--space-small) 0;
}

@media screen and (min-width:1600px){
	section{
	  padding:var(--space-small) 0 0;
		max-width:1600px;
		margin:0 auto;
	}

	section.section_full{
	 margin:0;
	 max-width:100%;
	 padding:var(--space-small) var(--space-small) 0;
	}

	section.section_full .full-wrap{
		max-width:1600px;
		margin:0 auto;
	}
}

section.section_full.dark{
 background-color:var(--black);
  padding-bottom:calc(var(--space-big) - var(--space-small));
}

section.no-padding{
  	padding:0;
}

section.section_full.dark .text_medium,
section.section_full.dark .text_big,
section.section_full.dark .text_small{
	color:var(--white);
}

.section_min_height.section_full{
	min-height:calc(100vh - var(--header-h));
  padding:0;
}

.section_min_height.flex .col{
	width:50%;
    position:relative;
}

.padding_regular{
	padding-top:var(--space-small);
}

.padding_odd{
	padding-bottom:var(--space-big);
}

.flex{
	display:flex;
	flex-wrap:nowrap;
}

@media screen and (max-width:1024px){
	.flex{
	flex-wrap:wrap;
}

}

@media screen and (max-width:767px){
  .section_min_height.section_full{
    min-height:calc(100% - var(--header-h));
  }
}


/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* TICKER */

.infinite-container{
    overflow:hidden;
  padding:var(--space-small) 0;
}

.section_full.dark .infinite-container{
	padding:0;
}
.infinite-container .infinite-wrap{
    width:auto;
   display: flex;
   flex-wrap: nowrap;
}

.infinite-container .item-block{
    display:inline-block;
    white-space: nowrap;
  	padding-left:20px;
}

.infinite-container svg{
display:inline-block;
  width:25px;
  fill:var(--blue);
  position:relative;
  top:2px;
}

@media screen and (max-width:767px){
.infinite-container svg{
display:inline-block;
  width:15px;
  fill:var(--blue);
  top:1px;
}
}

.dark-mode .infinite-container svg, .dark .infinite-container svg{
fill:var(--white);
}

/* SHIFT ANIMATION */


.text_shift .shift-container{
      display: inline-block;
    width: 233px;
    height: 62px;
    overflow: hidden;
}

.text_shift .shift_wrap{
  	position:relative;
  	display:inline-block;
	animation:shift 2s ease infinite;
}

.text_shift .shift_wrap .item{
	display:block;
}

@keyframes shift{
  0%{
  	transform:translate3d(0,0,0);
  }
  60%{
  	transform:translate3d(0,0,0);
  }
  99.99%{
  	transform:translate3d(0,-68px,0);
  }
  100%{
  	transform:translate3d(0,0,0);
  }
}

@media screen and (max-width:767px){

.text_shift .shift-container{
      display: inline-block;
    width: 93px;
    height: 26px;
    overflow: hidden;
}

.text_shift .shift_wrap{
	animation:shift-mobile 2s ease infinite;
}

}

@keyframes shift-mobile{
  0%{
  	transform:translate3d(0,0,0);
  }
  60%{
  	transform:translate3d(0,0,0);
  }
  99.99%{
  	transform:translate3d(0,-30px,0);
  }
  100%{
  	transform:translate3d(0,0,0);
  }
}

/* VIDEO */

video::-webkit-media-controls {
  display: none;
}

.video_reel video{
max-width:100%;
  height:auto;
}

.video_poster{
position:relative;
  z-index:5;
}

.video_poster.mobile{

display:none;
}

@media screen and (max-width:1024px){

.video_poster.mobile{

display:block;
}

.video_poster.desk{

display:none;
}
}

.video-load .video_poster.mobile, .video-load .video_poster.desk{
display:none;

}


/* DARK MODE SWITCH */

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 31px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch .label-text{
	position:absolute;
  top:0;
  height:0;
  z-index:0;
  width:0;
  height:0;
  visibility:hidden;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
	border:1px solid var(--blue);
  -webkit-transition: .2s;
  transition: .2s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 23px;
  width: 23px;
  left: 4px;
  bottom: 3px;
  background-color: var(--blue);
  -webkit-transition: .2s;
  transition: .2s;
}

input:checked + .slider{
  border:1px solid var(--white);
}

input:checked + .slider:before {
  background-color: var(--white);
}


input:checked + .slider:before {
  -webkit-transform: translateX(23px);
  -ms-transform: translateX(23px);
  transform: translateX(23px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* ON BLUE MENU */

@media screen and (max-width:1024px){

/* The slider */
.slider {
	border:1px solid var(--white);
}

.slider:before {

  background-color: var(--white);
}

input:checked + .slider{
  border:1px solid var(--white);
  background-color:var(--black);
}

input:checked + .slider:before {
  background-color: var(--white);
}

}

/* INTRO */

.intro .text_big{
	display:inline-block;
}

/* SOCIAL BANNER */


.section_shift .intro{
padding-bottom:var(--space-small);
}

.social_posts .social_col{
width:50%;
  border-top:1px solid var(--white);
  padding-top:var(--space-small);
}

.social_posts .social_col .intro{
padding-bottom:var(--space-small);
}

.social_col.tiktok .tiktok-feed-item__icon--views_count{
margin:0;
  display:block;
  width:100%;
  top:0;
}

.social_col.tiktok .tiktok-feed-item__icon--views_count svg,.social_col.tiktok .tiktok-feed-item__icon--views_count span{
display:none;
}

.social_col.tiktok .tiktok-feed-item__wrap,.social_col.tiktok .tiktok-feed-item__video-wrap{
background-color:transparent;
}

.social_col.tiktok .tiktok-feed-item__video-wrap:hover img{
opacity:0.85;
}

.social_col.tiktok .tiktok-feed__actions{
display:none;

}

@media screen and (max-width:1024px){
.social_posts .social_col{
width:100%;
}

  .social_posts .social_col:nth-child(2){
border-top:none;
}
}

@media screen and (min-width:768px){

.social_col.tiktok .tiktok-feed-list[data-feed_layout=masonry] .tiktok-feed-item,
.social_col.tiktok .tiktok-feed-list[data-feed_layout=gallery] .tiktok-feed-item{
	min-width:16.6%;
}
}

@media screen and (max-width:767px){

.social_col.tiktok .tiktok-feed-list[data-feed_layout=masonry] .tiktok-feed-item,
.social_col.tiktok .tiktok-feed-list[data-feed_layout=gallery] .tiktok-feed-item{
	min-width:16.6%;
}
}

/* FOOTER */
.site-footer{
	background-color:var(--black);
  position:relative;
  padding: 0 var(--space-small);
}

.site-footer svg{
	fill:var(--white);
}

.site-footer .text_small{
color:var(--white);
}

.site-footer .footer_legal_wrap{
	padding: var(--space-small) 0;
  z-index:10;
  width:100%;
}


.site-footer .footer_legal_col{
	width:25%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.site-footer .footer_legal_col .text_legal{
	padding-top:5px;
}


.site-footer .footer_legal_col:nth-child(4){
display:flex;
justify-content:space-between;
}

.site-footer .footer_legal_col:nth-child(4) .logo-col{
	width:80px;
  	position: absolute;
    right: 14px;
    bottom: 37px;
}

@media screen and (min-width:1600px){
	.site-footer .footer_legal_wrap{
		max-width:1600px;
		margin:0 auto;
		position:relative;
	}
}


@media screen and (max-width:1024px){
.site-footer .footer_legal_wrap{
	padding: 0;
  position:relative;
  bottom:auto;
  left:auto;
  display:block;
  text-align:center;
  padding:var(--space-small) 0 calc(var(--space-small) + 50px);
  }


  .site-footer .footer_legal_col{
    display:flex;
    column-gap:var(--space-small);
    padding-bottom:var(--space-small);
    display:block;
    text-align:center;
    width:100%;
}

.site-footer .footer_legal_col:nth-child(2){
  justify-content:flex-end;
  width: auto;
  padding-right:5px;
  display:inline-block;
  padding-bottom:0;
}

.site-footer .footer_legal_col:nth-child(3){
  justify-content:flex-start;
  width: auto;
  padding-left:5px;
  padding-right:5px;
  display:inline-block;
  padding-bottom:0;
}

.site-footer .footer_legal_col:nth-child(4){
display:inline-block;
  justify-content:center;
  width:auto;
  padding-bottom:0;
}

  .site-footer .footer_legal_col:nth-child(4) .logo-col{
    width:130px;
    bottom:var(--space-small);
    left:50%;
    right:auto;
    transform:translate3d(-50%,0,0);
}

}


/* PROJECT LIST */

.prj_list .flex{
	flex-wrap:wrap;
  	gap:var(--space-small);
}

.prj_list .flex li{
	width:calc(50% - (var(--space-small) / 2));
}


@media screen and (max-width:1024px){


.prj_list .flex li{
width:100%;
}

  .prj_list.correlati .flex li:first-child{
  	margin-bottom:var(--space-small);
  }

.prj_list .flex li:nth-child(odd){
padding-right:0px;
}

.prj_list .flex li:nth-child(even){
padding-left:0px;
}


}

/* Single item */

.prj_item video{
	margin-bottom:var(--space-small);
}


/* SECTION COL FIXED */

.section_image_fixed.flex .flex_col{
	width:50%;
}

.section_image_fixed.flex .flex_col.video_reel{
	padding-right:7px;
  	overflow:hidden;
  position:relative;
}

.section_image_fixed.flex .flex_col.scroll_col{
	padding-left:7px;
	margin-right:var(--space-small);
}

.section_image_fixed.flex .flex_col.video_reel video{
	width:100%;
  	object-fit:cover;
  	height: calc(100vh - var(--header-h));
  	display:block;
  	background-size:cover;
  	background-position:center;
}

.section_image_fixed.flex .flex_col.video_reel img{
	width:100%;
  	object-fit:cover;
  	height: calc(100vh - var(--header-h));
  	display:block;
}


.section_image_fixed .min-height-col{
	min-height: calc(100vh - var(--header-h));
  	padding:var(--space-small) 0;
  	display:flex;
  	flex-direction:column;
  	justify-content:space-between;
}


.fixed_col.abs{
	position:absolute;
	top:auto;
	bottom:0;
  width:calc(100% - 7px);
  left:0;
}

.fixed_col.fix{
	position:fixed;
	top:var(--header-h);
	bottom:auto;
  	left:var(--space-small);
	width:calc(50% - 28px);
}

@media screen and (min-width:1600px){
	.fixed_col.fix{
		left: calc((100vw - 1600px) / 2);
    width: calc((1600px / 2) - 14px);
	}
}

@media screen and (max-width:1024px){
 .section_image_fixed .min-height-col{
	min-height: 1px;
  	justify-content:flex-start;
}

.fixed_col.abs{
	position:relative;
	top:auto;
	bottom:auto;
  	width:100%;
}

.fixed_col.fix{
	position:relative;
	top:auto;
	bottom:auto;
  	left:auto;
	width:100%;
}

.section_image_fixed.flex .flex_col{
	width:100%;
}
.section_image_fixed.flex .flex_col.video_reel video,.section_image_fixed.flex .flex_col.video_reel img{
	width:100%;
  	object-fit:cover;
  	height: auto;
}


  .section_image_fixed.flex .flex_col.video_reel,.section_image_fixed.flex .flex_col.scroll_col{
	padding-right:0;
    padding-bottom:0;
}

}

/* Navigation
--------------------------------------------- */
.site-header{
	position:fixed;
	background-color:var(--white);
	width:100%;
	top:0;
	left:0;
  	padding:var(--space-small);
  	z-index:99999;
  	height:var(--header-h);
}

.dark-mode .site-header{
	background-color:var(--black);
}

.site-header:after{
	content:'';
    width:calc(100vw - (var(--small) * 2));
    height:1px;
    background-color:var(--blue);
    position:absolute;
    bottom:-1px;
    left:var(--small);
}

.dark-mode .site-header:after{
	background-color:var(--white);
}


.site-header .header_col{
	width:25vw;
}

.site-header .header_col.header_col_nav{
	width:50vw;
}

.site-header .header_col.header_col_switch{
min-width:calc(65px + var(--space-small));
}

/* SOCIAL BUTTONS */

.site-header .header_col .social_col{
  position:absolute;
  top:12px;
  right:var(--space-small);
}

.site-header .header_col .social_col a{
	display:inline-block;
}


.site-header .header_col .social_col li:nth-child(2){
  margin-left:5px;
}


/* LOGO COL */

.site-header .header_col.header_col_site-branding{
	padding-right:var(--space-small);
  min-width:352px;
}

.header_col_site-branding .edera_logo{
	fill:var(--blue);
  height:30px;
}

/* Dark mode logo */

.dark-mode .header_col_site-branding .edera_logo{
	fill:var(--white);
}


/* MENU */

.header_col_main-navigation ul{
column-count:2;
  column-gap: 25vw;
  position:relative;
  bottom:4px;
}

.header_col_main-navigation ul li{
display: inline-block;
    line-height: 0;
    padding: 0;
  font-size: 0;
  position:relative;
}

.header_col_main-navigation ul li.active,.header_col_main-navigation ul li:hover{
	padding-left:11px;
}

.header_col_main-navigation ul li.active:after,.header_col_main-navigation ul li:hover:after{
	content:'';
    width:10px;
    height:10px;
    position:absolute;
    left:0;
    top:2px;
    background-image:url('imgs/favicon.png');
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
}

.dark-mode .header_col_main-navigation ul li.active:after,.dark-mode .header_col_main-navigation ul li:hover:after{
  background-image:url('imgs/favicon_w.png');
}

.header_col_main-navigation ul li.active a{
	pointer-events:none;
}

.header_col_main-navigation ul a{
font-size:var(--small);
  line-height:var(--small-h);
}

.main-navigation {
	display: block;
	width: 100%;
}

#hamburger_btn{
display:none;
}

@media screen and (min-width:1600px){
	.site-header .header_wrapper{
		max-width:1600px;
		margin:0 auto;
		position:relative;
		padding:0;
	}

	.site-header .header_col .social_col{
		top:0;
		right:0;
	}

	.site-header:after{
	    width:1600px;
			left:50%;
			transform:translate3d(-50%,0,0);
	}

	.site-header .header_col{
		width:calc(1600px / 4);
	}

	.header_col_main-navigation ul{
		column-gap: calc(1600px / 4);
	}

}


/* Menu mobile */

@media screen and (max-width:1050px){
  .site-header .header_col{
	width:16vw;
}
}

@media screen and (max-width:1024px){
   .site-header .flex{
  	flex-wrap:nowrap;
  }

  .site-header:before{
  	content:'';
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-color:var(--white);
    z-index:1;
  }

  .dark-mode .site-header:before{
  	background-color:var(--black);
  }

  .on_menu .site-header:before{
  	background-color:var(--blue);
  }

#hamburger_btn{
display:flex;
  width:55px;
  height:30px;
  border:none;
  border-radius:0;
  background-color:transparent;
  flex-direction:column;
  justify-content:space-between;
  padding:0;
  margin:0;
  cursor:pointer;
  z-index:15;
  position:relative;
}

  #hamburger_btn:after,#hamburger_btn:before{
  	content:'';
  }

  #hamburger_btn .line,#hamburger_btn:after,#hamburger_btn:before{
  	width:100%;
    height:4px;
    background-color:var(--blue);
    position:relative;
  }

  .dark-mode #hamburger_btn .line,.dark-mode #hamburger_btn:after, .dark-mode #hamburger_btn:before{
  	background-color:var(--white);
  }

  .on_menu #hamburger_btn{
  	justify-content:center;
  }

  .on_menu #hamburger_btn .line{
  	opacity:0;
  }

  .on_menu #hamburger_btn:after,.on_menu #hamburger_btn:before{
  	background-color:var(--white);
  }

  .on_menu #hamburger_btn:after{
    bottom:4px;
  	transform:rotate(-25deg);
  }

  .on_menu #hamburger_btn:before{
     top:4px;
  	transform:rotate(25deg);
  }

  .header_col_site-branding{
  	position:relative;
    z-index:15;
  }

  .on_menu .header_col_site-branding .edera_logo{
    fill:var(--white);
  }

  .on_menu .site-header:after{
    background-color:var(--white);
    z-index:15;
}

  .menu_mobile{
  	position:absolute;
    width:100%;
    top:0;
    left:0;
    background-color:var(--blue);
    flex-direction:column-reverse;
    padding: calc(var(--header-h) + var(--space-small) + 1px) var(--space-small) var(--space-small);
    z-index:0;
    transform:translate3d(0,-100%,0);
    transition:transform .3s linear;
  }
  .on_menu .menu_mobile{
  	transform:translate3d(0,0%,0);
  }

  .site-header .header_col{
	width:100%;
}

.site-header .header_col.header_col_nav{
	width:100%;
}

  .header_col_main-navigation ul{
column-count:1;
  column-gap: 0;
  position:relative;
  bottom:auto;
    display:flex;
    flex-direction:column;
}

  .header_col_main-navigation ul li{
  	display:inline-block;
  }


  .header_col_main-navigation ul li.active,.header_col_main-navigation ul li:hover{
	padding-left:0px;
}

   .header_col_main-navigation ul li a{
	color:var(--white);
     font-size:var(--big);
     line-height:75px;
}
  .site-header .header_col .social_col{
  position:absolute;
  top:auto;
    bottom:var(--space-small);
  right:var(--space-small);
}

.dark-mode .site-header .header_col .social_col svg .circle, .site-header .header_col .social_col svg .circle{
	fill:var(--white);
}

.dark-mode .site-header .header_col .social_col svg .symbol, .site-header .header_col .social_col svg .symbol{
	fill:var(--blue);
}

  .header_col_main-navigation{
  	padding-bottom:var(--space-small);
  }

  .header_col_main-navigation ul li.active a{
    color:var(--blue);
    background-color:var(--white);
    position:relative;
    z-index:0;
}

  .header_col_main-navigation ul li.active:after,.header_col_main-navigation ul li.active:before{
    content:'';
    position:absolute;
    width:50%;
    height:18px;
    left:0;
    background-color:var(--blue);
    z-index:10;

  }
  .header_col_main-navigation ul li.active:after{
  	top:-10px;
    background-image:none !important;
  }
  .header_col_main-navigation ul li.active:before{
  	bottom:-10px;
  }
}

@media screen and (max-width:767px){



  .site-header:after{
    width:calc(100vw - 20px);
    left:var(--space-small);
}

  .header_col_main-navigation ul li a{
     line-height:42px;
}

  #hamburger_btn{
  width:45px;
	height:25px;
}
   #hamburger_btn .line,#hamburger_btn:after,#hamburger_btn:before{
  	width:100%;
    height:4px;
    background-color:var(--blue);
    position:relative;
  }

  .on_menu #hamburger_btn:after{
    bottom:4px;
  	transform:rotate(-25deg);
  }

  .on_menu #hamburger_btn:before{
     top:4px;
  	transform:rotate(25deg);
  }

  .site-header .header_col.header_col_site-branding{
  min-width:1px;
}

.header_col_site-branding .edera_logo{
  height:25px;
}

}

/* Posts and pages
--------------------------------------------- */
.site-main{
margin-top:var(--header-h);
}

/* HOME */



#home-hero{
position:relative;
  padding:0;
  margin-top:var(--space-small);

}

@media screen and (min-width:1600px){
	#home-hero{
	  padding:0;
	}
}

#home-hero .video_responsive{
position:absolute;
  top:0;
  left:0;
  width:100%;
  height:auto;
  z-index:0;
  opacity:0;
}

#home-hero.video-load .video_responsive{
position:relative;
  opacity:1;
}

a.default_btn.allwork_btn_mobile{
display:none;
}

@media screen and (max-width: 1024px) {
a.default_btn.allwork_btn_mobile{
display:inline-block;
  margin-bottom:var(--space-small);
}
  a.default_btn.allwork_btn{
  	display:none;
  }

  .home .main_intro a.default_btn{
margin-top:var(--space-small);

}

}

.prj_list.featured{
	border-top:1px solid var(--blue);
}

.dark-mode .prj_list.featured{
	border-top:1px solid var(--white);
}

/* INFO */

.service-label{
	padding-top:20px;
}

.info .main_title{
  padding: 0 0 var(--space-big);

}

.info_service_list li{
	display:flex;
  align-items:flex-start;
  padding-top:20px;
}

.info_service_list li svg{
width:22px;
  margin-right:8px;
  fill:var(--blue);
  position:relative;
  top:3px;
}

.dark-mode .info_service_list li svg{
	fill:var(--white);
}

@media screen and (max-width:760px){
.info_service_list li svg{
	width:15px;
}
}

/* WORK */

.work-archive .page-header{
position:absolute;
  top:0;
  left:0;
  visibility:hidden;
  display:none;
}


.prj_list.work_complete li:nth-child(n+5){
width:calc(25% - 11px);
}

@media screen and (max-width:1024px){
.prj_list.work_complete li:nth-child(n+5){
width:calc(50% - (var(--space-small) / 2));
}

}

.post-type-archive-work .site-footer{
margin-top:var(--space-big);
}



/* SINGLE WORK */

.type-work .entry-title{
	padding:var(--space-small) 0 var(--space-big) 0;
}


.info_aggiuntive{
padding:var(--space-small) 0 var(--space-big);
}

.single-work .gallery_wrap .gallery_section:last-child{

  margin-bottom:calc(var(--space-big) - 35px);

}

/* Sliders */

.gallery_section{
border-top:1px solid var(--blue);
  padding-bottom:var(--space-small);
}

.dark-mode .gallery_section{
border-top:1px solid var(--white);
}

.free_slider{
  padding-top:var(--space-small);
width:auto;
  position:relative;
}

.free_slider .swiper-wrapper{
flex-wrap:nowrap;
}

.free_slider .swiper-slide{
width:auto;
height: 650px;
  max-width:100%;
  position:relative;
}

.free_slider .swiper-slide video,.free_slider .swiper-slide img{
width:auto;
height: 100%;
}

.free_slider .video_btn{
	position:absolute;
  z-index:10;
  cursor:pointer;
}

.video_btn.video-play{
	top:50%;
  left:50%;
  width:85px;
  height:85px;
  transform:translate3d(-50%,-50%,0);
  outline:none;
  background-color:transparent;
  border:none;
}

.video_btn.video-play svg{
width:100%;
}

.video_btn.video-pause{
	bottom:var(--space-small);
  left:var(--space-small);
  width:45px;
  height:45px;
  outline:none;
  background-color:transparent;
  border:none;
  display:none;
}

.video_btn.video-pause svg{
width:100%;
}

.on_play .video_btn.video-pause{
	display:block;
}

.inactive_user.on_play .video_btn.video-pause{
display:none;

}

.on_play .video_btn.video-play{
	display:none;
}

.video_btn .circle,.swiper-button .circle{
	fill:var(--blue);
}

.video_btn .play,.video_btn .symbol,.swiper-button .symbol{
	fill:var(--white);
}

.free_slider .slider_navigation{
  padding-top:var(--space-small);
display:flex;
  width:100%;
  justify-content:flex-end;
}

.free_slider .swiper-button{
position:relative;
  top:auto;
  left:auto;
  right:auto;
  width:35px;
  height:35px;
  margin-top:0;
}

.free_slider .swiper-button-next{
transform:scale(-1);
  margin-left:5px;
}

.free_slider .swiper-button:after{
display:none;

}

.free_slider .swiper-button-next.swiper-button-disabled,.free_slider .swiper-button-prev.swiper-button-disabled{
opacity:1;
}

.free_slider .swiper-button-next.swiper-button-disabled .circle,
.free_slider .swiper-button-prev.swiper-button-disabled .circle{
	fill:var(--white);
}

.free_slider .swiper-button-next.swiper-button-disabled .symbol,
.free_slider .swiper-button-prev.swiper-button-disabled .symbol{
	fill:var(--blue);
}

.dark-mode .free_slider .swiper-button-next.swiper-button-disabled .circle,
.dark-mode .free_slider .swiper-button-prev.swiper-button-disabled .circle{
	fill:var(--black);
}

.dark-mode .free_slider .swiper-button-next.swiper-button-disabled .symbol,
.dark-mode .free_slider .swiper-button-prev.swiper-button-disabled .symbol{
	fill:var(--white);
}

/* Single video */

.gallery_section .single-video{
max-width:100%;
  height:auto;
}

/* Progress bar */

.single-video-wrap .video-progress{
	width: calc(100% - 87px);
	 position:absolute;
  	left:73px;
  	bottom:calc(var(--space-small) + 13px);
  	height:18px;
  display:none;
}

.on_play.single-video-wrap .video-progress{
 display:block;
}

.on_play.inactive_user.single-video-wrap .video-progress{
 display:none;
}

.touch-device .on_play.single-video-wrap .video-progress{
 display:none;
}

.video-progress progress{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 30px;
  width: 100%;
  height: 18px;
  pointer-events: none;
  border:2px solid var(--blue);
  position: absolute;
  top: 0;
  margin:0;
  background-color:var(--blue);
}

.dark-mode .video-progress progress{
	border:2px solid var(--black);
}

.video-progress progress::-webkit-progress-bar {
  background-color: var(--blue);
  border-radius: 30px;
}

.dark-mode .video-progress progress::-webkit-progress-bar {
  background-color: var(--black);
}

.video-progress progress::-webkit-progress-value {
  background: var(--white);
  border-radius: 30px 0 0 30px;
}

.dark-mode .video-progress progress::-webkit-progress-value {
  background: var(--white);
}

.video-progress progress::-moz-progress-bar {
  border: none;
  background: var(--white);
}

.dark-mode .video-progress progress::-moz-progress-bar {
  background: var(--black);
}

.seek {
  position: absolute;
  top: 0;
  width: 100%;
  cursor: pointer;
  margin: 0;
}

.seek:hover+.seek-tooltip {
  display: block;
}

.seek-tooltip {
  display: none;
  position: absolute;
  top: -24px;
  margin-left: -20px;
  font-size: 12px;
  padding: 3px;
  content: attr(data-title);
  color: var(--white);
  background-color: var(--blue);
}

.dark-mode .seek-tooltip {
  color: var(--black);
  background-color: var(--white);
}

input[type=range] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%;
  background: transparent; /* Otherwise white in Chrome */
  border:none;
  box-shadow:none;
  margin:0;
  color:var(--white);
  overflow:hidden;
}

.dark-mode input[type=range] {
  color:var(--black);
}


input[type=range]:focus {
  outline: none;
  margin:0;
  border:none;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  cursor: pointer;
  border-radius: 100%;
  -webkit-appearance: none;
  transition: all 0.4s ease;
}

input[type=range]::-webkit-slider-thumb {
  height: 18px;
  width: 18px;
  border-radius: 100%;
  background: var(--white);
  border:1px solid var(--blue);
  cursor: pointer;
  -webkit-appearance: none;
  margin:0px 0 0 0px;
}

.dark-mode input[type=range]::-webkit-slider-thumb {
  background: var(--white);
  border:1px solid var(--black);
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: transparent;
  border:none;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 18px;
  cursor: pointer;
  border: none;
  background: transparent;

}

input[type=range]::-moz-range-thumb {
  height: 18px;
  width: 18px;
  border-radius: 100%;
  background: var(--white);
  border:1px solid var(--blue);
  cursor: pointer;
  -webkit-appearance: none;
  margin:0px 0 0 0px;
}

.dark-mode input[type=range]::-moz-range-thumb {
  background: var(--white);
  border:1px solid var(--black);
}

input[type=range]:focus::-moz-range-track {
  outline: none;
  border-radius:30px;
  background:transparent;
}


@media screen and (max-width:1024px){
.free_slider .slider_navigation{
  justify-content:space-between;
}

  .free_slider .swiper-slide video,.free_slider .swiper-slide img{
object-fit:cover;
}
}

@media screen and (max-width:1024px){
.free_slider .swiper-slide{
height: 550px;
}
}



/* CONTACT */


.section_min_height .col.blue-col{
	background-color:var(--blue);
}

.section_min_height .col .anchor{
  width:1px;
  height:var(--header-h);
  position:absolute;
  bottom:0;
  right:0;
  z-index:0;
}

.section_min_height .col.blue-col .text_big,.section_min_height .col.blue-col .text_small{
	color:var(--white) !important;
}

.contact .question-wrap{
  	padding:var(--space-small);
	min-height:calc(50vh - (var(--header-h) / 2));
  	display:flex;
  flex-direction:column;
  justify-content:space-between;
  position:relative;
}



.contact .question-wrap:first-child:after{
content:'';
  position:absolute;
  bottom:0;
  left:0;
  width:calc(100% - var(--space-small));
  height:1px;
  background-color:var(--blue);
}

.dark-mode .contact .question-wrap:first-child:after{
  background-color:var(--white);
}

.contact .question-wrap a.default_btn{
margin-top:var(--space-small);
}

/* Logo col */

.section_min_height .col.blue-col.logo-col{
	display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;

}

.section_min_height .col.blue-col.logo-col svg{
	max-width:440px;
  	width:30vw;
  	fill:var(--white);
}

.section_min_height .col.blue-col.logo-col .text_small span{
  	color:var(--white);
}



@media screen and (min-width:1600px){
	.page-id-20 .section_full{
		max-width:1600px;
		margin:0 auto;
	}

	.page-id-20 .section_full.section_shift{
		max-width:100%;
	}
}

@media screen and (max-width:1024px){


.page-id-20 .section_min_height.flex .col{
	width:100%;
}


  .section_min_height .col.blue-col{
  	padding-bottom:var(--space-big);
  }

  .section_min_height .col.blue-col.logo-col{
    padding:10px 0 30px;

}

  .section_min_height .col.blue-col.logo-col svg{
  	width:380px;
}

  .contact .question-wrap a.default_btn{
  margin-top:var(--space-small);
  }

  .not-safari .section_min_height.section_bivio .question-wrap{
  	min-height:calc((100vh - (var(--header-h) + 184px)) / 2);
  }

  .section_min_height.section_bivio .question-wrap{
  	min-height:calc((100% - (var(--header-h) + 184px)) / 2);
  }

}

@media screen and (max-width:767px){

  #mobile-min-height .col{
  	height: calc(100% - 165px);
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
  }

    #mobile-min-height .col.blue-col.logo-col{
       height:165px;
      flex-grow:0;
    }
	  .section_min_height .col.blue-col.logo-col svg{
  	width:240px;

}

.section_min_height.section_bivio .question-wrap{
  	min-height:50%;
  }

.not-safari .section_min_height.section_bivio .question-wrap{
  	min-height:calc((100vh - (var(--header-h) + 165px)) / 2);
  }
  .section_min_height .col.blue-col.logo-col .text_small{
  	text-align:center;
  }

  .section_min_height .col.blue-col.logo-col .mobile-line{
  	display:block;
    text-align:center;
  }

  .section_min_height .col.blue-col.logo-col .mobile-gone{
  	display:none;
  }

}

/* Form section */

.form-section .col:after{
	content:'';
  	width:calc(100% - var(--space-small));
	height:1px;
  	position:absolute;
  	top:0;
  	left:0;
  	background-color:var(--blue);
}

.dark-mode .form-section .col:after{
  	background-color:var(--white);
}

.form-section .col{
  position:relative;
  padding:var(--space-small);
}

.form-section .blue-col:after{
	background-color:var(--white);
	left:auto;
  right:0;
}


.page-id-20.dark-mode .section_shift{
border-top:1px solid var(--white);

}

@media screen and (min-width:1600px){
	.contact .question-wrap,.form-section .col{
		padding-right:0;
	}
	.form-section .col:after,.contact .question-wrap:first-child:after{
		width:100%;
	}
}

@media screen and (max-width:1024px){
.form-section .col:after{
	display:none;
}

}

@media screen and (max-width:767px){
.form-section .form-col{
	padding-bottom:var(--space-big);
}

}

/* 404 */


.error404{
position:relative;
}

.error404 #colophon{
display:none;
}

.error404 .error-menu{
  padding:var(--space-small);
  background-color:var(--blue);
  width:100%;
}


.error404 .error-menu .menu_col{
	width:25%;
}

.error404 .error-menu .menu_col:last-child{
display:flex;
  justify-content:space-between;
}

.error404 #masthead{
display:none;
}

.error404 .site-main{
margin:0;
}

.error-404 .section_min_height.section_full{
min-height:calc(100vh - 96px);
  background-color:var(--blue);
  padding:0 var(--space-small);
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
  justify-content:center;
}


.edera-ascii{
	max-width:250px;
  margin-bottom:var(--space-small);
}

.error404 .text_small,
.error404 .text_medium,
.error404 .text_big{
	color:var(--white);
}


#info-popup{
display:none;
}

.popup{
width:300px;
  position:absolute;
  -webkit-box-shadow: 10px 10px 0px 3px rgba(0,0,0,1);
-moz-box-shadow: 10px 10px 0px 3px rgba(0,0,0,1);
box-shadow: 10px 10px 0px 3px rgba(0,0,0,1);
  opacity:0;
  cursor: move;
}

.show.popup{
	opacity:1;
}

.close.popup{
	display:none;
}

.popup img{
display:block;
}

.error404 .popup .close-pop-up.text_small{
position:absolute;
  color:var(--blue);
  right:5px;
  top:5px;
  cursor:pointer;

}

.error404 .popup .popup-title{
	background-color:var(--white);
  color:var(--blue);
  padding:5px;
  text-align:center;
}


@media screen and (max-width:1024px){
  .edera-ascii{
	max-width:220px;
}

    .error-404 .section_min_height.section_full{
min-height:calc(100vh - 48px);
}

  .error-menu.secondary-menu .menu_col{
  	width:50%;
  }
  .error-menu.secondary-menu .menu_col:first-child{
  	text-align:center;
  }
  .error-menu.secondary-menu .menu_col:first-child,.error-menu.secondary-menu .menu_col:nth-child(4){
  	width:100%;
  }
  .error-menu.secondary-menu .menu_col:nth-child(2){
  	text-align:right;
    padding-right:5px;
  }
  .error-menu.secondary-menu .menu_col:nth-child(3){
  	text-align:left;
    padding-left:5px;
  }

  .error-menu.secondary-menu .menu_col:nth-child(4){
  	justify-content:center;
    gap:10px;
  }
}

@media screen and (max-width:767px){

#session_counter{
  display:none;
  }

.edera-ascii{
	max-width:150px;
  margin-bottom:60px;
}

  .error-menu.main-menu{
  	position:relative;
  }
.error-menu.main-menu .menu_col{
  	width:50%;
  padding-bottom:var(--space-small);
  }

  .error-menu .menu_col{

  padding-bottom:var(--space-small);
  }

  .error-menu.main-menu .menu_col .text_small{
  	font-size:var(--medium);
    line-height:var(--medium-h);
  }


  .error-menu.main-menu .menu_col:nth-child(2),.error-menu.main-menu .menu_col:nth-child(4){
  	text-align:right;
    justify-content:flex-end;
  }

  .error-404 .section_min_height.section_full{
min-height:calc(100vh - 185px);
    align-items:center;
      justify-content:center;
}
  .error-404 .section_min_height.section_full .text_big{
  	text-align:center;
  }
}

/* PRIVACY & COOKIE */

#cmplz-document{
max-width:100%;
}

.page-id-3 .entry-title,.page-id-153 .entry-title{
	padding:var(--space-small) var(--space-small) var(--space-big) ;
  font-size:var(--big);
  line-height:var(--big-h);
}

.page-id-3 .entry-content,.page-id-153 .entry-content{
	padding:0 var(--space-small) var(--space-big);
}

.page-id-3 .widget-area,.page-id-153 .widget-area{
display:none;
}

.page-id-3 .entry-content h2,#cmplz-document h2, .editor-styles-wrapper .cmplz-unlinked-mode h2, #cmplz-document h3, .editor-styles-wrapper .cmplz-unlinked-mode h3{
  	font-size: 22px;
    text-align: left;
    margin-top: 14px;
    text-transform: initial;
    padding-bottom: 10px;
    margin-bottom: 14px;
  text-transform:uppercase;
}

.page-id-3 .entry-content p,#cmplz-document p, .editor-styles-wrapper .cmplz-unlinked-mode p, #cmplz-document li, .editor-styles-wrapper .cmplz-unlinked-mode li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode td{
  	font-size: 14px;
  margin-top: 0;
  text-transform: initial;
  font-weight:300;
  font-family: 'Apercu Mono Light';
}

.dark-mode #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose,
.dark-mode #cmplz-document .cmplz-dropdown .cookies-per-purpose,
.dark-mode .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose,
.dark-mode #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,
.dark-mode #cmplz-document .cmplz-dropdown .cookies-per-purpose div, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div{
background-color:var(--black);
}

@media screen and (min-width:1600px){
.page-id-3 .site-main,.page-id-153 .site-main{
	max-width:1600px;
	margin:var(--header-h) auto 0;
}

}


/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.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;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

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


::-webkit-scrollbar {
    display:none;
}

.cmplz-manage-consent{
display:none !important;
}

.wpforms-recaptcha-container{
	display:none;
}
