html {
scroll-padding-top: 200px;
}
.newsletter-email .newsletter-subscribe-button,
.social-sharing a,
.scroll-back-button,
.product-box-add-to-cart-button,
.price-range-slider .ui-slider-range,
.price-range-slider .ui-slider-handle,
.nivo-controlNav a.active,
.slick-dots .slick-active button,
.responsive-nav-wrapper > div span.cart-qty,
.blog-search-box .search-box-button,
.responsive-nav-wrapper > div span.wishlist-qty {
background-color: #f7634e !important;
color: white !important;
}
.ui-tabs .ui-tabs-nav li:before {
background-color: #005f6a !important;
color: white !important;
}
.block .listbox li a:before,
.mega-menu .box li:before,
.breadcrumb li .delimiter:after,
.header-menu .sublist li a:before {
color: #90a4ae;
}
.priceRangeCurrentPricesPanel span,
.product-price span,
.non-discounted-price span,
.price.actual-price {
color: #f15221 !important;
}
/** This block needs to be in the primary colour **/
.filter-block .title a:after,
.block .title а:after,
.block .title strong:after {
color: #005f6a;
}
.priceRangeMinMaxPanel {
color: #666;
}
/* Stuff to hide */
.header-links a.ico-register {
display: none;
}
/* Hide teaser images for the main slider on higher resolutions */
@media (min-width: 1281px) {
.prevPictureTeaser img,
.nextPictureTeaser img {
height: 100%;
max-width: none;
visibility: hidden;
}
}
.product-grid .item-box .buttons-wrapper {
visibility: hidden;
}
.product-list .buttons-wrapper {
display: none !important;
}
.category-grid .item-box .sub-categories-list li:nth-of-type(1n + 5) {
display: none;
}
.overview .quantity-container {
visibility: hidden;
}
.product-selectors .product-page-total {
float: right;
margin: 8px 10px 0 0;
font-size: 16px;
}
.product-selectors .product-page-total span {
color: #005f6a;
font-weight: bold;
}
.footer-middle .address {
display: none;
}
.footer-middle .phone {
display: none;
}
.footer .social-sharing .rss {
display: none;
}
.shipping-method .method-list li input {
width: auto;
height: auto;
position: relative;
margin-top: -4px;
}
.payment-method .method-list {
display: none;
}
.flyout-cart .buttons button + button {
display: none;
}
.productAddedToCartWindow a.viewBasketLink {
display: none;
}
.block-account-navigation .list > li > a[href="/customer/productreviews"] {
display: none;
}
.product-content-wrapper .product-vendor {
display: none;
}
/* Other stuff */
.home-page .product-grid,
.home-page .product-grid:before,
.home-page .product-grid:after {
background-color: inherit;
}
.footer .footer-upper.furniture-pattern {
background-color: #fff;
background-image: none;
}
.footer .footer-upper.furniture-pattern .newsletter .title {
color: #504444;
}
.footer
.footer-upper.furniture-pattern
.newsletter-email
.newsletter-subscribe-text {
border: 1px solid #eee;
}
.nop-jcarousel .carousel-title {
padding-bottom: 0;
}
@media (min-width: 769px) {
.full-description {
padding: 25px;
}
}
@media all and (min-width: 2561px) {
.nivoSlider img,
.slider-gallery .slider-wrapper {
max-height: 820px;
}
}
@media all and (min-width: 1921px) and (max-width: 2560px) {
.nivoSlider img,
.slider-gallery .slider-wrapper {
max-height: 640px;
}
}
@media all and (min-width: 1440px) and (max-width: 1920px) {
.nivoSlider img,
.slider-gallery .slider-wrapper {
max-height: 520px;
}
}
@media all and (min-width: 1001px) and (max-width: 1439px) {
.nivoSlider img,
.slider-gallery .slider-wrapper {
max-height: 500px;
}
}
@media all and (min-width: 481px) and (max-width: 1000px) {
.nivoSlider img,
.slider-gallery .slider-wrapper {
max-height: 410px;
}
.prevPictureTeaser,
.nextPictureTeaser {
position: absolute;
top: 0;
bottom: 0;
display: inline-block;
height: 100%;
width: 16.7%;
}
.prevPictureTeaser {
left: 0;
direction: rtl;
}
.nextPictureTeaser {
right: 0;
}
.slider-gallery .slider-wrapper {
position: relative;
}
.slider-gallery .nivoSlider {
margin: 0 auto;
width: 85%;
overflow: visible;
}
}
/* @media all and (min-width: 481px) and (max-width: 768px) {
.nivoSlider img,
.slider-gallery .slider-wrapper {
max-height: 300px;
}
} */
/* Center navbar elements */
@media (min-width: 1025px) {
.header .search-box {
margin: 18px auto 10px;
}
.responsive-nav-wrapper-parent {
margin: 18px 0;
width: auto;
}
}
.home-page .product-grid {
margin-top: 0px !important;
padding: 0px !important;
}
.home-page-category-grid {
margin: 0px;
padding-bottom: 0px !important;
}
.header-logo a img {
max-height: 75px;
}
.newsletter .title {
font-size: 16px;
}
.manufacturer-item img {
filter: grayscale(100%);
}
.picture .manufacturer img {
filter: grayscale(100%);
}
.nivo-caption {
height: 100%;
}
.nivo-caption h1 {
font-size: 4em;
}
.nivo-caption h2 {
font-size: 3em;
}
.nivo-caption h3 {
font-size: 2em;
}
.nivo-caption h4 {
font-size: 1.5em;
}
.nivo-caption h5 {
font-size: 1.25em;
}
.product-social-buttons li {
background-color: #cacaca !important;
}
.product-social-buttons li a:after {
color: #444444 !important;
}
.product-social-buttons li:hover {
background-color: #fff !important;
}
.product-social-buttons li:hover a:after {
color: #005f6a !important;
}
.product-social-buttons li.email a:after {
content: "\e927";
font-size: 14px;
}
.product-social-buttons li.twitter {
display: none;
}
.overview .add-to-wishlist {
display: table-cell;
direction: ltr;
text-align: right;
width: auto;
}
@media (max-width: 1024px) {
.product-essential .overview .add-to-wishlist {
margin-bottom: 12px;
}
}
@media (min-width: 481px) {
.overview-buttons div.add-to-cart {
width: 100%;
}
}
.overview .add-to-wishlist button span:before,
.variant-overview .add-to-wishlist-button span:before {
content: "\e919";
}
.overview .add-to-wishlist button span:before,
.variant-overview .add-to-wishlist-button span:before {
display: inline-block;
padding: 0 18px;
font-weight: normal;
font-family: prisma;
font-size: 18px;
color: #bbb;
vertical-align: middle;
}
.overview .add-to-wishlist-button {
background-color: #fff;
color: #bbb;
transition: background 0.3s;
}
.overview .add-to-wishlist-button:hover {
background-color: #bbb;
color: #fff;
transition: background 0.3s;
}
.overview .add-to-wishlist button:hover span:before,
.variant-overview .add-to-wishlist-button:hover span:before {
color: #f7634e;
}
@media (min-width: 1025px) {
.category-page .page-title {
display: block;
}
.category-page .page-title .breadcrumb {
text-align: left;
display: block;
}
.category-page .page-title h1 {
display: block !important;
}
}
.message-note {
display: block;
margin-top: 5px;
font-size: 11px;
white-space: pre;
word-wrap: break-word;
}
table.cart-total td {
padding: 5px 10px;
}
.book-viewing-buttons .product-appointment-button:hover {
color: #fff;
}
.productAddedToCartWindowSummary a.continueShoppingLink {
padding: 16.5px 10px;
}
.productAddedToCartWindowSummary a.continueShoppingLink:before {
background: #fff !important;
transition: background 0.3s !important;
transform: none !important;
}
.productAddedToCartWindowSummary a.continueShoppingLink:hover:before {
background: #bbb !important;
}
.productAddedToCartWindowSummary .button-1:hover {
background: #f15221 !important;
}
.product-content-wrapper .button-2:before {
background: #fff !important;
transition: background 0.3s !important;
transform: none !important;
}
.product-content-wrapper .button-2:hover:before {
background: #005f6a !important;
}
.tab-header-info {
padding-left: 25px;
padding-top: 30px;
color: #444;
}
.button-1:before {
background: #f7634e !important;
transform: none !important;
}
.button-1:hover:before {
background: #f15221 !important;
}
.button-1 {
background-color: #f7634e !important;
color: white !important;
}
.button-1:hover {
background-color: #f15221 !important;
color: white !important;
}
.button-2 {
background-color: #fff !important;
color: #005f6a !important;
}
.button-2:hover {
background-color: #005f6a !important;
color: white !important;
}
.button-1:hover,
.button-2:hover {
color: white !important;
}
.button-1 span,
.button-1 i,
.button-2 i,
.button-2 span {
z-index: 1;
position: relative;
}
.button-1:hover span,
.button-1:hover span:before,
.button-2:hover span,
.button-2:hover span:before {
color: #fff !important;
}
.buttons .button-1:disabled,
.buttons .button-2:disabled {
cursor: not-allowed;
opacity: 0.5;
}
@media (hover: none) {
/* disable hover effect for touch-devices, no cursor to provide feedback */
.buttons .button-1:disabled,
.buttons .button-2:disabled {
pointer-events: none;
}
}
@media all and (max-width: 768px) {
.contact-page .centerdiv {
display: inline;
margin: 0;
padding: 10px 0;
width: 400px;
max-width: 100%;
word-wrap: break-word;
}
.contact-page .checkboxContainer {
font-size: 18px !important;
text-align: left;
min-width: 300px;
}
}
input[type="datetime-local"] {
display: inline;
margin: 0 auto;
height: 40px;
width: 400px;
max-width: 100%;
padding: 8px;
}
.block-account-navigation li a:after {
background: #fff !important;
transition: background 0.3s !important;
transform: none !important;
}
.block-account-navigation li a:hover:after {
background: #005f6a !important;
}
.block-account-navigation .list > li > a.active,
.block-account-navigation .list > li > a.active:before {
color: #003137 !important;
}
.block-account-navigation .list > li > a.active:hover:before,
.block-account-navigation .list > li > a.active:hover {
color: #fff !important;
}
.block-account-navigation .list > li > a.inactive,
.block-account-navigation .list > li > a.inactive:before {
color: #37474f !important;
}
.block-account-navigation .list > li > a.inactive:hover:before,
.block-account-navigation .list > li > a.inactive:hover {
color: #fff !important;
}
.product-display-mobile {
display: none !important;
}
.filter-options > div.product-sorting-mobile,
.filter-options > div.filters-button {
width: 50%;
background: #005f6a;
}
.filter-options div:before,
.filter-options div {
color: #fff;
}
.shipping-explanation {
text-align: center;
line-height: 24px;
font-size: 13px;
color: #666;
}
.newsletter-validation,
.newsletter-result {
color: #666 !important;
text-shadow: none !important;
opacity: 1 !important;
}
@media (min-width: 769px) {
.product-list .item-box .product-rating-box {
display: none !important;
}
.product-list .item-box .prices {
width: 100% !important;
text-align: right;
}
}
@media (min-width: 769px) {
.product-list .item-box .picture {
width: 11.5% !important;
}
.product-list .item-box .details {
margin: 0 0 0 12% !important;
}
}
@media (min-width: 1024px) {
.home-page .topic-block-title h2 {
font-size: 34px !important;
}
.home-page .topic-block-body p {
font-size: 17px !important;
}
}
@media (min-width: 768px) {
.checkout-page .inputs select,
.checkout-page .inputs textarea {
width: 100%;
}
}
.checkout-page .inputs label {
color: #000;
}
.checkout-page .cart th {
color: #000;
}
.checkout-page .terms-of-service label,
.checkout-page .terms-of-service a {
font-size: 11px;
}
.checkout-page .complete-button button:before {
background: #f7634e !important;
transform: none !important;
}
.checkout-page .complete-button button:hover:before {
background: #f15221 !important;
}
.checkout-page .complete-button button {
background-color: #f7634e !important;
color: white !important;
}
.checkout-page .complete-button button:hover {
background-color: #f15221 !important;
color: white !important;
}
.checkout-page .complete-button button:hover span,
.checkout-page .complete-button button:hover span:before {
color: white !important;
}
.checkout-page .order-subtotal td:first-child span,
.checkout-page .order-subtotal-discount td:first-child span,
.checkout-page .shipping-cost td:first-child span,
.checkout-page .additional-fees td:first-child span,
.checkout-page .tax-rate td:first-child span,
.checkout-page .deposit-amount td:first-child span {
color: #37474f;
}
.checkout-page .cart-total td:first-child,
.checkout-page .cart-total-right span {
color: #757575;
}
.checkout-page .order-total strong,
.price-accent-color {
color: #f15221 !important;
font-weight: 700;
}
.home-page-product-grid .item-box .picture,
.manufacturer-grid .manufacturer-item,
.mega-menu .dropdown.manufacturers div.picture,
.product-grid .product-item div.picture,
.product-list .product-item {
border: 2px solid transparent;
transition: border 0.3s;
}
.home-page-product-grid .item-box .picture:hover,
.manufacturer-grid .manufacturer-item:hover,
.mega-menu .dropdown.manufacturers div.picture:hover,
.product-grid .product-item:hover div.picture,
.product-list .product-item:hover {
border: 2px solid #005f6a;
transition: border 0.3s;
}
.mega-menu .dropdown.manufacturers div.title {
display: none;
}
.manufacturer-grid hr {
margin: 0.5em 0;
}
.manufacturer-grid li {
margin-bottom: 0.5em;
}
.manufacturer-grid .item-box.filtered {
margin-left: 0;
}
.manufacturer-grid a:hover,
.manufacturer-grid a:focus {
text-decoration: underline;
}
.manufacturer-alphabet {
background-color: #fff;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
grid-gap: 1em;
position: sticky;
top: 0;
z-index: 9;
border-bottom: 1px solid #cacaca;
padding: 5px 0;
}
@media all and (min-width: 1024px) {
.manufacturer-alphabet {
top: 223px;
}
}
.manufacturer-alphabet button.button-2 {
padding: 8px 10px;
}
@media (max-width: 768px) {
.manufacturer-list-page .manufacturer-alphabet {
grid-template-columns: repeat(auto-fill, minmax(45px, 1fr));
position: static;
box-shadow: none;
}
.manufacturer-alphabet button.button-2 {
padding: 4px;
}
.manufacturer-grid .item-box {
text-align: left;
}
.manufacturer-grid li {
line-height: 1.5;
}
}
@media (max-width: 480px) {
.manufacturer-grid .item-box {
width: 100%;
margin: 15px 0;
}
}
.responsive-nav-wrapper .wishlist-button a:after {
content: "\e919" !important;
}
.responsive-nav-wrapper .wishlist-button {
display: inline-block !important;
}
@media (max-width: 768px) {
.header-links li:nth-of-type(3) {
display: none;
}
}
.order-details-page.order-complete .page-body {
text-align: left;
}
.order-details-page.order-complete .page-body .order-overview {
text-align: center;
padding: 30px;
}
.product-details-page .overview .overview-buttons .button-2:before,
.product-details-page .overview .overview-buttons .button-2:hover:before {
display: none;
}
.password-recovery-page .result {
margin: 0 0 20px 5px;
font-weight: bold;
text-align: center;
color: #ff5874;
}
.usp-bar {
background-color: #eee;
color: white;
}
.usp-bar .usp-list {
display: flex;
justify-content: space-around;
flex-direction: row;
max-width: 1280px;
margin: 0 auto;
align-items: center;
}
@media (max-width: 480px) {
.usp-bar .usp-list {
flex-wrap: wrap;
height: 21px;
position: relative;
padding: 20px 0;
}
.usp-bar .usp-list li {
width: 100%;
padding: 0 5px;
overflow-x: hidden;
position: absolute;
transform-origin: center;
}
.usp-bar .usp-list li:nth-child(1) {
animation: usp 15s ease-in-out 0s infinite;
opacity: 0;
}
.usp-bar .usp-list li:nth-child(2) {
animation: usp 15s ease-in-out 3s infinite;
opacity: 0;
}
.usp-bar .usp-list li:nth-child(3) {
animation: usp 15s ease-in-out 6s infinite;
opacity: 0;
}
.usp-bar .usp-list li:nth-child(4) {
animation: usp 15s ease-in-out 9s infinite;
opacity: 0;
}
.usp-bar .usp-list li:nth-child(5) {
animation: usp 15s ease-in-out 12s infinite;
opacity: 0;
}
}
@keyframes usp {
5%,
25% {
opacity: 1;
}
25%,
35%,
100% {
opacity: 0;
}
}
.usp-bar .usp-list li:nth-child(2) .usp-item .usp-icon {
padding: 1.5px;
}
.usp-bar .usp-list .usp-item {
text-decoration: none;
font-size: 12px;
letter-spacing: 0.03em;
font-weight: 700;
color: #464646;
margin-top: 5px;
}
.usp-bar .usp-list .usp-item .usp-icon {
margin-right: 5px;
}
/* .fns-content-list .fns-content-item {
border: none !important;
margin-top: 0 !important;
}
.fns-content-list .fns-content-box {
margin-bottom: 0 !important;
border: none !important;
}
.fns-content-list .fns-content-item .description {
padding: 0 !important;
} */
@media (min-width: 1025px) {
.overview p.viewing-location {
text-align: left;
}
.product-content-wrappper .overview .expected-delivery {
margin-top: 110px;
text-align: left;
}
.product-content-wrappper .overview .quantity-container {
float: right;
padding: 20px 15px;
}
.product-content-wrappper .overview .prices {
float: left;
text-align: left;
}
}
@media (max-width: 1024px) {
.product-content-wrappper .overview .expected-delivery,
.overview p.viewing-location {
text-align: center;
}
}
.overview .expected-delivery,
.overview p.viewing-location {
font-size: 15px;
padding: 15px;
letter-spacing: 0.55px;
}
.overview .product-usp {
font-size: 16px;
letter-spacing: 0.03em;
text-align: left;
text-decoration: none;
color: #444444;
display: inline-block;
margin-bottom: 25px;
}
.overview .product-usp .usp-item i {
color: #005f6a;
margin-right: 6px;
}
.overview .product-share-wrapper {
border: none;
}
@media (max-width: 1024px) {
.overview .quantity-container {
display: none;
}
.product-share-wrapper .product-social-buttons {
display: block;
margin-top: 15px;
}
}
@media (min-width: 769px) {
.ropc .panels-right .coupon-box-panel {
display: inline-block;
float: none;
}
.ropc .panels-right .order-totals-panel {
display: inline-block;
}
}
@media (min-width: 1025px) {
.topic-page li {
padding: 8px 0 8px 0;
transition: all 0.3s;
}
.topic-page li {
padding: 5px 0;
font-size: 13px;
color: #888;
}
}
.topic-page .page-body ul {
list-style: none;
}
.topic-page ul li > a:only-child::before {
content: "\e925";
display: inline-block;
margin-right: 10px;
font-family: "prisma";
font-size: 10px;
color: #d6d6d6;
transition: all 0.3s;
}
.topic-page ul li > a:only-child:hover::before {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
li a:hover,
li a:focus {
color: #005f6a;
}
.topic-page .page-body ul {
text-align: left;
}
@media (min-width: 481px) {
.product-essential .overview-buttons .add-to-cart {
margin-left: 0;
}
.product-essential .overview-buttons .book-viewing-buttons {
margin-bottom: 8px;
}
}
/* @media (min-width: 1025px) {
.mega-menu li a.view-all {
margin-left: -4px;
}
} */
.block li.active > a {
font-weight: bold;
}
/**
AJAX Filters
*/
.checkbox-list li.checkbox-item {
height: 25px;
}
.checkbox-list li.checkbox-item label.filter-item-name {
padding: 1px 10px 4px 32px;
}
.cart .subtotal span.product-beforediscount {
font-size: 1em;
font-weight: normal;
text-decoration: line-through;
}
.cart .subtotal span.product-discount {
color: #f7634e;
font-size: 1em;
font-weight: normal;
}
tr.underline > td {
border-bottom: 1px solid #eee;
}
.cart-total td:nth-child(2).normal {
font-weight: normal;
}
.product-recommended-retail-price,
.cart span.product-recommended-retail-price {
text-decoration: line-through;
color: #aaa;
}
.order-summary-content table.show-th th:first-child {
display: table-cell;
}
td.subtotal table td,
td.subtotal table th {
padding: 3px;
}
.show-when-has-multiple,
td.show-when-has-multiple {
display: none;
}
.has-multiple th.show-when-has-multiple,
.has-multiple td.show-when-has-multiple {
display: table-cell;
}
@media all and (max-width: 768px) {
.checkout-page .page-title {
margin-bottom: 20px;
}
#checkoutForm {
display: flex;
flex-direction: column;
}
.ropc .panel-group-right-top {
order: 2;
}
.ropc .panel-group-left {
order: 1;
}
.ropc .panel-group-right-middle {
order: 3;
}
.ropc .panel-group-right-bottom {
order: 4;
}
/* just hide on mobile. */
th.show-when-has-multiple,
.has-multiple th.show-when-has-multiple,
.has-multiple td.show-when-has-multiple {
display: none;
}
}
.order-summary-content table.show-first-cell td:first-child {
display: table-cell;
}
table.no-borders td {
border: none;
}
table td .discount-badge {
position: relative;
margin: 0 8px 0 0;
padding: 2px 8px;
}
td.smallest {
padding: 0;
margin: 0;
min-width: 0;
width: 0;
}
td.subtotaal {
padding: 0;
}
div.price-details {
text-align: left;
}
.price-details span.our-price {
font-size: 21px;
}
div.price-details > span {
margin: 0;
}
/* light search on mobile */
@media all and (max-width: 1024px) {
.search-box.store-search-box input.search-box-text {
background: white;
color: inherit;
}
.store-search-box {
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3);
}
.header .store-search-box ::-webkit-input-placeholder {
color: #757575;
}
.header .store-search-box ::-moz-placeholder {
color: #757575;
}
.header .store-search-box :-ms-input-placeholder {
color: #757575;
}
.header .store-search-box :-moz-placeholder {
color: #757575;
}
}
/* loader */
.infinite-scroll-loader,
.dummy-box .async-loader,
.productPanelAjaxBusy,
.panel-loader-effect .spinner,
.infinite-scroll-loader::before,
.dummy-box .async-loader::before,
.productPanelAjaxBusy::before,
.panel-loader-effect .spinner::before,
.infinite-scroll-loader::after,
.dummy-box .async-loader::after,
.productPanelAjaxBusy::after,
.panel-loader-effect .spinner::after {
background: #005f6a;
-webkit-animation: load1 1s infinite ease-in-out;
animation: load1 1s infinite ease-in-out;
width: 1em;
height: 4em;
transform-origin: center;
}
.infinite-scroll-loader,
.dummy-box .async-loader,
.productPanelAjaxBusy,
.panel-loader-effect .spinner {
color: #005f6a;
text-indent: -9999em;
margin: 88px auto;
position: relative;
font-size: 12px;
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.infinite-scroll-loader::before,
.dummy-box .async-loader::before,
.productPanelAjaxBusy::before,
.panel-loader-effect .spinner::before,
.infinite-scroll-loader::after,
.dummy-box .async-loader::after,
.productPanelAjaxBusy::after,
.panel-loader-effect .spinner::after {
position: absolute;
top: 0;
content: "";
}
.infinite-scroll-loader::before,
.dummy-box .async-loader::before,
.productPanelAjaxBusy::before,
.panel-loader-effect .spinner::before {
font-size: inherit;
border: none;
margin: 0;
left: -1.5em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.infinite-scroll-loader::after,
.dummy-box .async-loader::after,
.productPanelAjaxBusy::after,
.panel-loader-effect .spinner::after {
left: 1.5em;
}
@-webkit-keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0, 0 0;
}
40% {
box-shadow: 0 -2em, 0 2em;
}
}
@keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0, 0 0;
}
40% {
box-shadow: 0 -2em, 0 2em;
}
}
/* overwrites to disable default loaders */
.item-box.dummy-box::before {
content: none;
}
.dummy-box .async-loader {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.productPanelAjaxBusy::after {
background-color: none;
border: none;
font-size: 12px;
margin: 0;
}
.infinite-scroll-loader {
filter: none;
opacity: 1;
}
.panel-loader-effect .spinner > div {
display: none;
}
.button-2.active {
background-color: #005f6a !important;
color: white !important;
}
.master-header-wrapper-parent {
height: 0 !important;
}
.master-header-wrapper {
-webkit-transition: none;
transition: none;
}
.master-header-wrapper-parent .master-header-wrapper,
.master-header-wrapper.stick {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1020;
}
.master-header-wrapper.stick .usp-bar {
opacity: 0;
padding: 0;
}
.master-wrapper-content {
margin-top: 150px;
transition: margin 0.1s;
}
@media (min-width: 480px) {
.master-wrapper-content {
margin-top: 195px;
}
}
@media (min-width: 1025px) {
.master-wrapper-content {
margin-top: 295px;
}
}
/* fix overflow issue homepage on android */
.master-wrapper-page {
overflow-x: initial;
}
.home-page-body .master-wrapper-page {
overflow-x: hidden;
}
/* wishlist */
.wishlist-content .cart col:nth-of-type(3) {
display: table-column;
}
.wishlist-content .product-social-buttons {
float: none;
}
.wishlist-content .cart .qty-input {
height: 40px;
}
.wishlist-content .remove-from-cart,
.wishlist-content .cart .qty-input {
height: 40px;
vertical-align: middle;
}
.wishlist-content .remove-from-cart a {
margin-top: 5px;
}
.wishlist-content .remove-from-cart a,
.wishlist-content .remove-from-cart-mobile a {
display: inline-block;
height: 30px;
width: 30px;
background: url(/Plugins/SevenSpikes.Nop.Plugins.RealOnePageCheckout/Themes/Prisma/Content/delete.png)
no-repeat center;
}
.wishlist-content .add-to-cart a {
font-size: 1.5em;
color: #005f6a;
margin: 0 0.5em;
}
.wishlist-content .add-to-cart a::before {
content: "\e913";
font-family: prisma;
}
.wishlist-content .add-to-cart {
min-width: 0;
}
.wishlist-content .cart td.remove-from-cart-mobile {
display: none;
margin: 0;
}
.wishlist-content .message-error {
margin: 0;
display: block;
}
.wishlist-content .price-details {
text-align: left;
}
@media all and (max-width: 1024px) {
.wishlist-content .cart tr td {
text-align: left;
}
.wishlist-content .cart tr {
display: flex;
flex-wrap: wrap;
height: auto !important; /* overrule js set height */
padding-bottom: 0;
}
.wishlist-content .quantity {
order: 4;
}
.wishlist-content .cart td.product-picture {
order: 1;
width: 40%;
}
.wishlist-content .cart .show-unit-price td.product-picture {
margin-bottom: -40px;
}
.wishlist-content .cart td.product {
order: 2;
margin: 0;
width: 60%;
}
.wishlist-content .cart td.unit-price {
order: 3;
text-align: right;
width: 60%;
}
.wishlist-content .cart td.subtotal {
order: 5;
text-align: right;
line-height: 1.8;
}
.wishlist-content .cart td.add-to-cart {
order: 7;
margin: 0;
text-align: right;
border: 0;
border-top: 4px solid #f6f6f6;
}
.wishlist-content .cart td.add-to-cart a {
margin: 0;
}
.wishlist-content .cart td.remove-from-cart-mobile {
display: block;
order: 6;
width: 50%;
border: 0;
border-top: 4px solid #f6f6f6;
}
.wishlist-content .quantity .remove-from-cart {
display: none;
}
.wishlist-content .price-details .our-price {
font-size: 16px;
}
.wishlist-content .price-details .discount-badge,
.wishlist-content .price-details .product-recommended-retail-price,
.wishlist-content .price-details .price-savings {
font-size: 14px;
}
.wishlist-content .price-details .price-savings {
white-space: initial;
}
}
/* responsive header */
@media (max-width: 1024px) {
.header-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.header-wrapper .header {
float: none;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.responsive-nav-wrapper-parent {
float: none;
}
.header-wrapper::after {
content: none;
}
.header-logo {
text-align: center;
}
.header-logo a img {
max-height: 50px;
margin-top: 5px;
}
.responsive-nav-wrapper {
z-index: 1;
margin: 0;
}
}
@media (max-width: 380px) {
.header-wrapper .header {
width: auto;
position: static;
margin: -10px;
}
}
/* breadcrumbs */
@media (max-width: 767px) {
.breadcrumb {
overflow-x: auto;
}
.breadcrumb ul {
white-space: nowrap;
width: fit-content;
}
.product-essential .breadcrumb ul {
padding: 5px 5px;
}
.breadcrumb li:first-child::before {
content: none;
}
.breadcrumb li:first-child a {
font-size: 0;
}
.breadcrumb li:first-child a::before {
content: "\e938";
font-family: prisma;
font-size: 15px;
color: #ddd;
vertical-align: top;
}
}
/* Home topic block for tagline */
.home-page .topic-block {
padding-bottom: 0;
}
.home-page .topic-block h1 {
text-transform: uppercase;
text-align: center;
font-size: 30px;
font-weight: normal;
color: #000;
line-height: 1.2;
}
@media all and (max-width: 767px) {
.home-page .topic-block h1 {
font-size: 24px;
}
}
@media all and (max-width: 480px) {
.home-page .topic-block h1 {
font-size: 20px;
}
}
/* discount badge & savings */
.discount-badge {
background-color: #005f6a;
}
.price-savings {
color: #005f6a;
}
/* info icon component */
.info-icon__icon {
display: inline-block;
border: 1px solid #005f6a;
border-radius: 50%;
width: 20px;
height: 20px;
cursor: pointer;
position: relative;
top: 4px;
text-align: left;
}
.info-icon__icon::before {
content: "i";
font-weight: 700;
position: absolute;
color: #005f6a;
width: 18px;
text-align: center;
font-size: 1rem;
}
.info-icon__content {
pointer-events: none;
background-color: #fff;
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
position: absolute;
opacity: 0;
left: 50%;
transition: opacity 0.2s;
transform: translateX(-50%);
margin-top: 30px;
z-index: 999;
width: max-content;
max-width: min(80vw, 500px);
font-size: 0.875rem;
padding: 5px 10px;
border-radius: 3px;
}
.info-icon__icon:hover + .info-icon__content {
opacity: 1;
}
.product-content-wrappper .overview-buttons {
overflow: visible;
}
/* prevent hor scroll mobile */
.inputs input[data-val-required],
.inputs textarea[data-val-required],
.inputs select[data-val-required] {
max-width: calc(100% - 9px);
}
/* toastr */
.bar-notification {
bottom: auto;
left: auto;
width: auto;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 5px;
padding-left: 55px;
opacity: 1;
animation-duration: 0.4s;
}
.bar-notification::before {
font-family: "FontAwesome";
position: absolute;
top: 0;
left: 0;
bottom: 0;
text-align: center;
width: 45px;
line-height: 45px;
border-radius: 5px 0px 0px 5px;
font-size: 17px;
}
.bar-notification .content {
margin-right: 20px;
}
.bar-notification .close {
cursor: pointer;
}
.bar-notification .close::after {
top: 45%;
font-size: 13px;
}
.bar-notification.error {
background: #9a0000;
}
.bar-notification.error::before {
content: "\f071";
background: #660000;
}
.bar-notification.warning {
background: #ffb800;
color: #000;
}
.bar-notification.warning::before {
content: "\f06a";
color: #fff;
background: #e89900;
}
.bar-notification.warning .close::after {
color: #000;
}
.bar-notification.success {
background: #288726;
}
.bar-notification.success::before {
content: "\e913";
font-family: prisma;
background: #1d5f1c;
}
@media all and (min-width: 1025px) {
.bar-notification {
right: 10px;
top: 229px;
animation-name: slideinRight;
}
}
@media all and (max-width: 1024px) {
.bar-notification {
right: auto;
top: auto;
bottom: 15px;
left: 15px;
animation-name: slideinBottom;
}
}
@media all and (max-width: 768px) {
.bar-notification {
right: 15px;
top: auto;
bottom: 15px;
left: 15px;
animation-name: slideinBottom;
}
}
@keyframes slideinRight {
from {
margin-right: -100%;
}
to {
margin-right: 0;
}
}
@keyframes slideinBottom {
from {
margin-bottom: -100px;
}
to {
margin-bottom: 0;
}
}
/* Links */
.topic-page a,
.topic-block a,
[class*="-description"] a {
color: #005f6a;
font-weight: bold;
text-decoration: none;
}
.topic-page li > a:only-child {
color: inherit;
font-weight: inherit;
text-decoration: inherit;
}
.topic-page a:hover,
.topic-block a:hover,
[class*="-description"] a:hover {
text-decoration: underline !important;
}
/* product detail tabs for mobile */
.read-more-wrap {
display: none;
}
.product-details-page .productTabs h3 {
display: none;
}
@media all and (max-width: 768px) {
.product-details-page .productTabs .productTabs-header {
display: none;
}
.product-details-page .productTabs .ui-tabs-panel {
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
margin-bottom: 50px;
}
.product-details-page .productTabs .full-description {
color: #444;
}
/* titles */
.product-details-page .productTabs h3 {
display: block;
font-weight: bold;
font-size: 1.17em;
color: #444;
text-align: left;
margin-bottom: 0.5em;
}
.product-details-page .productTabs .product-specs-box h3 {
padding-left: 15px;
margin-bottom: 0.75em;
}
/* specs table */
.product-details-page .product-specs-box {
}
.product-details-page .product-specs-box .table-wrapper {
padding: 25px 10px;
text-align: left;
}
.product-details-page .productTabs td {
text-align: left;
border: none;
padding: 5px 15px;
color: #444;
background-color: #f9f9f9;
}
.product-details-page .productTabs .spec-name {
font-weight: bold;
}
/* read more btn */
.product-details-page .productTabs .full-description,
.product-details-page .productTabs .product-specs-box {
position: relative;
}
.read-more-wrap {
display: block;
text-align: center;
position: absolute;
left: 0;
bottom: 10px;
width: 100%;
}
.read-more-btn {
font-size: 14px;
font-weight: bold;
color: #000;
display: none;
cursor: pointer;
}
.read-more-btn.active {
display: initial;
}
.read-more-btn::before {
content: "LEES VERDER";
}
.expanded .read-more-btn::before {
content: "LEES MINDER";
}
.read-more-btn .fa {
font-size: 9px;
margin-bottom: 3px;
margin-left: 3px;
vertical-align: middle;
transition: transform 0.2s;
}
.expanded .read-more-btn .fa {
transform: rotate(180deg);
}
.read-more-fade {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 100px;
background: linear-gradient(
180deg,
rgba(249, 249, 249, 0) 0%,
rgba(249, 249, 249, 0.6) 25%,
#f9f9f9 69%
);
pointer-events: none;
opacity: 0;
}
.read-more .read-more-fade {
transition: opacity 0.2s;
opacity: 1;
}
.expanded .read-more-fade {
opacity: 0;
}
.product-details-page .productTabs .full-description.read-more,
.product-details-page .productTabs .product-specs-box.read-more {
overflow: hidden;
transition: all 0.2s;
}
.product-details-page .productTabs .full-description.read-more.expanded,
.product-details-page .productTabs .product-specs-box.read-more.expanded {
/* maxHeight is set via js */
padding-bottom: 40px;
}
}
.contact-form-buttons .buttons button {
border: 1px solid !important;
}
.table-wrapper h2 {
color: #444 !important;
}
.productTabs span.read-more-btn.active {
display: none;
}
@media all and (max-width: 767px) {
.table-wrapper h2 {
text-align: center;
}
}
/* utility */
.d-none {
display: none !important;
}
@media all and (min-width: 1025px) {
.sm-visible {
display: none !important;
}
}
/* Kiyoh */
.list-star-rating-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.list-star-rating {
width: 90px;
height: 18px;
}
.list-star-rating [class^="icon"] {
display: inline-block;
background-repeat: repeat-x;
background-size: auto;
width: 100%;
height: 100%;
vertical-align: top;
}
.list-star-content {
display: flex;
align-items: center;
color: #464646;
font-size: 12px;
}
.icon--star-gray-small,
.icon--star-yellow-small {
height: 18px;
width: 18px;
background-repeat: no-repeat;
}
.icon--star-yellow-small {
background-image: url("../img/icons/star-yellow.svg");
}
.icon--star-gray-small {
background-image: url("../img/icons/star.svg");
}
.kiyoh-rating {
background: url("../img/kv-shape.svg") 50% 50% no-repeat;
height: 30px;
width: 30px;
position: relative;
color: #464343;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
margin: 0 6px;
}
.kiyoh-link {
margin-left: 3px;
text-decoration: none;
}
/* Anchor links hotfix */
.page-body .list-style-type:disc [id]::before {
content: "";
display: block;
height: 200px;
margin-top: -200px;
visibility: hidden;
}
/* Overwrite manufactuer-grid styles on homepage */
.page-body .manufacturer-grid {
background: inherit;
box-shadow: none;
margin: 25px 0 30px !important;
padding: 0 !important;
}
.page-body .manufacturer-grid .item-box:hover .title {
display: none;
}
.page-body .manufacturer-grid .item-grid {
padding: 0 10px;
}
.page-body .manufacturer-grid .carousel-title {
display: none !important;
}
/* Text overflow filters */
.filtersGroupPanel .checkbox-list label {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.header-menu > ul > li.menu-red > a {
color: #f7634e !important;
font-size: 15px !important;
}
.measurement-box {
display: none;
}
/* Quick Links Bar */
.quick-link-bar {
padding: 12px 0;
border-bottom: 2px solid #eee;
margin-bottom: 48px;
}
.quick-link-items {
display: flex;
justify-content: space-between;
align-items: center;
}
.quick-link-items .quick-link-item a {
font-size: 14px;
font-weight: bold;
color: #005f6a;
}
@media all and (max-width: 767px) {
.quick-link-items {
flex-direction: column;
}
.quick-link-item {
margin-bottom: 12px;
}
}
/* Mobile-specific content */
@media all and (min-width: 1025px) {
*[data-target="mobile"] {
display: none;
}
}
@media all and (max-width: 1024px) {
*[data-target="desktop"] {
display: none;
}
}
.gallery div a {
display: none;
}
/* subcategory menu */
.category-page .page-title {
margin: 0;
border: 0;
}
.sub-category-menu-wrapper {
text-align: center;
}
.sub-category-menu {
margin-bottom: 20px;
border: solid #005f6a;
display: block;
}
.sub-category-menu-header {
position: absolute;
margin-top: -12px;
margin-left: 10px;
padding: 2px 10px;
color: #005f6a;
font-weight: bold;
font-size: 15px;
background: white;
}
.sub-category-menu-item {
display: inline-block;
width: 100px;
margin: 5px;
text-align: center;
vertical-align: middle;
position: relative;
}
.sub-category-menu-item > a {
display: inline-block;
width: 100px;
height: 100px;
}
.sub-category-menu-item-title {
color: #005f6a;
text-align: center;
text-transform: uppercase;
font-weight: bold;
overflow: hidden;
font-size: 11px;
}
@media all and (max-width: 767px) {
.sub-category-menu {
text-align: center;
}
.sub-category-menu-item {
width: 80px;
}
.sub-category-menu-item > a {
width: 80px;
height: 80px;
}
.sub-category-menu-item-title {
font-size: 9px;
}
}
.manufacturer-description {
display: flex !important;
}
.manufacturer-description-text {
flex: 1;
padding-right: 15px;
}
.manufacturer-picture {
float: left;
border: 2px solid #005f6a;
width: 150px;
height: 150px;
}
.manufacturer-picture-mobile {
display: none;
}
@media all and (max-width: 767px) {
.manufacturer-description {
display: block;
}
.manufacturer-picture-mobile {
display: block;
border: 2px solid #005f6a;
width: 150px;
height: 150px;
margin: 0 auto;
}
.manufacturer-picture {
display: none;
}
}
.hr-topic-page a {
color: #666 !important;
font-weight: normal !important;
}
.hr-topic-page .hr-info-panel {
font-size: 13px !important;
color: #000000 !important;
top: 139px;
line-height: 1.2;
}
.hr-topic-page p.hr-info-hover {
height: 28px !important;
}
@media all and (max-width: 767px) {
.no-picture-mobile {
display: none;
}
}