/*---------------------------- 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; } /* 07-12-2017 */ .cartWel-heading{margin: 0 0 10px;} .cartWel-heading span { display: block; background: #ececec; padding: 5px 15px;} .formTitle-txt { font-size: 16px; margin: 0 0 15px; color: #000; border-bottom: 1px solid #e5e5e5; padding: 0 0 10px;} .uk-form-stacked .uk-form-controls input[type="text"], .uk-form-stacked .uk-form-controls input[type="password"], .uk-form-stacked .uk-form-controls input[type="email"], .uk-form-stacked .uk-form-controls select{width: 100% !important;} .welForm {margin: 0 0 15px !important;} .welForm .uk-grid{margin-bottom: 10px; margin-top: 0px;} .myCart-infoBx{ width: 100%; padding: 15px; padding-right: 15px; border: 1px solid #fff; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 2px rgba(255, 255, 255, 0.7) inset; background-color: #FFFFFF; margin-bottom: 20px !important; margin-left: 0px !important; text-align: left !important; border-collapse: separate; box-sizing: border-box; } .myCart-info {margin-top: 0px; margin-bottom: 15px;} .myCart-info .infoBoxHeading{font-size: 16px; font-weight: bold; margin: 0 0 5px;} .myCart-info .infoTxt{margin: 0 0 15px;} .myCart-info .uk-button-primary{cursor: pointer; display: inline-block; width: auto; padding: 0 15px;} .pure-table{ border-collapse: collapse; border-spacing: 0; empty-cells: show; border: 1px solid #cbcbcb; margin: 10px 0 15px;; } .theading{ background-color: #e0e0e0; color: #000; text-align: left; vertical-align: bottom; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size: 14px !important; } .pure-table td, .pure-table th { border-left: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; margin: 0; overflow: visible; padding: 5px 7px; font-size: 12px; } .pure-table td:first-child, .pure-table th:first-child { border-left: 0px solid #cbcbcb; } .pure-table tbody > tr:last-child > td { border-bottom: 0px solid #cbcbcb; } .radioFeild input { margin-left: 0; } .myCart-info .commentFeild{width: 100%;} .customGrid{display: inline-table; width: 100%;} #slider_wrapper{float: left; width: 100%;} .textFeild-contact{margin-top: 10px !important;} @media(max-width: 767px){ #customer_account_container{margin: 15px 0 0;} } @media(min-width: 960px) and (max-width: 1100px) { .leftContentBox{padding-right: 15px;} } /* 03-01-2018 */ .leftblock .nav .nav__list{padding: 0px; margin-top: 10px;} .leftblock .nav a, .leftblock .nav label { display: block; padding: .85rem 30px .85rem 0; color: black; background-color: transparent; -webkit-transition: all .25s ease-in; transition: all .25s ease-in; text-transform: uppercase; position: relative; box-sizing:border-box; } .leftblock .nav li { list-style-type: none; margin: 0px; } .leftblock .nav ul a:hover { color:#000; background: transparent; text-decoration: none; } .leftblock .nav ul ul { display: none; } .leftblock .nav li.active>ul { display: block; } .leftblock .nav ul ul a { padding-left: 1rem; background: transparent; text-transform: none; font-size: 13px; } .leftblock .nav ul ul ul a { padding-left: 1rem; background: transparent; } .leftblock .nav ul ul ul ul a { padding-left: 1rem; background: transparent; } .leftblock .nav li.active>a+ul { /* reset the height when checkbox is checked */ max-height: 1000px; } .leftblock a>span:not(.newItemInCart, .SinfoBoxContents) { float: right; -webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease; display: block; width: 20px; height: 20px; position: absolute; right: 5px; top: 8px; } /* .leftblock a>span:before{content:''; display: block; width: 20px; height: 1px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: 0px; background: #000;} */ /* .leftblock a>span:after{content:''; display: block; width: 1px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: 0px; margin-top: -10px; background: #000;} */ .leftblock .nav li.active>a>span:after{content:''; display: none;} [style*="uk-panel"] .leftblock .nav a, [style*="uk-panel"] .leftblock .nav label, [style*="uk-panel"] .leftblock .nav a:hover, [style*="uk-panel"] .leftblock .nav label:hover{} [style*="uk-panel"] > ul{padding: 0px;} .uk-offcanvas-bar ul li{margin: 0px;} .uk-offcanvas-bar .leftblock a>span:before, .uk-offcanvas-bar .leftblock a>span:after{} .uk-offcanvas-bar .sub-group-list{padding: 0px;} .leftblock .nav li.active > a + ul{max-height: inherit;} .leftblock .nav li.active > a{font-weight: bold; color: red;} .disableBtn, .disableBtn:hover{background: #EAEAEA !important; color: #afafaf !important;}