/*---------------------------- START PAGE SITE -------------------------------*/ .header-img{ width: 100%; } .header-img img{ display: block; /* margin: 0 auto; */ width: 100%; } .startpage-head{ /* margin-top: 1em; */ font-size: 1.5em; text-align: left; color: #3F3838; } .startpage-text{ text-align: left; line-height: 1.5em; color: #3F3838; } .image-conta{ display: block; position: relative; z-index: 100; } .carotext{ display: block; position: absolute; bottom:0; background-color: rgba(0, 0, 0, 0.59); width: 100%; height: 3em; padding:0; z-index: 1000; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#fff; font-size: 1em; } .startpage-category-text{ color: #fff; font-size: 1em; line-height: 3em; text-transform: uppercase; } .thumb-margins2{ margin:0 0.5em; } .startpage-category-text:hover{ color: #fff; border-bottom: 1px solid white; } .remove-grid-margin{ margin-left: 0 !important; } .remove-grid-padding{ padding-left: 0 !important; } .bottom-margin{ margin-bottom: 2em; } .responsive .slick-prev, .responsive .slick-next{ top:45%; } /*---------------------------- ONE PRODUCT SITE -------------------------------*/ .uk-breadcrumb a{ color: #4F4F4F; } .uk-active{ color: #A5A5A5; } .content-container{ /* max-width: 500px; */ } .content-list-container{ /*max-width: 500px;*/ } .oneProduct-wrapper{ margin: 0 auto; position: relative; max-width: 500px !important; } .oneProduct-wrapper h3 a{ color: #333; } .oneProduct-wrapper h3 a:hover{ text-decoration: underline; } .singleListing-brand{ font-size: 1.3em; margin: 0 auto; color: #B0B0B0; text-transform: uppercase; text-align: center; } .oneProduct-wrapper h1{ line-height: 1em; } .singleListing-name h1{ font-size: 1.2em; /*margin: 0.3em auto 0.5em auto;*/ color: #333; /*width: 200px;*/ overflow: hidden; text-overflow: ellipsis; /* white-space: nowrap; */ text-transform: uppercase; text-align: center; } .slider-nav-desktop img:hover{ cursor: pointer; } .slick-slider{ margin-bottom: 0; } .slick-slide{ height: ; } .slick-prev, .slick-next { height: 40px; width: 25px; } .slick-next{ right: -19px; } .slick-prev{ left: -19px; } .slick-prev:before, .slick-next:before { font-family: 'Fontawesome'; font-size: 40px; line-height: 1; opacity: .75; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev:before { content: '\f104 '; } [dir='rtl'] .slick-prev:before { content: '\f105 '; } .slick-next:before { content: '\f105 '; } [dir='rtl'] .slick-next:before { content: '\f104 '; } .thumb-singleProduct-container{ margin-top: 0.2em; } .thumb-margins{ margin-right: 0.4em; } .singleProduct-price{ font-size: 1.7em; color: #65b463 !important; font-weight: 600; text-align: center; margin-top: 0.8em; } .singleProduct-campaign-row{ width: 250px; margin-top: 0.5em; } .singleProduct-oldprice{ font-size: 1.1em; color: #333; text-decoration: line-through; text-align: center; } .singleProduct-campaign{ font-size: 1.1em; color: #65b463; text-align: center; margin-top: 0.3em; } .center-text{ text-align: center; } .leveransTid-margins{ margin-top: 1em; } .leveransTid-icon::before{ padding: 0 0.5em 0 0; vertical-align: top; font-family: 'Fontawesome'; font-size: 1.2em; color: #444444; -webkit-font-smoothing: antialiased; content: '\f05d'; } .singleProduct-select{ margin-top: 1em; } .singleProduct-selectbox{ height: 43px; border:1px solid black; color: #444444; font-size: 1.1em; padding-left: 0.5em; margin-bottom: 0.8em; } .button-box{ /* margin-top: 1em; */ } .uk-button-primary{ height: 43px; line-height: 43px; } .buy-icon::before{ line-height: 43px !important; } .bevakaStorlek-margins{ margin-top: 1em; } .bevakaStorlek-icon::before{ padding: 0 0.5em 0 0; vertical-align: top; font-family: 'Fontawesome'; font-size: 1.2em; color: #444444; -webkit-font-smoothing: antialiased; content: '\f06e'; } .bevaka-fontsize{ font-size: 0.9em; } .side-margins{ margin: 0 0.7em 2em 0.7em; } .bigger-text{ font-weight: bold; color: #000; } .number-of-reviews{ margin-left: 0.5em; } .review-icon::before{ padding: 0 0.1em; float:right; vertical-align: top; font-family: 'Fontawesome'; font-size: 1.2em; color: #dbdbdb; -webkit-font-smoothing: antialiased; content: '\f005'; } .floating-right{ float:right; } .information-margins{ margin-top: 0.4em; } .first-dropdown-margins{ margin-top: 2em; } .accordion-icon::after{ padding: 0 0.5em 0 0; vertical-align: top; font-family: 'Fontawesome'; font-size: 1.5em; color: #fff; -webkit-font-smoothing: antialiased; content: '\f107'; float: right; } .ui-accordion-header-active::after{ padding: 0 0.5em 0 0; vertical-align: top; font-family: 'Fontawesome'; font-size: 1.5em; color: #fff; -webkit-font-smoothing: antialiased; content: '\f106'; float: right; } .ui-accordion .ui-accordion-header{ font: normal 14px / 20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0.7em 0 0 0; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{ background-color: #000; color: #fff; border: 0; outline: 0; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background-color: #000; color: #fff; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ border:0; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr, { border-top-right-radius: 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{ border-bottom-right-radius:0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{ border-bottom-left-radius:0; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{ border-top-right-radius:0; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{ border-top-left-radius:0; } /*------------------------- TOP GRID VAL -----------------------------*/ .productListing-mobile{ width: 100%; } .productListing-mobile-container{ width: 76px; height: 38px; } .productListing-mobile-twocolu{ float: left; display: block; width: 50%; } .productListing-mobile-onecolu{ float: left; display: block; width: 50%; } .mobilebutton{ background-color: #fff; border: 1px solid #adadad; } .mobilebutton{ background-color: #fff; border: 1px solid #adadad; } .mobilebutton:active,{ background-color: #333; } .mobilebutton:hover{ background-color: #e6e6e6; } .twocolumn::after{ margin-left: -3px; vertical-align: top; font-family: 'Fontawesome'; font-size: 1.3em; color: #565a5c; -webkit-font-smoothing: antialiased; content: '\f009'; } .onecolumn::after{ margin-left: -3px; vertical-align: top; font-family: 'Fontawesome'; font-size: 1.3em; color: #565a5c; -webkit-font-smoothing: antialiased; content: '\f0c8'; } .one-product-wrapper{ position: relative; max-width: 500px; } .two-product-wrapper{ position: relative; max-width: 500px; } /*------------------------- PRODUKTER --------------------------------*/ .productListing{ max-width: 1500px; margin:0 auto; padding: 0 25px 0 0; } .wrapper{ position: relative; max-width: 500px; } .wrapper h3 a{ color: #333; } .wrapper h3 a:hover{ text-decoration: underline; } .productListing img{ display: block; } .imagesizer{ height: 338px; } .productListing-name{ font-size: 15px; line-height: 18px; margin: 0.3em auto 0 auto; color: #333; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .productListing-brand{ margin: 0 auto; color: #B0B0B0; text-align: left; } .text-row{ margin: 0 auto; } .productListing-text{ font-size: 14px; color: #777; } .price-row-container{ margin: 0; } .productListing-one-price{ font-size: 14px; margin: 0; color: #333; text-align: left; font-weight: 600; } .productListing-price{ font-size: 1em; color: #333; text-align: left; float: left; font-weight: 600; } .productListing-newprice{ float: left; color: #ea3a3c; text-align: left; font-weight: 600; font-size: 1em; } .productListing-oldprice{ font-size: 0.8em; color: #333; text-decoration: line-through; text-align: left; font-weight: 600; float: left; margin-left: 0.5em; } .productListing-stock{ font-size: 0.8em; color: #777; text-align: left; margin: 0 0 0.5em 0; } .productListing a:hover { text-decoration: none; } .buy-icon::before{ padding: 0 0.5em 0 0; vertical-align: top; font-family: 'Fontawesome'; font-size: 1.2em; color: #fff; -webkit-font-smoothing: antialiased; content: '\f07a'; line-height: 1.4em; } .uk-button{ font-weight: 600; font-size: 1.2em; display: block; bottom: 0; left: 0; position: relative; } .uk-button-primary:active, .uk-button-primary:visited{ background-color: #FFB02F; } .uk-button-primary:hover{ background-color: #E8B865; } .responsive{ } .add-grid-padding2{ padding:0 0 0 25px; } @media screen and (min-width: 480px) { .singleListing-name h1{ font-size: 1.5em; } } @media screen and (max-width: 767px) { .content-container-tablet{ display: none; } } @media screen and (min-width: 768px) { .content-container-mobile{ display: none; } .side-margins{ margin: 0 0 2em 0; } .singleListing-name{ margin: 0.3em auto 0 auto; } .singleProduct-price{ margin-top: 0.5em; margin-bottom: 0.3em !important; } .singleListing-brand, .singleListing-name, .singleProduct-price, .singleProduct-oldprice{ text-align: left; } .startpage-category-text{ font-size: 1.1em; line-height: 3em; } .singleListing-name h1{ white-space: normal; text-align: left; } } @media screen and (max-width: 959px) { .content-container-desktop{ display: none; } .remove-mobile-padding{ padding-left:0!important; } } @media screen and (min-width: 960px) { .content-container-tablet{ display: none; } .thumb-width{ width: 100% !important; margin: 0 auto 0.3em auto; } .thumb-singleProduct-container{ margin-top: 0; } .remove-grid-padding{ padding-left: 0.5em; } .add-grid-padding, .add-grid-padding2{ padding-left:25px; } /*.responsive, .productListning-frontpage{ padding-top:1.5em; }*/ .singleListing-name{ font-size: 1.8em; text-transform: uppercase; } } @media screen and (min-width: 1085px) { .single-productListing-max{ max-width: 1067px; margin: 0 auto; } .startpage-category-text{ font-size: 1.2em; line-height: 2.6em; } } @media screen and (max-width: 1219px) { .responsive{ margin:0 auto; } } @media screen and (min-width: 1220px) { .add-grid-padding, .add-grid-padding2{ padding-left:35px; } .responsive{ width: 796px; left: 47px; } } .product-image-slider, .thumb-singleProduct-container, .accordion-load { display: none; } .clear-margin{ padding-left: 0 !important; } .shoppingcart-newrow{ border-bottom: 1px solid #eee; } .fixed-maxheight{ max-height: 160px !important; overflow: hidden; } .shoppingcart-container img{ max-height: 130px; } .remove-icon{ font-size: 1.7em; } .remove-icon:hover{ color: #D77862 !important; cursor: pointer; } .remove-mobile-padding{ padding-left:0!important; }