:root {
--primary-color: #54a624;
--secondary-color: #444;
}
.gp-cookies-container {
background: rgba(0, 0, 0, 0.8); bottom: 0;
display: flex;
display: -webkit-flex;
left: 0;
overflow-y: scroll;
position: fixed;
right: 0;
top: 0;
transition: opacity .15s ease;
will-change: visibility,opacity;
z-index: 2147483647;
transition: background .6s;
-webkit-transition: background .6s;
}
.gp-cookies-box {
background: #fff; color: #676767; border-radius: 2px;
box-shadow: 0 1px 3px rgba(33,41,52,.75);
box-sizing: content-box;
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
margin: auto;
max-width: 600px;
min-width: 250px;
overflow: hidden;
position: relative;
width: 100%;
will-change: visibility,opacity;
padding: 50px;
font-size: 13px;
line-height: 23px;
}
.gp-cookies-box a{
color: var(--primary-color); text-decoration: none;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.gp-step-2{
display: none;
}
img.gp-logo {
width: 210px;
margin: 0 auto 20px;
}
.gp-step-1{
text-align: center;
}
a.gp-btn {
border-radius: 0px;
border: 2px solid #000;
padding: 7px 30px;
font-size: 16px;
display: inline-block;
}
a.gp-btn.gp-btn-primary{
background-color: var(--primary-color); border-color: var(--primary-color); color: #fff;
}
a.gp-btn.gp-btn-primary:hover{
background-color: var(--secondary-color); border-color: var(--secondary-color); color: #fff;
}
a.gp-btn.gp-btn-default{
background: none;
border-color: var(--primary-color); color: var(--primary-color); }
a.gp-btn.gp-btn-default:hover{
background: none;
border-color: var(--secondary-color); color: var(--secondary-color); }
.gp-buttons {
display: block;
margin: 0 0 20px 0;
}
.gp-buttons .gp-btn {
margin: 10px;
border-radius: 0px;
border-width: 2px;
padding: 7px 30px 8px 30px;
font-size: 18px;
}
p.gp-cookies-title {
text-transform: uppercase;
font-size: 18px;
color: #000;
font-weight: normal;
padding-right: 110px;
margin: 0px 0 20px 0;
}
.gp-cookie-cat {
border-bottom: 1px solid #dee1e3;
padding: 0 0px 15px 0;
margin-bottom: 15px;
position: relative;
}
.gp-cookie-cat a, .gp-privacy-text a{
color: var(--primary-color); text-decoration: none;
}
.gp-cookie-cat a:hover, .gp-privacy-text a:hover{
color: var(--secondary-color); }
.gp-footer-step-2-left {
display: inline-block;
width: 50%;
}
.gp-footer-step-2-right {
display: inline-block;
width: 50%;
text-align: right;
}
.gp-switch {
position: absolute;
display: inline-block;
width: 50px;
height: 24px;
top: 2px;
right: 0;
}
.gp-switch input { 
opacity: 0;
width: 0;
height: 0;
}
.gp-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 34px;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.gp-slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 4px;
bottom: 4px;
border-radius: 50%;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .gp-slider {
background-color: #000; }
input:checked + .gp-slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
.gp-switch-label-off {
position: absolute;
z-index: 0;
font-size: 11px;
line-height: 11px;
top: 7px;
right: 7px;
color: #8d8d8d;
font-weight: bold;
}
.gp-switch-label-on {
position: absolute;
z-index: 0;
font-size: 11px;
line-height: 11px;
top: 7px;
left: 7px;
color: #fff;
font-weight: bold;
display: none;
}
input:checked + .gp-slider .gp-switch-label-off {
display: none!important;
}
input:checked + .gp-slider .gp-switch-label-on {
display: block!important;
}
@media (max-width: 577px) {
.gp-buttons .gp-btn {
display: block;
}
}