/* {{{ */
.dc-cookie-control {
	/* {{{ */
	position:fixed;
	top:0;
	right:-30em;
	width: 30em;
	max-width:100vw;
	border:0px solid transparent;
	height:100vh;
	z-index:150;
	transition-duration:0.1s;
	background-color:white;
	/* }}} */
}

.dc-cookie-control.is-initial.instant-initial-t {
	transition-duration: 0s;
}
.dc-cookie-control.is-initial.instant-initial-t.has-decision-f {
	right:0;
}

.dc-cookie-control.visible {
	right:0;
}
.dc-cookie-control-content {
	padding:1em;
	max-height: 100vh;
	overflow: auto;
	display:flex;
	flex-wrap:wrap; flex-direction: row;
	min-height:100%;
}
.dc-cookie-control-content .dc-cookie-control-footer {
	align-self: flex-end;
}
.dc-cookie-control-toggler {
	position:fixed;
	bottom:0;
	right:0;
	z-index:151;
	text-align:center;
	padding:2.2em 0.5em 0.5em 2.2em;
	background: linear-gradient(to bottom right, #fff 0%, #fff 50%, #CCC 50%, #CCC 100%);
}

.dc-cookie-control-option-switch {
	display:flex;
}
.dc-cookie-control-option-switch > label {
	padding-left:1em;
}

/* dark color scheme {{{ */
.dc-cookie-control.dark {
	background-color:#333;
}

.dc-cookie-control.dark, .dc-cookie-control.dark * {
	color:white;
}

.dc-cookie-control-toggler.dark {
	color:white;
	background-color:#666;
	background: linear-gradient(to bottom right, transparent 50%, transparent 50%, #999 51%, #999 50%, #666 52%, #666 100%);
}
/* }}} */

/* styles for details wrapper  {{{ */
div.details-wrapper.has-all-f .details-toggler { display:none; } /* only hide, if we have the "all" switch */

div.details-wrapper .details-toggler 		{ margin:1em 0; cursor:pointer; } 

/* animate details icon */
div.details-wrapper .details-toggler i 	{ transition-duration:1s; } 
div.details-wrapper.show .details-toggler i { 
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
} 

/* show hide details text */
div.details-wrapper.show .details-toggler .show-text { display:none;   }
div.details-wrapper.show .details-toggler .hide-text { display:inline; }
div.details-wrapper .details-toggler .hide-text { display:none; }

/* slide open/closed details wrapper */
div.details-wrapper.has-all-t .details { 
	max-height:0;
	overflow-y:hidden;
	transition-duration:1s;
	opacity:0;
	-webkit-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
	-ms-transition: 1s ease-in-out;
	 -o-transition: 1s ease-in-out;
			transition: 1s ease-in-out;
}
div.details-wrapper.show.has-all-t .details { 
	max-height:1000px;
	opacity:1;
	display:block;
}
input.hidden-input { visibility:hidden; width:0; height:0; position:absolute; }
/* }}} */

/* }}} */


/* cookie monster color scheme {{{ */

.dc-cookie-control.cm, .dc-cookie-control.cm * {
	color:black;
}

.dc-cookie-control-toggler.cm {
	color:white;
	background-color:#ccc;
	background: linear-gradient(to bottom right, transparent 50%, transparent 50%, #ccc 51%, #ccc 50%, #ccc 52%, #ccc 100%);
}

.dc-cookie-control.cm {
	/* {{{ */
	background-image: url("/cu/dieroester/images/cookie-monster.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
	border-left:1px solid #ccc;
	/* }}} */
}



.cm .dc-cookie-control-content .dc-cookie-control-footer a {font-size:12px; color:#d94243;}

.cm .dc-cookie-control-toggler {
	position:fixed;
	bottom:0;
	right:0;
	z-index:151;
	text-align:center;
	padding:2.2em 0.5em 0.5em 2.2em;
	background: linear-gradient(to bottom right, transparent 0%, transparent 50%, #CCC 50%, #CCC 100%);
}

.cm.dc-cookie-control-toggler .fa-cog:before{content:"\f563";}

.cm .dc-cookie-control-option button, .cm .dc-cookie-control-option .button, .cm .details .button {
    background-color: #ccc;
    padding: .6em 1.5em .5em;
    font-family: "BrandonGrotesque-Black";
    text-transform: uppercase;
    border-radius: 5px;
}

.dc-cookie-control-toggler.cm {
	color:white;
	background-color:#ccc;
	background: linear-gradient(to bottom right, transparent 50%, transparent 50%, #ccc 51%, #ccc 50%, #ccc 52%, #ccc 100%);
}

.cm div.details-wrapper .details-toggler 		{font-size:12px;} 
/* }}} */