/*
 * Bootstrap Cookie Alert by Wruczek
 * https://github.com/Wruczek/Bootstrap-Cookie-Alert
 * Released under MIT license
 */
.cookiealert {
	font-family: Varela Round;
	font-size: 9px;
	position: fixed;
	bottom: 0;
	left: auto;

	width: auto;
	margin: 0 !important;
	z-index: 999999;
	opacity: 0;
	visibility: hidden;
	border-radius: 0;
	transform: translateY(100%);
	transition: all 500ms ease-out;
	color: #5b6877;
	font-weight: lighter;
	background-color: rgba(209, 229, 236, 0.88);
	border-radius: 10px 10px 0px 0px;
	/*background: #212327;  #197ea2 */
 	background-position: center 0%;	
  -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}


.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: none;
}

.cookiealert .acceptcookies {
	margin-left: 10px;
	vertical-align: baseline;

	padding: 5px;
	transition: all 0.3s ease-in-out;
	transform: scale(1);
}

.cookiealert .acceptcookies:hover {
	transform: scale(0.95);

}






@media (min-width: 650px) {

.cookiealert {
	font-family: Varela Round;
	position: fixed;
	font-size: 12px;
	bottom: 0;

	left: 20px;
	

	width: 400px;
	
	z-index: 999999;
	opacity: 0;
	visibility: hidden;
	border-radius: 0;
	transform: translateY(100%);
	transition: all 500ms ease-out;
	color: #5b6877;
	font-weight: lighter;
	background-color: rgba(209, 229, 236, 0.88);
	border-radius: 20px 20px 0px 0px;
	/*background: #212327;  #197ea2 */
 	background-position: center 0%;		
	  -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}
	
.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: none;
}

.cookiealert .acceptcookies {
	margin-left: 10px;
	vertical-align: baseline;

	padding: 5px;
	transition: all 0.3s ease-in-out;
	transform: scale(1);
}

.cookiealert .acceptcookies:hover {
	transform: scale(0.95);

}
}