:root{--color-primary:#1f1f1f;--color-border:#e2e2e2;--color-body-text:#1a1a1a;--color-heading-text:#202020;--color-body-link:#2e7d32;--color-body-link-hover:#256628;--color-product-title:#202020;--color-regular-price:#1c4e9c;--color-sale-price:#777;--btn-border-radius:4px;--color-btn-bg:#1f1f1f;--color-btn-text:#fff;--color-btn-bg-hover:#000;--color-btn-text-hover:#fff;--color-tip-bg:#fff;--color-tip-text:#333;--input-border-radius:4px;--color-input-bg:rgba(255, 255, 255, 0.5);--color-input-border:rgba(129, 129, 129, 0.2);--color-input-text:#282828;--color-cookie-bg:rgba(0, 0, 0, 0.8);--color-cookie-txt:#fff;--color-cookie-link:#fff;--color-cookie-btn-bg:#fff;--color-cookie-btn-text:#000;--color-cookie-btn-bg-h:#1d1d1d;--color-cookie-btn-text-h:#fff;--color-box-bg:#fff;--color-box-border:#e5e5e5;--box-border-radius:4px;}.breadcrumb{background:#f0f0f0;padding-top:15px;padding-right:0px;padding-bottom:15px;padding-left:0px;color:#666;}.breadcrumb .page-heading{color:#232323;}.breadcrumb li:after{color:#666;}.breadcrumb a{color:#666;}.breadcrumb a:hover{color:#232323;}@media (max-width:991px){.breadcrumb{padding-top:10px;padding-right:0px;padding-bottom:10px;padding-left:0px;}}.lang-rtl .breadcrumb{padding-left:0px;padding-right:0px;}@media (max-width:991px){.lang-rtl .breadcrumb{padding-left:0px;padding-right:0px;}}body.boxed main{border:none 1px;overflow:hidden;max-width:1230px;position:relative;max-width:1200px;margin:auto;margin-top:20px;margin-bottom:20px;box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.2);}@media (min-width:1200px) and (max-width:1260px){body.boxed main{max-width:1150px;}}@media (min-width:992px) and (max-width:1199px){body.boxed main{max-width:950px;}}@media (min-width:768px) and (max-width:991px){body.boxed main{max-width:750px;}}@media (max-width:767px){body.boxed main{max-width:calc(100% - 20px);}}.container,.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}body{background:#fff;color:var(--color-body-text, #666);}.tdstar:after{color:#e2b000;}.product-flags .discount,.product-flags .on-sale{background:#e62243;color:#fff;}.product-flags .new{background:#fff;color:#232323;}.product-flags .online-only,.product-flags .pack{background:#49c306;color:#fff;}.product-flags .out_of_stock{background:#666;color:#fff;}.product-price.has-discount .discount{background:#e62243;color:#fff;}table#product_comparison .discount-product,#mywishlist .discount-product,#view_wishlist .discount-product,table#product_comparison .discount-percentage,#mywishlist .discount-percentage,#view_wishlist .discount-percentage{background:#e62243;color:#fff;}.products.row{margin-left:calc(-20px/2);margin-right:calc(-20px/2);}.products.row > .col,.products.row > [class*="col-"]{padding-left:calc(20px/2);padding-right:calc(20px/2);margin-bottom:20px;}.products.row .slick-slider .product-miniature{padding-left:calc(20px/2);padding-right:calc(20px/2);margin-bottom:20px;}@media (max-width:767px){.products.row{margin-left:calc(-10px/2);margin-right:calc(-10px/2);}.products.row > .col,.products.row > [class*="col-"]{padding-left:calc(10px/2);padding-right:calc(10px/2);margin-bottom:10px;}.products.row .slick-slider .product-miniature{padding-left:calc(10px/2);padding-right:calc(10px/2);margin-bottom:10px;}}.products .product-miniature .product-container .variant-links{display:none !important;}#maintenance{background:#b1b1b1 url("https://timotej.develop.com.se/modules/tdthemesettings/views/img/front/maintenance.jpg") center center / auto no-repeat fixed;color:#fff;}#maintenance a{color:#fff;}html{font-size:16px;}@media (max-width:767px){html{font-size:16px;}}body{line-height:20px;}body{font-family:'Poppins', sans-serif;}/*Change all OL to UL*/ ol { list-style-type: circle; } /* On marked radio button make them blue */ .input-container > .input-radio:checked + .radio-label.cursor-pointer { background-color: #4054b2 !important; color: #fff; } .btn-secondary.disabled, .disabled.btn-tertiary, .btn-secondary:disabled, .btn-tertiary:disabled, .page-content.page-not-found { display:none; } .subcategory-image span { text-align: center; } .input-container.combination-outstock > .radio-label { /*text-decoration: line-through;*/ text-decoration-color: #fff; } /** Video player from buybye.tv **/ @media only screen and (max-height: 576px) and (orientation: landscape), only screen and (max-width: 576px) and (orientation: portrait) { .bbls-stream-fab-holder { z-index: 0 !important; bottom: 0 !important; top: 50%; transform: translateY(-50%); } } @media (min-width: 557px) { .bbls-stream-player-holder { bottom: 0 !important; top: 50%; transform: translateY(-50%); } .bbls-stream-fab-holder { bottom: 0 !important; top: 50%; transform: translateY(-50%); } } #products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description { height: auto !important; } /** Summary container */ .summary-container h3 { font-size: 1.5rem !important; } .summary-container h4 { font-size: 1.3rem !important; } .summary-container h3, .summary-container h4 { margin-bottom: 1rem; } .summary-container p { margin-bottom: 1rem; } .summary-container p:last-child { margin-bottom: 0; } .summary-container p, .summary-container h3, .summary-container h4 { word-break: break-all; line-height: 1.4; } /** Customer tells */ .customers-speak-about-rosehip h3 { font-size: 1.5rem !important; } .customers-speak-about-rosehip > :first-child { margin-bottom: 1rem; } .customers-speak-about-rosehip > :last-child { margin-bottom: 0; } .customers-speak-about-rosehip > .feedback { line-height: 1.4; margin-bottom: 1rem; } /** END */ /** FAQ section for review **/ .faq-contanier { width: 90%; max-width: 1000px; margin: 2rem auto; } .faq-body { background-color: #fff; color: #111; margin: 1rem 0; border-radius: 0.5rem; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25); } .faq-header { padding: 0.5rem 3rem 0.5rem 1rem; min-height: 3.5rem; line-height: 1.25rem; font-weight: bold; display: flex; align-items: center; position: relative; cursor: pointer; } .faq-header h4 { margin: 0; font-size: 1rem; } .faq-header:after { content: "+"; font-size: 2rem; position: absolute; right: 1rem; } .faq-header.active:after { content: "-"; } .faq-item-body { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; word-break: break-all; } .faq-header.active + .faq-item-body { max-height: 100%; overflow: visible; transition: max-height 0.2s ease-out; } .faq-item-answer { padding: 1rem; line-height: 1.5rem; border-top: 1px solid; border-image: linear-gradient(to right, transparent, #34495e, transparent) 1; } .faq-item-answer a { color: #4054b2 !important; transition: 250ms color; } .faq-item-answer a:hover { color: #34495e !important; transition: 250ms color; } /** other tabs **/ .info { line-height: 1.4; } /** END */ /** CSS for review changes */ .spr.flex-box, .flex-time { display: flex; align-items: center; justify-content: stretch; flex-wrap: wrap; } .top_reviews_block { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; } .flex-time { margin-top: 10px; } .flex-time > :first-child { margin-right: 1rem; } .spr .form-group.override { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .spr.title-for-product, .incentive-text { line-height: 1.4; } .spf-block { display: block; margin-bottom: 2rem; } .already-review-text { margin-bottom: 2rem; } .incentive-text { display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; } .button-flex { display: flex; justify-content: space-evenly; flex-wrap: wrap; } #spr .alert.alert-info { margin-top: 1rem; display: flex !important; } .average_text a { color: #4054b2; transition: color 250ms; } .average_text a:hover { color: #232323; transition: color 250ms; } .product-tabs .nav-tabs .nav-item a { color: #495057 !important; } #spr_review_details { margin-top: 3rem; } .top_reviews_block h4 { line-height: 1.2; } #result_product_page .btn.btn-primary.text-white { margin: 1rem 0; } #spr .review_title { text-align: center; width: 100%; display: block; } #spr .review_text { text-align: center; min-height: unset !important; } #spr .share_block { margin-top: 1rem; } #spr .review_container { padding: 2rem 0.5rem !important; } @media (min-width: 1024px) { #spr .review_container { padding: 2rem 1rem !important; } #spr .review_title { text-align: unset; } #spr .review_text { text-align: unset; } } #spr .bt_filter_row { width: 100% !important; border-top: none !important; border-bottom: none !important; } /** Tabs product page */ .rosehip-container table { width: 100%; } .rosehip-container h3 { margin: 1rem 0; line-height: 1.2; } .rosehip-container p a { color: #007bff !important; text-decoration: underline; } .rosehip-container p a:hover { text-decoration: none; color: #232323 !important; } .recommendation-text { display: flex; flex-direction: column; } .recommendation-text > strong:last-child { margin: 0 0 1rem; } .recommendation-text > strong { margin: 1rem 0; } /** .product-features>ul.data-sheet li .label **/ .product-features > ul.data-sheet li .label { width: auto; } /** Close button cart **/ button.close { display:flex; justify-content: center; align-items: center; } /** description-box unfolded **/ .description-box { overflow-y: hidden; max-height: 50px; } .description-box.unfolded { overflow-y: visible; max-height: 100%; } .description-box-button { display: flex; align-items: center; justify-content: center; margin-top: 1rem; } .btn-special { background-color: #4054b2; color: #fff; border: none; border-radius: 1rem; padding: 0.5rem; } /** .product-actions .product-payment-logo **/ .product-actions .product-payment-logo { width: 250px; margin: 10xp 0 0; } @media (min-width: 320px) { .product-actions .product-payment-logo { width: 300px; } } /** product-discount .product-discount .regular-price { text-decoration: none !important; margin-left: 0px; } .product-price.has-discount .current-price .discount { text-transform: none; margin-left: 2px; margin-top: 10px; margin-bottom: 10px; } @media(min-width: 283px) { .product-price.has-discount .current-price .discount { margin-left: 4px; } } @media(min-width: 448px) { .product-discount .regular-price { margin-left: 10px; } } END */ .form-control.js-child-focus.js-visible-password { width: 100% } /** TD countdown fix **/ .td-countdown-block { display: flex !important; width: 100%; flex-direction: column; font-weight: bold; color: #FF0000; margin-bottom: 0.9375rem !important; } .td-countdown-header { padding-bottom: 1rem; } .date-and-countdown { display: flex !important; width: 100%; } .date-block { padding-right: 0.0625rem; } @media (min-width: 320px) { .countdown-blocks { display: flex; } .time-block.day-block { padding-right: 0.3125rem; } .td-countdown-header { padding-right: 0.1875rem; } } @media (min-width: 432px) { .td-countdown-block { flex-direction: row; margin-bottom: 0 !important; } } /** global BUTTONS **/ .btn { text-transform: unset !important; } /** js-mailalert text-center **/ .js-mailalert.text-center { display: flex; flex-wrap: wrap; } .js-mailalert.text-center button { background-color: #4054b2; } /** Klarna checkout information box **/ .information-container { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; max-width: 700px; width: 100%; color: black; } .information-text .bold { font-weight: 700; } .information-text { padding: 1rem; border-radius: 0.5rem; border: 0.5px solid rgba(0,0,0,.6); } .information-text a { color: black; text-decoration: underline; } /** .products.row>.col, .products.row>[class*="col-"] **/ .block-flex-fix > .alert.alert-loyalty { flex-wrap: unset; } .products.row > .col, .products.row > [class*="col-"] { padding: calc(20px/2); border: 1px solid black; margin-bottom: 0; } .alert.alert-loyalty { display: flex; flex-wrap: wrap; align-items: center; } .subcategory-image { text-align: center; margin: 1rem 0; border: 1px solid black; } .subcategory-image span { display: block; margin: 1rem; } .alert-loyalty .bonus-text { font-size: 1rem; font-weight: 500; color: black; } .owl-carousel .owl-item .loyalty-block-productlist .alert-loyalty img, .loyalty-block-productlist .alert-loyalty img, .loyalty-block img { width: 40px !important; } @media (min-width: 576px) { .subcategory-image { text-align: left; border: none; margin: 0; } .subcategory-image span { margin: 0.5rem; } } /** .product-line-details **/ .product-line-details { display: block; } @media (min-width: 768px) { .product-line-details { display:flex; } } /** .product-quantity-touchspin .input-group **/ .product-quantity-touchspin .input-group { display: flex } /* Product miniature */ .style-1.product-miniature .product-container .product-title { white-space: unset; font-size: 16px; } .style-1.product-miniature .product-container { display: grid; } section.register-form .form-fields { display: block !important; } /** the plus sign (+) from the mobile **/ @media (max-width: 1199px) { .mm_menus_ul .arrow { margin-top: 18px !important; } } @media (max-width: 768px) { .elementor-2 .elementor-element.elementor-element-29bff45 > .elementor-element-populated { margin: 0; } ul.ets_mm_categories li.has-sub .arrow.closed, ul.ets_mm_categories li.has-sub .arrow.opened { margin-top: 0 !important; } .mm_columns_ul:not(.active) { opacity: 0 !important; display: none !important; } } /*Fixing the damn underline bug on arrow close .mm_columns_ul { display: none !important; } */ .customcsscart { display:none !important; } /** This is a huge waste of time but since this AWFUL theme is made this way we have to go full frankenstein monster on this so dont judge me! **/ div#onepagecheckoutps span, div#onepagecheckoutps em, div#onepagecheckoutps label { font-size: 1rem !important; } .product-btn-block .tabs { clear: both; width: 100%; margin-bottom: 12px; } /** .kco-infobox { clear: both; } **/ .kco-main { border: 1px solid #e5e5e5; border-radius: 5px; } .kco-main h2 { margin: 1rem 0; } .no-padding { padding: 0 !important } .margin-1 { margin-top: 1 !important; margin-bottom: 1rem !important; } .margin-1 label { padding-bottom: 0.5rem; } .flex-mode { display: flex; align-items: center; justify-content: flex-start; } .flex-mode.coloumn { align-items: flex-start; flex-direction: column; } .bigger-text { font-size: 22px; } .cart-grid-body { padding-left: 0 !important; padding-right: 0 !important; margin-top: 1rem; margin-bottom: 1rem; } .product-name { font-size: 1rem !important; } .alternative_methods { color: red; float:none; margin: 1rem 0; font-size: 22px; font-weight: 400; } .button-special { color: #fff; border-radius: 5px; padding: 15px; border: 1px solid black; background-color: #0b2e87; } .button-special:hover { color: #fff; } .price-total { color: #000 !important; font-weight: bold !important; } .cart-summary .cart-voucher .promo-name { margin-bottom: 1rem; padding: 1rem; } .cart-summary-line .cart-total { font-weight: bold !important; } .red-text { color: #bc1537 !important; } #noti { padding: 0 !important; margin: 0 !important; color: #bc1537 !important; } .checkout-left > * { margin: 1rem 0; } @media (max-width: 575px) { .checkout-right { margin-top: 1rem; } } /*Frankensteins monster is done here (site is: checkout and swish checkout)*/ /** LOGIN BOX **/ div#onepagecheckoutps #opc_modal .modal-dialog { top: 0%; max-width: 100%!important; transform: translateY(0) } .input-group { display: block; } div#onepagecheckoutps .input-group-addon { padding: 1rem 0; } .login-box > form { display: flex; flex-direction: column; } .login-box > form > .left-row, .login-box > form > .right-row { display: flex; flex-direction: column; width: 100%; } .login-box > form > .left-row { align-items: center; } .login-box > form > .right-row { padding: 1rem; margin: 1rem 0; border-radius: 0.5rem; border: 0.5px solid rgba(0,0,0,0.6); } .login-box > form > .right-row a { color: black; text-decoration: underline; } .login-box > form > .left-row button { margin: 1rem 0; } .login-box > form .email-field, .login-box > form .password-field { display: flex; align-items: center; flex-wrap: wrap; } .login-box > form .email-field input, .login-box > form .password-field input { width: 100%; } .login-box > form > .right-row p.bold { font-weight: bold; } .login-box > form > .right-row p { line-height: 2; } div#onepagecheckoutps #form_login span.form-error { position: unset !important; } .fa-pts.fa-pts-close { display: none !important; } .login-field, .logout-field { display: flex; align-items: center; justify-content: space-between; border-bottom: 0.0625rem solid #d6d4d4 } #btn_login { background-color: #4054b2 } div#onepagecheckoutps .onepagecheckoutps_p_step { border-bottom: none; } div#onepagecheckoutps #opc_modal { position: fixed !important; } @media (min-width: 768px) { .modal-dialog.modal-md.modal-dialog-centered { position: unset !important; } div#onepagecheckoutps #opc_modal { position: fixed !important; } div#onepagecheckoutps #opc_modal .modal-dialog { transform: translate(-50%, -50%); top: 50%; left: 50%; } .login-box > form { flex-direction: row; } .login-box > form > .left-row, .login-box > form > .right-row { width: 50%; } .login-box > form > .right-row { margin: 1rem; align-items: flex-start; } } @media (min-width: 1024px) { div#onepagecheckoutps #opc_modal .modal-dialog { position: absolute !important; width: 960px !important; max-width: 960px !important; } } /** LOGIN BOX END **/ /* Mobile cart */ .elementor-widget-container .btn-toggle-cart .cart-products-count { top: -8px !important; right: -4px !important; } .elementor-widget-container .btn-toggle-cart .cart-products-count { background-color: #4054b2 !important; } .layout_layout5 .mm_extra_item .cart_block * { color: #000 !important; } .layout_layout5 .mm_extra_item .btn.btn-primary.checkout { color: #fff !important; } /* .mm_extra_item { display: none !important } */ .ets_mm_megamenu.sticky_enabled.scroll_heading .customcsscart { display: block; margin-top: 10px; } .ets_mm_megamenu #_desktop_cart { display: none; } .blockcart > a.shoppingcart .cart-products-count { top: 5px !important; } .product-variants > .product-variants-item .input-container:hover .outStockContent { display: flex; } .cart-promotions #promo-code { display: block; } .product-variants > .product-variants-item .input-container .stock-alert{ width: 185px !important; } .product-variants > .product-variants-item .input-container.combination-outstock label { opacity: 1 !important; background: #FFD580; color: #000; border-color: transparent !important; } .product-variants.js-product-variants .radio-label.cursor-pointer { background: #2db83d; color: #fff; } .product-variants > .product-variants-item .input-container.combination-outstock.attribute-instock label{ border-color: #000 !important; opacity: 1 !important; background: #2db83d; } .product-variants > .product-variants-item .input-container.combination-outstock label:after, .product-variants > .product-variants-item .input-container.combination-outstock.attribute-instock label:after { background: none !important; } .input-container.combination-outstock .outStockContent { /* display: none !important;*/ } .product-variants > .product-variants-item .input-container .stock-alert { /* display: none !important;*/ } li.product-flag.online-only { background: green !important; } span.current-price-display.price { color: red; } .cart-grid-body.kco-box.col-xs-12 { clear: both; } .cart-grid-body.col-xs-12.col-lg-8 { float: left; } .cart-grid-right.col-xs-12.col-lg-4 { float: left; } .shoes_outline_btn .elementor-button { outline: none !important; } button.btn.btn-primary.add-to-cart.buy-now.js-buy-now { display: none; } button.btn.btn-secondary.add-to-cart.btn-add-to-cart.js-add-to-cart { background: #4054b2; color: #fff; } .btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled):active { box-shadow: none; } button.btn.btn-secondary.add-to-cart.btn-add-to-cart.js-add-to-cart:hover { background: #758aed; } button.btn.btn-secondary.add-to-cart.btn-add-to-cart.js-add-to-cart { border-color: transparent; } @media (max-width: 1024px) { .ets_mm_megamenu.layout_layout5 { background-color: #fff !important; } .ets_mm_megamenu.layout_layout5:not(.ybc_vertical_menu) .mm_menus_ul { background: #fff!important; } .changestatus.ets_mm_megamenu .mm_menus_ul .close_menu { color: #000; } .changestatus.transition_floating .close_menu, .changestatus.transition_full .close_menu { background-color: #fff; } } @media (min-width: 1025px) and (max-width: 1199px) { .changestatus.ets_mm_megamenu .mm_menus_ul .close_menu { color: #000; } /*.ets_mm_megamenu.layout_layout5:not(.ybc_vertical_menu) .mm_menus_ul { background: #fff !important; }*/ .changestatus .mm_menus_li { background: #fff; } .ybc-menu-toggle .icon-bar { background-color: #fff; width: 26px; height: 5px; } .changestatus.transition_floating .close_menu, .changestatus.transition_full .close_menu { background-color: #fff; } /**Turn off the damn scroll cart .layout_layout5 .mm_extra_item .customcsscart { display: none !important; } */ .elementor-2 .elementor-element.elementor-element-6219fd33 .btn-toggle-cart i { font-size: 36px; } } @media (min-width: 768px) { .page-authentication #main, .page-password #main, .page-identity #main { width: 100%; max-width: 100%; } /** Menu fix */ .ets_mm_megamenu .mm_columns_ul { max-height: 47.5vh; height: 100vh; margin-top: 0; padding-top:20px; } } @media (min-width: 1200px) { .ets_mm_megamenu_content .container { display: flex; justify-content: center; } } /* ===== Logga in / Logga ut – uppe i headern ===== */ /* Flytta kontolänken (logga in / logga ut) upp i headern, till höger */ #_desktop_user_info, .header-userinfo, .user-info { position: relative; display: inline-flex; align-items: center; gap: 6px; font-size: 15px; } /* Gör texten tydligare */ #_desktop_user_info a, .header-userinfo a, .user-info a { font-weight: 600; color: #000 !important; text-transform: none; } /* Lite marginal så den inte klistrar mot kanter/ikoner */ #_desktop_user_info, .header-userinfo, .user-info { margin-left: 10px; margin-right: 10px; }