.cookiebar {
	min-width:  100vw;
	background: var(--hrz-cookiebar-bgcolor);
	display:    flex;
	flex-wrap:  wrap;
}

.cookiebar a {
	color: var(--hrz-cookiebar-link-color);
}

.cookiebar a:hover {
	color: var(--hrz-cookiebar-link-color-hover);
}

.cookiebar .cookiebar-policy {
	width: 80%;
}

.cookiebar .cookiebar-policy label {
	font-size: .865em;
	color:     var(--hrz-cookiebar-checkbox-label-textcolor);
}

.cookiebar .cookiebar-policy .cookie-form {
	padding-top: 16px;
	display:     flex;
	flex-wrap:   wrap;
}

.cookiebar .cookiebar-policy .cookie-form > div {
	padding-right: 24px;
}

.cookiebar .cookiebar-policy p {
	margin-right: 0;
	width:        90%;
	color:        var(--hrz-cookiebar-policy-textcolor);
}

/* Close button */
.cookiebar .close-button {
	position:      absolute;
	top:           0;
	right:         0;
	margin-top:    4px;
	padding:       2px;
	border:        none;
	background:    transparent;
	border-radius: 50%;
	transition:    background-color .5s;
}

.cookiebar .close-button .icon {
	transition: fill .5s;
}

.cookiebar .close-button:hover {
	background: var(--hrz-cookiebar-close-btn-bgcolor-hover);
}

.cookiebar .close-button:hover .icon {
	fill: var(--hrz-cookiebar-close-btn-textcolor-hover);
}

/* Cookie buttons */
.cookiebar .cookiebar-buttons {
	width: 20%;
}

.cookiebar .cookiebar-buttons button {
	margin:        4px 0;
	padding:       12px;
	border:        2px solid var(--hrz-cookiebar-button-bordercolor);
	border-radius: 8px;
	transition:    all .4s;
}

.cookiebar .cookiebar-buttons button:hover {
	background:      var(--hrz-cookiebar-button-bgcolor-hover);
	color:           var(--hrz-cookiebar-button-textcolor);
	text-decoration: none;
}

.cookiebar .cookiebar-btn:last-child {
	margin-left: 0;
}

#cookiebar.horizon-d-none {
	display: none !important;
}

/* Not checked | Not disabled */
#cookiebar .form-check [type="checkbox"]:not(:checked) + label::after {
	border-color:     var(--hrz-cookiebar-checkbox-input-bordercolor);
	background-color: var(--hrz-cookiebar-checkbox-input-bgcolor);
}

/* Checked | Not disabled */
#cookiebar .form-check [type="checkbox"]:checked + label::after {
	border-color:     var(--hrz-cookiebar-checkbox-checked-input-bordercolor);
	background-color: var(--hrz-cookiebar-checkbox-checked-input-bgcolor);
}

#cookiebar .form-check [type="checkbox"]:checked + label::before {
	border-color: rgba(0, 0, 0, 0) var(--hrz-cookiebar-checkbox-checked-input-checkcolor) var(--hrz-cookiebar-checkbox-checked-input-checkcolor) rgba(0, 0, 0, 0);
}

#cookiebar .form-check [type="checkbox"]:disabled:checked + label::after {
	border-color:     var(--hrz-cookiebar-checkbox-checked-disabled-input-bordercolor);
	background-color: var(--hrz-cookiebar-checkbox-checked-disabled-input-bgcolor);
}

#cookiebar .form-check [type="checkbox"]:disabled:checked + label::before {
	border-color: rgba(0, 0, 0, 0) var(--hrz-cookiebar-checkbox-checked-disabled-input-checkcolor)
	              var(--hrz-cookiebar-checkbox-checked-disabled-input-checkcolor) rgba(0, 0, 0, 0);
}

/* Media Queries */
@media screen and (max-width: 992px) {
	.cookiebar .cookiebar-policy {
		width: 70%;
	}

	.cookiebar .cookiebar-buttons {
		width: 30%;
	}
}

@media screen and (max-width: 768px) {
	.cookiebar .cookiebar-policy {
		width: 100%;
	}

	.cookiebar .cookiebar-policy p {
		width: 100%;
	}

	.cookiebar .cookiebar-buttons {
		width: 100%;
	}
}