/** * This file is a container for custom CSS. You can use it to override the default styles of the theme. * 1. Copy the file "SAMPLE.custom.css" and rename it to "custom.css". Otherwise this file will not be loded by Magento. * 2. Enable it in the admin panel. * 3. Uncomment slected sample styles or add your own CSS to override the default styles of the theme. * Please refer to the user guide for more details. **/ /* General */ body { background-image: url(../images/bg_pattern3.png); } .container { box-shadow: 0 12px 10px rgba(0,0,0,0.3); } .wrapper { background-color: transparent !important; border-top-width: 0; } /* Header */ .header .logo-wrapper .logo { max-width: 350px; } .header-regular .header-top-container .inner-container .item.item-left { height: 0; overflow: visible; text-align: center; width: 100%; } .header-top .block_header_top_left { font-size: 13px; } /* Ikonka košíka + mini.phtml .ic-cart, .ic-cart1 { font-size: 23px !important; line-height: 34px !important; margin-left: 10px; } #header-cart, #mini-cart .caret { display: none !important; } .dropdown .mini-cart-heading { cursor: pointer; } .header .dropdown.open > .mini-cart-heading.cover > * { color: #d03074; } #mini-cart .mini-cart-heading .count { display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: red; color: #fff; margin-left: -14px; margin-right: -7px; margin-top: -22px; position: relative; top: -15px; } */ /* Home Page */ .itemslider .item { text-align: center; } /* Top Main menu */ /*.nav-regular .nav-item { display: none; } .nav-regular .nav-item.nav-item--home, .nav-regular .nav-item.classic { display: initial; }*/ .nav.container.stretched { padding-bottom: 1px; } #nav { height: 30px; z-index: 999; } #nav > li, #nav > li.nav-item--home { float: left; margin: 0 5px 0 0; padding: 8px 0; border: 1px solid transparent; } #nav > li:hover, #nav > li.active, #nav > li.nav-item--home:hover, #nav > li.nav-item--home:active { background-color: white; border-color: #acacac #acacac white #acacac; border-style: solid; border-width: 1px; } #nav > li.nav-item--home { margin-left: 13px; height: 13px; } .nav-regular .nav-item.level0 > a { line-height: 13px; padding: 0 9px; } .nav-regular li.nav-item.nav-item--home.level0 > a { padding: 0 4px; } #header-nav { margin-top: 0 !important; } #nav ul.nav-panel--dropdown { font-size: 14px; } /* Sticky header */ .sticky-header #nav > li, .sticky-header #nav > li.nav-item--home { height: 13px; } .sticky-header .nav-container { padding-top: 6px; } .sticky-header .nav.container.stretched { border-bottom: 0; padding-bottom: 0; } .sticky-header #header-nav:after { content: ""; display: block; width: 100%; border-bottom: 1px solid #acacac; position: relative; top: -1px; } /* MegaMenu */ #nav .nav-panel-inner { padding: 0; } ul.level0.nav-submenu.nav-submenu--mega { padding: 15px; } #nav .nav-panel-inner .nav-block--bottom { padding: 0; height: 80px; } .nav-regular .nav-panel--dropdown, .nav-panel--dropdown.full-width { margin-top: 19px !important; } /* Main container and content */ .main { padding-top: 12px; } .inner-container { padding-left: 2.5% !important; padding-right: 2.5% !important; } /* Toolbar */ .sorter, .pager { font-size: 11px; } .toolbar .pager { border-top: 1px solid #e5e5e5 !important; } .toolbar-bottom .toolbar .pager { border-top: 0 !important; } .sorter .sort-by select, .sorter .limiter select { height: 24px; padding: 0px; font-size: 11px !important; margin-left: 5px; } /* Products List */ /*.category-products { margin: 0 0 10px; }*/ .category-products .products-grid .item { min-height: 280px !important; } .category-products .products-grid .item .actions.display-onhover { bottom: 20px !important; } .category-products .products-list .item .product-image { text-align: center !important; } .special-price .price-label { display: none !important; } .category-products .item .regular-price .price, .category-products .item .special-price .price { color: #d03074; font-size: 16px; font-weight: bold; } .product-view .price-box .old-price { padding-bottom: 10px; } .product-view .price-box .old-price .price { font-size: 16px !important; } /* Product Page */ .custom-sidebar-right .inner, .product-view .product-type-data > .price-box, .product-view .add-to-box, .block .block-title { border-color: transparent; } .product-view .short-description { text-align: justify; } .product-view .product-shop { max-width: 330px; } /*.product-img-column { margin-right: 28px; }*/ .product-name h1 { font-size: 20px; } .add-to-cart .qty-wrapper .qty { margin-right: 0; } .product-view .action-box { margin: 0; } .availability { margin: 0; line-height: 40px; } .product-view .btn-cart { margin-left: 10px; line-height: 35px; min-width: 150px; } .product-secondary-column.custom-sidebar-right { padding-top: 0; } .product-secondary-column.custom-sidebar-right .margin-bottom:nth-child(1) { display: none; } .product-view .short-description div table { width: 100%; font-size: 13px; line-height: 18px; } .product-view .short-description div table td:nth-child(2) { text-align: right; } /* Tabs */ .feature.indent { padding-left: 0; } .gen-tabs .tabs-panels { border: 1px solid #e5e5e5; padding: 20px; text-align: justify; } .gen-tabs .tabs { margin-left: 10px; } .gen-tabs .tabs li a { border-radius: 0 20px 0 0; transition: none; background: #eee; background: -moz-linear-gradient(top, #eee 80%, #ddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(80%,#eee), color-stop(100%,#ddd)); background: -webkit-linear-gradient(top, #eee 80%,#ddd 100%); background: -o-linear-gradient(top, #eee 80%,#ddd 100%); background: -ms-linear-gradient(top, #eee 80%,#ddd 100%); background: linear-gradient(to bottom, #eee 80%,#ddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#ddd', GradientType=0 ); } .gen-tabs .tabs a:hover, .gen-tabs .tabs a:focus { background: #e5e5e5; } .gen-tabs .tabs li a.current { background: #ffffff; } /* Add to icons */ .product-view .add-to-links a { width: 150px; margin-bottom: 25px; text-align: left; } .ib { margin-right: 6px; } .ib + .label { line-height: 16px; vertical-align: middle; width: 100px; } /* Social links icons */ .product-view .social-links { margin-bottom: 20px; } .social-links .ib, .social-links a > span.icon { color: #333333; background-color: #e5e5e5; } /* Left + Right column */ .accordion-style1 li.parent.item-active > a { background-color: rgba(0,0,0,0.03); } .block-title { content: ""; display: block; width: 100%; margin-bottom: 15px !important; border-bottom: 1px solid #acacac !important; position: relative; top: 6px; } .block_product_replace_related .owl-wrapper-outer .item .actions { display: none; } .col-right.sidebar .block.block-reorder #reorder-validate-detail .block-content .actions a { line-height: 18px !important; text-align: center; width: 70px; } .product-secondary-column .slider-arrows1-pos-top-right .owl-controls .owl-buttons { top: -52px; } /* Footer */ .footer-top { padding-bottom: 1px; } .footer-top > .inner-container { border-bottom: 1px solid #acacac; } .footer-top .links > li, .footer-top .links > li > a { line-height: 1em; } .footer-top .links > li > a:hover { background-color: transparent; color: #d03074 !important; } .collapsible .block-title { padding-right: 0; } /* Recently viewed items */ .block.custom-recently-viewed .block-title { padding-top: 20px; } .footer-top.footer.container.show-bg { background-color: #eee; } #recently-viewed-items li { float: left; width:90px; margin: 10px 13px 10px 0; line-height: 12px; max-height: 156px; } #recently-viewed-items img { padding: 15px 5px; margin-bottom: 5px; } #recently-viewed-items p { text-align: center; } #recently-viewed-items li img { border: 1px solid #ddd; background-color: white; box-shadow: 0 0 4px rgba(0,0,0,0.2); overflow: hidden; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #recently-viewed-items li:hover img { box-shadow: 3px 3px 5px rgba(0,0,0,0.25); -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15); } #recently-viewed-items .recently-text { font-size: 11px; font-weight: bold; color: black; margin-top: 4px; position: relative; height: 24px; overflow: hidden; line-height: 12px; } #recently-viewed-items .recently-text:after { content: ""; text-align: right; position: absolute; bottom: 0; right: 0; width: 30%; height: 12px; background: linear-gradient(to right, rgba(238, 238, 238, 0), rgba(238, 238, 238, 1) 100%); } #recently-viewed-items .recently-price { margin-top: 12px; } #recently-viewed-items .recently-price a { background-color: #999; padding: 2px 7px; font-weight: bold; color: white; } #recently-viewed-items li:hover .recently-price a { background-color: #555; } #recently-viewed-items li:hover .recently-text a { color: #d03074; } /* Heuréka recenzie */ .rating-box, .rating-box .rating { background-image: url(../images/rating.png); } .rating-box { float: right; margin: 1px 5px; width: 55px; } .heureka-home { /* border: 1px solid #ccc; box-shadow: 0 0 8px rgba(0, 0, 0, 0.25) inset; height: 250px; overflow-y: auto; width: 100%; */ float: left; } .recenzia {/* border-top: 1px solid #ddd; */ display: inline-block; padding: 14px; vertical-align: top; width: 150px; } .recenzia .meno { font-weight: bold; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: none; } .recenzia blockquote { font-style: italic; padding: 0; } .recenzia blockquote img.quote-l { margin-right: 3px; } .recenzia blockquote img.quote-r { margin-left: 5px; } .section-title.padding-right { padding-right: 0 !important; } p.vsetky { float: right; padding: 0; margin: 0; font-size: 12px; } /* One Page Checkout */ .opc-wrapper-opc .opc-col-left .fields .field.first, .opc-wrapper-opc .opc-col-left .fields .field.name-firstname { width: 40%; } .opc-wrapper-opc .opc-col-left .fields .field.last, .opc-wrapper-opc .opc-col-left .fields .field.name-lastname { width: 52%; } .opc-wrapper-opc .opc-col-left .fields select { padding: 0; } .opc-wrapper-opc .opc-col-left .wide input[type="text"] { height: 24px !important; } .opc-wrapper-opc .opc-col-left { width: 43% !important; } .opc-wrapper-opc .opc-col-center { width: 30% !important; } .opc-wrapper-opc .opc-col-right { width: 27% !important; } .opc-wrapper-opc .opc-col-left .wide { padding-right: 10px !important; } .opc-ajax-loader { width: 0 !important; height: 0 !important; display: none !important; } .opc-wrapper-opc .btn-checkout.button-disabled span span { background: url(../images/ajax-loader-button.png) no-repeat scroll center 12px transparent !important; color: rgba(255, 255, 255, 0.15) !important; } .opc-wrapper-opc .btn-checkout.button-disabled:hover span span { background-color: #666 !important; color: rgba(255, 255, 255, 0.15) !important; } #co-billing-form > h3:before { content: "1. "; } .shipping-block > h3:before { content: "2. "; } .payment-block > h3:before { content: "3. "; } #co-billing-form > h3:before, .shipping-block > h3:before, .payment-block > h3:before { color: #d03074; font-size: 30px; font-weight: bold; } .cart-right-column.grid12-4 { width: auto; } /* Shipping Methods */ .opc-wrapper-opc .shipping-block .sp-methods dt { display: none; } .opc-wrapper-opc .shipping-block .shipping-method-item { display: table; } .opc-wrapper-opc .shipping-block .shipping-method-item span.radio-wrapper { display: table-cell; vertical-align: middle; width: 18px; } .opc-wrapper-opc .shipping-block .shipping-method-item label { display: table-cell; vertical-align: middle; cursor: pointer; } .opc-wrapper-opc .shipping-block .shipping-method-item label span.price { font-size: 20px; vertical-align: middle; padding-left: 5px; } .opc-wrapper-opc .shipping-block img.carrier_logo { width: 55%; max-width: 150px; vertical-align: middle; } .opc-wrapper-opc .shipping-block span.shipping-method-title { display: none; padding-left: 23px; } .opc-wrapper-opc .discount-block { padding-top: 10px; } /* Payment Methods */ .opc-wrapper-opc .payment-block dt { margin-bottom: 20px !important; } .opc-wrapper-opc .payment-block dd ul { margin-top: -10px !important; } .opc-wrapper-opc .payment-block .form-alt { margin-bottom: 12px !important; } .opc-wrapper-opc .payment-block dt img.cards { border: 1px solid #247cac; border-top: 0; width: 100%; } .opc-wrapper-opc .payment-block dt input { display: initial !important; height: 13px !important; opacity: 1 !important; width: 14% !important; position: relative !important; } .opc-wrapper-opc .payment-block dt label { display: inline-block !important; font-size: 14px !important; height: 30px !important; line-height: 30px !important; width: 84% !important; text-align: left !important; text-transform: none !important; } .opc-wrapper-opc .opc-newsletter { margin-bottom: 10px !important; } .checkout-agreements li { padding: 0; background-color: white !important; } .checkout-agreements li a.view-agreement:hover { text-decoration: underline; } .md-modal { max-width: 66% !important; min-width: 66% !important; } #agreement-modal-body { max-height: 300px !important; } #agreement-modal-body p { font-size: 1.1em !important; } #agreement-modal-body h2 { font-size: 18px !important; font-weight: bold !important; } #payment_form_phoenix_cashondelivery a { transition: none; color: #d03074 !important; } /* Totals */ .opc-wrapper-opc #opc-review-block { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; position: static !important; top: 0 !important; right: 0 !important; width: auto !important; padding: 20px 0 !important; } #checkout-review-table-wrapper { max-height: none !important; padding-right: 0 !important; } .opc-wrapper-opc .opc-data-table tfoot td { padding: 6px 0 !important; } .opc-wrapper-opc .opc-data-table tfoot tr.last { display: table-row !important; } .opc-wrapper-opc .opc-data-table tfoot tr.last strong, .opc-wrapper-opc .opc-data-table tfoot tr.last strong span { color: #d03074; font-size: 16px; } .opc-wrapper-opc .opc-data-table tfoot tr.last td { padding-top: 18px !important; } .opc-wrapper-opc .opc-data-table td.last { padding-left: 25px !important; } /* User Account */ .form-list .wide input.input-text { width: 537px; } .my-account dl.order-info { display: none; } /* Shipping address */ .addresses-list .addresses-primary li.item:nth-child(2) .magentocz_ico, .addresses-list .addresses-primary li.item:nth-child(2) .magentocz_dic, .addresses-list .addresses-primary li.item:nth-child(2) .magentocz_icdph, .box-account.box-info .box-content .col-2 .magentocz_ico, .box-account.box-info .box-content .col-2 .magentocz_dic, .box-account.box-info .box-content .col-2 .magentocz_icdph, #sales_order_view_tabs_order_info_content .box-right .magentocz_ico, #sales_order_view_tabs_order_info_content .box-right .magentocz_dic, #sales_order_view_tabs_order_info_content .box-right .magentocz_icdph { display: none; } /* Cart */ .cart-collaterals .cart-left-column.grid12-8 { display: none; } /* Contact form */ #contactForm .form-list textarea#comment, #contactForm .buttons-set { width: 537px; } /* Socialne siete bug */ .feature-wrapper.top-border { border-top: 0; margin-top: 0; padding-top: 0; } /* Blog */ .blog article.post .post-metadata { display: none; padding: 10px 0; } .blog article.post .post-title { font-size: 15px !important; margin: 15px 0 25px !important; } .blog .comment-form textarea#post_comment, .blog .comment-form input#post_comment_user { width: 100%; } .blog .comment-form h2.legend { margin-top: 15px; } .blog article.post .post-info { padding: 20px 0 15px !important; } .blog .read-more .button { float: left; margin-top: 10px; line-height: 40px !important; } .blog article.post .post-summary .img { float: left; width: 100px; height: 100px; overflow: hidden; margin-right: 15px; border: 1px solid #eee; } .blog article.post .post-summary .img .thumb { height: 100px; max-width: initial; } .blog.blog-detail .comment-form { margin-top: 10px; } .block-blog .block-content { padding: 8px 0 0 0 !important; } .block-blog .block-content li { margin-bottom: 8px; } /* Mana Filtre */ .block-layered-nav dl dd ol.m-filter-item-list > li > a { display: inline; } .mb-content .mb-top-layered-navigation.m-wide { display: none; } .mb-category-products { position: relative; } .mb-top-layered-navigation { background-color: white !important; width: 100%; } .mb-top-layered-navigation .actions { display: none; } #narrow-by-list, #narrow-by-list2 { margin: 0 !important; } #narrow-by-list .m-ln li a { display: inline-block !important; padding-top: 0 !important; } ol.m-filter-css-checkboxes li a.m-checkbox-unchecked { background-position: left 1px !important; } .block-layered-nav dl dd ol > li > a { background-color: transparent !important; } .block-layered-nav.one-filter-column dl dd ol > li > a { padding: 5px 0 5px 10px !important; } .mb-top-layered-navigation.m-topmenu.m-wide dl dd.m-ln { border-bottom: 0; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15); opacity: 1 !important; } .mb-top-layered-navigation.m-topmenu.m-wide dl.m-slider dd.m-ln { box-shadow: none; margin: 0; } .mb-top-layered-navigation .actions, .mb-top-layered-navigation .m-horizontal-actions, .mb-top-layered-navigation .m-subtitle-actions { margin: -8px 0 0 !important; right: 10px !important; top: 50% !important; } .mb-top-layered-navigation.m-topmenu.m-wide dl dt { padding: 7px 35px 7px 15px !important; } .mb-top-layered-navigation.m-topmenu.m-wide dl.m-slider dt { padding: 7px 35px 7px 0 !important; margin-left: 0 !important; } .mb-top-layered-navigation.m-topmenu.m-wide dl.m-slider span.m-slider-selected-value { padding-left: 5px !important; } /* Sticky menu filtra */ .mb-top-layered-navigation.m-sticky:before { box-shadow: 0 3px 10px rgba(0,0,0,0.15); } .mb-top-layered-navigation:before { content: ""; display: block; width: 100%; height: 42px; margin-bottom: -42px; background: white; position: inherit; left: 0; box-shadow: none; } .mb-top-layered-navigation, .mb-top-layered-navigation .block-content { margin-top: 10px !important; box-shadow: none; } .mb-top-layered-navigation.m-sticky { position: fixed; top: 28px; z-index: 999; } .category-products.m-sticky { margin-top: 42px; } .sticky-header .sticky-container.m-sticky { box-shadow: none; } /* Color swatch */ .m-filter-colors.horizontal a .m-color { width: 22px; height: 22px; margin: 0 8px 8px 0 !important; border-radius: 3px; border: 1px solid transparent; } .m-filter-colors.horizontal a .m-color.mfv-4 { border-color: #ddd; } .m-filter-colors.horizontal a .m-color.selected { border-color: rgba(0, 0, 0, 0.33); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.66) inset; } .m-filter-colors.horizontal a .m-color.selected .m-layer1 { background-image: none !important; } .m-color .m-layer1 { background: transparent url(../images/filter_color_overlay.png) 0 0 no-repeat !important; background-size: contain !important; width: inherit !important; height: inherit !important; } .mfv-14 { background-image: url(../images/filter_color_mix.png) !important; } /* Tracking Shipment */ .tracking-viewport { text-align: center; } .tracking-viewport .shipment-info { overflow: hidden; height: 480px; } .tracking-viewport .shipment-info .shipment-wrapper { display: block; margin: 0 auto; border-top: 1px solid #e6e7e7; border-bottom: 1px solid #e6e7e7; width: 700px; height: 462px; overflow: hidden; } .tracking-viewport .shipment-info .shipment-wrapper iframe { width: 700px; height: 700px; position: relative; top: -220px; overflow-x: hidden; overflow-y: scroll; border: none; } .shipping-tracking-popup .order-tracking { display: none; } .shipping-tracking-popup .page-title.title-buttons h1 { display: none; } /* Homepage */ .home_banner { -webkit-animation: slide-out 0.3s 0s alternate; -moz-animation: slide-out 0.3s 0s alternate; -ms-animation: slide-out 0.3s 0s alternate; -o-animation: slide-out 0.3s 0s alternate; animation: slide-out 0.3s 0s alternate; } .home_banner:hover { box-shadow: 0 0 10px black; border-radius: 10px; -webkit-animation: slide-in 0.3s 0s alternate; -moz-animation: slide-in 0.3s 0s alternate; -ms-animation: slide-in 0.3s 0s alternate; -o-animation: slide-in 0.3s 0s alternate; animation: slide-in 0.3s 0s alternate; } @-webkit-keyframes slide-in { from { box-shadow: 0 0 0 transparent; border-radius: 0; } to { box-shadow: 0 0 10px black; border-radius: 10px; } } @-moz-keyframes slide-in { from { box-shadow: 0 0 0 transparent; border-radius: 0; } to { box-shadow: 0 0 10px black; border-radius: 10px; } } @-ms-keyframes slide-in { from { box-shadow: 0 0 0 transparent; border-radius: 0; } to { box-shadow: 0 0 10px black; border-radius: 10px; } } @-o-keyframes slide-in { from { box-shadow: 0 0 0 transparent; border-radius: 0; } to { box-shadow: 0 0 10px black; border-radius: 10px; } } @keyframes slide-in { from { box-shadow: 0 0 0 transparent; border-radius: 0; } to { box-shadow: 0 0 10px black; border-radius: 10px; } } @-webkit-keyframes slide-out { from { box-shadow: 0 0 10px black; border-radius: 10px; } to { box-shadow: 0 0 0 transparent; border-radius: 0; } } @-moz-keyframes slide-out { from { box-shadow: 0 0 10px black; border-radius: 10px; } to { box-shadow: 0 0 0 transparent; border-radius: 0; } } @-ms-keyframes slide-out { from { box-shadow: 0 0 10px black; border-radius: 10px; } to { box-shadow: 0 0 0 transparent; border-radius: 0; } } @-o-keyframes slide-out { from { box-shadow: 0 0 10px black; border-radius: 10px; } to { box-shadow: 0 0 0 transparent; border-radius: 0; } } @keyframes slide-out { from { box-shadow: 0 0 10px black; border-radius: 10px; } to { box-shadow: 0 0 0 transparent; border-radius: 0; } } /* Custom */ p#mainnote { display: block; padding: 15px; background-color: #fffa9a; width: 90%; margin: 0 auto 20px auto; text-align: center; height: auto; line-height: 1.3; color: red; font-size: 17px; font-weight: bold; border: 4px solid red; } p#mainnote:hover { background-color: red; color: white; } .video-wrapper, .videoWrapper { padding-bottom: 56.25% !important; padding-top: 25px !important; } .video-wrapper iframe, .video-wrapper object, .video-wrapper embed, .videoWrapper iframe, .videoWrapper object, .videoWrapper embed { border: 0; } .gallery-wrapper { margin: 0 auto; text-align: center; } .gallery-wrapper .fancybox { display: inline-block; width: 28.5%; padding: 1.5%; margin: 0.5%; vertical-align: top; box-shadow: 0 0 3px rgba(0, 0, 0, 0.66); } .gallery-wrapper .fancybox img { width: 100%; overflow: hidden; } .gallery-wrapper .fancybox:hover img { opacity: 0.9; } /* Mobile menu */ #nav.nav-mobile > li { border-left: 0; border-right: 0; } #nav.nav-mobile > li:hover, #nav.nav-mobile > li.active, #nav.nav-mobile > li.nav-item--home:hover, #nav.nav-mobile > li.nav-item--home:active { border-top: 1px solid white; border-bottom: 1px solid white; } #nav.nav-mobile > li.level-top.right { float: left !important; border-top: 10px solid white; } .header-mobile .nav.has-outline { background-color: white; box-shadow: 0 12px 10px rgba(0,0,0,0.3); } .header-mobile .nav { padding-bottom: 10px !important; margin-bottom: 0 !important; } #nav.nav-mobile { height: initial; border-bottom: 0; } .nav-mobile .nav-item.level0 > a { background-color: #eee; } .nav-mobile .nav-item.level0.active > a, .nav-mobile .nav-item.level0 > a:hover { background-color: #ddd; } .clearer.after-mobile-logo { height: 20px; }/* .header-mobile #mini-cart-wrapper-mobile { width: 25%; color: #ffffff; cursor: pointer; float: left; height: 50px; line-height: 50px; position: relative; text-align: center; } .header-mobile #mini-cart-wrapper-mobile .mini-cart { background-color: #d03074; } .header-mobile #mini-cart-wrapper-mobile .mini-cart:hover, .header-mobile #mini-cart-wrapper-mobile .mini-cart.is-active { opacity: 0.7; } .header-mobile #mini-cart-wrapper-mobile .icon { display: inline-block; vertical-align: middle; font-size: 18px !important; line-height: 50px !important; margin-left: 0; width: 100%; } .header-mobile #mini-cart-wrapper-mobile .icon.ic-cart { position: relative; top: -1px; } .header-mobile #mini-cart-wrapper-mobile .mini-cart-heading .count { margin-left: 10px; top: -62px; } .header-mobile #mini-cart-wrapper-mobile .mini-cart-heading.cover > span { cursor: pointer; display: block; height: 50px; }*/ .header-mobile .skip-link.skip-nav .label { display: inline-block !important; text-transform: uppercase; } .header-mobile #header-account li { background-color: #eee; border-top: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white; } .header-mobile #header-account li > a { font-family: "Titillium Web",​Arial,Georgia,​serif; font-size: 16px; text-transform: uppercase; color: #353535; display: block; line-height: 19px; padding: 15px 10px; } .header-mobile #header-account li > a:hover { background-color: #ddd; color: #d03074 !important; } .header-mobile .top-links { padding: 10px 0 0; }/* .header-mobile .skip-link.skip-active { background-color: #f7bdd6; } .header-mobile .form-search .input-text { height: 49px; } .header-mobile .form-search .button:before { line-height: 47px; }*/ /* Mobile product tabs */ .gen-tabs.accor .tabs-panels .panel { border-bottom: 0; margin-bottom: 0; } .gen-tabs.accor .tabs-panels { border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; padding-bottom: 20px; padding-top: 20px; } @media screen and (max-width: 1180px) { /* Checkout */ .opc-wrapper-opc .opc-col-left .wide { padding-right: 15px !important; } } @media screen and (max-width: 980px) { /* Checkout */ .opc-wrapper-opc .opc-col-left { display: inline-block; padding-right: 2% !important; width: 40% !important; } .opc-wrapper-opc .opc-col-center { display: inline-block; padding-right: 2% !important; width: 30% !important; vertical-align: top; } .opc-wrapper-opc .opc-col-right { display: inline-block; vertical-align: top; width: 30% !important; } .opc-wrapper-opc .opc-col-left .wide { padding-right: 0 !important; } } @media screen and (max-width: 959px) { /* Mana Filtre */ .mb-top-layered-navigation, .mb-top-layered-navigation .block-content { background: white !important; } .mb-top-layered-navigation.m-sticky { position: relative; top: 0; } .mb-top-layered-navigation.m-sticky:before { box-shadow: none; } .category-products.m-sticky { margin-top: 0; } .sticky-header .sticky-container.m-sticky { box-shadow: none; } /* Checkout */ .discount-block h3, .signature-block h3, .comment-block h3, .giftcard h3 { font-size: 14px !important; } } @media screen and (max-width: 767px) { /* Mana Filtre */ .mb-top-layered-navigation { max-height: initial; } .mb-top-layered-navigation.one-filter-column .m-expand-collapse { margin-top: 4px; margin-left: 4px; } .mb-top-layered-navigation.one-filter-column .actions { height: 2px; margin: 0 25px 0 15px !important; position: relative !important; left: 50px; top: 8px !important; } /* Checkout */ .opc-wrapper-opc .opc-col-left { padding-right: 0 !important; width: 100% !important; } .opc-wrapper-opc .opc-col-center { padding-right: 6% !important; width: 50% !important; } .opc-wrapper-opc .opc-col-right { width: 50% !important; } /* Product Page Add-to-links */ .product-view .add-to-links li { float: left !important; } } @media screen and (max-width: 639px) { /* Checkout */ .discount-block h3, .signature-block h3, .comment-block h3, .giftcard h3 { font-size: 13px !important; } } @media screen and (max-width: 479px) { /* Menu */ .block_header_top_right.item.item-right p { text-align: right; line-height: 16px; margin-top: 6px; } /* Product Page */ .product-view .add-to-cart .btn-cart { display: inline-block; margin: 0 0 0 8px; width: auto; } /* Checkout */ .opc-wrapper-opc .opc-col-center { padding-right: 0 !important; width: 100% !important; } .opc-wrapper-opc .opc-col-right { width: 100% !important; } .discount-block h3, .signature-block h3, .comment-block h3, .giftcard h3 { font-size: 16px !important; } /* Blog */ .blog article.post .post-content img { width: 100% !important; margin-bottom: 15px !important; } } @media screen and (max-width: 319px) { /* Menu */ .header-mobile .skip-link .ic-menu { display: none !important; } .header-mobile a.skip-link.skip-nav { font-weight: bold; } /* Checkout */ .opc-wrapper-opc .login-trigger { font-size: 15px !important; width: 125px !important; } } @media screen and (max-width: 240px) { /* Checkout */ .opc-wrapper-opc .opc-menu .left, .opc-wrapper-opc .login-trigger, .opc-wrapper-opc .opc-menu .right, .review-menu-block a.review-total { width: 100% !important; } } /* G */ .minimal-price-link { display: none; } .nav-regular .nav-item.level0 > a { font-size: 14px; } .nav-regular .nav-item.level0 > a { padding: 0 3px; } .product-view .product-shop { max-width: 430px; } .add-to-cart .qty-wrapper, .add-to-cart .button { display: inline-block; margin-left: 10px; } .wrapper { background-image: none } .bannertext { position: relative; top: 30px; left: 20px; font-size: 25px; color: white; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .opc-wrapper-opc .btn-checkout span span { font-size:14px !important; } .button { white-space: inherit } #checkout-review-submit > button span { background-color: #409e1a !important; word-break: normal; line-height: 20px; height: auto; padding: 5px 0 !important; }