:root {
	--cookie-main-clr: #fb1616;
	--cookie-main-clr-hover: #dc1616;
	--cookie-bar-clr: #ffffff;
	--cookie-bar-text-clr: #434343;
	--cookie-modal-clr: #0d0624;
	--cookie-modal-text-clr: #434343;
	--cookie-modal-body-clr: #fff;
	--cookie-border-clr: #1781bd;
	--cookie-box-shadow-clr: rgba(20,20,20, .25);
	--cookie-font-family: "Lato", Arial, Helvetica, sans-serif;
	--cookie-accordion-hover: #f3f3f3;
	--cookie-accordion-text-hover: #434343;

	/* CAMBIARE ANCHE IL COLORE NEL FILE "Inizializzazione Cookie" */
}

/* CONSENT BAR */

#cconsent-bar {
	font-family: var(--cookie-font-family);
	background-color: var(--cookie-bar-clr) !important;
	border: 1px solid var(--cookie-border-clr) !important;
	position: fixed !important;
	bottom: 10px !important;
	/*right: 0px !important;*/
	left: 10px !important;
	/*width: 100% !important;*/
	max-width: 40% !important;
	transition: opacity 0.3s ease-out,
	-webkit-transform 0.3s ease-out !important;
	transition: transform 0.3s ease-out, opacity 0.3s ease-out !important;
	transition: transform 0.3s ease-out, opacity 0.3s ease-out,
	-webkit-transform 0.3s ease-out !important;
	margin: auto !important;
	z-index: 2147483646 !important;
	padding: 24px !important;
	-webkit-box-shadow: 3px 5px 12px 7px var(--cookie-box-shadow-clr) !important;
	box-shadow: 3px 5px 12px 7px var(--cookie-box-shadow-clr) !important;
}
#cconsent-bar.ccb--hidden {
	transform: translateY(120%) !important;
	display: block;
}
#cconsent-modal {
	z-index: 29999999999 !important;
	width: 100vw;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}
#cconsent-bar .go-away, #cconsent-bar .ccb--hidden {
	opacity: 0;
	transform: translateY(130%) !important;
}
#cconsent-bar .ccb__wrapper {
	display: flex;
	flex-direction: column !important;
	justify-content: start !important;
	align-items: center !important;
	gap: 32px !important;
}
#cconsent-bar .ccb__right {
	align-self: unset !important;
	margin: 0 !important;
}
#cconsent-bar .ccb__left {
	align-self: unset !important;
	margin: 0 !important;
}
#cconsent-bar .ccb__wrapper .cc-text {
	color: var(--cookie-bar-text-clr) !important;
	font-size: 14px !important;
	line-height: 22px !important;
	font-family: var(--cookie-font-family);
}
#cconsent-bar .ccb__button {
	display: flex !important;
	align-items: center;
	gap: 12px;
}
#cconsent-bar .ccb__button .consent-give {
	font-size: 14px;
	font-family: var(--cookie-font-family) !important;
	line-height: 14px;
	padding: 8px 27px !important;
	font-weight: 500 !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	text-align: center !important;
	text-transform: none !important;
	min-height: 0 !important;
	color: #fff !important;
	border: 2px solid var(--cookie-main-clr) !important;
	background-color: var(--cookie-main-clr) !important;
	transition: all .3s !important;
	margin: 0 !important;
	border-radius: 0 !important;
}
#cconsent-bar .ccb__button .consent-give:hover {
	border-color: var(--cookie-main-clr-hover) !important;
	background-color: var(--cookie-main-clr-hover) !important;
	color: #fff !important;
	
}
#cconsent-bar .ccb__button .ccb__edit {
	font-size: 14px;
	font-family: var(--cookie-font-family) !important;
	line-height: 14px;
	padding: 8px 27px !important;
	font-weight: 500 !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	text-align: center !important;
	text-transform: none !important;
	min-height: 0 !important;
	color: #fff !important;
	border: 2px solid var(--cookie-main-clr) !important;
	background-color: var(--cookie-main-clr) !important;
	transition: all .3s !important;
	margin: 0 !important;
	border-radius: 0 !important;
	text-decoration: none !important;
}
#cconsent-bar .ccb__button .ccb__edit:hover {
	border-color: var(--cookie-main-clr-hover) !important;
	background-color: var(--cookie-main-clr-hover) !important;
	color: #fff !important;
	
}

#cconsent-bar .ccb__button .consent-decline {
	font-size: 14px;
	font-family: var(--cookie-font-family) !important;
	line-height: 14px;
	padding: 8px 27px !important;
	font-weight: 500 !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	text-align: center !important;
	text-transform: none !important;
	min-height: 0 !important;
	color: #fff !important;
	border: 2px solid var(--cookie-main-clr) !important;
	background-color: var(--cookie-main-clr) !important;
	transition: all .3s !important;
	margin: 0 !important;
	border-radius: 0 !important;
}
#cconsent-bar .ccb__button .consent-decline:hover {
	border-color: var(--cookie-main-clr-hover) !important;
	background-color: var(--cookie-main-clr-hover) !important;
	color: #fff !important;
	
}

#editCookiesConsent_button.editCookiesConsent {
	position: fixed;
	bottom: 10px;
	left: 10px;
	border-radius: 5000px;
	z-index: 999999 !important;
	background-color: var(--cookie-main-clr);
	padding: 10px;
	width: 52px;
	height: 52px;
	border: none;
	cursor: pointer;
	transform: translateY(0) !important;
	transition: transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out !important;
}
#editCookiesConsent_button.editCookiesConsent img {
	width: 32px;
	height: 32px;
	border: none !important;
	vertical-align: baseline !important;
}
#editCookiesConsent_button.ccb-hidden {
	transform: translateY(150%) !important;
	transition: transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out !important;
}

#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-head__status {
	top: 14px !important;
}

/* CONSENT POPUP */

#cconsent-modal .ccm__content {
	max-width: unset !important;
	width: 60vw !important;
	min-height: unset !important;
	max-height: unset !important;
	overflow: none !important;
	border: 1px solid var(--cookie-border-clr) !important;
}

#cconsent-modal .ccm__content .ccm__content__body {
	min-height: 40vh !important;
	max-height: 55vh !important;
	overflow-y: auto !important;
	margin: 0 !important;
	background-color: var(--cookie-modal-body-clr);
}
#cconsent-modal .ccm__content .ccm__content__body .ccm__tabs {
	margin: 16px 0 !important;
}
#cconsent-modal .ccm__content .ccm__content__heading {
	padding: 24px !important;
	position: relative !important;
	-webkit-box-shadow: 0px 5px 10px 2px var(--cookie-box-shadow-clr) !important;
	box-shadow: 0px 5px 10px 2px var(--cookie-box-shadow-clr) !important;
	background-color: #fff !important;
}
#cconsent-modal .ccm__content .ccm__content__heading p {
	margin-bottom: 0 !important;
	margin-top: 12px !important;
	color: var(--cookie-modal-text-clr);
	font-family: var(--cookie-font-family) !important;
	font-size: 14px;
	line-height: 1.2;
}
#cconsent-modal .ccm__content .ccm__content__heading p a {
	color: var(--cookie-main-clr);
	font-size: clamp(0.875rem, 0.7452rem + 0.5935vw, 1.125rem);
}
#cconsent-modal #ccm__content__title {
	color: var(--cookie-modal-text-clr);
	font-family: var(--cookie-font-family);
	font-size: 18px;
	margin: 0;
	line-height: 1.3;
	text-transform: uppercase;
	position: relative;
	width: fit-content;
}

#cconsent-modal .ccm__content .ccm__footer {
	padding: 12px 32px !important;
	-webkit-box-shadow: 0px -5px 10px 2px var(--cookie-box-shadow-clr) !important;
	box-shadow: 0px -5px 10px 2px var(--cookie-box-shadow-clr) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 12px !important;
	background-color: #fff;
}
#cconsent-modal .ccm__content .ccm__footer .consent-give {
	font-size: 14px;
	font-family: var(--cookie-font-family) !important;
	line-height: 14px;
	padding: 8px 27px;
	font-weight: 500 !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	text-align: center !important;
	text-transform: none !important;
	min-height: 0 !important;
	color: #fff !important;
	border: 2px solid  var(--cookie-main-clr) !important;
	background-color: var(--cookie-main-clr) !important;
	transition: all .3s !important;
	margin: 0 !important;
	border-radius: 0 !important;
}
#cconsent-modal .ccm__content .ccm__footer .consent-give:hover {
	border-color: var(--cookie-main-clr-hover) !important;
	background-color: var(--cookie-main-clr-hover) !important;
}
#cconsent-modal .ccm__content .ccm__footer #ccm__footer__consent-modal-submit {
	font-size: 14px;
	font-family: var(--cookie-font-family) !important;
	line-height: 14px;
	padding: 8px 27px;
	font-weight: 500 !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	text-align: center !important;
	text-transform: none !important;
	min-height: 0 !important;
	color: #fff !important;
	border: 2px solid  var(--cookie-main-clr) !important;
	background-color: var(--cookie-main-clr) !important;
	transition: all .3s !important;
	margin: 0 !important;
	border-radius: 0 !important;
}
#cconsent-modal .ccm__content .ccm__footer #ccm__footer__consent-modal-submit:hover {
	border-color: var(--cookie-main-clr-hover) !important;
	background-color: var(--cookie-main-clr-hover) !important;
}
#cconsent-modal .ccm__footer .consent-decline {
	font-size: 14px;
	font-family: var(--cookie-font-family) !important;
	line-height: 14px;
	padding: 8px 27px;
	font-weight: 500 !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	text-align: center !important;
	text-transform: none !important;
	min-height: 0 !important;
	color: #fff !important;
	border: 2px solid  var(--cookie-main-clr) !important;
	background-color: var(--cookie-main-clr) !important;
	transition: all .3s !important;
	margin: 0 !important;
	border-radius: 0 !important;
}
#cconsent-modal .ccm__footer .consent-decline:hover {
	border-color: var(--cookie-main-clr-hover) !important;
	background-color: var(--cookie-main-clr-hover) !important;
}

#cconsent-modal .ccm__content > .ccm__content__body .ccm__tabgroup {
	border-bottom: 1px solid var(--cookie-border-clr);
}
#cconsent-modal .ccm__tab-trigger {
	background-color: #fff !important;
	height: unset !important;
	line-height: unset !important;
}

#cconsent-modal .ccm__tab-trigger .ccm__tab-head__icon-wedge {
	color: var(--cookie-modal-text-clr);
}

#cconsent-modal .ccm__tab-trigger .ccm__tab-head__icon-wedge:hover {
	color: var(--cookie-accordion-text-hover) !important;
	background-color: var(--cookie-accordion-hover) !important;
}

.ccm__tab-head__text {
	color: #434343 !important;
	line-height: 1.3 !important;
}
.ccm__tab-head {
	background-color: #110b29 !important;
}

#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-content .ccm__tab-content__choose .ccm__switch-group[aria-checked="true"] .ccm__switch__slider {
	background-color: #1982bf !important;
}

#cconsent-modal .ccm__tab-head:hover,
#cconsent-modal .ccm__tab-trigger:hover,
#cconsent-modal .ccm__tab-trigger[aria-expanded="true"]{
	color: var(--cookie-accordion-text-hover) !important;
	background-color: var(--cookie-accordion-hover) !important;
}
#cconsent-modal .ccm__tab-content__inner * {
	color: var(--cookie-modal-text-clr) !important;
	font-family: var(--cookie-font-family) !important;
}

#cconsent-modal .ccm__content .ccm__tab-head__icon-wedge svg,
#cconsent-modal .ccm__content .ccm__tab-head__icon-wedge svg path {
	fill: #fb1616 !important;
	color: #fb1616 !important;
}

@media only screen and (max-width: 1540px) {
	#cconsent-bar {
		max-width: 60% !important;
	}
}


@media only screen and (max-width: 1160px) {

	#cconsent-bar {
		max-width: 70% !important;
	}
	#cconsent-modal #ccm__content__title {
		max-width: 80% !important;
	}

	#cconsent-bar .ccb__wrapper {
		display: flex;
		flex-direction: column !important;
		justify-content: self-end !important;
		align-items: end !important;
		flex-wrap: nowrap !important;
		gap: 20px !important;
	}
	#cconsent-bar .ccb__wrapper .cc-text {
		text-align: justify !important;
		font-size: 13px !important;
	}

	#cconsent-modal .ccm__content {
		max-width: unset !important;
		width: 70vw !important;
		min-height: unset !important;
		max-height: unset !important;
		overflow: none !important;
	}
	#cconsent-modal .ccm__content .ccm__content__body {
		min-height: 40vh !important;
		max-height: 45vh !important;
		overflow-y: auto !important;
		margin: 0 !important;
	}
	#cconsent-modal .ccm__content .ccm__content__heading p {
		font-size: 12px !important;
	}
}
@media only screen and (max-width: 900px) {

	#cconsent-bar {
		position: fixed !important;
		bottom: 10px !important;
		right: 10px !important;
		left: 10px !important;
		width: calc(100% - 20px) !important;
		max-width: 100% !important;
	}

	#cconsent-modal .ccm__content {
		max-width: unset !important;
		width: 80vw !important;
		min-height: unset !important;
		max-height: unset !important;
		overflow: none !important;
	}
	#cconsent-modal .ccm__content .ccm__content__body {
		min-height: 40vh !important;
		max-height: 35vh !important;
		overflow-y: auto !important;
		margin: 0 !important;
	}
	#cconsent-modal .ccm__footer .consent-give,
	#cconsent-modal .ccm__footer #ccm__footer__consent-modal-submit,
	#cconsent-modal .ccm__footer .consent-decline{
		font-size: 12px !important;
		font-family: var(--cookie-font-family) !important;
		line-height: 12px !important;
		padding: 8px 16px !important;
		font-weight: 500 !important;
	}

	#editCookiesConsent_button.editCookiesConsent {
		position: fixed;
		bottom: 5px;
		left: 5px;
		padding: 7px;
		width: 42px;
		height: 42px;
		border: none;
		cursor: pointer;
	}
	#editCookiesConsent_button.editCookiesConsent img {
		width: 28px;
		height: 28px;
		border: none !important;
	}
}
@media only screen and (max-width: 700px) {
	#cconsent-modal .ccm__content {
		max-width: unset !important;
		width: 80vw !important;
		min-height: unset !important;
		max-height: unset !important;
		overflow: none !important;
	}
	#cconsent-modal .ccm__content .ccm__content__body {
		min-height: 40vh !important;
		max-height: 30vh !important;
		overflow-y: auto !important;
		margin: 0 !important;
	}
	#cconsent-modal .ccm__content .ccm__content__heading p {
		max-height: 180px;
		overflow-y: scroll;
		font-size: 12px;
	}
	#cconsent-modal .ccm__content .ccm__footer {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 12px !important;
	}
}
@media only screen and (max-width: 600px) {
	#cconsent-bar .ccb__wrapper {
		display: flex;
		flex-direction: column !important;
		justify-content: center !important;
		align-items: center !important;
		flex-wrap: nowrap !important;
		gap: 20px !important;
	}
	#cconsent-bar .ccb__button {
		display: flex !important;
		align-items: center !important;
		gap: 6px !important;
	}
	#cconsent-bar .ccb__button .consent-give,
	#cconsent-bar .ccb__button .ccb__edit,
	#cconsent-bar .ccb__button .consent-decline{
		font-size: 12px !important;
		font-family: var(--cookie-font-family) !important;
		line-height: 12px !important;
		padding: 8px 16px !important;
		font-weight: 500 !important;
	}

	#cconsent-modal .ccm__content {
		max-width: unset !important;
		width: 95vw !important;
		min-height: unset !important;
		max-height: unset !important;
		overflow: none !important;
		height: unset !important;
	}

	#cconsent-modal .ccm__tab-content__inner .ccm__tab-content__desc p {
		font-size: 13px;
		line-height: 18px;
	}
}
@media only screen and (max-width: 520px) {
	#cconsent-modal .ccm__content .ccm__content__heading p {
		max-height: 140px;
		overflow-y: scroll;
	}
	#cconsent-modal .ccm__content .ccm__footer {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 12px !important;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	#cconsent-modal .ccm__footer .consent-give,
	#cconsent-modal .ccm__footer #ccm__footer__consent-modal-submit,
	#cconsent-modal .ccm__footer .consent-decline{
		font-family: var(--cookie-font-family) !important;
		width: 100%;
	}

	#cconsent-modal #ccm__content__title {
		font-size: 16px !important;
	}

	#cconsent-modal .ccm__tab-content__inner {
		flex-direction: column !important;
	}
}
@media only screen and (max-width: 450px) {
	#cconsent-bar .ccb__right {
		width: 100%;
	}
	#cconsent-bar .ccb__button {
		display: flex !important;
		align-items: center !important;
		gap: 6px !important;
		flex-direction: column-reverse;
		width: 100%;
	}
	#cconsent-bar .ccb__button .consent-give,
	#cconsent-bar .ccb__button .ccb__edit,
	#cconsent-bar .ccb__button .consent-decline{
		width: 100%;
		font-family: var(--cookie-font-family) !important;
	}
}
