/**
 * 	Cookies Popup CSS
 *
 * 	@version 1.0.1
 *	@package inertia
 *	@author	 mnmld
 *
 */

/* always below modal box */
.cookiebar{
	z-index:8; 
	min-height:20px;
	box-sizing:border-box;
	padding:32px; 
	overflow:hidden;
	position:fixed;
	display:none; 
	background: #ffffff;
	box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
}

.cookiebar-popup { width:348px; border-radius: var(--radius); }

.cookiebar-bar { bottom:0; width:100%; }

.pos-bottom-right { bottom:32px; right:32px; }
.pos-bottom-left { bottom:32px; left:32px; }
.pos-top-right { top:32px; right:32px; }
.pos-top-left { top:32px; left:32px; }

.cookiebar .cookieTitle p{
	font-family: var(--font-body);
	color:#000;
	font-size:22px;
	line-height:28px;
	display:block;
}

.cookiebar .cookieDesc p{
	margin:0;
	padding:0;
	font-family: var(--font-body);
	color:grey;
	font-size:13px;
	display:block;
	margin-top:12px;
}

.cookiebar .cookieDesc a{
	font-family: var(--font-body);
	color:grey;
	text-decoration:underline;  
}

.cookiebar .cookieButton a{
	display:inline-block;
	font-family: var(--font-body);
	color:#fff;
	font-size:14px;
	font-weight:500;
	margin-top:16px;
	background:#111;
	box-sizing:border-box;
	padding:8px 16px;
	text-align:center;
	transition:background .3s;
	border-radius:var(--radius-s); 
	
}

.cookiebar .cookieButton a:hover{
	cursor:pointer; 
	text-decoration:none;
	background: var(--color-accent);
}

@media(max-width:980px){
	
	.cookiebar{ width:var(--container); margin:0 auto; }
	
	.cookiebar-bar { bottom:0; width:100%; }
}