﻿@charset "UTF-8";
/* CSS Document */


.cookie-banner {
/*display: none;*/
position: fixed;
left: 0;
bottom: 0;
padding: 1.25em;

font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #fff;
background: #00351b;	
box-sizing: border-box;
width: 100%;
z-index: 9999;
}

.cookie-banner-container {
margin: 0 auto;
max-width: 1120px;	
}

.cookie-is-visible {
display: table;
}

.cookie-content {
display: block;
vertical-align: middle;
width: 100%;
}

.cookie-title {
font-weight: bold;	
font-family: inherit;
}

.cookie-text {
font-family: inherit;	
}

.cookie-text a {
text-decoration: underline;
color: #fff;	
font-size: inherit;
}

.cookie-text a:hover {
color: #ccc;	
}

.cookie-actions {
display: block;
padding-top: .25em;
vertical-align: top;
text-align: right;
width: 100%;
}

.cookie-actions .btn-cookie {
display: inline-block;
font-size: 14px;
font-weight: bold;
line-height: 25px;
text-align: center;
color: #00351b;	
text-decoration: none;
background: #fff;
border: none;
cursor: pointer;
width: 70px;
height: 25px;
}

.cookie-actions a {
margin: 0 1.25em;
display: inline-block;
color: #fff;
font-family: inherit;
font-size: 13px;	
text-decoration: underline;
}

@media screen and (min-width: 685px) {


.cookie-content {
display: table-cell;	
width: 65%;	
}

.cookie-actions {
display: table-cell;
padding-top: 0;
width: 35%;	
}

}



@media screen and (min-width: 768px) {
	

.cookie-banner {
padding-left: 2em;
padding-right: 2em;	
}

.cookie-actions .btn-cookie {
line-height: 32px;
width: 100px;
height: 32px;
}

.cookie-actions .btn-cookie:hover {
opacity: .80;	
}

}



.cookie-settings-table {
margin: 1.5em 0;
border-top: 1px solid #ddd;
border-collapse: collapse;
width: 100%;	
}

.cookie-settings-table .disabled {
color: #aaa;	
}

.cookie-settings-table td {
padding: 1em .5em;	
border-bottom: 1px solid #ddd;
}

.cookie-type {
display: block;
font-weight: bold;	
}

.cookie-desc {
display: block;
font-size: 14px;	
}

.cookie-switch {
position: relative;
display: inline-block;
width: 42px;
height: 24px;
}

.cookie-switch input {
display: none;
}

.cookie-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #aaa;
-webkit-transition: .4s;
transition: .4s;
border-radius: 34px;
}

.cookie-slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 4px;
bottom: 4px;
background-color: #fff;
-webkit-transition: .4s;
transition: .4s;
border-radius: 50%;
}

input:checked + .cookie-slider {
background-color: #215737;
}

input:checked + .cookie-necessary {
background-color: #ccc;
}

input:focus + .cookie-slider {
box-shadow: 0 0 1px #215737;
}

input:checked + .cookie-slider:before {
-webkit-transform: translateX(18px);
-ms-transform: translateX(18px);
transform: translateX(18px);
}

@media screen and (min-width: 685px) {
.cookie-settings-table {
width: 80%;	
}
	
}