body {
font-family: 'Roboto', sans-serif;
font-weight: 300;
}
* > p:first-child {
margin-top: 0;
}
* > p:last-child {
margin-bottom: 0;
}
.woocommerce-MyAccount-navigation a,
.menu-container a,
#menu-footer-menu a,
.front-page-category-list a {
text-decoration: none;
} main {
min-height: calc(100vh - 143px - 211px);
}
body.admin-bar main {
min-height: calc(100vh - 143px - 211px - 32px);
} .text-10 {
font-size: 10px;
}
.text-12 {
font-size: 12px;
}
.text-14 {
font-size: 14px;
}
.text-16 {
font-size: 16px;
}
.text-18 {
font-size: 18px;
}
.text-20 {
font-size: 20px;
}
.text-24 {
font-size: 24px;
}
.text-28 {
font-size: 28px;
}
.text-36 {
font-size: 36px;
}
.text-50 {
font-size: 50px;
}
.text-60 {
font-size: 60px;
}
@media(min-width: 769px) {
.text-md-10 {
font-size: 10px;
}
.text-md-12 {
font-size: 12px;
}
.text-md-14 {
font-size: 14px;
}
.text-md-16 {
font-size: 16px;
}
.text-md-18 {
font-size: 18px;
}
.text-md-20 {
font-size: 20px;
}
.text-md-24 {
font-size: 24px;
}
.text-md-28 {
font-size: 28px;
}
.text-md-36 {
font-size: 36px;
}
.text-md-50 {
font-size: 50px;
}
.text-md-60 {
font-size: 60px;
}
}
.line-height-15 {
line-height: 1.5;
}
.line-height-20 {
line-height: 2;
}
.line-height-25 {
line-height: 2.5;
}
.font-weight-medium {
font-weight: 500;
}
.font-weight-black {
font-weight: 900;
}
.text-decoration-underline {
text-decoration: underline !important;
}
.alignleft {
float: left;
margin: 0 20px 10px 0;
}
.alignright {
float: right;
margin: 0 0 10px 20px;
}
.aligncenter {
margin: 0 auto 10px auto;
display: block;
}
.bg-cover {
background: center no-repeat;
background-size: cover;
}
.bg-contain {
background: center no-repeat;
background-size: contain;
} .fixed-aspect-ratio-image {
display: block !important;
padding-top: 100%;
background: center no-repeat;
background-size: cover;
}
.fixed-aspect-ratio-image.r-60 {
padding-top: 60%;
}
.fixed-aspect-ratio-image.r-67 {
padding-top: 67%;
}
.fixed-aspect-ratio-image.r-75 {
padding-top: 75%;
}
.fixed-aspect-ratio-image.r-82 {
padding-top: 82%;
}
.position-cover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.object-fit-cover {
object-fit: cover;
}
.object-fit-contain {
object-fit: contain;
}
.cursor-pointer {
cursor: pointer;
}
.accessible-hidden {
display: inline;
width: 0;
height: 0;
font-size: 0;
padding: 0;
margin: 0;
border: 0 solid transparent;
color: transparent;
background: transparent;
opacity: 0;
-ms-appearance: none;
-o-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
#go-to-top {
position: relative;
}
#go-to-top:before {
content: "";
position: absolute;
right: 2px;
bottom: 100%;
width: 12px;
height: 12px;
margin-bottom: 5px;
border-top: 4px solid #00E24A;
border-left: 4px solid #00E24A;
box-sizing: content-box;
transform: rotate(45deg);
}
.btn.btn-secondary:not(.disabled):hover {
color: #000000;
background: #00FF53;
border-color: transparent;
}
.btn.btn-secondary:not(.disabled):hover:before,
.btn.btn-secondary:not(.disabled):active:before {
opacity: 0;
} #header {
border-top: 4px solid #00E24A;
}
.container-header {
margin-right: 0;
max-width: calc(1280px + ((100vw - 1280px) / 2));
max-width: calc((100vw + 1280px) / 2);
height: 80px;
}
#menu-primary-menu .menu-item > input[type=checkbox] {
display: none;
}
@media(min-width: 1100px) {
#menu-primary-menu .menu-item > .sub-menu {
display: none;
}
.header-icon.icon-search,
.header-icon.icon-account,
.header-icon.icon-wishlist {
margin-left: 40px;
}
}
@media (max-width: 1099.98px) {
.header-icon.icon-search,
.header-icon.icon-account,
.header-icon.icon-wishlist {
margin-right: 20px;
}
}
@media (max-width: 576px) {
.header-icon.icon-search,
.header-icon.icon-account,
.header-icon.icon-wishlist {
margin-right: 0px;
}
}
.header-icon.icon-search {
width: 16px;
height: 16px;
background-image: url(//www.treklatrebutikken.no/wp-content/themes/treklatrebutikken/images/search-icon.svg);
cursor: pointer;
background-position: center;
}
.header-icon.icon-account {
width: 18px;
height: 20px;
background-image: url(//www.treklatrebutikken.no/wp-content/themes/treklatrebutikken/images/account-icon.svg);
background-repeat: no-repeat;
background-position: center;
}
.header-icon.icon-wishlist {
width: 18px;
height: 16px;
background-image: url(//www.treklatrebutikken.no/wp-content/themes/treklatrebutikken/images/wishlist-icon.svg);
background-repeat: no-repeat;
background-position: center;
} .desktop-search-bar {
display: none;
}
form.search-form {
height: 62px;
width: auto;
display: flex;
}
form.search-form button svg {
width: 20px;
}
form.search-form input[type="search"] {
flex: 1;
text-indent: 20px;
font-size: 24px;
height: 100%;
border: 1px solid gray;
}
@media screen and (max-width: 1099.98px) {
form.search-form input[type="search"] {
width: 100%;
border: none;
}
} @media(max-width: 1099.98px) {
#menu-button {
position: relative;
font-size: 0;
width: 21px;
height: 18px;
margin-bottom: 0;
}
#menu-button > div {
width: 100%;
height: 2px;
background-color: #000000;
margin-top: 6px;
transition: transform .3s;
}
#menu-button > div:first-child {
margin-top: 0;
}
#menu-checkbox:checked ~ #menu-button > div:nth-child(1) {
-moz-transform: translateX(0px) translateY(8px) rotate(45deg);
-webkit-transform: translateX(0px) translateY(8px) rotate(45deg);
-o-transform: translateX(0px) translateY(8px) rotate(45deg);
-ms-transform: translateX(0px) translateY(8px) rotate(45deg);
transform: translate(0,8px) rotate(45deg);
}
#menu-checkbox:checked ~ #menu-button > div:nth-child(2) {
-moz-transform: scale(0,0);
-webkit-transform: scale(0,0);
-o-transform: scale(0,0);
-ms-transform: scale(0,0);
transform: scale(0,0);
}
#menu-checkbox:checked ~ #menu-button > div:nth-child(3) {
-moz-transform: translateX(0px) translateY(-8px) rotate(-45deg);
-webkit-transform: translateX(0px) translateY(-8px) rotate(-45deg);
-o-transform: translateX(0px) translateY(-8px) rotate(-45deg);
-ms-transform: translateX(0px) translateY(-8px) rotate(-45deg);
transform: translate(0,-8px) rotate(-45deg);
}
#main-navigation-container {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 0;
background: #636363;
color: #ffffff;
z-index: 100;
overflow: auto;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
}
#menu-checkbox:checked ~ #main-navigation-container {
height: calc(100vh - 85px);
}
body.admin-bar #menu-checkbox:checked ~ #main-navigation-container {
height: calc(100vh - 85px - 46px);
}
.header-icon {
margin: 0;
}
.header-icon.icon-account,
.header-icon.icon-wishlist {
min-width: 62px;
height: 62px;
background-color: #EFEFEF;
border: 1px solid #CBCBCB;
border-left: none;
}
#menu-primary-menu {
background: #ffffff;
color: #000000;
}
#menu-primary-menu .menu-item {
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #CBCBCB;
}
#menu-primary-menu .menu-item a {
margin-left: 20px;
}
#menu-primary-menu .sub-menu .menu-item a {
margin-left: 40px;
}
#menu-primary-menu > .menu-item:first-child {
border-top: none;
margin-top: 0;
}
#menu-primary-menu > .menu-item:last-child {
padding-bottom: 20px;
}
#menu-primary-menu .menu-item.menu-item-has-children > input[type=checkbox] {
position: relative;
display: block;
width: 15px;
height: 15px;
margin-right: 20px;
border: 0 solid transparent;
background: none;
-ms-appearance: none;
-o-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
float: right;
transition: transform 0.3s;
}
#menu-primary-menu .menu-item.menu-item-has-children > input[type=checkbox]:before,
#menu-primary-menu .menu-item.menu-item-has-children > input[type=checkbox]:after {
content: "";
position: absolute;
top: 25%;
left: 50%;
width: 9px;
border: 1px solid #000000;
transform: translate(-50%, 0) rotate(45deg);
}
#menu-primary-menu .menu-item.menu-item-has-children > input[type=checkbox]:after {
top: unset;
bottom: 25%;
transform: translate(-50%, 0) rotate(-45deg);
}
#menu-primary-menu .menu-item.menu-item-has-children > input[type=checkbox]:checked {
transform: rotate(90deg);
}
#menu-primary-menu .sub-menu {
max-height: 0;
list-style: none;
padding: 0;
overflow: hidden;
-webkit-transition: padding 0.3s, max-height 0.3s cubic-bezier(0, 1, 0, 1);
-moz-transition: padding 0.3s, max-height 0.3s cubic-bezier(0, 1, 0, 1);
transition: padding 0.3s, max-height 0.3s cubic-bezier(0, 1, 0, 1);
}
#menu-primary-menu .menu-item.menu-item-has-children > input[type=checkbox]:checked ~ .sub-menu {
max-height: 1000px;
-webkit-transition: padding 0.3s, max-height 0.3s cubic-bezier(1, 0, 1, 0);
-moz-transition: padding 0.3s, max-height 0.3s cubic-bezier(1, 0, 1, 0);
transition: padding 0.3s, max-height 0.3s cubic-bezier(1, 0, 1, 0);
}
}
.marked {
position: relative;
padding-left: 20px;
}
.marked:before {
content: "";
position: absolute;
top: 50%;
left: 3px;
width: 6px;
height: 12px;
border-right: 2px solid #00E24A;
border-bottom: 2px solid #00E24A;
transform: translate(0, -50%) rotate(45deg);
} .overlay {
background-color: #2f2f2fbd;
}
@media (max-width: 768px) {
.front-page-category-list .category-item {
position: relative;
border: 1px solid #CBCBCB;
}
.front-page-category-list .category-item {
z-index: 50;
}
.front-page-category-list .category-item:before {
content: "";
position: absolute;
top: 20px;
right: 15px;
width: 9px;
height: 9px;
border-right: 3px solid #000000;
border-top: 3px solid #000000;
transform: rotate(45deg);
transition: translate 0.3s;
}
.front-page-category-list .category-item.open:before {
transform: rotate(135deg);
}
.front-page-category-list .category-item a {
display: inline-block;
margin: 15px;
}
.front-page-category-list .category-item .subcategory-list {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
-moz-transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
z-index: 10;
}
.front-page-category-list .category-item.open .subcategory-list {
max-height: 2000px;
-webkit-transition: max-height 0.3s cubic-bezier(1, 0, 1, 0);
-moz-transition: max-height 0.3s cubic-bezier(1, 0, 1, 0);
transition: max-height 0.3s cubic-bezier(1, 0, 1, 0);
}
.front-page-category-list .category-item .subcategory-list li {
border-top: 1px solid #CBCBCB;
}
.front-page-category-list .category-item .subcategory-list li a {
margin-left: 30px;
}
} .slick-list {
overflow: hidden;
}
.brand-slider {
position: relative;
}
.slick-arrow {
position: absolute;
top: 50%;
width: 11px;
height: 22px;
-ms-appearance: none;
-o-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: transparent;
border: 0 solid transparent;
font-size: 0;
transform: translateY(-50%);
z-index: 100;
}
.slick-slide:focus,
.slick-arrow:focus {
outline: 0;
}
.slick-arrow.slick-disabled {
display: none !important;
}
.slick-arrow:before,
.slick-arrow:after {
content: "";
position: absolute;
left: 0;
width: 17px;
border-top: 4px solid #00E24A;
}
.slick-arrow:before {
top: 4px;
transform: rotate(-45deg);
}
.slick-arrow:after {
bottom: 4px;
transform: rotate(45deg);
}
.slick-arrow.slick-prev {
right: calc(100% + 40px);
}
.slick-arrow.slick-next {
left: calc(100% + 40px);
transform: translateY(-50%) rotate(180deg);
}
@media(max-width: 768px) {
.slick-arrow.slick-prev {
right: unset;
left: -5px;
}
.slick-arrow.slick-next {
left: unset;
right: -5px;
}
}
.slick-arrow:hover {
transform: translateY(-50%) scale(1.25);
}
.slick-arrow.slick-next:hover {
transform: translateY(-50%) rotate(180deg) scale(1.25);
} .recommended-products .small-item .btn {
margin: 1px -1px -1px 1px;
} #menu-footer-menu > li > a {
color: #00E24A;
font-weight: bold;
pointer-events: none;
text-transform: uppercase;
}
#menu-footer-menu .sub-menu {
padding: 0;
list-style: none;
}
.facebook-icon {
background-image: url(//www.treklatrebutikken.no/wp-content/themes/treklatrebutikken/images/facebook_icon.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.instagram-icon {
background-image: url(//www.treklatrebutikken.no/wp-content/themes/treklatrebutikken/images/instagram_icon.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
@media(max-width: 768px) {
.footer-bottom-logo-col {
background: #094827;
}
}
.footer-klarna-logo-image {
max-width: 90px;
} .woocommerce .woocommerce-breadcrumb {
color: #000000;
font-weight: normal;
}
.woocommerce .woocommerce-breadcrumb > * {
color: #636363;
}
.shop-page-grid {
display: grid;
grid-template-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
grid-template-rows: auto 20px auto 20px auto 20px auto;
}
.shop-page-breadcrumbs {
grid-column: 1 / 6;
grid-row: 1 / 2;
}
.shop-page-ordering {
grid-column: 7 / 8;
grid-row: 1 / 2;
}
.shop-page-category {
grid-column: 1 / 2;
grid-row: 3 / 4;
}
.shop-page-filter {
grid-column: 1 / 2;
grid-row: 5 / 6;
}
.shop-page-products {
grid-column: 3 / 8;
grid-row: 3 / 8;
}
#product-maker-list > li > a.active-filter {
font-weight: bold;
}
@media(max-width: 768px) {
.shop-page-grid {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
}
.shop-page-breadcrumbs {
grid-column: 1 / 3;
grid-row: 1 / 2;
}
.shop-page-ordering {
grid-column: 2 / 3;
grid-row: 3 / 4;
margin-right: -10px;
}
.shop-page-category {
grid-column: 1 / 3;
grid-row: 2 / 3;
margin-left: -10px;
margin-right: -10px;
}
.shop-page-filter {
grid-column: 1 / 2;
grid-row: 3 / 4;
margin-left: -10px;
}
.shop-page-products {
grid-column: 1 / 3;
grid-row: 4 / 5;
}
.shop-page-ordering,
.shop-page-filter {
margin-top: -1px;
}
.product-archive-dropdown-label {
position: relative;
width: 100%;
padding: 15px;
background: #ffffff;
border-top: 1px solid #CBCBCB;
border-bottom: 1px solid #CBCBCB;
z-index: 1;
transition: border-bottom-color 0.15s 0.15s, z-index 0s 0.3s;
}
.shop-page-filter .product-archive-dropdown-label:not(.shop-page-ordering ~ .shop-page-filter .product-archive-dropdown-label) {
border-right: 1px solid #CBCBCB;
transition: border-bottom-color 0s 0.3s, z-index 0s 0.3s;
}
.product-archive-dropdown-label.open {
z-index: 50;
border-bottom-color: transparent;
transition: border-bottom-color 0s, z-index 0s;
}
.product-archive-dropdown-label:before {
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 10px;
height: 10px;
border-top: 3px solid #000000;
border-right: 3px solid #000000;
background: #ffffff;
transform: translate(-50%, -50%) rotate(135deg);
transition: transform 0.3s;
}
.product-archive-dropdown-label.open:before {
transform: translate(-50%, -50%) rotate(-45deg);
}
.shop-page-filter .product-archive-dropdown-label:before {
width: 20px;
height: 20px;
border: none;
background-image: url(//www.treklatrebutikken.no/wp-content/themes/treklatrebutikken/images/filter-dropdown-icon.svg);
background-repeat: no-repeat;
background-position: center;
transform: translate(0, -50%);
}
.shop-page-filter .product-archive-dropdown-label.open:before {
transform: translate(0, -50%);
}
.product-archive-dropdown {
position: absolute;
top: 100%;
left: 0;
width: 100vw;
background: #ffffff;
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), box-shadow 0s;
-moz-transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), box-shadow 0s;
transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), box-shadow 0.15s;
z-index: 10;
}
.product-archive-dropdown-label.open + .product-archive-dropdown {
max-height: 2000px;
-webkit-transition: max-height 0.3s cubic-bezier(1, 0, 1. 0), box-shadow 0.15s 0.15s;
-moz-transition: max-height 0.3s cubic-bezier(1, 0, 1. 0), box-shadow 0.15s 0.15s;
transition: max-height 0.3s cubic-bezier(1, 0, 1. 0), box-shadow 0.15s 0.15s;
box-shadow: 0 0 10px 0 #00000088;
}
#product-category-list > li {
border-bottom: 1px solid #CBCBCB;
padding: 10px 15px;
}
#product-category-list > li:first-child {
border-top: 1px solid #CBCBCB;
}
#product-maker-list > li > a {
display: inline-block;
padding: 10px;
margin-right: 10px;
margin-bottom: 10px;
border: 1px solid #CBCBCB;
line-height: 1;
}
#product-maker-list > li > a.active-filter {
border-color: #00E24A;
border-width: 2px;
font-weight: normal;
padding: 9px;
}
}
small.woocommerce-price-suffix {
display: none;
}
.product span.onsale {
position: absolute;
top: 10px;
left: 10px;
right: auto;
margin: 0;
padding: 4px;
min-height: auto;
color: black;
font-weight: 900;
line-height: inherit;
border-radius: 0;
background: #00E24A;
z-index: 5;
}
.product > .add_to_wishlist {
position: absolute;
top: 10px;
right: 10px;
width: 18px;
height: 16px;
}
.add_to_wishlist svg path {
transition: fill 0.15s, stroke 0.15s;
}
.add_to_wishlist.active svg path {
fill: #016330;
stroke: #016330;
}
.add_to_wishlist:hover svg path {
fill: #00E24A;
stroke: #00E24A;
}
.select-wrapper,
.woocommerce form.woocommerce-ordering {
position: relative;
float: none;
width: 100%;
margin: 0;
}
.woocommerce form.woocommerce-ordering select.orderby {
display: block;
width: 100%;
}
.select-wrapper select,
.woocommerce form.woocommerce-ordering select.orderby {
height: auto;
padding: 15px;
font-weight: 700;
border: 1px solid #CBCBCB;
margin: 0 !important;
line-height: 1;
-ms-appearance: none;
-o-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
}
.select-wrapper:before,
.woocommerce form.woocommerce-ordering:before {
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 10px;
height: 10px;
border-right: 3px solid black;
border-bottom: 3px solid black;
transform: translate(-50%, -50%) rotate(45deg);
pointer-events: none;
}
.select-wrapper select option,
.woocommerce form.woocommerce-ordering select.orderby option {
line-height: 50px;
}
@media (max-width: 768px) {
form.woocommerce-ordering {
height: 100%;
}
.woocommerce form.woocommerce-ordering select.orderby {
height: 100%;
border-right: none;
}
}
#price-range-slider {
position: relative;
height: 7px;
text-align: left;
}
#price-range-slider > div {
position: absolute;
left: 8px;
right: 8px;
height: 7px;
}
#price-range-slider > div > [inverse-left] {
position: absolute;
left: -8px;
height: 7px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background-color: #E3E3E3;
}
#price-range-slider > div > [inverse-right] {
position: absolute;
right: -8px;
height: 7px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
background-color: #E3E3E3;
}
#price-range-slider > div > [range] {
position: absolute;
left: 0;
height: 7px;
border-radius: 7px;
background-color: #016330;
}
#price-range-slider > div > [thumb] {
position: absolute;
top: -4px;
z-index: 2;
height: 16px;
width: 16px;
margin-left: -8px;
text-align: left;
cursor: pointer;
background-color: #016330;
border-radius: 50%;
outline: none;
}
div#price-range-slider > input[type=range]::-ms-thumb {
pointer-events: all;
width: 18px;
height: 16px;
border-radius: 0px;
border: 0 none;
background: red;
cursor: pointer;
}
div#price-range-slider > input[type=range]::-moz-range-thumb {
pointer-events: all;
width: 18px;
height: 16px;
border-radius: 0px;
border: 0 none;
background: red;
cursor: pointer;
}
div#price-range-slider > input[type=range]::-webkit-slider-thumb {
pointer-events: all;
width: 18px;
height: 16px;
border-radius: 0px;
border: 0 none;
background: red;
cursor: pointer;
-webkit-appearance: none;
}
div#price-range-slider > input[type=range][name=min_price]::-ms-thumb {
transform: translate(-2px, 0);
}
div#price-range-slider > input[type=range][name=min_price]::-moz-range-thumb{
transform: translate(-2px, 0);
}
div#price-range-slider > input[type=range][name=min_price]::-webkit-slider-thumb {
transform: translate(-2px, 0);
}
div#price-range-slider > input[type=range][name=max_price]::-ms-thumb {
transform: translate(2px, 0);
}
div#price-range-slider > input[type=range][name=max_price]::-moz-range-thumb{
transform: translate(2px, 0);
}
div#price-range-slider > input[type=range][name=max_price]::-webkit-slider-thumb {
transform: translate(2px, 0);
}
div#price-range-slider > input[type=range]::-ms-fill-lower {
background: transparent;
border: 0 none;
}
div#price-range-slider > input[type=range]::-ms-fill-upper {
background: transparent;
border: 0 none;
}
#price-range-slider > input[type=range] {
position: absolute;
pointer-events: none;
-webkit-appearance: none;
z-index: 3;
height: 7px;
top: 0;
width: 100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
div#price-range-slider > input[type=range]::-ms-track {
-webkit-appearance: none;
background: transparent;
color: transparent;
}
div#price-range-slider > input[type=range]::-moz-range-track {
-moz-appearance: none;
background: transparent;
color: transparent;
}
div#price-range-slider > input[type=range]:focus::-webkit-slider-runnable-track {
background: transparent;
border: transparent;
}
div#price-range-slider > input[type=range]:focus {
outline: none;
}
div#price-range-slider > input[type=range]::-ms-tooltip {
display: none;
} .mini-cart-container {
display: none;
position: absolute;
right: 0;
top: 100%;
background-color: white;
max-width: 415px;
width: 100vw;
z-index: 100;
}
.basket-item-count img {
max-width: initial;
}
.button-cart {
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#mini-cart-checkbox:checked ~ .button-cart:after {
content: "";
position: absolute;
bottom: 0;
width: 12px;
height: 8px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 8px solid #000000;
}
#mini-cart-checkbox:checked ~ .mini-cart-container {
display: block;
}
.mini-cart-heading {
background-color: #000000;
color: #ffffff;
line-height: 48px;
padding: 0 15px;
}
ul.cart_list,
.woocommerce-page ul.cart_list,
.woocommerce-page ul.product_list_widget {
list-style: none outside;
padding: 0;
margin: 0;
}
.mini-cart-container .remove_from_cart_button {
float: left;
}
.mini-cart-container span.quantity {
margin-top: 10px;
font-weight: bold;
}
ul.cart_list a.remove,
.woocommerce a.remove,
.woocommerce-page a.remove {
width: 15px;
height: 15px;
line-height: 15px;
font-size: 14px;
font-weight: 300;
text-align: center;
background-color: #000000;
color: #ffffff !important;
border-radius: 0;
}
ul.cart_list a.remove:hover,
.woocommerce a.remove:hover,
.woocommerce-page a.remove:hover {
background-color: #000000;
color: #ffffff;
}
ul.cart_list li a,
.woocommerce-page ul.cart_list li a,
.woocommerce-page ul.product_list_widget li a {
font-weight: 700;
}
.cart-items-count {
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
border-radius: 100px;
font-size: 10px;
line-height: 16px;
font-weight: 900;
color: white;
text-align: center;
background-color: black;
transform: translate(calc(-50% + 15px), calc(-50% - 7px));
}
ul.cart_list li img,
ul.product_list_widget li img,
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img,
.woocommerce-page ul.cart_list li img,
.woocommerce-page ul.product_list_widget li img {
float: none;
width: 90px;
height: 90px;
margin: 0;
object-fit: contain;
}
ul.cart_list li a,
ul.product_list_widget li a,
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a,
.woocommerce-page ul.cart_list li a,
.woocommerce-page ul.product_list_widget li a {
display: inline-block;
margin: 0 20px 0 0;
text-decoration: none;
}
.woocommerce-mini-cart__total,
.woocommerce-mini-cart__buttons,
.woocommerce-mini-cart__empty-message {
padding: 15px;
background: #EFEFEF;
font-weight: 900;
margin-bottom: 0;
}
.woocommerce-mini-cart__total {
display: flex;
justify-content: space-between;
}
.woocommerce-mini-cart__buttons {
padding-top: 0;
text-align: right;
}
.widget_shopping_cart_content {
order: 3;
}  .woocommerce-product-gallery .flex-viewport {
min-height: 600px;
max-height: 600px;
}
@media(max-width: 768px) {
.woocommerce-product-gallery .flex-viewport {
min-height: 100vw;
max-height: 100vw;
}
}
.woocommerce-product-gallery .woocommerce-product-gallery__image {
height: 100%;
display: flex !important;
justify-content: center;
align-items: center;
}
.woocommerce-product-gallery figure.woocommerce-product-gallery__wrapper {
height: 100%;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image {
overflow: hidden;
}
.woocommerce-product-gallery__trigger {
display: none;
}
.woocommerce div.product div.images img {
width: auto;
max-height: 100vw;
margin: auto;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image a > img {
height: 400px;
object-fit: contain;
}
@media(max-width: 768px) {
.woocommerce div.product div.images .woocommerce-product-gallery__image a > img {
height: 100vw;
}
}
.woocommerce div.product div.images .flex-control-thumbs li {
margin-top: 20px;
margin-right: 10px;
margin-left: 10px;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
max-height: 150px;
}
.image-hover-zoom,
.woocommerce div.product div.images .flex-control-thumbs li img {
transition: transform 0.3s;
object-fit: contain;
}
.image-hover-zoom:hover,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
transform: scale(1.1);
}
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
clear: none;
}
.woocommerce div.product div.images .flex-control-thumbs {
position: relative;
overflow: visible;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
opacity: 1;
}
@media screen and (max-width: 768px) {
.woocommerce div.product div.images .flex-control-thumbs li {
margin-right: 5px;
margin-left: 5px;
}
.woocommerce div.product div.images .flex-control-thumbs {
padding: 0 20px;
}
} .home .product span.price,
.woocommerce div.product span.price,
.woocommerce .product span.price {
display: flex;
align-items: center;
color: inherit;
font-size: inherit;
}
.product_meta .marked:before {
top: 7px;
left: 8px;
border-color: #016330;
}
@media (min-width: 769px) {
.woocommerce.single-product form.cart {
display: inline-block;
}
}
.woocommerce div.product form.cart .variations select {
width: 100%;
background: none;
} .woocommerce div.product form.cart div.quantity,
.woocommerce form.woocommerce-cart-form div.quantity {
position: relative;
margin-right: 20px;
height: 50px;
width: 55px;
}
.quantity .qty-num-button {
position: absolute;
right: 8px;
width: 7px;
height: 6px;
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: transparent;
padding: 0;
margin: 0;
border-color: transparent;
border-left: 3.5px solid transparent;
border-right: 3.5px solid transparent;
box-shadow: none;
transition: border-color 0.25s;
}
.quantity .qty-num-button.add {
bottom: 50%;
border-bottom: 6px solid #636363;
transform: translateY(-3px);
}
.quantity .qty-num-button.subtract {
top: 50%;
border-top: 6px solid #636363;
transform: translateY(3px);
}
.quantity .qty-num-button.add:hover {
border-bottom-color:#e9aa3f;
}
.quantity .qty-num-button.subtract:hover {
border-top-color:#e9aa3f;
}
.quantity .qty-num-button.add:focus,
.quantity .qty-num-button.subtract:focus {
outline: 0;
}
.woocommerce .quantity input.qty {
width: 100%;
height: 100%;
border-radius: 0;
border: 1px solid #CBCBCB;
padding-right: 15px; -moz-appearance: textfield;
} .woocommerce .quantity input::-webkit-outer-spin-button,
.woocommerce .quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.woocommerce-add-to-cart .quantity input.qty {
border: 1px solid #cccccc;
}
.quantity-label {
display: none;
}
.woocommerce.single-product .quantity-label {
display: inline;
} .single_add_to_cart_button.added {
position: relative;
background: #00FF53;
color: transparent;
}
.single_add_to_cart_button.added:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 7px;
border-left: 3px solid #000000;
border-bottom: 3px solid #000000;
transform: translate(-50%, -50%) rotate(-45deg);
opacity: 1;
transition: opacity 0.15s;
}
.woocommerce a.added_to_cart {
display: none;
} .woocommerce div.product .woocommerce-tabs ul.tabs {
display: flex;
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: none;
border-radius: 0;
margin: 0;
background-color: #EFEFEF;
text-align: center;
font-size: 14px;
text-transform: uppercase;
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 12px;
}
@media(min-width: 769px) {
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
min-width: 320px;
}
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background-color: #00E24A;
z-index: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
content: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
content: none;
} #add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 100px;
height: 100px;
object-fit: contain;
}
.woocommerce form .form-row .input-checkbox {
display: inline-block;
}
@media(max-width: 768px) {
.woocommerce table.shop_table_responsive tr td,
.woocommerce-page table.shop_table_responsive tr td {
display: table-cell;
padding-left: 0;
padding-right: 0;
}
.woocommerce table.shop_table_responsive tr td + td,
.woocommerce-page table.shop_table_responsive tr td + td {
padding-left: 10px;
}
.woocommerce table.shop_table_responsive tr,
.woocommerce-page table.shop_table_responsive tr {
display: table-row;
}
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
content: none;
}
.woocommerce #content table.cart .product-thumbnail,
.woocommerce table.cart .product-thumbnail,
.woocommerce-page #content table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail {
display: table-cell;
}
.woocommerce table.cart .product-name,
.woocommerce-page table.cart .product-name {
text-align: left !important;
}
.woocommerce table.cart .product-subtotal,
.woocommerce-page table.cart .product-subtotal {
white-space: nowrap;
}
.woocommerce table.cart .product-quantity .quantity,
.woocommerce-page table.cart .product-quantity .quantity {
margin-right: 0;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 70px;
height: 70px;
}
}
.woocommerce form .form-row {
padding: 0;
}
.woocommerce-input-wrapper {
width: 100%;
}
.woocommerce-input-wrapper .optional {
display: none;
}
.woocommerce-shipping-fields .woocommerce-input-wrapper input,
.woocommerce-shipping-fields .woocommerce-input-wrapper textarea,
.woocommerce-billing-fields .woocommerce-input-wrapper input,
.woocommerce-billing-fields .woocommerce-input-wrapper textarea {
padding: 20px 40px;
border: 1px solid #CBCBCB;
}
.checkout-form-heading-field .optional,
.checkout-form-heading-field input {
display: none;
}
.validate-required .woocommerce-input-wrapper {
position: relative;
}
.validate-required .woocommerce-input-wrapper:after {
content: "*";
position: absolute;
top: 50%;
left: 25px;
height: 16px;
font-weight: normal;
transform: translate(-50%, -50%);
color: #FF1400;
}
#shipping_method {
text-align: right;
}
.woocommerce .shop_table.woocommerce-checkout-review-order-table th,
.woocommerce .shop_table.woocommerce-checkout-review-order-table td {
padding: 0;
border: 0;
}
.woocommerce .shop_table.woocommerce-checkout-review-order-table td {
vertical-align: bottom;
}
.woocommerce ul#shipping_method li {
margin-bottom: 0;
}
.woocommerce .shop_table.woocommerce-checkout-review-order-table ul#shipping_method .amount {
font-weight: inherit;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: transparent;
}
#payment ul.payment_methods li > label {
border-radius: 5px;
height: 140px;
}
#payment ul.payment_methods li .payment-checkbox-placeholder {
position: relative;
width: 28px;
height: 28px;
appearance: none;
background: white;
border-radius: 50%;
border: 1px solid #CBCBCB;
}
#payment ul.payment_methods li input.input-radio:not(:checked) + label {
background: #EFEFEF;
color: #848484;
}
#payment ul.payment_methods li input.input-radio:checked + label .payment-checkbox-placeholder:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
height: 12px;
width: 12px;
background: #31B500;
border-radius: 50%;
transform: translate(-50%, -50%);
}
input#billing_is_business_client {
position: relative;
display: inline-block;
width: 30px;
height: 30px;
background: #ffffff;
padding: 0;
-ms-appearance: none;
-o-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
input#billing_is_business_client:checked:before {
content: "";
position: absolute;
top: 5px;
left: 10px;
height: 16px;
width: 8px;
border-right: 3px solid #31B500;
border-bottom: 3px solid #31B500;
transform: rotate(45deg);
} .mailchimp-newsletter {
display: flex;
align-items: center;
}
#mailchimp_woocommerce_newsletter,
.woocommerce-form__input {
margin-right: 10px;
}
#mailchimp_woocommerce_newsletter + label {
flex: 1;
margin-bottom: 0;
} .woocommerce-form__label-for-checkbox.checkbox,
.mailchimp-newsletter,
.woocommerce-form__label,
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
display: flex;
align-items: center;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
float: left;
}
.woocommerce-form__label-for-checkbox.checkbox input,
.mailchimp-newsletter input,
.woocommerce-form__input,
body .gform-theme--framework input[type=checkbox] {
width: 30px;
height: 30px;
appearance: none;
position: relative;
}
.woocommerce-form__label-for-checkbox.checkbox input:before,
.mailchimp-newsletter input:before,
.woocommerce-form__input:before,
body .gform-theme--framework input[type=checkbox]::before {
content: '';
display: block;
width: 30px;
height: 30px;
background: white;
border: 1px solid #CBCBCB;
}
.woocommerce-form__label-for-checkbox.checkbox input:checked:after,
.mailchimp-newsletter input:checked:after,
.woocommerce-form__input:checked:after,
body .gform-theme--framework input[type=checkbox]:checked::after {
content: '';
display: block;
width: 10px;
height: 17px;
border-right: 3px solid #00AC0D;
border-bottom: 3px solid #00AC0D;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
} #kco-wrapper #billing_is_business_client_field,
#kco-wrapper #billing_business_client_company_name_field,
#kco-wrapper #billing_business_client_organization_number_field {
display: none;
}
.klarna-checkout-select-other-wrapper {
text-align: center;
margin-bottom: 40px !important;
}
#klarna-checkout-select-other {
font-size: 0;
}
#klarna-checkout-select-other:before {
content: "Jeg er bedriftskunde";
display: inline-block;
font-size: 15px;
padding: .618em 1em;
} form:not(.show_method_bacs)[name="checkout"] .wc_payment_method.payment_method_bacs {
display: none;
} #kco-extra-checkout-fields #billing_address_heading_field,
#kco-extra-checkout-fields #order_comments_field {
display: none;
} .wishlist-table {
width:100%;
position: relative;
}
.wishlist-table.loading:after {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
content: "";
background: #ffffff;
opacity: 0.5;
z-index: 5;
}
.wishlist-table.loading:before {
display: block;
width: 24px;
height: 24px;
position: absolute;
top: 50%;
left: 50%;
margin-top:-12px;
margin-left:-12px;
content: ""; z-index: 6;
}
.wishlist-table td {
position: relative;
}
.wishlist-table a.details {
padding:4px 16px;
background: #000000;
color: #ffffff;
text-align: center;
border:none !important
}
.wishlist-table a.wishlist-remove {
position: relative;
display: inline-block;
width: 24px;
height: 24px;
z-index: 6;
border:none;
opacity:0;
}
.wishlist-table tr:hover a.wishlist-remove {
opacity:1;
}
@media(max-width: 768px) {
.wishlist-table a.wishlist-remove {
opacity:1;
}
}
a.wishlist-remove:before,
a.wishlist-remove:after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
background: red;
transform: translate(0, -50%) rotate(45deg);
}
a.wishlist-remove:after {
transform: translate(0, -50%) rotate(-45deg);
}
.wishlist-table tr + tr {
border-top: 1px solid #CBCBCB;
}
.wishlist-table td img {
width: 90px;
height: 90px;
object-fit: contain;
margin-top: 15px;
margin-bottom: 15px;
}
.wishlist-table .stock-icon {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
}
.wishlist-table .stock-icon.instock:before {
content: "";
position: absolute;
top: 50%;
width: 16px;
height: 8px;
border-bottom: 3px solid #00E24A;
border-left: 3px solid #00E24A;
transform: translate(0, -50%) rotate(-45deg);
} .woocommerce form .password-input,
.woocommerce-page form .password-input {
width: 100%;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
max-width: none;
padding-left: 0;
padding-right: 0;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
width: 48.5%;
}
.woocommerce-MyAccount-navigation > ul {
list-style: none;
padding: 0;
}
.woocommerce-MyAccount-navigation > ul > li {
margin-bottom: 10px;
} #gt-toggle-button {
position: fixed;
bottom: 10px;
right: 10px;
padding: 10px 20px;
border: 1px solid white;
cursor: pointer;
} @media only screen and (min-width : 769px) {
body #kco-order-review {
float: none;
width: 50%;
margin: 0 auto;
}
body #kco-iframe {
float: none;
width: 50%;
margin: 0 auto;
}
}
.is-style-default {
position: fixed;
bottom: 0;
right: 0;
margin: 8px;
border-radius: 1000px;
padding: 5px 15px 5px 5px;
background-color: #fff;
}
@media only screen and (min-width : 769px) {
.is-style-default {
top: 50%;
bottom: auto;
left: 0;
right: auto;
}
}
.wdevs-tax-switch-label{
margin-bottom: 0 !important;
}
.gform_contact_form_wrapper{
margin-top: 30px;
}
.gform_title {
font-size: 20px;
}
.gform_required_legend {
display: none;
}
.gform-field-label {
color: #000 !important;
font-weight: 500 !important;
}
.gform-body input[type="text"],
.gform-body input[type="email"],
.gform-body input[type="tel"],
.gform-body textarea,
.gfield-choice-input {
border: 1px solid #CBCBCB !important;
border-radius: 0 !important;
}
.gform-body input[type="text"],
.gform-body input[type="email"],
.gform-body input[type="tel"] {
padding: 25px 15px !important;
}
.gform-field-label.gform-field-label--type-sub{
color: #000 !important;
font-size: 14px !important;
font-weight: 500 !important;
}
.gfield_checkbox .gform-field-label {
font-weight: 400 !important;
}
.required_field .gform-field-label.gform-field-label--type-sub:after {
content: "*";
font-size: 12px;
color: #c02b0a;
margin-left: 5px;
}
.gfield_checkbox .gchoice {
align-items: center;
}
.gform_button {
padding: 20px 15px !important;
background-color: #00e24a !important;
color: #000 !important;
border-radius: 0 !important;
}
.gform-theme--foundation{
--gf-field-gap-y: 40px !important;
}