/*----COOKIE BAR--------------------------------------*/

.cookieBar              {position: fixed; right: 0; bottom: 0; left: 0; z-index: 99998; width: 100%; padding: 22px 0; background-color:#000; color:#fff; border-top: 3px solid #72CAF2; box-shadow: 0 -8px 30px rgba(0,0,0,.28); box-sizing:border-box;}
.cookieBar .cookie-inner {display:flex; align-items:center; justify-content:space-between; gap:32px; width:calc(100% - 40px); max-width:1280px; margin:0 auto;}
.cookieBar .cookie-copy {max-width:760px;}
.cookieBar h2           {margin:0 0 5px; color:#fff; font-size:24px; line-height:1.2;}
.cookieBar p			{color:#fff; padding:0; margin:0; text-align:left; font-size:15px; line-height:1.5em;}
.cookieBar p a			{color:#fff; font-weight:700; text-decoration:underline; text-underline-offset:2px;}
.cookieBar p a:hover	{text-decoration: underline;}
.cookie-buttons			{display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; flex:0 0 510px;}
.cookie-btn             {appearance:none; display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 16px; border:2px solid #72CAF2; border-radius:2px; font:inherit; font-size:15px; font-weight:700; line-height:1.2; cursor:pointer; transition:0.2s ease-out; box-sizing:border-box;}
.cookie-buttons .accept {background-color:#72CAF2; color:#000;}
.cookie-buttons .reject,
.cookie-buttons .manage {background-color:transparent; color:#fff;}
.cookie-buttons .cookie-btn:hover {background-color:#fff; border-color:#fff; color:#000;}

.close-cookies				{width:13px; height:13px; padding:0; position:absolute; right:10px; top:10px; background:transparent; border:0; cursor:pointer;}
.close-cookies img			{width:100%;}

.cookie-popup-outer				{background-color: rgba(0,20,56,.5); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 99999; padding: 40px; opacity: 0; visibility: hidden; transform: translateY(30px); transition: 0.2s ease-out;}
.cookie-popup-outer.active		{opacity: 1; visibility: visible; transform: translateY(0);}
.cookie-popup-container			{width:730px; height: 590px; background-color:#ffffff; min-height: 20px; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 0%), 0 7px 14px 0 rgb(50 50 93 / 10%); color:#333; border: 1px solid #d7d7d7; border-radius: 2px;}

.cookie-popup-container-top					{padding: 20px; display: flex; align-items: center; border-bottom: 1px solid #d8d8d8; position: relative;}
.cookie-popup-container-top img.cookie-logo	{width:85px; align-items: center; margin: 0 30px 0 20px;}
.cookie-popup-container-top h2				{font-size: 24px;}
.cookie-popup-container-top .close-cookies	{width:22px; height: 22px; right: 20px; top:20px;}

.cookie-middle-container	{height: calc(100% - 196px);}
.cookie-middle-content		{position: relative; height: 100%; overflow-y: auto; overflow-x: hidden;}

.cookie-text-box			{word-break: break-word; word-wrap: break-word; padding-top: 20px; padding-right: 16px; padding-bottom: 15px; position: absolute; top:0; left: 30%; width: 65.3333333333%; margin-left: 4%;}
.cookie-text-box h3			{margin-bottom: 1em; font-size: 15px;}
.cookie-text-box p			{font-size: 13px; line-height: 1.4em; margin-bottom: 1em;}
.cookie-text-box p a		{color:#333333; font-weight: 600}

.cookie-tab-btn    			{appearance:none; display:block; width:30.6666666667%; cursor:pointer; border:0; border-left:10px solid transparent; border-bottom:1px solid #d7d7d7; background-color:#f4f4f4; padding:16px 5px 16px 12px; color:#333; font:inherit; font-weight:700; line-height:1.3em; text-align:left;}
.cookie-tab-btn.active		{background-color:#ffffff; border-left-color:#72CAF2}
.cookie-tab-btn:focus-visible {outline:3px solid #72CAF2; outline-offset:-3px;}

.bottom-container			{padding:30px; border-top:1px solid #d8d8d8; display:flex; justify-content:flex-end; gap:10px;}
.bottom-container .reject {background-color:transparent; color:#333; border-color:#333;}
.bottom-container .reject:hover {background-color:#333; color:#fff;}
.save-settings				{padding: 12px 30px; background-color:#72CAF2; border-radius: 2px; color: #ffffff; text-decoration: none; font-size: 14px; transition: 0.2s ease-out;}
.save-settings:hover		{background-color: #707070}
.cookie-settings-link {padding:0; background:transparent; color:inherit; border:0; font:inherit; text-decoration:underline; text-underline-offset:2px; cursor:pointer;}
.cookie-settings-link:hover {color:#72CAF2;}

/* SWITCH */
.cookie-popup-container .switch 						{display: inline-block; width: 40px; height: 24px; position: absolute; right: 20px; top:10px}
.cookie-popup-container .switch input 					{opacity: 0; width: 0; height: 0;}
.cookie-popup-container .slider 						{position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.cookie-popup-container .slider:before 					{position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;}
.cookie-popup-container input:checked + .slider 		{background-color: #72CAF2;}
.cookie-popup-container input:focus + .slider 			{box-shadow: 0 0 1px #72CAF2    ;}
.cookie-popup-container input:checked + .slider:before 	{-webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px);}
.cookie-popup-container .slider.round 					{border-radius: 24px;}
.cookie-popup-container .slider.round:before 			{border-radius: 50%;}

@media (max-width:1000px) {
	.cookieBar .cookie-inner {display:block;}
	.cookie-buttons {flex:0 1 auto; justify-content:flex-start; margin-top:14px;}
}

@media (max-width:700px) {
		.cookieBar {padding:18px 0 max(18px, env(safe-area-inset-bottom));}
		.cookieBar .cookie-inner {display:block; width:calc(100% - 30px);}
		.cookieBar h2 {font-size:20px;}
		.cookieBar p {font-size:14px;}
		.cookie-buttons {display:grid; grid-template-columns:1fr 1fr; margin-top:14px;}
		.cookie-buttons .manage {grid-column:1 / -1;}
		.cookie-buttons .cookie-btn {width:100%;}
	.cookie-popup-outer	{padding: 0;}
	.cookie-popup-container	{height: 100%;}
	.cookie-tab-btn			{width:100%;}
	.cookie-text-box		{position: relative; width:100%; margin: 0; padding: 20px 16px 20px 22px; left: auto}
	.cookie-popup-container-top h2		{font-size: 20px;}
	.cookie-popup-container-top img.cookie-logo	{margin: 0 20px 0 0;}
		.bottom-container {padding:18px;}
		.bottom-container .cookie-btn {flex:1;}
		.save-settings			{flex:1; text-align:center;}
}