:root {
--font-size-cookie-notice: 18px;
}
.gdprcookie {
position: fixed;
color: #000000;
font-size: var(--font-size-cookie-notice);
left: 0px;
bottom: 0px;
width: 100%;
max-width: 100%;
padding: 20px 0;
background: #f7f7f7;
}
.gdprcookie h1,
.gdprcookie h2 {
font-size: 1em;
margin-bottom: 10px;
}
.gdprcookie h2 {
font-size: 1em;
}
.gdprcookie p {
margin-bottom: 20px;
font-size: var(--font-size-cookie-notice);
}
.gdprcookie a {
color: #E03027;
} .gdprcookie-types{
display: block;
}
.gdprcookie-save-selected{
margin-top: 10px;
text-align:center;
} .gdpr_close{
position:absolute;
right: 10px;
top:10px;
width: 20px;
height:20px;
cursor: pointer;
}
.gdpr_close:after{
display: block;
content: ' ';
height: 2px;
width:100%;
height:2px;
background: #000;
margin-top: 9px;
}
.gdpr_close:hover:after{
background: #E03027;
} .gdprcookie-buttons{
text-align: center;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 0px 32px; 
margin-top:10px;
}
.gdprcookie-types button,
.gdprcookie-buttons button {
font-family: "Univers Condensed", sans-serif;
font-size: var(--font-size-cookie-notice);
color: #E03027;
padding: 0px;
border: none;
border-radius:0;
margin: 0 ;
background: #f7f7f7;
cursor: pointer;
transition: background-color .1s ease, opacity .1s ease;
text-transform: uppercase;
}
.gdprcookie-buttons button:hover {
}
.gdprcookie-buttons button:disabled {
opacity: .2;
}
.gdprcookie-types button.savebutton{
} .gdprcookie-types ul {
overflow: hidden;
padding: 0;
padding-left: 0;
margin: 0;
}
.gdprcookie-types li {
display: block;
list-style: none;
padding: 0;
margin: 0;
position:relative;
margin-bottom: 10px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.gdprcookie-types li:last-child {
margin-bottom: 0px;
}
.gdprcookie-types li span.opis{
font-family: "EB Garamond", sans-serif;
margin-left: 10px;
font-size: var(--font-size-cookie-notice);
}
.gdprcookie-types li label:After{
content: ' -';
}
.gdprcookie-types li label{
cursor: pointer;
padding-left: 40px;
text-transform: uppercase;
font-family: "Univers Condensed", sans-serif;
font-size: var(--font-size-cookie-notice);
}
.gdprcookie-types input[type=checkbox] {
} .gdprcookie-types input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
} .checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #f7f7f7;
} .gdprcookie-types li:hover input ~ .checkmark {
background-color: #f7f7f7;
} .gdprcookie-types li input:checked ~ .checkmark { }
.gdprcookie-types li:first-child input:checked ~ .checkmark {
background-color: #f7f7f7;
} .checkmark:after {
content: "";
position: absolute;
display: block;
} .gdprcookie-types li input:checked ~ .checkmark:after {
} .gdprcookie-types li .checkmark:after {
left: 0px;
top: 9px;
width: 25px;
height: 0px;
border: solid #000000;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(deg);
} .gdprcookie-types li input:checked ~ .checkmark:after {
left: 8px;
top: -3px;
width: 10px;
height: 25px;
border: solid #000000;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (max-width: 650px) {
:root {
--font-size-cookie-notice: 18px;
}
.gdprcookie {
padding: 20px 0 15px 0;
}
.gdprcookie p {
margin-bottom: 15px;
}
.gdprcookie-buttons {
display: block;
text-align: left;
margin-top: 5px;
}
.gdprcookie-types button, .gdprcookie-buttons button {
padding: 5px 0;
display: block;
}
.gdprcookie-types ul {
margin-bottom:10px;
}
}
@media screen and (max-width: 450px) {
:root {
--font-size-cookie-notice: 16px;
}
}