/**
 * Cookies Display
 */

.tcm_cookies_popup {
	top:50%;
	margin-top:-300px;
	left:50%;
	margin-left:-250px;

	box-shadow:0 0 10px -5px rgba(0,0,0,0.7);
}
.tcm_cookies_aside {
	top:0;
	left:0;
	bottom:0;

	box-shadow:0 0 10px -5px rgba(0,0,0,0.7);
}

#tcm_cookies_container {
	background:white;
	position:fixed;
	z-index:10;
	width:500px;
	padding:30px;
}
#tcm_cookies_container .required {
	margin-top:11px;
}
#tcm_cookies_container h6 {
	font-size:20px;
}
#tcm_cookies_container p {
	font-size: 12px;
}

/** cookies popup **/
.tcm_cookies_popup .tcm_cookies_message {
	display:none;
	max-height:150px;
	overflow-y:scroll;
}
.tcm_cookies_popup .open .tcm_cookies_message { display:block; }

.tcm_cookies_popup .tcm_cookies_title { cursor:pointer; }
.tcm_cookies_popup .tcm_cookies_title:before {
	content: "";
	border: solid black;
  	border-width: 0 3px 3px 0;
  	display: inline-block;
  	padding: 3px;
	transform: rotate(45deg);
  	-webkit-transform: rotate(45deg);
	margin:0 10px 0 0;
	position:relative;
	top:-3px;
}
.tcm_cookies_popup .open .tcm_cookies_title:before {
	transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
	top:0;
}
@media screen and (max-width: 700px) {
	.tcm_cookies_popup .tcm_cookies_title { font-size:0.8rem; }
}

/**
 * Cookies settings
 */

.tcm_cookies_tag_bottom {
	position:fixed;
        z-index:10000;
	bottom:0;
	right:20%;
	background:white;
	display:inline-block;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	box-shadow:0px 0px 15px -9px rgb(0, 0, 0, 0.8);
	box-shadow: 0px 2px 11px -5px rgb(0 0 0 / 60%);
}
.tcm_cookies_tag_bottom:hover { background:black; }
.tcm_cookies_tag_bottom a {
	display:block;
	padding:6px 12px;
	width:100%;
	height:100%;
	color:black;
	font-size:11px;
	line-height: 1;
	position: relative;
	top: -2px;
}
.tcm_cookies_tag_bottom:hover a { color:white; }

/** bottom banner **/
.tcm_cookies_banner {
	text-align:center;
	background:black;
	padding:3px 0 6px 0;
}
.tcm_cookies_banner a {
	color:white;
}

/**
 * Mobile responsive
 */

@media only screen and (max-width: 600px) {
	#tcm_cookies_container {
		width:auto;
		margin:0;
		left:10px;
		top:auto;
		right:10px;
		bottom:10px;
		overflow-y:scroll;
	}
}

/*
.tcm_cookie_change { display:none; }
.minified .tcm_cookie_change { display:block; }
.minified .tcm_cookie_container { display:none; }
.minified.tcm_cookie_modal {
	top:auto;
	left:auto;
	right:20%;
	display:inline-block;
	padding:3px 10px 5px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	box-shadow:0px 0px 15px -9px rgb(0, 0, 0, 0.8);
	background:white;
}
.minified.tcm_cookie_modal a { color:black; font-size:0.7rem; font-weight:bold; }
.tcm_cookie_message {
	display:none;
	margin-top:20px;
	background:red;
	color:white;
	padding:20px;
}
.tcm_cookie_container {
	padding:50px;
	position:relative;
	margin:0 auto;
	top:50%;
	transform: translateY(-50%);
	background:white;
	max-width:500px;
	max-height:600px;
	box-shadow:0px 0px 30px -15px black;
}
.tcm_cookie_container a {
	text-transform:uppercase;
	display:inline-block;
	margin-top:30px;
	padding:10px 25px;
	background:#353535;
	color:white;
}
.tcm_cookie_container a:hover {
	background:black;
}
*/
