html {
scroll-behavior: smooth;
}
#html-body.jok-body.neribacken {
padding-top: 156px;
}
@media only screen and (min-width: 768px) {
#html-body.jok-body.neribacken {
padding-top: 71px;
}
}
@media only screen and (min-width: 980px) {
#html-body.jok-body.neribacken {
padding-top: 78px;
}
}
@media only screen and (min-width: 1200px) {
#html-body.jok-body.neribacken {
padding-top: 80px;
}
}
#html-body.jok-body.neribacken .page-header {
padding: 14px 0;
background-color: white;
color: black;
border-bottom: 7px solid #00487c;
position: fixed;
width: 100%;
margin-top: -156px;
}
@media only screen and (min-width: 768px) {
#html-body.jok-body.neribacken .page-header {
margin-top: -71px;
}
}
@media only screen and (min-width: 980px) {
#html-body.jok-body.neribacken .page-header {
margin-top: -78px;
}
}
@media only screen and (min-width: 1200px) {
#html-body.jok-body.neribacken .page-header {
margin-top: -80px;
}
}
#html-body.jok-body.neribacken .page-header .header.content .logo {
margin-top: 10px;
margin-bottom: 11px;
margin-left: 70px;
width: 100%;
}
@media only screen and (min-width: 768px) {
#html-body.jok-body.neribacken .page-header .header.content .logo {
width: 15%;
margin: 0;
}
}
@media only screen and (min-width: 1200px) {
#html-body.jok-body.neribacken .page-header .header.content .logo {
width: 20%;
margin: 0;
}
}
#html-body.jok-body.neribacken .page-header .header.content .logo img {
width: 150px;
}
@media only screen and (min-width: 768px) {
#html-body.jok-body.neribacken .page-header .header.content .logo img {
width: 100px;
}
}
@media only screen and (min-width: 1200px) {
#html-body.jok-body.neribacken .page-header .header.content .logo img {
width: 150px;
}
}
#html-body.jok-body.neribacken .page-header .header.content .nav-toggle:before {
color: #00487c;
}
#html-body.jok-body.neribacken .page-header .header.content .nav-sections {
background-color: white;
}
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation {
background-color: white;
color: #00487c;
}
@media only screen and (max-width: 767px) {
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation {
background-color: white;
color: #00487c;
}
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation .submenu:not(:first-child) .active > a {
border-left: 6px solid #00487c;
}
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation .level0.has-active > a:not(.ui-state-active) {
border-left: 6px solid #00487c;
}
}
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation .submenu a {
padding: 1px 20px !important;
font-size: 13px !important;
}
@media only screen and (min-width: 768px) {
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation {
background-color: white;
color: #00487c;
}
}
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li a#ui-id-2 {
border-color: #00487c !important;
}
@media only screen and (min-width: 768px) {
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li.active a {
border-color: #00487c !important;
}
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level0,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level1,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level2,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level3 {
background-color: white !important;
}
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level0 li.level1,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level1 li.level1,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level2 li.level1,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level3 li.level1,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level0 li.level2,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level1 li.level2,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level2 li.level2,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level3 li.level2,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level0 li.level3,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level1 li.level3,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level2 li.level3,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level3 li.level3 {
background-color: white !important;
color: #00487c !important;
}
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level0 li.level1 li,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level1 li.level1 li,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level2 li.level1 li,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level3 li.level1 li,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level0 li.level2 li,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level1 li.level2 li,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level2 li.level2 li,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level3 li.level2 li,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level0 li.level3 li,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level1 li.level3 li,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level2 li.level3 li,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level3 li.level3 li {
margin-right: 0px !important;
margin-bottom: 0px !important;
}
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level0 li.level1 a,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level1 li.level1 a,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level2 li.level1 a,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level3 li.level1 a,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level0 li.level2 a,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level1 li.level2 a,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level2 li.level2 a,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level3 li.level2 a,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level0 li.level3 a,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level1 li.level3 a,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level2 li.level3 a,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level3 li.level3 a {
padding-bottom: 0;
padding-top: 0;
}
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level0 li.level1 a.ui-state-focus,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level1 li.level1 a.ui-state-focus,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level2 li.level1 a.ui-state-focus,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level3 li.level1 a.ui-state-focus,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level0 li.level2 a.ui-state-focus,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level1 li.level2 a.ui-state-focus,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level2 li.level2 a.ui-state-focus,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level3 li.level2 a.ui-state-focus,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level0 li.level3 a.ui-state-focus,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level1 li.level3 a.ui-state-focus,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level2 li.level3 a.ui-state-focus,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level3 li.level3 a.ui-state-focus {
background-color: white !important;
}
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level0 li.level1 a:hover,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level1 li.level1 a:hover,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level2 li.level1 a:hover,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level3 li.level1 a:hover,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level0 li.level2 a:hover,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level1 li.level2 a:hover,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level2 li.level2 a:hover,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level3 li.level2 a:hover,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level0 li.level3 a:hover,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level1 li.level3 a:hover,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level2 li.level3 a:hover,
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .navigation ul li ul.level3 li.level3 a:hover {
background-color: #00487c !important;
color: white !important;
}
}
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .jok-social-links-mobile-menu {
display: flex;
margin-left: 10px;
margin-top: 20px;
align-items: center;
justify-content: flex-start;
}
@media only screen and (min-width: 768px) {
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .jok-social-links-mobile-menu {
display: none;
}
}
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .jok-social-links-mobile-menu img {
height: 30px;
}
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .jok-social-links-mobile-menu img:hover {
cursor: pointer;
opacity: 0.7;
}
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .jok-social-links-mobile-menu .jok-facebook {
margin-right: 20px;
}
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .section-item-title {
display: none;
}
#html-body.jok-body.neribacken .page-header .header.content .nav-sections .close-mobile-menu {
color: #00487c;
text-transform: lowercase;
background-color: white;
padding-left: 33px;
padding-top: 30px;
margin-top: -30px;
margin-left: 0;
top: 28px;
width: 100%;
text-align: start;
height: 50px;
z-index: 99999;
}
@media only screen and (min-width: 768px) {
#html-body.jok-body.neribacken .page-header .header.content .nav-sections {
width: 55%;
}
}
@media only screen and (min-width: 980px) {
#html-body.jok-body.neribacken .page-header .header.content .nav-sections {
width: 40%;
}
}
#html-body.jok-body.neribacken .page-header .header.content .jok-search-block {
width: 100%;
}
@media only screen and (min-width: 768px) {
#html-body.jok-body.neribacken .page-header .header.content .jok-search-block {
width: 30%;
}
}
@media only screen and (min-width: 980px) {
#html-body.jok-body.neribacken .page-header .header.content .jok-search-block {
width: 40%;
}
}
#html-body.jok-body.neribacken .page-header .header.content .jok-search-block .jok-social-links {
display: none;
min-width: 100px;
width: 45%;
order: 5;
align-items: center;
justify-content: flex-end;
}
@media only screen and (min-width: 980px) {
#html-body.jok-body.neribacken .page-header .header.content .jok-search-block .jok-social-links {
display: flex;
}
}
#html-body.jok-body.neribacken .page-header .header.content .jok-search-block .jok-social-links img {
height: 30px;
}
#html-body.jok-body.neribacken .page-header .header.content .jok-search-block .jok-social-links img:hover {
cursor: pointer;
opacity: 0.7;
}
#html-body.jok-body.neribacken .page-header .header.content .jok-search-block .jok-social-links .jok-facebook {
margin-right: 20px;
}
#html-body.jok-body.neribacken .page-header .header.content .jok-search-block .block-search {
margin-top: 0;
width: 100%;
background-color: white;
border: 1px solid #D5D5D5;
border-radius: 4px;
padding-left: 10px;
}
#html-body.jok-body.neribacken .page-header .header.content .jok-search-block .block-search .field.search .control input {
font-size: 14px;
}
#html-body.jok-body.neribacken .page-header .header.content .jok-search-block .block-search .field.search .control input::placeholder {
color: black;
}
#html-body.jok-body.neribacken .page-header .header.content .jok-search-block .block-search .input-text {
background-color: white;
color: black;
border-radius: 4px;
}
#html-body.jok-body.neribacken .page-header .header.content .jok-search-block .block-search button:before {
color: black;
font-size: 16px;
}
#html-body.jok-body.neribacken .page-header .header.content .jok-search-block .minicart-wrapper {
padding-top: 0;
}
#html-body.jok-body.neribacken .page-header .header.content .jok-search-block .minicart-wrapper .action.showcart:before {
background-image: url(images/shopping-cart-regular_blue.svg);
}
#html-body.jok-body.neribacken .page-footer {
max-width: 100%;
padding: 0;
margin-top: 0;
background-color: white;
z-index: 999;
}
#html-body.jok-body.neribacken .page-footer .footer.content {
width: 100%;
max-width: 1400px;
padding: 0;
}
@media only screen and (min-width: 768px) {
#html-body.jok-body.neribacken .page-footer .footer.content {
width: 90%;
}
}
#html-body.jok-body.neribacken .page-footer .footer.content ul {
padding-right: 0;
}
#html-body.jok-body.neribacken .jok-footer {
display: flex;
flex-wrap: wrap;
padding: 72px 0 42px 42px;
align-items: start;
justify-content: flex-start;
flex-direction: column;
width: 300px;
margin: 0 auto;
padding-left: 0;
}
@media only screen and (min-width: 768px) {
#html-body.jok-body.neribacken .jok-footer {
justify-content: center;
align-items: center;
margin: 0;
padding-left: 42px;
width: auto;
}
}
@media only screen and (min-width: 980px) {
#html-body.jok-body.neribacken .jok-footer {
flex-direction: column;
}
}
@media only screen and (min-width: 1200px) {
#html-body.jok-body.neribacken .jok-footer {
flex-direction: row;
}
}
#html-body.jok-body.neribacken .jok-footer h3 {
font-size: 20px;
}
#html-body.jok-body.neribacken .jok-footer a {
color: black;
}
#html-body.jok-body.neribacken .jok-footer .jok_footer_column {
padding: 0 !important;
margin: 0 !important;
}
#html-body.jok-body.neribacken .jok-footer .jok_footer_column h3 {
color: black;
}
#html-body.jok-body.neribacken .jok-footer .jok_footer_column a[data-amcookie-js="footer-link"] {
margin-left: 4px;
}
#html-body.jok-body.neribacken .jok-footer .jok-footer-main {
border: none;
}
@media only screen and (min-width: 768px) {
#html-body.jok-body.neribacken .jok-footer .jok-footer-main {
width: 70%;
}
}
@media only screen and (min-width: 980px) {
#html-body.jok-body.neribacken .jok-footer .jok-footer-main {
width: 49%;
}
}
@media only screen and (min-width: 1200px) {
#html-body.jok-body.neribacken .jok-footer .jok-footer-main {
border-left: 1px solid #3aa0dc;
}
}
#html-body.jok-body.neribacken .jok-footer .jok-footer-main .jok-footer-menu {
flex-direction: column;
}
@media only screen and (min-width: 768px) {
#html-body.jok-body.neribacken .jok-footer .jok-footer-main .jok-footer-menu {
padding: 0 0 0 5%;
flex-direction: row;
flex-wrap: wrap;
}
}
#html-body.jok-body.neribacken .jok-footer .jok-footer-main .jok-footer-menu .jok_footer_column {
width: 100%;
}
@media only screen and (min-width: 768px) {
#html-body.jok-body.neribacken .jok-footer .jok-footer-main .jok-footer-menu .jok_footer_column {
padding: 0;
width: 49%;
}
}
#html-body.jok-body.neribacken .jok-footer .jok-social-links {
display: flex;
justify-content: flex-start;
gap: 20%;
margin-top: 10%;
}
#html-body.jok-body.neribacken .jok-footer .jok-social-links img {
width: 30px;
height: 30px;
}
#html-body.jok-body.neribacken .jok-footer .jok-social-links img:hover {
cursor: pointer;
opacity: 0.7;
}
#html-body.jok-body.neribacken .jok-footer .jok-social-links-klarna img {
max-width: 110px;
margin-top: 20px;
}
#html-body.jok-body.neribacken .jok-footer .jok-cred {
align-self: flex-end;
width: 100%;
margin-top: 30px;
text-align: center;
color: black;
font-size: 12px;
}
#html-body.jok-body.neribacken .jok-footer .list_arrow {
margin-bottom: 10px;
color: black !important;
}
#html-body.jok-body.neribacken .jok-footer .list_arrow:before {
content: '\02C3';
color: inherit;
font-size: inherit;
line-height: 100%;
position: relative;
display: inline-block;
left: 0;
margin-right: 7px;
}
#html-body.jok-body.neribacken .jok-footer .list_noarrow {
color: black !important;
}
#html-body.jok-body.neribacken .jok-footer .jok-footer-logo {
margin-bottom: 0;
}
@media only screen and (min-width: 980px) {
#html-body.jok-body.neribacken .jok-footer .jok-footer-logo {
margin-bottom: 0;
}
}
@media only screen and (min-width: 768px) {
#html-body.jok-body.neribacken .jok-footer .jok-footer-logo {
height: 100%;
width: 30%;
padding: 0 5%;
margin-bottom: 40px;
}
}
body.jok-body#html-body {
font-family: Karla, Arial, sans-serif !important;
}
body.jok-body#html-body h1 {
font-family: Anton, Karla, Arial, sans-serif !important;
letter-spacing: 2px;
font-size: 25px;
font-weight: 300;
text-transform: uppercase;
color: black;
}
@media only screen and (min-width: 768px) {
body.jok-body#html-body h1 {
font-size: 28px;
}
}
@media only screen and (min-width: 980px) {
body.jok-body#html-body h1 {
font-size: 32px;
}
}
@media only screen and (min-width: 1200px) {
body.jok-body#html-body h1 {
font-size: 35px;
}
}
body.jok-body#html-body h2 {
font-family: Anton, Karla, Arial, sans-serif !important;
color: black;
letter-spacing: 1px;
font-size: 23px;
font-weight: 700;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
body.jok-body#html-body h2 {
font-size: 24px;
}
}
@media only screen and (min-width: 980px) {
body.jok-body#html-body h2 {
font-size: 26px;
}
}
@media only screen and (min-width: 1200px) {
body.jok-body#html-body h2 {
font-size: 28px;
}
}
body.jok-body#html-body h3 {
font-family: Karla, Arial, sans-serif;
color: black;
letter-spacing: 1px;
font-size: 22px;
font-weight: 700;
}
body.jok-body#html-body p {
font-family: Karla, Arial, sans-serif;
color: black;
font-size: 16px;
hyphens: auto;
word-break: break-word;
}
body.jok-body#html-body a {
font-family: Karla, Arial, sans-serif;
text-decoration: none;
color: inherit;
}
body.jok-body#html-body a:hover {
text-decoration: underline;
cursor: pointer;
}
body.jok-body#html-body ul {
font-family: Karla, Arial, sans-serif;
list-style: none;
padding-inline-start: 0px;
}
body.jok-body#html-body ol {
font-family: Karla, Arial, sans-serif;
list-style: none;
padding-inline-start: 0px;
}
body.jok-body#html-body li {
font-family: Karla, Arial, sans-serif;
font-size: 16px;
margin-bottom: 10px;
}
body.jok-body#html-body .breadcrumbs {
margin-top: 20px;
}
body.jok-body#html-body .readMoreButton {
margin-top: 20px;
}
body.jok-body#html-body .readMoreButton a {
text-align: center;
font-family: "Open sans";
}
.amgdprcookie-groups-modal {
margin-top: 80px !important;
z-index: 100000 !important;
}
.amgdprcookie-modal-container .amgdprcookie-modal-template {
z-index: 100000 !important;
}
.ammodals-overlay {
z-index: 99999 !important;
}
.modals-overlay {
z-index: 99999 !important;
}
p:empty {
margin: 0;
}
.JokTopBanner {
background-repeat: no-repeat;
background-size: cover;
background-position: left 35% bottom 45%;
text-align: center;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
padding: 25px 0;
}
@media only screen and (min-width: 768px) {
.JokTopBanner {
height: 400px;
background-position: center;
padding: 0;
}
}
@media only screen and (min-width: 980px) {
.JokTopBanner {
height: 450px;
padding: 0;
}
}
.JokTopBanner .top-banner-title h1 {
font-size: 40px !important;
margin: 0 10px 20px 10px;
}
@media only screen and (min-width: 768px) {
.JokTopBanner .top-banner-title h1 {
margin: 0 20px 20px 20px;
font-size: 40px !important;
}
}
.JokTopBanner .top-banner-buttons {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80%;
max-width: 1280px;
margin-top: 15px;
}
@media only screen and (min-width: 768px) {
.JokTopBanner .top-banner-buttons {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
width: 90%;
margin-top: 0px;
}
}
.JokTopBanner .top-banner-buttons a {
font-size: 16px;
padding: 8px 20px 8px 20px;
font-weight: 400;
width: auto;
color: black;
border-radius: 5px;
background: #f9b233;
border: none;
display: inline-block;
font-family: Anton, Karla, Arial, sans-serif !important;
letter-spacing: 1px !important;
background-color: white;
font-weight: 900;
margin: 15px 5px;
max-width: 160px;
min-width: 160px;
}
.JokTopBanner .top-banner-buttons a:hover {
text-decoration: none;
background-color: #dd9c2b;
cursor: pointer;
}
.JokTopBanner .top-banner-buttons a a:hover {
text-decoration: none;
}
@media only screen and (min-width: 768px) {
.JokTopBanner .top-banner-buttons a {
margin-bottom: 0;
}
}
.JokTopBanner .top-banner-buttons a:hover {
text-decoration: none !important;
background-color: #f9b233;
}
.JokInfoSection {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #00487c;
padding-bottom: 80px;
width: 100%;
}
@media only screen and (min-width: 768px) {
.JokInfoSection {
padding-bottom: 100px;
}
}
.JokInfoSection h2 {
color: #f9b233 !important;
font-size: 40px !important;
margin: 0 0 30px 0;
}
.JokInfoSection p {
color: white !important;
margin: 0 5px;
max-width: 1280px;
}
.JokInfoSection .info-section-heading {
text-align: center;
margin: 50px 12vw 50px 12vw;
}
.JokInfoSection .info-section-text {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
}
@media only screen and (min-width: 768px) {
.JokInfoSection .info-section-text {
flex-direction: row;
justify-content: space-evenly;
align-items: baseline;
width: 80%;
max-width: 1400px;
}
}
.JokInfoSection .info-section-text div {
display: flex;
text-align: center;
flex-direction: column;
justify-content: center;
width: 220px;
margin: 15px 0;
}
@media only screen and (min-width: 768px) {
.JokInfoSection .info-section-text div {
margin: 0 0;
}
}
.JokInfoSection .info-section-text img {
width: 80px;
margin: 0 auto 10px;
}
.JokInfoSection .info-section-klarna-icon {
width: 150px !important;
padding-bottom: 25px !important;
}
.JokInfoSection .large-text {
font-size: 24px !important;
padding-bottom: 30px;
position: relative;
margin: 0 0 20px;
}
.JokInfoSection .large-text:before {
content: "";
position: absolute;
background-repeat: no-repeat;
background-size: contain;
left: 50%;
transform: translateX(-50%);
bottom: -8px;
width: 150px;
height: 30px;
background-image: url(images/neribacken_pil.svg);
}
.JokProductInfoSection {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #00487c;
padding-bottom: 80px;
width: 100%;
}
@media only screen and (min-width: 768px) {
.JokProductInfoSection {
padding-bottom: 100px;
}
}
.JokProductInfoSection h2 {
color: #f9b233 !important;
font-size: 40px !important;
}
.JokProductInfoSection p {
color: white !important;
}
.JokProductInfoSection .product-info-heading-section {
text-align: center;
margin: 50px 12vw 50px 12vw;
}
.JokProductInfoSection .product-info-text-section {
display: flex;
justify-content: center;
flex-wrap: wrap;
width: 100%;
max-width: 1400px;
}
.JokProductInfoSection .product-info-text-section a {
text-align: center;
}
.JokProductInfoSection .product-info-text {
text-align: center;
max-width: 180px;
margin: 10px 20px;
}
@media only screen and (min-width: 768px) {
.JokProductInfoSection .product-info-text {
margin: 0px 20px;
}
}
.JokProductInfoSection .large-text {
font-size: 24px !important;
padding-bottom: 30px;
position: relative;
margin-bottom: 20px;
}
.JokProductInfoSection .large-text:before {
content: "";
position: absolute;
background-repeat: no-repeat;
background-size: contain;
left: 50%;
transform: translateX(-50%);
bottom: -8px;
width: 150px;
height: 30px;
background-image: url(images/neribacken_pil.svg);
}
.JokProductInfoSection a {
font-size: 16px;
padding: 8px 20px 8px 20px;
font-weight: 400;
width: auto;
color: black;
border-radius: 5px;
background: #f9b233;
border: none;
display: inline-block;
background-color: white;
font-weight: 600;
margin: 50px 5px;
max-width: 160px;
min-width: 160px;
text-align: center;
}
.JokProductInfoSection a:hover {
text-decoration: none;
background-color: #dd9c2b;
cursor: pointer;
}
.JokProductInfoSection a a:hover {
text-decoration: none;
}
@media only screen and (min-width: 768px) {
.JokProductInfoSection a {
margin-bottom: 0;
}
}
.JokProductInfoSection a:hover {
text-decoration: none !important;
background-color: #f9b233;
}
.JokPartnerSection {
display: flex;
align-items: start;
justify-content: center;
padding: 40px 20px;
}
@media only screen and (min-width: 1200px) {
.JokPartnerSection {
padding: 40px 0px;
}
}
.JokPartnerSection .partner-section-image-container {
width: 100%;
max-width: 1280px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
background-color: white;
}
@media only screen and (min-width: 1200px) {
.JokPartnerSection .partner-section-image-container {
width: 90%;
justify-content: start;
}
}
.JokPartnerSection a {
width: 12.5%;
min-width: 80px;
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
}
@media only screen and (min-width: 980px) {
.JokPartnerSection a {
padding: 0;
}
}
@media only screen and (min-width: 1200px) {
.JokPartnerSection.catalog-category-view .partner-section-image-container {
justify-content: space-between;
}
}
.JokPartnerSection .partner-section-image {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.catalog-category-view .JokPartnerSection .partner-section-image-container {
justify-content: space-between;
width: 100%;
}
@media only screen and (min-width: 980px) {
.catalog-category-view .JokPartnerSection a {
padding: 2.5% !important;
width: 20% !important;
}
}
.jok-product-grid-widget h2 {
text-align: center;
margin-bottom: 60px;
padding-bottom: 30px;
position: relative;
}
.jok-product-grid-widget h2:before {
content: "";
position: absolute;
background-repeat: no-repeat;
background-size: contain;
left: 50%;
transform: translateX(-50%);
bottom: -8px;
width: 150px;
height: 30px;
background-image: url(images/neribacken_pil.svg);
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-right: 20px;
margin-left: 20px;
}
@media only screen and (min-width: 768px) {
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items {
justify-content: center;
}
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item {
width: 48%;
min-width: 300px;
margin-top: 20px;
margin-left: 0;
}
@media only screen and (min-width: 768px) {
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item {
width: 34%;
min-width: unset;
max-width: 450px;
margin-right: 3%;
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item:nth-of-type(2n) {
margin-right: 0;
}
}
@media only screen and (min-width: 1200px) {
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item {
width: 23%;
margin-right: 2%;
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item:nth-of-type(2n) {
margin-right: 2%;
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item:nth-of-type(4n) {
margin-right: 0;
}
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item-info {
border-radius: 8px;
background-color: white;
position: relative;
justify-content: space-between;
display: flex;
flex-direction: column;
padding-right: 20px;
padding-left: 20px;
box-sizing: border-box;
width: 100%;
height: 100%;
padding-bottom: 20px;
padding-top: 20px;
border: 1px solid rgba(51, 51, 51, 0.18);
box-shadow: none;
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item-info:hover {
border: none;
margin: 0;
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 20px;
border: 1px solid rgba(51, 51, 51, 0.18);
box-shadow: none;
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item-info .product-item-name {
margin-left: 0;
font-weight: 400;
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item-info .product-item-name .product-item-link {
font-weight: 400;
font-size: 18px;
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item-info .product-image-container {
width: 100% !important;
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item-info .product-image-container .product-image-wrapper {
padding-bottom: 100% !important;
border: 1px solid #ebebeb;
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item-info .info-sticker {
position: absolute;
background-color: #3aa0dc;
padding: 5px 25px;
color: white;
z-index: 999;
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item-info .info-sticker p {
margin-bottom: 0;
color: white;
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item-info .price-box {
display: inline-block;
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item-info .price-box .old-price {
text-transform: none;
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item-info .price-box .old-price .price {
color: #AFAFAF;
text-decoration: line-through;
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item-info .jok-percentage {
font-weight: 700;
margin-left: 3px;
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item-inner {
position: relative;
box-shadow: none;
border: none;
padding-left: 0;
padding-bottom: 0;
height: auto;
width: auto;
overflow: visible;
margin: 0;
padding-right: 0;
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item-inner .product-item-actions {
margin-bottom: 0;
margin-top: 0;
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item-inner .product-item-actions .actions-primary {
width: 100%;
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item-inner .product-item-actions .actions-primary .action.tocart.primary {
width: 100%;
padding: 12px 20px 12px 20px;
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item-inner .product-item-actions .tocompare {
display: none;
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item-details .product-item-actions {
margin-bottom: 0;
margin-top: 0;
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item-details .product-item-actions .actions-primary {
width: 100%;
}
#html-body .block.widget.block-products-list.grid .widget-product-grid.product-items .product-item-details .product-item-actions .actions-primary .action.tocart.primary {
width: 100%;
padding: 12px 20px 12px 20px;
}
.jok-body#html-body .svea-checkout-custom-message {
background-color: #F9B233;
text-align: center;
border-radius: 5px;
padding-top: 13px;
padding-bottom: 13px;
margin-bottom: 40px;
}
.jok-body#html-body .svea-checkout-custom-message p {
font-size: 22px;
line-height: 24px;
font-weight: 700;
color: white;
}
.jok-body#html-body.catalog-category-view .category-view,
.jok-body#html-body.catalogsearch-result-index .category-view {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 5%;
margin-left: auto;
padding: 60px 20px;
}
@media only screen and (max-width: 767px) {
.jok-body#html-body.catalog-category-view .category-view,
.jok-body#html-body.catalogsearch-result-index .category-view {
padding: 30px 20px !important;
}
}
.jok-body#html-body.catalog-category-view .category-view .breadcrumbs,
.jok-body#html-body.catalogsearch-result-index .category-view .breadcrumbs {
margin-top: 15px;
margin-left: 0;
padding-left: 2%;
}
@media only screen and (min-width: 980px) {
.jok-body#html-body.catalog-category-view .category-view,
.jok-body#html-body.catalogsearch-result-index .category-view {
flex-direction: row;
margin: 0 10%;
padding: 30px 40px;
}
}
.jok-body#html-body.catalog-category-view .category-view .category-image,
.jok-body#html-body.catalogsearch-result-index .category-view .category-image {
width: 70%;
min-width: 70%;
margin-right: 0;
}
@media only screen and (min-width: 980px) {
.jok-body#html-body.catalog-category-view .category-view .category-image,
.jok-body#html-body.catalogsearch-result-index .category-view .category-image {
width: 30%;
min-width: 30%;
margin-right: 30px;
}
}
.jok-body#html-body.catalog-category-view .category-description,
.jok-body#html-body.catalogsearch-result-index .category-description {
margin-top: 20px;
margin-bottom: 30px;
max-width: 730px;
}
.jok-body#html-body.catalog-category-view.category-produkter .page-main,
.jok-body#html-body.catalogsearch-result-index.category-produkter .page-main,
.jok-body#html-body.catalog-category-view.category-products .page-main,
.jok-body#html-body.catalogsearch-result-index.category-products .page-main {
padding: 0;
}
.jok-body#html-body.catalog-category-view.category-produkter .page-main .page-title-wrapper,
.jok-body#html-body.catalogsearch-result-index.category-produkter .page-main .page-title-wrapper,
.jok-body#html-body.catalog-category-view.category-products .page-main .page-title-wrapper,
.jok-body#html-body.catalogsearch-result-index.category-products .page-main .page-title-wrapper {
padding: 0px 20px;
}
.jok-body#html-body.catalog-category-view .category-image,
.jok-body#html-body.catalogsearch-result-index .category-image {
display: flex;
justify-content: center;
align-items: center;
}
.jok-body#html-body.catalog-category-view .page-title-wrapper,
.jok-body#html-body.catalogsearch-result-index .page-title-wrapper {
max-width: 1280px;
margin: 40px auto 30px;
padding-left: 20px;
}
@media only screen and (max-width: 767px) {
.jok-body#html-body.catalog-category-view .page-title-wrapper,
.jok-body#html-body.catalogsearch-result-index .page-title-wrapper {
padding-left: 0;
}
}
@media only screen and (min-width: 1200px) {
.jok-body#html-body.catalog-category-view .page-title-wrapper,
.jok-body#html-body.catalogsearch-result-index .page-title-wrapper {
padding-left: 5px;
}
}
.jok-body#html-body.catalog-category-view .products,
.jok-body#html-body.catalogsearch-result-index .products {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.jok-body#html-body.catalog-category-view .page-title,
.jok-body#html-body.catalogsearch-result-index .page-title {
padding-right: 0 !important;
}
.jok-body#html-body.catalog-category-view .columns,
.jok-body#html-body.catalogsearch-result-index .columns {
background-color: #ebebeb;
display: flex;
justify-content: center;
}
@media only screen and (min-width: 1700px) {
.jok-body#html-body.catalog-category-view .columns,
.jok-body#html-body.catalogsearch-result-index .columns {
padding: 40px 10% 0 4%;
}
}
.jok-body#html-body.catalog-category-view .column.main,
.jok-body#html-body.catalogsearch-result-index .column.main {
background-color: #ebebeb;
padding: 0;
max-width: 1280px;
width: 100%;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-category-view .column.main,
.jok-body#html-body.catalogsearch-result-index .column.main {
padding-right: 20px;
width: 80%;
}
}
.jok-body#html-body.catalog-category-view .column.main h1,
.jok-body#html-body.catalogsearch-result-index .column.main h1 {
text-align: center;
padding-bottom: 30px;
position: relative;
}
.jok-body#html-body.catalog-category-view .column.main h1:before,
.jok-body#html-body.catalogsearch-result-index .column.main h1:before {
content: "";
position: absolute;
background-repeat: no-repeat;
background-size: contain;
left: 50%;
transform: translateX(-50%);
bottom: -8px;
width: 150px;
height: 30px;
background-image: url(images/neribacken_pil.svg);
}
.jok-body#html-body.catalog-category-view .column.main .page-title-heading,
.jok-body#html-body.catalogsearch-result-index .column.main .page-title-heading {
padding-right: 0;
padding: 30px 0;
margin-bottom: 80px;
}
.jok-body#html-body.catalog-category-view #maincontent,
.jok-body#html-body.catalogsearch-result-index #maincontent {
margin: 0 auto;
padding: 0;
max-width: 100%;
}
.jok-body#html-body.catalog-category-view .toolbar-products,
.jok-body#html-body.catalogsearch-result-index .toolbar-products {
display: flex;
max-width: 1280px;
justify-content: space-between;
margin: 10px auto 0;
padding: 20px 20px;
border-top: solid #d5d5d5 1px !important;
border-bottom: solid #d5d5d5 1px !important;
flex-wrap: wrap;
gap: 12px;
}
.jok-body#html-body.catalog-category-view .toolbar-products .modes,
.jok-body#html-body.catalogsearch-result-index .toolbar-products .modes {
display: none;
}
.jok-body#html-body.catalog-category-view .toolbar-products .sorter,
.jok-body#html-body.catalogsearch-result-index .toolbar-products .sorter {
position: relative;
}
.jok-body#html-body.catalog-category-view .toolbar-products::before,
.jok-body#html-body.catalogsearch-result-index .toolbar-products::before {
display: none;
}
.jok-body#html-body.catalog-category-view .toolbar-products::after,
.jok-body#html-body.catalogsearch-result-index .toolbar-products::after {
display: none;
}
.jok-body#html-body.catalog-category-view .sidebar-main,
.jok-body#html-body.catalogsearch-result-index .sidebar-main {
display: block;
padding-left: 10px;
flex-basis: 0%;
width: 0%;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-category-view .sidebar-main,
.jok-body#html-body.catalogsearch-result-index .sidebar-main {
padding-left: 20px;
margin-top: 230px;
flex-basis: 20%;
width: 20%;
max-width: 350px;
}
}
.jok-body#html-body.catalog-category-view .sidebar-main .block-content .filter-current,
.jok-body#html-body.catalogsearch-result-index .sidebar-main .block-content .filter-current {
margin: 0;
margin-right: 10px;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-category-view .sidebar-main .block-content .filter-current,
.jok-body#html-body.catalogsearch-result-index .sidebar-main .block-content .filter-current {
margin-right: 0;
}
}
.jok-body#html-body.catalog-category-view .sidebar-main .block-content .filter-current ol,
.jok-body#html-body.catalogsearch-result-index .sidebar-main .block-content .filter-current ol {
padding-left: 10px;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-category-view .sidebar-main .block-content .block-subtitle,
.jok-body#html-body.catalogsearch-result-index .sidebar-main .block-content .block-subtitle {
background-color: #00487C;
color: white;
font-size: 20px;
padding-bottom: 10px;
border-radius: 10px 10px 0 0;
}
}
.jok-body#html-body.catalog-category-view .sidebar-main .block-content .filter-options,
.jok-body#html-body.catalogsearch-result-index .sidebar-main .block-content .filter-options {
border: 1px solid #d5d5d5;
}
.jok-body#html-body.catalog-category-view .sidebar-main .block-content .filter-options .filter-options-title,
.jok-body#html-body.catalogsearch-result-index .sidebar-main .block-content .filter-options .filter-options-title {
word-break: break-word;
}
.jok-body#html-body.catalog-category-view .sidebar-main .block-title,
.jok-body#html-body.catalogsearch-result-index .sidebar-main .block-title {
border-bottom: 0;
}
@media only screen and (max-width: 767px) {
.jok-body#html-body.catalog-category-view .sidebar-main .block-title strong,
.jok-body#html-body.catalogsearch-result-index .sidebar-main .block-title strong {
padding: 10px;
background-color: #00487c;
color: white;
right: 10px;
top: 10px;
left: 10px;
text-align: left;
box-shadow: none;
border: none;
font-weight: 700;
font-size: 20px;
margin-top: 265px !important;
}
.jok-body#html-body.catalog-category-view .sidebar-main .block-title strong::after,
.jok-body#html-body.catalogsearch-result-index .sidebar-main .block-title strong::after {
right: 10px;
position: absolute;
color: white;
}
}
.jok-body#html-body.catalog-category-view .sidebar-additional,
.jok-body#html-body.catalogsearch-result-index .sidebar-additional {
display: none;
}
.jok-body#html-body.catalog-category-view .block-category-link,
.jok-body#html-body.catalogsearch-result-index .block-category-link {
margin-bottom: 0;
}
.jok-body#html-body.catalog-category-view .product-items,
.jok-body#html-body.catalogsearch-result-index .product-items {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
max-width: 1280px;
padding: 0 20px;
margin: 0 auto 100px;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-category-view .product-items,
.jok-body#html-body.catalogsearch-result-index .product-items {
justify-content: flex-start;
padding: 0 20px;
}
}
@media only screen and (min-width: 980px) {
.jok-body#html-body.catalog-category-view .product-items,
.jok-body#html-body.catalogsearch-result-index .product-items {
justify-content: flex-start;
}
.jok-body#html-body.catalog-category-view .product-items::after,
.jok-body#html-body.catalogsearch-result-index .product-items::after {
max-width: 75%;
min-width: 24%;
padding: 0;
}
}
.jok-body#html-body.catalog-category-view .product-item,
.jok-body#html-body.catalogsearch-result-index .product-item {
width: 48%;
min-width: 130px;
margin-top: 20px;
margin-left: 0;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-category-view .product-item,
.jok-body#html-body.catalogsearch-result-index .product-item {
width: 32%;
min-width: unset;
margin-right: 1%;
}
}
@media only screen and (min-width: 980px) {
.jok-body#html-body.catalog-category-view .product-item,
.jok-body#html-body.catalogsearch-result-index .product-item {
width: 24%;
min-width: unset;
margin-right: 1%;
}
}
.jok-body#html-body.catalog-category-view .product-item-info,
.jok-body#html-body.catalogsearch-result-index .product-item-info {
border-radius: 8px;
background-color: white;
justify-content: space-between;
position: relative;
display: flex;
flex-direction: column;
padding-right: 20px;
padding-left: 20px;
box-sizing: border-box;
width: 100%;
height: 100%;
padding-bottom: 20px;
padding-top: 20px;
border: 1px solid rgba(51, 51, 51, 0.18);
box-shadow: none;
}
.jok-body#html-body.catalog-category-view .product-item-info .product-item-photo,
.jok-body#html-body.catalogsearch-result-index .product-item-info .product-item-photo {
position: relative;
}
.jok-body#html-body.catalog-category-view .product-item-info .manufacturer_image_category_page,
.jok-body#html-body.catalogsearch-result-index .product-item-info .manufacturer_image_category_page {
position: absolute;
bottom: 7%;
z-index: 99;
max-width: 25%;
height: 20%;
right: 7%;
background-color: white;
padding: 3px;
overflow: hidden;
border-radius: 8px;
}
.jok-body#html-body.catalog-category-view .product-item-info .manufacturer_image_category_page img,
.jok-body#html-body.catalogsearch-result-index .product-item-info .manufacturer_image_category_page img {
width: 100%;
height: 100%;
object-fit: contain;
}
.jok-body#html-body.catalog-category-view .product-item-info:hover,
.jok-body#html-body.catalogsearch-result-index .product-item-info:hover {
border: none;
margin: 0;
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 20px;
border: 1px solid rgba(51, 51, 51, 0.18);
box-shadow: none;
}
.jok-body#html-body.catalog-category-view .product-item-info .product-item-name,
.jok-body#html-body.catalogsearch-result-index .product-item-info .product-item-name {
margin-left: 0;
font-weight: 400;
}
.jok-body#html-body.catalog-category-view .product-item-info .product-item-name .product-item-link,
.jok-body#html-body.catalogsearch-result-index .product-item-info .product-item-name .product-item-link {
font-weight: 400;
font-size: 14px;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-category-view .product-item-info .product-item-name .product-item-link,
.jok-body#html-body.catalogsearch-result-index .product-item-info .product-item-name .product-item-link {
font-size: 18px;
}
}
.jok-body#html-body.catalog-category-view .product-item-info .product-image-container,
.jok-body#html-body.catalogsearch-result-index .product-item-info .product-image-container {
width: 100% !important;
}
.jok-body#html-body.catalog-category-view .product-item-info .product-image-container .product-image-wrapper,
.jok-body#html-body.catalogsearch-result-index .product-item-info .product-image-container .product-image-wrapper {
padding-bottom: 100% !important;
border: 1px solid #ebebeb;
}
.jok-body#html-body.catalog-category-view .product-item-info .info-sticker,
.jok-body#html-body.catalogsearch-result-index .product-item-info .info-sticker {
position: absolute;
background-color: #3aa0dc;
padding: 5px 25px;
color: white;
z-index: 999;
}
.jok-body#html-body.catalog-category-view .product-item-info .info-sticker p,
.jok-body#html-body.catalogsearch-result-index .product-item-info .info-sticker p {
margin-bottom: 0;
color: white;
font-size: 12px;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-category-view .product-item-info .info-sticker p,
.jok-body#html-body.catalogsearch-result-index .product-item-info .info-sticker p {
font-size: 16px;
}
}
.jok-body#html-body.catalog-category-view .product-item-info .price-box,
.jok-body#html-body.catalogsearch-result-index .product-item-info .price-box {
display: inline-block;
}
.jok-body#html-body.catalog-category-view .product-item-info .price-box .old-price,
.jok-body#html-body.catalogsearch-result-index .product-item-info .price-box .old-price {
text-transform: none;
}
.jok-body#html-body.catalog-category-view .product-item-info .price-box .old-price .price,
.jok-body#html-body.catalogsearch-result-index .product-item-info .price-box .old-price .price {
color: #AFAFAF;
text-decoration: line-through;
}
.jok-body#html-body.catalog-category-view .product-item-info .jok-percentage,
.jok-body#html-body.catalogsearch-result-index .product-item-info .jok-percentage {
font-weight: 700;
margin-left: 3px;
}
.jok-body#html-body.catalog-category-view .product-item-inner,
.jok-body#html-body.catalogsearch-result-index .product-item-inner {
position: relative;
box-shadow: none;
border: none;
padding-left: 0;
padding-bottom: 0;
height: auto;
width: auto;
overflow: visible;
margin: 0;
padding-right: 0;
}
.jok-body#html-body.catalog-category-view .product-item-inner .actions,
.jok-body#html-body.catalogsearch-result-index .product-item-inner .actions {
margin-bottom: 0;
}
.jok-body#html-body.catalog-category-view .product-item-inner .actions .actions-primary,
.jok-body#html-body.catalogsearch-result-index .product-item-inner .actions .actions-primary {
width: 100%;
}
.jok-body#html-body.catalog-category-view .product-item-inner .actions .actions-primary .action.tocart.primary,
.jok-body#html-body.catalogsearch-result-index .product-item-inner .actions .actions-primary .action.tocart.primary {
width: 100%;
padding: 12px 20px 12px 20px;
}
.jok-body#html-body.catalog-category-view .product-item-inner .product-item-actions,
.jok-body#html-body.catalogsearch-result-index .product-item-inner .product-item-actions {
margin-top: 0;
}
.jok-body#html-body.catalog-category-view .search .block,
.jok-body#html-body.catalogsearch-result-index .search .block {
max-width: 1280px;
margin: 40px auto;
padding-left: 20px;
}
@media only screen and (min-width: 1200px) {
.jok-body#html-body.catalog-category-view .search .block,
.jok-body#html-body.catalogsearch-result-index .search .block {
padding-left: 5px;
}
}
.jok-body#html-body.catalog-category-view .category-grid-widget,
.jok-body#html-body.catalogsearch-result-index .category-grid-widget {
width: 80%;
margin: 0 auto 50px auto;
}
.jok-body#html-body.catalog-category-view .category-grid-widget .categories-wrapper,
.jok-body#html-body.catalogsearch-result-index .category-grid-widget .categories-wrapper {
display: flex;
flex-wrap: wrap;
}
.jok-body#html-body.catalog-category-view .category-grid-widget .categories-wrapper .category-wrapper,
.jok-body#html-body.catalogsearch-result-index .category-grid-widget .categories-wrapper .category-wrapper {
padding: 15px 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
.jok-body#html-body.catalog-category-view .category-grid-widget .categories-wrapper .category-wrapper,
.jok-body#html-body.catalogsearch-result-index .category-grid-widget .categories-wrapper .category-wrapper {
flex: 0 0 50%;
}
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-category-view .category-grid-widget .categories-wrapper .category-wrapper,
.jok-body#html-body.catalogsearch-result-index .category-grid-widget .categories-wrapper .category-wrapper {
flex: 0 0 33%;
}
}
@media only screen and (min-width: 980px) {
.jok-body#html-body.catalog-category-view .category-grid-widget .categories-wrapper .category-wrapper,
.jok-body#html-body.catalogsearch-result-index .category-grid-widget .categories-wrapper .category-wrapper {
flex: 0 0 25%;
}
}
.jok-body#html-body.catalog-category-view .category-grid-widget .categories-wrapper .category-wrapper .category-image img,
.jok-body#html-body.catalogsearch-result-index .category-grid-widget .categories-wrapper .category-wrapper .category-image img {
width: 80%;
margin: 0 auto;
display: block;
}
.jok-body#html-body.catalog-category-view .category-grid-widget .categories-wrapper ,
.jok-body#html-body.catalogsearch-result-index .category-grid-widget .categories-wrapper {
display: flex;
flex-wrap: wrap;
}
.jok-body#html-body.catalog-category-view.category-varumarken .category-view {
flex-direction: column-reverse !important;
}
.jok-body#html-body.catalog-category-view.category-varumarken .category-view .columns {
width: 100% !important;
padding: 0 !important;
background-color: white !important;
}
.jok-body#html-body.catalog-category-view.category-varumarken .category-view .column.main {
background-color: white;
min-height: unset !important;
}
.jok-body#html-body.catalog-category-view.category-varumarken .category-view .page-title {
padding-right: 0 !important;
}
.jok-body#html-body.catalog-category-view.category-varumarken .category-view .sidebar-main {
display: none !important;
}
.jok-body#html-body.catalog-product-view #maincontent {
max-width: 100%;
padding: 0;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
max-width: 1280px;
padding: 0 20px;
margin: 0 auto;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main {
display: flex;
flex-direction: column;
box-sizing: border-box;
order: 2;
width: 100%;
margin-top: 50px;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main {
margin-top: 0;
width: 50%;
padding-left: 40px;
border-left: 1px solid #ebebeb;
padding-right: 40px;
}
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .page-title-wrapper {
margin-top: 15px;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .page-title-wrapper .page-title {
padding-left: 0;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .page-title-wrapper .page-title .base {
text-transform: none;
font-family: Karla, Arial, sans-serif;
font-size: 22px;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .page-title-wrapper .page-title .base {
font-size: 26px;
}
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .jok-info-stickers {
order: -1;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .jok-info-stickers .info-sticker {
margin-right: 25px;
margin-bottom: 7px;
padding: 3px 25px;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .jok-info-stickers .info-sticker .sticker-text {
margin-bottom: 0;
color: white;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .jok-info-stickers .campaign {
margin-right: 25px;
background-color: #3aa0dc;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .jok-info-stickers .campaign .jok-percentage {
font-weight: 700;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .jok-info-stickers .shipping {
margin-right: 25px;
background-color: #00487c;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .jok-info-stickers .jok-stock {
background-color: #66a100;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .jok-info-stickers .jok-stock.out-of-stock {
background-color: #e02b27;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .jok-info-stickers .manufacturer-image-link {
max-height: 60px;
max-width: 33%;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .jok-info-stickers .manufacturer-image-link a {
height: inherit;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .jok-info-stickers .manufacturer-image-link img {
height: 40px;
margin: 10px 0px;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-info-price {
width: 100% !important;
margin: 0;
margin-bottom: 15px;
border-bottom: none;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-info-price .product-info-stock-sku {
text-align: left;
margin-left: 0;
padding-left: 0;
margin-top: 0px;
float: none;
display: block;
padding-bottom: 30px;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-info-price .product-info-stock-sku .stock {
display: none;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-info-price .product-info-stock-sku .sku .type {
display: none;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-info-price .price {
font-weight: 700;
font-size: 25px;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-info-price .old-price .price-label {
font-size: 14px;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-info-price .old-price .price {
font-size: 14px;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .box-tocart {
display: flex;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .box-tocart .fieldset {
display: flex;
align-items: center;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .box-tocart .fieldset .field.qty {
display: flex;
margin-top: 0;
align-items: center;
margin-bottom: 0;
height: 100%;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .box-tocart .fieldset .field.qty .label {
display: none;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .box-tocart .fieldset .control {
height: 100%;
margin-right: 15px;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .box-tocart .fieldset .control input {
border-radius: 5px;
height: 100%;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .box-tocart .fieldset #product-addtocart-button {
width: 230px;
padding: 13px 20px 13px 20px;
margin-bottom: 0;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .popupShade {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10001;
position: fixed;
background: #0000005c;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingInfoWrapper {
display: flex;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingInfoWrapper img {
height: 38px;
margin-right: 20px;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingInfoWrapper img:hover {
cursor: pointer;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingInfoWrapper h2 {
margin: 0;
font-size: 22px;
font-family: Karla, Arial, sans-serif !important;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingInfoWrapper h2:hover {
cursor: pointer;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper {
top: 10%;
left: 9%;
width: 80%;
height: 80%;
z-index: 10000;
display: flex;
position: fixed;
background: white;
flex-direction: column;
overflow-y: scroll;
}
@media only screen and (min-width: 1200px) {
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper {
height: 55%;
}
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper #close-leasing-popup {
top: 6px;
right: 24px;
font-size: 24px;
position: absolute;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper .leasingPopupPricing {
display: flex;
flex-wrap: wrap;
width: 90%;
margin: 12px auto 0;
}
@media only screen and (min-width: 1200px) {
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper .leasingPopupPricing {
margin: 0;
width: 100%;
}
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper .leasingPopupPricing .leasingTable {
width: 100%;
margin: 24px auto;
padding: 18px 0;
color: white;
background-color: #3aa0dc;
}
@media only screen and (min-width: 1200px) {
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper .leasingPopupPricing .leasingTable {
width: 55%;
margin: 48px auto 12px;
}
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper .leasingPopupPricing .leasingTable .leasingHeaders {
display: flex;
justify-content: space-between;
margin: 6px 24px 6px;
}
@media only screen and (min-width: 1200px) {
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper .leasingPopupPricing .leasingTable .leasingHeaders {
margin: 6px 48px 6px;
}
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper .leasingPopupPricing .leasingTable .leasingPrices .leasingTimeframe {
display: flex;
justify-content: space-between;
margin: 6px 24px 6px;
}
@media only screen and (min-width: 1200px) {
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper .leasingPopupPricing .leasingTable .leasingPrices .leasingTimeframe {
margin: 6px 48px 6px;
}
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper .leasingPopupPricing .fixedCosts {
width: 100%;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper .leasingPopupPricing .fixedCosts h2 {
margin-top: 24px;
font-family: Karla, Arial, sans-serif !important;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper .leasingPopupPricing .fixedCosts h3 {
margin: 6px 0;
font-size: 16px;
}
@media only screen and (min-width: 1200px) {
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper .leasingPopupPricing .fixedCosts {
width: 35%;
padding: 24px;
}
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper .leasingPopupInfo {
display: flex;
flex-wrap: wrap;
height: 100%;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper .leasingPopupInfo .leasingInfo {
margin: 0 auto;
width: 90%;
}
@media only screen and (min-width: 1200px) {
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper .leasingPopupInfo .leasingInfo {
width: 55%;
}
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper .leasingPopupInfo .sveaLeasingBanner {
width: 100%;
display: flex;
padding: 0 24px;
flex-direction: column;
justify-content: center;
background-color: #00487c;
}
@media only screen and (min-width: 1200px) {
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper .leasingPopupInfo .sveaLeasingBanner {
width: 35%;
}
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper .leasingPopupInfo .sveaLeasingBanner h2 {
color: white;
text-align: center;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper .leasingPopupInfo .sveaLeasingBanner p {
color: white;
text-align: center;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product-add-form .leasingPopupWrapper .leasingPopupInfo .sveaLeasingBanner img {
width: 60%;
max-width: 200px;
margin: 36px auto;
display: block;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product-info-main .product.attribute.overview ul {
list-style: disc;
padding-inline-start: 17px;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product.media {
box-sizing: border-box;
margin: 25px auto;
max-height: 250px;
order: 1;
width: 100%;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view #maincontent .column.main .product.media {
max-height: unset;
width: 50%;
margin-top: 0px;
position: relative;
padding-right: 20px;
margin: 0 0 25px 0;
}
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product.media .fotorama-item {
overflow: visible;
}
@media only screen and (max-width: 767px) {
.jok-body#html-body.catalog-product-view #maincontent .column.main .product.media .gallery-placeholder .fotorama__wrap {
max-height: 250px;
}
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product.media .gallery-placeholder .fotorama__wrap .fotorama__stage {
border: 1px solid #ebebeb;
}
@media only screen and (max-width: 767px) {
.jok-body#html-body.catalog-product-view #maincontent .column.main .product.media .gallery-placeholder .fotorama__wrap .fotorama__stage {
max-height: 250px;
}
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product.media .gallery-placeholder .fotorama__wrap .fotorama__nav-wrap {
margin-top: 20px;
}
.jok-body#html-body.catalog-product-view #maincontent .column.main .product.media .gallery-placeholder .fotorama__wrap .fotorama__nav-wrap .fotorama__thumb {
background-color: white;
border: 1px solid #ebebeb;
}
.jok-body#html-body.catalog-product-view .product.info.detailed,
.jok-body#html-body.catalog-product-view .jok_attributes {
display: block;
padding: 20px;
order: 4;
max-width: 1280px;
margin: 0 auto;
box-sizing: border-box;
margin-bottom: 30px;
width: 100%;
}
.jok-body#html-body.catalog-product-view .product.info.detailed .description .type,
.jok-body#html-body.catalog-product-view .jok_attributes .description .type {
padding-top: 0;
font-size: 20px !important;
border-bottom: none !important;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view .product.info.detailed,
.jok-body#html-body.catalog-product-view .jok_attributes {
padding: 0;
margin: 0;
margin-bottom: 30px;
}
}
.jok-body#html-body.catalog-product-view .product.info.detailed #tab-label-additional,
.jok-body#html-body.catalog-product-view .jok_attributes #tab-label-additional {
float: none;
}
.jok-body#html-body.catalog-product-view .product.info.detailed .type,
.jok-body#html-body.catalog-product-view .jok_attributes .type,
.jok-body#html-body.catalog-product-view .product.info.detailed .attributes_heading,
.jok-body#html-body.catalog-product-view .jok_attributes .attributes_heading {
font-size: 30px;
font-weight: 700;
border-bottom: 1px solid #c6c6c6;
margin-bottom: 15px;
padding-bottom: 12px;
display: block;
}
.jok-body#html-body.catalog-product-view .product.info.detailed .value,
.jok-body#html-body.catalog-product-view .jok_attributes .value {
margin-top: 25px;
}
.jok-body#html-body.catalog-product-view .product.info.detailed ul,
.jok-body#html-body.catalog-product-view .jok_attributes ul {
list-style: disc;
padding-inline-start: 17px;
}
.jok-body#html-body.catalog-product-view .product.info.detailed .data.switch,
.jok-body#html-body.catalog-product-view .jok_attributes .data.switch {
display: none;
}
.jok-body#html-body.catalog-product-view .product.info.detailed .data.item.content,
.jok-body#html-body.catalog-product-view .jok_attributes .data.item.content {
padding: 0;
border: none;
}
.jok-body#html-body.catalog-product-view .product.info.detailed .product.data.items,
.jok-body#html-body.catalog-product-view .jok_attributes .product.data.items {
border: none;
}
.jok-body#html-body.catalog-product-view .jok_attributes {
padding-top: 20px;
width: 100%;
margin: 0;
margin-bottom: 70px;
padding-left: 0;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view .jok_attributes {
width: 100%;
}
}
.jok-body#html-body.catalog-product-view .jok_attributes .type {
padding-left: 0;
}
.jok-body#html-body.catalog-product-view .jok_attributes .jok_attributes_heading {
font-size: 20px !important;
border-bottom: none !important;
margin-bottom: 30px;
}
.jok-body#html-body.catalog-product-view .jok_attributes tr:nth-of-type(2n-1) {
background-color: #ebebeb;
}
.jok-body#html-body.catalog-product-view .jok_attributes tr .col.label {
padding-left: 10px;
font-size: 16px;
border-top: none;
width: 50%;
}
.jok-body#html-body.catalog-product-view .jok_attributes tr .col.data {
font-size: 16px;
border-top: none;
width: 50%;
}
.jok-body#html-body.catalog-product-view .product-full-width-section {
margin-bottom: 30px;
}
.jok-body#html-body.catalog-product-view .product-full-width-section .product-section-title {
font-size: 30px !important;
text-transform: none !important;
}
.jok-body#html-body.catalog-product-view .product-full-width-section .additional-attributes-wrapper {
border-top: none;
}
.jok-body#html-body.catalog-product-view .page-bottom {
width: 100%;
max-width: 100%;
background-color: #ebebeb;
}
.jok-body#html-body.catalog-product-view .page-bottom .block.related {
order: 5;
width: 100%;
margin-top: 80px;
margin-bottom: 80px;
}
.jok-body#html-body.catalog-product-view .page-bottom .block.related #block-related-heading {
padding-bottom: 30px;
position: relative;
border-bottom: none;
text-align: center;
font-family: Anton, Karla, Arial, sans-serif !important;
color: black;
letter-spacing: 1px;
font-size: 23px;
font-weight: 700;
text-transform: uppercase;
}
.jok-body#html-body.catalog-product-view .page-bottom .block.related #block-related-heading:before {
content: "";
position: absolute;
background-repeat: no-repeat;
background-size: contain;
left: 50%;
transform: translateX(-50%);
bottom: -8px;
width: 150px;
height: 30px;
background-image: url(images/neribacken_pil.svg);
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view .page-bottom .block.related #block-related-heading {
font-size: 24px;
}
}
@media only screen and (min-width: 980px) {
.jok-body#html-body.catalog-product-view .page-bottom .block.related #block-related-heading {
font-size: 26px;
}
}
@media only screen and (min-width: 1200px) {
.jok-body#html-body.catalog-product-view .page-bottom .block.related #block-related-heading {
font-size: 28px;
}
}
.jok-body#html-body.catalog-product-view .page-bottom .block.related .product-items {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
max-width: 1280px;
padding: 0 20px;
margin: 30px auto;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view .page-bottom .block.related .product-items {
justify-content: flex-start;
}
}
@media only screen and (min-width: 980px) {
.jok-body#html-body.catalog-product-view .page-bottom .block.related .product-items {
justify-content: flex-start;
}
.jok-body#html-body.catalog-product-view .page-bottom .block.related .product-items::after {
max-width: 75%;
min-width: 24%;
}
}
.jok-body#html-body.catalog-product-view .page-bottom .block.related .product-item {
width: 48%;
min-width: 300px;
margin-top: 20px;
margin-left: 0;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view .page-bottom .block.related .product-item {
width: 32%;
min-width: unset;
margin-right: 1%;
}
}
@media only screen and (min-width: 980px) {
.jok-body#html-body.catalog-product-view .page-bottom .block.related .product-item {
width: 24%;
min-width: unset;
margin-right: 1%;
}
}
.jok-body#html-body.catalog-product-view .page-bottom .block.related .product-item-info {
justify-content: space-between;
background-color: white;
border-radius: 8px;
}
.jok-body#html-body.catalog-product-view .page-bottom .block.related .product-item-link {
font-weight: 700;
font-size: 20px;
}
.jok-body#html-body.catalog-product-view .page-bottom .block.related .product-item-photo {
border: 1px solid #ebebeb;
margin: 0;
}
.jok-body#html-body.catalog-product-view .page-bottom .block.related .product-item-photo .product-image-container {
width: 100% !important;
}
.jok-body#html-body.catalog-product-view .page-bottom .block.related .product-item-photo .product-image-container .product-image-wrapper {
padding-bottom: 100% !important;
}
.jok-body#html-body.catalog-product-view .page-bottom .block.related .product-item-name {
margin-left: 0;
}
@media only screen and (max-width: 767px) {
.jok-body#html-body.catalog-product-view .page-bottom .block.related .product-item-name {
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.jok-body#html-body.catalog-product-view .page-bottom .block.related .jok-product-list-description {
text-align: center;
}
}
.jok-body#html-body.catalog-product-view .page-bottom .block.related .product-item-actions {
margin-bottom: 0;
}
.jok-body#html-body.catalog-product-view .page-bottom .block.related .product-item-actions .actions-primary {
width: 100%;
}
.jok-body#html-body.catalog-product-view .page-bottom .block.related .product-item-actions .actions-primary .action.tocart.primary {
width: 100%;
padding: 12px 20px 12px 20px;
}
.jok-body#html-body.catalog-product-view .page-bottom .block.related .product-item-actions .tocompare {
display: none;
}
.jok-body#html-body.catalog-product-view .page-bottom .block.related .price-box {
display: inline-block;
}
.jok-body#html-body.catalog-product-view .page-bottom .block.related .price-box .old-price {
text-transform: none;
}
.jok-body#html-body.catalog-product-view .page-bottom .block.related .price-box .old-price .price {
color: #AFAFAF;
text-decoration: line-through;
}
.jok-body#html-body.catalog-product-view .page-bottom .block.related .info-sticker {
position: absolute;
background-color: #3aa0dc;
padding: 5px 25px;
color: white;
z-index: 999;
}
.jok-body#html-body.catalog-product-view .page-bottom .block.related .info-sticker p {
margin-bottom: 0;
color: white;
}
.jok-body#html-body.catalog-product-view .jok-data-table-code {
text-align: left;
width: 100%;
order: 3;
padding: 20px 0 0;
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view .jok-data-table-code {
border-bottom: 1px solid lightgrey;
}
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table-title {
text-align: left;
font-size: 24px;
padding: 5px 8px;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table-title {
display: none;
}
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table-toggle {
font-weight: 700;
position: relative;
display: inline-block;
text-align: left;
padding-right: 25px;
user-select: none;
cursor: pointer;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table-toggle {
display: none;
}
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table-toggle::after {
content: '\25ba';
display: inline-block;
position: absolute;
font-size: 11px;
right: 0px;
top: 50%;
transform: translateY(-50%);
color: #707070;
transition: transform .2s;
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table-toggle.open::after {
transform: translateY(-50%) rotate(90deg);
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .table-heading {
font-size: 30px;
font-family: Karla, Arial, sans-serif !important;
font-weight: 700;
border-bottom: 1px solid #c6c6c6;
margin-bottom: 30px;
padding-bottom: 12px;
letter-spacing: normal;
display: block;
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table {
display: flex;
flex-direction: column;
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table.open {
display: flex;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table {
display: flex;
}
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row {
display: flex;
flex-direction: column;
border: none;
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row {
margin-bottom: 0;
border-bottom: 1px solid lightgrey;
flex-direction: row;
}
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row:last-of-type {
border-bottom: none;
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row.data-headers {
display: none;
background-color: #00487c;
color: white;
border-bottom: none;
font-weight: 700;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row.data-headers {
display: flex;
}
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row.data-headers .data-item:first-of-type {
border-left: none;
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row.data-headers .data-item.item-title {
color: white;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row.data-headers .data-item {
min-height: unset;
}
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item {
padding: 5px 8px;
flex: 1 1 auto;
font-size: 16px;
display: flex;
border-bottom: 1px solid black;
align-items: center;
border-right: none;
border-left: none;
border-bottom: 1px solid lightgrey;
word-break: break-word;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item {
border-left: 1px solid lightgrey;
width: 0%;
border-bottom: none;
}
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item a {
color: #f9b233;
}
@media only screen and (max-width: 767px) {
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item span {
text-align: right;
}
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item:last-of-type {
border: none;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item:last-of-type {
border-left: 1px solid lightgrey;
border-right: 1px solid lightgrey;
}
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item.item-title {
background-color: rgba(0, 0, 0, 0);
border-bottom: none;
color: #00487c;
}
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item::before {
content: attr(data-title);
padding-right: 10px;
flex: 1 1 auto;
width: 10%;
margin-right: 10px;
min-width: 110px;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item::before {
content: '';
padding: 0;
width: 0;
flex: none;
margin-right: 5px;
min-width: unset;
}
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item.addto {
padding-right: 0;
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item.addto::before {
display: none;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item.addto {
padding: 5px 8px;
width: 80px;
}
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item.addto.hidden {
display: none;
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item.jok-status {
font-size: 1.4rem;
text-transform: uppercase;
font-weight: 700;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item.jok-status {
max-width: 120px;
min-height: 48px;
}
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item.jok-status span {
color: #575757;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item.jok-status[data-title="statusHeader"] {
min-height: 30px;
}
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item.jok-status[data-title="statusHeader"] span {
color: white;
font-size: 16px;
text-transform: none;
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item.jok-status:before {
text-transform: none;
color: #00487c;
font-weight: 400;
font-size: 16px;
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item.jok-price span {
font-weight: 700;
font-size: 16px;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item.jok-price {
max-width: 120px;
}
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item .box-tocart {
display: flex;
margin-bottom: 0;
justify-content: center;
align-items: center;
width: 100%;
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item .box-tocart .fieldset {
display: flex;
align-items: center;
margin-bottom: 0;
width: 100%;
flex-wrap: wrap;
justify-content: flex-end;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item .box-tocart .fieldset {
justify-content: flex-start;
}
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item .box-tocart .fieldset .field.qty {
margin-bottom: 0;
margin-left: 10px;
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item .box-tocart .fieldset .field.qty .label {
display: none;
}
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item .box-tocart .fieldset .actions {
margin-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
width: auto;
}
@media only screen and (min-width: 768px) {
.jok-body#html-body.catalog-product-view .jok-data-table-code .data-table .data-row .data-item .box-tocart .fieldset .actions {
width: 90px;
}
}
.jok-body#html-body.catalog-product-view .fotorama--fullscreen .fotorama__fullscreen-icon {
margin-top: 140px;
}
.jokProductPicker {
background-color: #ebebeb;
display: flex;
justify-content: center;
flex-direction: column;
height: 100%;
width: 100%;
}
.jokProductPicker .top-bar {
background-color: #00487c;
padding-top: 40px;
}
.jokProductPicker .top-container {
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 auto;
max-width: 800px;
width: 100%;
}
body.jok-body#html-body .jokProductPicker h1 {
font-family: Karla, Arial, sans-serif !important;
width: 100%;
color: white !important;
text-align: center;
border-bottom: 1px solid white;
padding-bottom: 20px;
margin-bottom: 40px;
font-size: 45px;
font-weight: bold;
letter-spacing: normal;
}
.jokProductPicker .form-container {
display: flex;
max-width: 700px;
margin: 0 auto;
justify-content: space-evenly;
flex-wrap: wrap;
}
.jokProductPicker .select-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 10px 40px 10px;
width: 200px;
}
.jokProductPicker .select-container p {
font-weight: bold;
font-size: 18px;
color: white !important;
}
.jokProductPicker select {
background-color: #00487c;
color: white;
border: none;
background-image: none;
font-size: 26px !important;
max-width: 300px;
width: 100%;
appearance: auto;
height: 50px;
}
.jokProductPicker .bottom-block {
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 auto;
max-width: 800px;
width: 85%;
padding: 30px;
min-height: 200px;
}
.jokProductPicker .description {
text-align: center;
margin-top: 30px;
font-size: 18px;
font-weight: 600;
padding: 20px;
background-color: white;
border: 1px solid #efefef;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1) !important;
}
.jokProductPicker .track-size {
font-weight: bold;
font-size: 25px;
padding: 20px 15px 10px 15px;
background-color: #00487c;
margin-bottom: 30px;
color: white !important;
text-align: left;
line-height: 1.2em;
}
.jokProductPicker .track-size p {
color: white !important;
}
.jokProductPicker .product-block {
background-color: white;
min-height: 200px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #efefef;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.jokProductPicker .loading {
display: flex;
justify-content: center;
align-items: center;
min-height: 200px;
}
.jokProductPicker .product-right {
width: 40%;
display: flex;
justify-content: center;
padding: 25px;
align-items: center;
position: relative;
}
.jokProductPicker .product-right img {
width: 100%;
height: auto;
max-height: 100%;
}
.jokProductPicker .product-left {
width: 60%;
padding: 25px;
}
.jokProductPicker .product-left-top {
margin-bottom: 15px;
}
.jokProductPicker .product-title {
font-size: 25px;
font-weight: 700;
margin-bottom: 0;
}
.jokProductPicker .reference {
color: #6f6f6f;
font-size: 14px;
}
.jokProductPicker .product-left li {
margin-bottom: 5px;
list-style-type: initial;
list-style-position: inside;
font-size: 16px;
}
.jokProductPicker .product-left ul {
margin-bottom: 30px;
}
.jokProductPicker .info-stats {
font-weight: 700;
}
.jokProductPicker .product-description {
margin-bottom: 20px;
}
.jokProductPicker .product-description p {
margin-bottom: 0;
}
.jokProductPicker .description-title {
font-weight: bold;
margin-bottom: 5px;
font-size: 16px;
}
.jokProductPicker .jokProductPickerToCart-container {
display: flex;
justify-content: stretch;
margin-bottom: 0;
}
.jokProductPicker .jokProductPickerToCart {
background-color: #ffb800;
color: black;
padding: 1rem 1.5rem;
display: inline-block;
}
.jokProductPicker .jokProductPickerToCart:hover {
cursor: pointer;
background: #444;
color: #fff;
}
.jokProductPicker .jokProductPickerToCart i {
margin-right: 7px;
}
.jokProductPicker #quantity {
width: 60px;
margin-right: 10px;
font-size: 18px;
text-align: center;
}
.jokProductPicker .addError {
margin-top: 20px;
display: block;
font-size: 18px;
margin-bottom: 0;
color: red;
font-weight: bold;
}
.jokProductPicker .addSuccess {
margin-top: 20px;
display: block;
font-size: 18px;
margin-bottom: 0;
color: green;
font-weight: bold;
}
.jokProductPicker .contact .contact-text {
margin-bottom: 10px;
font-size: 16px;
font-style: italic;
}
.jokProductPicker .contact a {
font-size: 16px;
}
.jokProductPicker .icon {
display: inline-block;
margin-right: 10px;
}
.jokProductPicker .phone-link {
margin-bottom: 7px;
}
.jokProductPicker .info-sticker {
order: -1;
display: flex;
flex-wrap: wrap;
align-items: center;
position: absolute;
top: 0;
left: 0;
margin-right: 25px;
margin-bottom: 7px;
padding: 3px 25px;
}
.jokProductPicker .info-sticker .sticker-text {
margin-bottom: 0;
color: white !important;
}
.jokProductPicker .info-sticker.campaign {
margin-right: 25px;
background-color: #3aa0dc;
}
.jokProductPicker .info-sticker.campaign .jok-percentage {
font-weight: 700;
}
@media only screen and (max-width: 767px) {
.jokProductPicker .product-block {
flex-direction: column;
}
.jokProductPicker .product-right {
width: 90%;
order: 1;
max-height: 200px;
max-width: 270px;
}
.jokProductPicker .product-left {
width: 90%;
order: 2;
}
}