/* ------------------------------------------------------------------------------------------*/
#php__button__1 {
		display:none;
	}

.cookie__image{
width: 5em;
max-width: 10vw;
display: inline-block;
}

.cookie__image_img_sizer{
--size: 55px;
  --aspect-ratio: 1.0;
  width: var(--size);
  --height: calc(var(--size) / var(--aspect-ratio));
  height: var(--height);
}

div#cookie_consent_popup label#close_cookie_box img{
height: 20vh;
width: 20vh;
}

#zerossl__img{
width: 9em;
max-width: 20vw;
display: block;
}

/* -------------------------------     TEMPLATES     ---------------------------------------- */
/* ------------------------------------------------------------------------------------------ */
/* orange: #fbb63e   lightblue:#b2eaea     middleblue: #84b4c8	    darkblue: #619095					*/

/* FIND REPLACE: REGEX find [.](.+) replace .preview .\1*/

.flex{display:flex;}

.t-c-1-o1{flex:1;}
.t-c-1-1-o1{order:1;flex:1;padding-right:30px;}
	.t-c-1-1-o2{order:2;flex:1;padding-right:30px;}
.t-c-1-3-o1{	order:1;flex:1;padding-right:30px;}
	.t-c-1-3-o2{order:2;flex:3;padding-right:30px;}
.t-c-3-2-o1{	order:1;flex:3;padding-right:30px;}
	.t-c-3-2-o2{order:2;flex:2;padding-right:30px;}
.t-c-2-1-o1{	order:1;flex:2;padding-right:30px;}
	.t-c-2-1-o2{order:2;flex:1;padding-right:30px;}
.t-c-4-1-o1{	order:1;flex:4;padding-right:30px;}
	.t-c-4-1-o2{order:2;flex:1;padding-right:30px;}
.t-c-1-1-1-o1{order:1;flex:1;padding-right:20px;}
	.t-c-1-1-1-o2{order:2;flex:1;padding-right:20px;}
	.t-c-1-1-1-o3{order:3;flex:1;padding-right:20px;}
.t-c-2-1-1-o1{order:1;flex:2;padding-right:20px;}
	.t-c-2-1-1-o2{order:2;flex:1;padding-right:20px;}
	.t-c-2-1-1-o3{order:3;flex:1;padding-right:20px;}


/* ----------  Cookie consent ----------- */
	.cookie_consent .flex{align-items:center;}

	.cookie_consent input[type=radio] {
		display:none;
	}
	.cookie_consent .t-c-4-1-o2{
		position:relative;
		height:25px;

	}
	.cookie_consent label{
		cursor:pointer;
		width:60px;height:25px;
		position:absolute;top:0;left:20px;
		z-index:3;
	}
		.cookie_consent .btn_enable:checked  ~ .ball{left:56px;}
		.cookie_consent .btn_enable:checked  ~ .btn_background{background-color:#2d8a8e;}

		.cookie_consent input[type=radio]+label{display:block;} /* Other way around, to show label which allows to enable the opposite */
		.cookie_consent input:checked+label{display:none;}

	#cookie_save{
		text-align:right;
		margin:20px 80px 0 0;
	}
/* ------------------------------------------------------------------------------------------ */
/* -------------------------------    COOKIES POPUP      ------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
#close_cookie{display:none;}

#close_cookie:checked + #cookie_consent_popup{display:none;}

	#cookie_consent_popup{
position: fixed;
bottom: 1vh;
left: 10vw;
max-width: 80vw;
height: auto;
background-color: #b5b5b5bf;
padding: 2rem;
z-index: 4;
	}

	#cookie_consent_popup h1{
	font-size:1.2rem;
	color: #0e1c01;;
	}

	#cookie_consent_popup h1:before{
	content:"";
	padding:0;
	}

	#cookie_consent_popup p{
	font-size:0.85em;
	}

	#cookie_consent_popup #close_cookie_box{
	position:absolute;
	top:1rem;
	right:1rem;
	opacity: .55;
	}

	#cookie_consent_popup #ok_cookie_box
	{
	position:absolute;
	bottom:1rem;
	right:1rem;
	cursor:pointer;
	font-size:1.6em;
	/*
	padding:10px 20px;
	*/
	font-weight:700;
	color: #0e1c01;
	}

.color__violet {
color: #d9eefb;
font-size-adjust: .75;
font-weight:700;
}
#close_cookie__2{display:none;}

#close_cookie__2:checked + #cookie_consent_popup__2{display:none;}

	#cookie_consent_popup__2{
	position:fixed;
	bottom:30px;
	left:30px;
	max-width:100vw;
	height:20vh;
	background-color:#fbb63e;
	padding:20px;
	z-index:2;
	}

	#cookie_consent_popup__2 h1{
	font-size:1.2em;
	}

	#cookie_consent_popup__2 h1:before{
	content:"";
	padding:0;
	}

	#cookie_consent_popup__2 p{
	font-size:0.7em;
	}

	#cookie_consent_popup__2 #close_cookie_box__2{
	position:absolute;
	top:20px;right:20px;
	cursor:pointer;
	font-size:1.3em;
	}

	#cookie_consent_popup__2 #ok_cookie_box__2
	{
	position:absolute;
	bottom:20px;right:20px;
	cursor:pointer;
	font-size:1.6em;
	padding:10px 20px;
	font-weight:700;
	color:white;
	}

	.btn_background{
		position:absolute;top:0;left:20px;
		width:60px; height:25px;
		border-radius:20px;
		background-color:#fafafa;
		z-index:1;
		border:1px solid grey;
		line-height:20px;
		transition:background-color 0.6s ease 0s;
	}

	.ball{
			width:23px;height:23px;border-radius:15px;
			background-color:white;
			background: -webkit-linear-gradient(top, #fafafa 0%, lightGrey 100%);
			background:    -moz-linear-gradient(top, #fafafa 0%, lightGrey 100%);
			background:         linear-gradient(top, #fafafa 0%, lightGrey 100%);
			border:1px solid grey;
			position:absolute;
			top:1px;left:21px;
			transition:left 0.6s ease 0s;
			z-index:2;
		}
		.btn_background span{
			font-size:0.6em;
		}
		.color_on{
			color:#fafafa;
			padding-left:8px;
		}
		.color_off{
			color:#2d8a8e;
			padding-left:2px;
		}
		.cursor_disabled,.cursor_disabled+.ball{cursor:not-allowed;}

.t-submit{
	padding:10px;
	background-color:#fbb63e;
	border:none;
	color:white;
	cursor:pointer;
	border-bottom:2px solid #c4820f;
	border-right:2px solid #c4820f;
	border-radius:5px;
}
	.t-submit[type=submit]:hover{
		background-color:#84b4c8;
		border-color:#619095;
	}
			 .t-submit{
				background-color:#84b4c8;
				border-color:#619095;
			}
				.t-submit:hover{
					background-color:#619095;
					border-color:#84b4c8;
				}