body {
background:url(img/bg.jpg) 50% 50% repeat;
}
.contact .content-box {
height:auto;
}
.btn {
color:#242424;
}
.newsletter {
background:#242424;
color:#ffffff;
}
#order .delivery .item.selected, #order .payment .item.selected {
border-color:#242424;
}
#order .order-steps li::after {
border-left-color:#f7f5f1;
}
@media (min-width: 768px) {
#order .delivery .item, #order .payment .item {
height:calc(100% - 2rem);
}
.categories {
background:#cfc2ae;
color:#242424;
box-shadow:none;
}
.categories ul.menu > li > a {
background:#cfc2ae;
color:#242424;
text-transform:uppercase;
font-size:1rem;
}
.categories ul.menu > li > a:hover {
background:#242424;
}
.categories ul.menu > li > ul.dropdown-menu {
background:#242424;
color:#ffffff;
text-transform:uppercase;
}
.categories ul.menu > li > ul.dropdown-menu > li > a {
color:#ffffff;
}
.categories ul.menu > li > ul.dropdown-menu > li {
border-top:0;
}
}
@media (min-width: 992px) {
.main-header .cart {
background:#242424
}
.main-header .cart .amount svg {
fill:#cfc2ae;
stroke:#cfc2ae;
color:#cfc2ae;
}
}
.special-info {
text-align: center;
text-transform: uppercase;
padding: .5rem 1rem;
background: #9e2b2b;
font-weight: bold;
font-size: .85rem;
color: White;
}
.chocolat-zoomable.chocolat-zoomed {
cursor: zoom-out;
}
.chocolat-open {
overflow: hidden;
}
.chocolat-overlay {
transition: opacity 0.4s ease, visibility 0s 0.4s ease;
height: 100%;
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 10;
background-color: #fff;
visibility: hidden;
opacity: 0;
}
.chocolat-overlay.chocolat-visible {
transition: opacity 0.4s, visibility 0s;
visibility: visible;
opacity: 0.8;
}
.chocolat-wrapper {
transition: opacity 0.4s ease, visibility 0s 0.4s ease;
width: 100%;
height: 100%;
position: fixed;
opacity: 0;
left: 0;
top: 0;
z-index: 99999;
color: #fff;
visibility: hidden;
}
.chocolat-wrapper.chocolat-visible {
transition: opacity 0.4s, visibility 0s;
opacity: 1;
visibility: visible;
}
.chocolat-zoomable .chocolat-img {
cursor: zoom-in;
}
.chocolat-loader {
transition: opacity 0.3s;
height: 32px;
width: 32px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -16px;
margin-top: -16px;
z-index: 11;
background: url(img/loader.gif);
opacity: 0;
}
.chocolat-loader.chocolat-visible {
opacity: 1;
}
.chocolat-image-wrapper {
position: fixed;
width: 0px;
height: 0px;
left: 50%;
top: 50%;
z-index: 14;
text-align: left;
transform: translate(-50%, -50%);
}
.chocolat-image-wrapper .chocolat-img {
position: absolute;
width: 100%;
height: 100%;
}
.chocolat-wrapper .chocolat-left {
width: 50px;
height: 100px;
cursor: pointer;
background: url(img/left.png) 50% 50% no-repeat;
z-index: 17;
visibility: hidden;
}
.chocolat-layout {
display: flex;
flex-direction: column;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.chocolat-image-canvas {
transition: opacity 0.2s;
opacity: 0;
flex-grow: 1;
align-self: stretch;
}
.chocolat-image-canvas.chocolat-visible {
opacity: 1;
}
.chocolat-center {
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
user-select: none;
}
.chocolat-wrapper .chocolat-right {
width: 50px;
height: 100px;
cursor: pointer;
background: url(img/right.png) 50% 50% no-repeat;
z-index: 17;
visibility: hidden;
}
.chocolat-wrapper .chocolat-right.active {
visibility: visible;
}
.chocolat-wrapper .chocolat-left.active {
visibility: visible;
}
.chocolat-wrapper .chocolat-top {
height: 50px;
overflow: hidden;
z-index: 17;
flex-shrink: 0;
}
.chocolat-wrapper .chocolat-close {
width: 50px;
height: 50px;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
background: url(img/close.png) 50% 50% no-repeat;
}
.chocolat-wrapper .chocolat-bottom {
height: 40px;
font-size: 12px;
z-index: 17;
padding-left: 15px;
padding-right: 15px;
background: rgba(0, 0, 0, 0.2);
flex-shrink: 0;
display: flex;
align-items: center;
}
.chocolat-wrapper .chocolat-set-title {
display: inline-block;
padding-right: 15px;
line-height: 1;
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.chocolat-wrapper .chocolat-pagination {
float: right;
display: inline-block;
padding-left: 15px;
padding-right: 15px;
margin-right: 15px;
/*border-right: 1px solid rgba(255, 255, 255, 0.2);*/
}
.chocolat-wrapper .chocolat-fullscreen {
width: 16px;
height: 40px;
background: url(img/fullscreen.png) 50% 50% no-repeat;
display: block;
cursor: pointer;
float: right;
}
.chocolat-wrapper .chocolat-description {
display: inline-block;
flex-grow: 1;
text-align: left;
}
/* no container mode*/
body.chocolat-open > .chocolat-overlay {
z-index: 15;
}
body.chocolat-open > .chocolat-loader {
z-index: 15;
}
body.chocolat-open > .chocolat-image-wrapper {
z-index: 17;
}
/* container mode*/
.chocolat-in-container .chocolat-wrapper,
.chocolat-in-container .chocolat-image-wrapper,
.chocolat-in-container .chocolat-overlay {
position: absolute;
}
.chocolat-in-container {
position: relative;
}
.chocolat-zoomable.chocolat-zooming-in .chocolat-image-wrapper,
.chocolat-zoomable.chocolat-zooming-out .chocolat-image-wrapper {
transition: width 0.2s ease, height 0.2s ease;
}
.chocolat-zoomable.chocolat-zooming-in .chocolat-img,
.chocolat-zoomable.chocolat-zooming-out .chocolat-img {
transition: margin 0.2s ease;
}
/* uncomment to hide controls when zoomed-in*/
/*
.chocolat-zoomable .chocolat-top,
.chocolat-zoomable .chocolat-bottom,
.chocolat-zoomable .chocolat-right,
.chocolat-zoomable .chocolat-left {
transition: opacity .3s ease, visibility 0s .3s;
opacity: 1;
}
.chocolat-zoomable.chocolat-zoomed .chocolat-top,
.chocolat-zoomable.chocolat-zoomed .chocolat-bottom,
.chocolat-zoomable.chocolat-zoomed .chocolat-right,
.chocolat-zoomable.chocolat-zoomed .chocolat-left {
visibility: hidden;
opacity: 0;
}
*/
.pagination li.active a {
background:#242424;
color:white !important;
}
@media (max-width: 992px) {
.categories .menu > li:not(.dropdown) > a {
display:block;
}
.categories .menu > li:not(.dropdown) > button {
display:none;
}
}
.facts .content-box {
height:calc(100% - 2rem);
position:relative;
}
.facts .content-box .fact-slider {
display: flex;
flex-direction: column;
justify-content: center;
height:100%;
}
.facts .content-box .fact-slider .slick-dots {
bottom:0;
}
.facts .content-box h3 {
position: absolute;
top: 1rem;
left: 2rem;
color: #cfc2ae;
font-size: 2.75rem;
}
@media (max-width: 991px) {
.facts {
display:none;
}
.facts .content-box h3 {
margin-top:1rem;
left:1.5rem;
}
.facts .content-box {
padding-top:5rem;
}
.facts .content-box .fact-slider {
margin-bottom: 2rem;
}
.facts .content-box .fact-slider .slick-dots {
bottom: -4rem;
}
}
.post-content.content-box img {
max-width:100%;
height:auto;
}
.post-content.content-box a {
color:#cfc2ae;
text-decoration:underline;
}
.post-content.content-box a:hover {
text-decoration:none;
color:#bfae94;
}
.error404 {
text-align: center;
padding-bottom: 5rem;
}
.error404 h1 {
font-size: 10rem;
line-height: 9rem;
}
.element input[type=file] {
border:0;
box-shadow:none;
background:transparent;
}
.verified-purchase {
font-size:0.8rem;
text-transform:uppercase;
letter-spacing:1pt;
opacity:.5;
text-align:right;
display:block;
}
.details .data .producer-logo img {
max-width:100px;
}
.details .price .lowest-price, .listitem .lowest-price {
display:block;
margin-top:.5rem;
font-size:.85rem;
position:relative;
}
.listitem .lowest-price:after,
.details .price .lowest-price:after {
position: absolute;
content: ‘’;
opacity: 0;
transition: all 0.4s ease;
}
.details .price .lowest-price .icon:after, .listitem .lowest-price .icon:after {
display: inline-block;
content: "i";
color: white;
background: #3B3B3B;
width: 1rem;
height: 1rem;
line-height: 1rem;
text-align: center;
font-style: italic;
font-weight: bold;
font-family: serif;
border-radius: 1rem;
margin-top: -5px;
position: relative;
top: -2px;
}
.details .price .lowest-price:after, .listitem .lowest-price:after {
content: attr(data-tooltip);
background: #3B3B3B99;
min-width: 160px;
min-height: 40px;
font-size: 0.75rem;
color:white;
top: 10px;
left: -10px;
padding: 7px 10px;
border-radius: 5px;
letter-spacing: 1px;
transform: translateY(-5px);
text-align:center;
z-index:99;
}
.listitem .lowest-price:after {
top:-25px;
}
.details .price .lowest-price:hover:after, .listitem .lowest-price:hover:after {
opacity: 1;
transform: translateY(-2px);
}
/* cookies update */
.btn-secondary {
background: transparent;
color: #2a5da0;
border: 1px solid #ddd;
}
.btn-tertiary {
background: transparent;
color: #3B3B3B;
text-decoration:underline;
border: 0;
}
.btn-tertiary:hover {
box-shadow:none;
text-decoration:none;
}
.cookies.bottom, .cookieContainer {
background:white;
color: #3B3B3B;
position: fixed;
bottom: 0;
z-index: 99999;
font-size:1rem;
box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.05);
padding-bottom:2rem;
width:100%;
}
.cookieContainer {
padding:2rem;
}
.cookies p {
text-align:left;
}
.cookieContainer-popupBtn.cookies {
background:transparent;
padding:0;
}
.cookieContainer-popupOptions-containerHeader div {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
}
.cookieContainer-popupOptions-containerHeader div .cookieOption {
position: relative;
right: 0;
top: 1px;
transition: all .3s ease-in-out;
cursor: pointer;
display: inline-block;
width: 40px;
height: 23px;
border-radius: 20px
}
.cookieContainer-popupOptions-containerHeader div .cookieOption::after {
content: '';
transition: all .3s ease-in-out;
content: '';
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #fff;
top: 4px
}
.cookieContainer-popupOptions-container {
border-top: 1px solid #ddd;
margin: 1rem 0;
}
.cookieContainer-popupOptions-containerHeader {
display: flex;
justify-content: space-between;
margin: 7px 0 10px;
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-inactive {
background-color: #dbdce0
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-inactive::after {
left: 4px
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-active {
background-color: #000
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-active::after {
left: 21px
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-StillActive {
background-color: #2a5da0;
cursor: auto
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-StillActive::after {
left: 21px;
background-color: #cacbd0
}