.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(); }