.barra_cookies {
position:fixed;
bottom:0;
left:0;
width:100%;
padding:15px 0;
background-color:#aba325;
z-index:9999;
font-size:0;
}
.barra_cookies.hidden {
display:none
}
.barra_cookies .container {
display:flex;
align-items:center;
width:830px;
max-width:100%;
}
.barra_cookies .container > div:last-of-type {
padding-left:50px;
}
.barra_cookies p {
color:#fff;
font-size:12px;
line-height:1.75em;
margin:0;
}
.barra_cookies p a {
color:#fff;
border-bottom:1px solid currentColor;
text-decoration:none;
transition:all .1s ease-in-out;
font-size:12px;
}
.barra_cookies p a:hover {
border-bottom:1px solid transparent;
}
.barra_cookies .cookie_btn {
color:#fff!important;
background-color:#000;
border:none;
font-size:14px;
text-decoration:none;
padding:15px 20px;
display:inline-block;
cursor:pointer;
}
.barra_cookies .cookie_options {
display:flex;
padding-top:10px;
justify-content:space-between;
}
.barra_cookies .cookie_options input[type='checkbox'] {
display:none;
}
.barra_cookies .cookie_options input[type='checkbox'] + label {
display:inline-block;
height:20px;
width:20px;
background-color:#fff;
border:1px solid #000;
position:relative;
cursor:pointer;
margin:0;
vertical-align:middle;
}
.barra_cookies .cookie_options input[type='checkbox'] + label::before {
content:'';
position:absolute;
height:10px;
width:10px;
background-color:#000;
left:4px;
top:4px;
opacity:0;
transition:all .1s ease-in-out;
pointer-events:none;
}
.barra_cookies .cookie_options input[type='checkbox']:checked + label::before {
opacity:1;
}
.barra_cookies .cookie_options input[type='checkbox'] + label + label {
font-size:12px;
color:#fff;
margin:0;
vertical-align:middle;
font-weight:400;
padding-left:10px;
}
.barra_cookies .cookie_options input[type='checkbox']:disabled + label, .barra_cookies .cookie_options input[type='checkbox']:disabled + label + label {
opacity:.6;
cursor:default;
}
@media(max-width:767px) {
.barra_cookies .container {
flex-wrap:wrap;
}
.barra_cookies .container > div:last-of-type {
padding-left:0;
}
.barra_cookies p {
font-size:11px;
}
.barra_cookies .cookie_options {
padding-bottom:20px;
}
.barra_cookies .cookie_options input[type='checkbox'] + label + label {
font-size:11px;
padding-left:5px;
}
}
function cookie_hide() {
$(".barra_cookies").addClass("hidden");
}
function cookie_show() {
$(".barra_cookies").removeClass("hidden");
}
$(document).ready(function(e) {
$(".barra_cookies .cookie_btn").click(function() {
cookie_change();
});
$("#cookie_change").click(function(e) {
e.preventDefault();
cookie_show();
});
});
function cookie_change() {
var analiticas = 0, marketing = 0, cookie_val;
if($(".barra_cookies .cookie_options input[type='checkbox']#analytics").is(":checked"))
analiticas = 1;
if($(".barra_cookies .cookie_options input[type='checkbox']#marketing").is(":checked"))
marketing = 1;
cookie_val = "1|" + analiticas + "|" + marketing;
var date = new Date(new Date().setFullYear(new Date().getFullYear() + 1));
document.cookie = "cookie_consent=" + encodeURIComponent(cookie_val) + ";expires=" + date.toGMTString();
cookie_hide();
}
