#ProdNav select option,#ProdNav select { color: black !important; } #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery li.medPhotoBox { background: none !important; line-height: inherit!important; padding-left: 0!important; list-style: none!important; margin-left: 0 !important; } /*************************************************** Webshop click and collect CSS ***************************************************/ #ProdNav { margin: 10px 0 20px; text-align: right; } #Shop{ margin-left: 0; margin-right: 0; } #Shop div#Head { display: none !important; } #Shop li { left: 0; } #messageDivCont{ clear: both; padding: 5px; } #Shop div#ShopContent #article-content #add-favorite-button.active i.fa-heart{ color: #282828!important; } #Shop #Breadcrumbs { background: #756257 !important; padding: 5px 10px; color: #fff!important; margin: 10px 0 20px !important; font-size: 14px; line-height: 20px; } #Shop #Breadcrumbs a.account { background: none!important; color: #756257 !important; text-decoration: none; padding: 0 5px; text-align: center; margin-left: 10px; float: right; } #Shop #Breadcrumbs a.account:hover { background: none!important; color: #fff!important; } #Shop #Breadcrumbs a { color: #fff!important; text-decoration: none; } #Shop #Breadcrumbs a:hover { color: #000; } #Shop #Breadcrumbs a i.fa { padding: 0 2px 0 0; } #Shop #Breadcrumbs span.separator { display: inline-block; font-size: 0; height: 20px; } #Shop #Breadcrumbs span.separator::after { content: '\f105'; font-family: 'FontAwesome'; font-size: 12px; padding: 0 10px!important; color: #fff!important } #Shop div#Head { position: absolute; z-index: 30; top: 0; right: 0; float: none; width: auto; font-family:'Karla', sans-serif; background: white; padding: 5px; border: 5px solid #282828; text-align: center; display: -webkit-flex; display: flex; -webkit-flex-flow: column; flex-flow: column; } #Shop div#Head a.CartBtn { float: none; margin: 0; background: #282828!important; color: #282828!important; order: 2; -webkit-flex: 0 0 auto; margin: 5px 0; } #Shop div#Head a.CartBtn:first-child { margin: 0; order: 3; } #Shop div#Head a.CartBtn:hover { background: #000!important; color: white!important; } #Shop div#Head #catalog_cart_mini { float: none; margin: 0; line-height: 35px; order: 1; -webkit-flex: 0 0 auto; font-size: 0; vertical-align: middle; } #Shop div#Head #catalog_cart_mini::before { content: '\f291'; font-family: "FontAwesome"; font-size: 24px; vertical-align: middle; } #Shop div#Head #catalog_cart_mini span { font-size: 14px; font-weight: bold; vertical-align: middle; } #Shop div#Head #catalog_cart_mini span#catalog_cart_mini-nbr-items { border-radius: 50%; color: #282828; background: #282828; width: 35px; line-height: 35px; display: inline-block; margin: 0 5px; } #Shop #mobile-sidebar { background: none!important; font-family:'Karla', sans-serif!important; margin: 0!important; padding: 0 0 15px!important; cursor: default!important; } #Shop #mobile-sidebar a { background: #282828; color: #282828; text-decoration: none; box-shadow: 0 3px 0 #282828; border-radius: 3px; font-size: 16px; line-height: 28px; font-weight: bold; text-align: center; display: inline-block; padding: 5px 10px; } #Shop #mobile-sidebar a i.fa { font-size: 16px; font-weight: normal; } #Shop div#Sidebar h3 { -webkit-order: 1; order: 1; } #Shop div#Sidebar #catalog_cart_mini { -webkit-order: 2; order: 2; } #Shop div#Sidebar .caddy-list { -webkit-order: 3; order: 3; } #Shop div#Sidebar .CartBtn { -webkit-order: 4; order: 4; } #Shop div#Sidebar::after { content: ''; display: block; border: 10px solid transparent; -webkit-order: 5; order: 5; } #Shop div#Sidebar #catalog_cart { border-top: 3px solid #756257 !important; } #Shop div#Sidebar .caddy-close:hover span { background-color: #282828; } #Shop div#Sidebar div#user-login { color: black; } #Shop div#Sidebar a, #Shop div#Sidebar ul#ShopNav a.open:hover:before { color: #756257 !important; } #Shop div#Sidebar h3 { font-family:'Alkatra', sans-serif; font-size: 22px; text-transform: uppercase; color: #756257 !important; margin: 0 0 20px; border-bottom: 3px solid #756257 !important; padding-bottom: 5px; } #Shop div#Sidebar #catalog_cart_mini { font-size: 16px; padding: 5px 0 20px; color: #000!important; } #Shop div#Sidebar ul.Cart li.row { background: none!important; border-top: 1px solid #756257 !important; padding: 15px 0px 15px 30px!important; margin: 0!important; font-size: 16px!important; color: #000!important; } #Shop div#Sidebar ul.Cart li.row:first-child { border-top: 0; } #Shop div#Sidebar ul.Cart li.row span.cartQty { display: inline-block; padding: 0 1px; } #Shop div#Sidebar ul.Cart li.row span.cartQty + a { margin-left: 3px; } #Shop div#Sidebar ul.Cart li.row a { font-weight: bold; font-size: 17px; } #Shop div#Sidebar ul.Cart li.row strong.cartPrice { display: block; clear: both; text-align: right; font-size: 17px; } #Shop div#Sidebar ul.Cart li.row a.Remove { left: 0!important; top: 15px!important; padding: 0!important; color: white!important; background: #282828 url(../images/icon-close.png) no-repeat center; background-size: 60%!important; border-radius: 50%!important; display: inline-block!important; width: 20px!important; height: 20px!important; text-align: center!important; } #Shop div#Sidebar ul.Cart li.row a.Remove::before{ content: ""!important; display: none!important; } #Shop div#Sidebar ul.Cart li.row a.Remove::after { content: none!important; } #Shop div#Sidebar ul.Cart li.row a.Remove:hover { background-color: #756257 !important; } #Shop div#Sidebar .caddy-list a.CartBtn { display: none; } #Shop div#Sidebar a.CartBtn { background: #756257 !important; color: #fff!important; float: none!important; clear: both!important; margin: 5px 0!important; font-size: 15px!important; font-weight: normal!important; text-transform: uppercase!important; padding: 5px!important; text-align: center!important; } #Shop div#Sidebar a.CartBtn::before { content: none!important; } #Shop div#Sidebar a.CartBtn:hover { background: #282828!important; color:#fff!important; } .btn-info { color: #fff; background-color: #756257 ; border-color: #756257 ; margin: 10px 0; } .btn-info:hover { color: #fff; background-color: #282828; border-color: #282828; } #Shop div#ShopContent #Checkout ol li.Border div[id^="checkout"] > form > ul > li:first-child { background: none; } /* mobile sidebar */ #mm-Sidebar.mm-menu .box { background: white; color: #aaa; margin-bottom: 20px; padding: 0px 20px 20px; } #mm-Sidebar.mm-menu .box.delivery, #mm-Sidebar.mm-menu .box.payment { line-height: 1.4em; } #mm-Sidebar.mm-menu .box.delivery .image-left, #mm-Sidebar.mm-menu .box.payment .image-left { margin-right: 10px; } #mm-Sidebar.mm-menu .box.delivery strong, #mm-Sidebar.mm-menu .box.payment strong { color: #eee; } #mm-Sidebar.mm-menu .box.delivery img { max-width: 100%; height: auto; } #mm-Sidebar.mm-menu .box.payment .payment-icons { margin: -5px; } #mm-Sidebar.mm-menu .box.payment .payment-icons td { padding: 5px; } #mm-Sidebar.mm-menu .box.payment .payment-icons img { width: 100%; height: auto; border-radius: 5px; } #mm-Sidebar.mm-menu .box.facebook { padding: 0; } #mm-Sidebar.mm-menu .box h2 { background: #282828; color:#fff; font-family:'Karla', sans-serif; padding: 15px 20px; font-weight: normal; font-size: 22px; text-transform: uppercase; border-bottom: none; margin: 0 -20px 20px; } #mm-Sidebar.mm-menu .box.facebook { text-align: center; } #mm-Sidebar.mm-menu .box.facebook h2 { margin: 0; text-align: left; } #mm-Sidebar.mm-menu form#mm-user-login { margin: 0 0 5px; } #mm-Sidebar.mm-menu form#mm-user-login::after { content: ''; display: block; clear: both; } #mm-Sidebar.mm-menu form#mm-user-login input.field { background: white; border: 1px solid #ccc; height: 45px; padding: 5px 10px; font-family:'Karla', sans-serif; margin-bottom: 10px; display: block; width: 100%; } #mm-Sidebar.mm-menu form#mm-user-login input.field:focus { border-color: #aaa; } #mm-Sidebar.mm-menu form#mm-user-login a.Send { background: #282828!important; color: #fff!important; border-radius: 3px; box-shadow: 0 3px 0 #000; float: none; clear: both; margin: 10px 0 0; font-size: 16px; font-weight: 800; padding: 5px 15px; text-decoration: none; display: block; text-align: center; } #mm-Sidebar.mm-menu form#mm-user-login a.Send::before { content: none; } #mm-Sidebar.mm-menu form#mm-user-login a.Send:hover { color:#282828!important; } /**/ .content #Shop div#ShopContent { width: auto; max-width: 100%; float: none; } .content #Shop div#ShopContent.fullwidth { width: auto; max-width: none; float: none; } #Shop div#ShopContent #article-content { padding-top: 0; } #Shop div#ShopContent #article-content > h1#Title { position: relative; font-size: 40px; line-height: 1.3; margin: 0; padding: 5px 0 25px; margin-bottom: 10px!important; } /*#Shop div#ShopContent #article-content > h1#Title::after { content: ''; display: block; width: 70px; height: 8px; margin: 20px 0 10px; }*/ .checkout #Shop div#ShopContent #article-content > h1#Title { padding-top: 25px; } #Shop div#ShopContent #article-content #CatSubCats { background: none; padding: 15px 0; } #Shop div#ShopContent #article-content #CatSubCats ul { margin: 0px!important; } #Shop div#ShopContent #article-content #CatSubCats li { padding: 0 5px!important; margin-bottom: 10px!important; } #Shop div#ShopContent #Products #relatedArticles img { width: 100% !important; height: 100% !important; object-fit: cover; } #relatedArticles #Items .ProdItem .nailthumb-container { width: 100% !important; height: 250px !important; } #Shop .nailthumb-container div.nailthumb-loading { height: 250px !important; } section.content.webshop-content.content-page #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] { position: relative; overflow: hidden; padding-bottom: 0!important; background: rgb(117 98 87/ 0.75) url(../images/icon-logo.png) no-repeat center !important; margin: 15px; box-shadow: 0 0 0 5px #756257 ; background-size: cover !important; height: 330px!important; width: 330px !important; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"]:hover { box-shadow: 0 0 0 5px #756257 !important; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] .foto-sub { position: absolute; left: 0; top: 0; transform: none; width: 100%; object-fit: cover; height: 100%; padding-bottom: 0 !important; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"]:hover .foto-sub { opacity: 1; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] .subCatTitle { position: absolute; left: 0; right: 0; padding: 13px 10px 15px; top: inherit!important; color: #fff!important; font-size: 18px; font-weight: 500; font-family:'Alkatra', sans-serif; text-transform: uppercase; background: #756257!important; height: auto !important; word-wrap: break-word; bottom: 0!important; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] .subCatTitle::after { content: ''; position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); width: 30px; height: 2px; background: #756257 ; color: white; pointer-events: none; opacity: .5; transition: opacity .4s; display:none; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"]:hover .subCatTitle::after { opacity: 1; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"]:hover .subCatTitle { background: #756257 !important; color: #fff!important; } #Shop div#ShopContent #article-content div#CatContent { } #Shop div#ShopContent #article-content div#CatContent h1 { position: relative; } #Shop div#ShopContent #article-content div#CatContent nav.prev-next { z-index: 30; left: 0; right: 0; top: 0; height: 0!important; } #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext, #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt { position: fixed; top: 50%; transform: translateY(-50%); height: 80px; line-height: 80px; width: 40px; text-align: center; border: none; display: block; font-size: 0; text-decoration: none; color: white!important; background: #282828; opacity: .5; padding:0; } #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext { right: 0; } #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt { left: 0; } #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext:hover, #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt:hover { background: #282828; color:white!important; width: 60px; opacity: .9; } #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext span, #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt span { display: none; } #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext:after, #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt:after { font-family: 'FontAwesome'; font-size: 30px; line-height: inherit !important; } #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext:after { content: '\f105'; padding-left: 5px; } #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt:after { content: '\f104'; padding-right: 5px; } #Shop div#ShopContent #article-content div#CatContent .outer { margin: 0!important; width: 500px!important; } #Shop div#ShopContent #article-content div#CatContent.nophoto .outer { display: none; } #Shop div#ShopContent #article-content div#CatContent .outer > ul > li > img, #Shop div#ShopContent #article-content div#CatContent .outer > ul > li > a > img { display: none; } /* #Shop div#ShopContent #article-content div#CatContent .outer > ul.Gallery > li.medPhotoBox:first-child > a.medPhotoLink > img.medPhoto { display: block; width: 100%; height: auto; } */ #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery { margin-bottom: 20px; max-height: inherit; } .content #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container { position: relative; /* height: auto !important; width: 500px !important;*/ overflow: hidden !important; object-fit: cover; border: 10px solid #756257; box-shadow: 0 0 117px rgb(0 0 0 / 24%); border-radius: 5px; } #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container::after { content: none; } #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container img.medPhoto { transition: transform .8s; left: 0 !important; } #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink:hover .nailthumb-container img.medPhoto { transform: scale(1.3); } #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs { margin-right: -20px; margin-bottom: 10px!important; } #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs::after { content: ''; display: block; clear: both; } .webshopTemplate #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs li { margin: 0 18px 18px 0!important; border: 1px solid #ddd !important; transition: border .4s; padding: 0!important; margin: 0 5px 0 0!important; width: 80px!important; } #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs li:hover { border-color: #282828!important; } .page-content #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs li .nailthumb-container { border: 2px solid white; width: 100%!important; padding: 0!important; margin: 0; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox { padding-left: 30px; overflow: hidden; } #Shop div#ShopContent #article-content div#CatContent.nophoto .articleInfoBox { padding-left: 0; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox h1#Title { font-size: 28px; margin: 0; line-height: 1.2; font-weight: 700; font-family:'Karla', sans-serif; text-transform: uppercase; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox h1#Title:after{ display: none; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox h1#Title span#article-price { font-size: 22px!important; color:#756257 !important; margin: 0; padding: 10px 0 25px; font-weight: bold; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox.request h1#Title span#article-price { font-size: 14px; line-height: 20px; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox h1#Title span#article-price span.strikePrice { color: #bbb; font-weight: normal; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox h1#Title span#article-price a { background: #282828!important; color: #282828!important; text-decoration: none; box-shadow: 0 3px 0 #000; border-radius: 3px; font-size: 17px; line-height: 28px; padding: 5px 10px; text-align: center; display: inline-block; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox h1#Title span#article-price a:hover { background:#282828!important; color:white; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox .articleShortDesc { position: relative; padding: 0 0 25px; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox .articleShortDesc p { margin: 0; padding: 0; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox form.articleInfoBox { padding: 15px 0; margin-bottom: 15px; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .optionList label { margin-right: 10px; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .optionList select.spec { border: 1px solid #eaeaea; padding: 2px 5px; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox a#resetChoices { display: inline-block; margin-bottom: 15px; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice { font-size: 16px; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice label { margin-right: 10px; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice input#Qty { border: 1px solid #eaeaea; padding: 2px 5px; transition: all .4s; width: 50px; text-align: center; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice input#Qty:focus { border-color: #282828!important; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns a.AddCart { background: #756257!important; color: #fff!important; text-decoration: none; box-shadow: 0; border-radius: 0; font-size: 17px; line-height: 30px; font-weight: 800; padding: 5px 15px; height: auto; width: auto; text-align: center; display: inline-block; font-weight: normal; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns a.AddCart:hover { background: #756257 !important; color: #fff!important; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #subArticleSpecErrors { color: #aaa; font-style: italic; font-size: 12px; } #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox { margin: 25px 0; clear: both; } #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox::before { content: 'Partager'; font-weight: bold; line-height: 32px; margin-right: 10px; float: left; } #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox a:after { color: #fff; background: #756257 ; width: 32px; line-height: 32px; font-size: 14px; font-family: 'FontAwesome'; display: inline-block; text-align: center; transition: background .5s, color .5s; } #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox a:hover:after { color: #fff!important; } #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox a.addthis_button_facebook:after { content: '\f09a'; } #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox a.addthis_button_twitter:after { content: '\f099'; } #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox a.addthis_button_linkedin:after { content: '\f0e1'; } #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox a.addthis_button_google_plusone_share:after { content: '\f0d5'; } #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox a.addthis_button_email:after { content: '\f003'; } #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox a.addthis_button_pinterest_share:after { content: '\f231'; } #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox a.addthis_button_google_plusone:after { content: '\f0d5'; } #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox a span { display: none; } #Shop div#ShopContent #article-content #Products form#categoryArticles-pager { padding: 0; margin: 0; } #Shop div#ShopContent #article-content #Products #Items { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -1%; } .page-content #Shop #CatContent ul li{ background: url(../images/bullet.png) no-repeat left 4px!important; line-height: inherit!important; padding-left: 20px!important; list-style: none!important; margin-left: -20px!important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem { -webkit-flex: 0 0 23%!important; flex: 0 0 23%!important; background: transparent !important; float: none!important; margin: 20px 1% !important; min-height: auto!important; border-bottom: none!important; padding-bottom: 0px !important; display: inline-block !important; vertical-align: top!important; z-index: 0; box-shadow: none !important; border-radius: 0px; } .content.content-home.home #Shop div#ShopContent #article-content #Products #Items .ProdItem { margin: 0 1% !important; } #Shop div#ShopContent #article-content #Products #Items .slick-slide>div { /*margin: 0 15px;*/ } #Shop #CatContent ul li{ background: url(../images/bullet.png) no-repeat left 7px!important; line-height: inherit!important; padding-left: 20px!important; list-style: none!important; margin-left: 0 !important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover { border: none; box-shadow: none!important; } #Shop div#ShopContent div#accountContent div#menu_my_account, #Shop div#ShopContent div#ProdContent div#menu_my_account{ background: #e6e6e6!important; } #Shop div#ShopContent div#accountContent div#menu_my_account a, #Shop div#ShopContent div#ProdContent div#menu_my_account a{ color: #282828!important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem.promo { padding-bottom: 50px; } #Shop div#ShopContent #article-content #Products #Items .ProdItem.promo::before { content: 'promo'; position: absolute; right: 8px!important; top: 8px!important; background: black!important; display: block; text-transform: none; font-family: Raleway,sans-serif!important; font-size: 20px!important; color: white!important; font-weight: 600!important; border-radius: 50%; z-index: 9; width: 75px!important; line-height: 75px!important; pointer-events: none; letter-spacing: 0.025em; display: none!important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem.promo:hover::before { background: #a40e27!important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover { /*-webkit-box-shadow: 0px 0px 14px 0px rgba(77,77,77,.14)!important; -moz-box-shadow: 0px 0px 14px 0px rgba(77,77,77,.14)!important; box-shadow: 0px 0px 14px 0px rgba(77,77,77,.14)!important;*/ } #Shop div#ShopContent #article-content #Products #Items .ProdItem > a { position: relative; color: #282828; padding: 0; position: static; text-decoration: none !important; outline:none; } #Shop div#ShopContent #article-content #Products #Items .ProdItem > a::after { content: none; } #Shop div#ShopContent #article-content #Products #Items .ProdItem > a.ProdPhoto > img.fixedSize { display: none; } .dialog-product-popup .dialog-product-added-content #modal-left-side .modal-left-product .modal-left-title, .dialog-product-popup .dialog-product-added-inner .dialog-product-added-content #modal-right-side h5 { margin-bottom: 10px!important; padding: 0!important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem > a .nailthumb-container { position: relative; width: auto!important; overflow: visible !important; height: auto !important; /*border: 8px solid white; transition: border-color .4s; box-shadow: 0 0 0 1px #ccccccccc;*/ } /*#Shop div#ShopContent #article-content #Products #Items .ProdItem:hover > a .nailthumb-container { border-color: black; box-shadow: 0 0 0 1px black; }*/ #Shop div#ShopContent #article-content #Products #Items .ProdItem > a.ProdNoPhoto .nailthumb-container { height:332px!important; padding-bottom: 0 !important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem > a.ProdNoPhoto .nailthumb-container::before { content: ''; position: relative; display: block; background: rgb(117 98 87/ 0.75) url(../images/icon-logo.png) no-repeat center; background-size: contain; border: 5px solid #756257; transition: all 0.7s; height: 250px; border-radius: 0 !important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover > a.ProdNoPhoto .nailthumb-container::before { opacity:0.5; } #Shop div#ShopContent #article-content #Products #Items .ProdItem > a .nailthumb-container img.nailthumb-image { width: 100%!important; height: 250px!important; border: 5px solid #756257; top: 0!important; left: 0!important; object-fit: cover!important; transition: all 0.7s; opacity: 1!important; border-radius: 0 !important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem > a.ProdNoPhoto .nailthumb-container img.nailthumb-image { display: none!important; object-fit: contain!important; border-radius: 0 !important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: 250px; box-sizing: border-box; color: transparent; font-family: Arial; line-height: 42px; font-size: 24px; border-radius: 0; margin: 0; -ms-transform: scale(0, 0); -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: all 0.4s; transition: all 0.4s; border: none; background: url(../images/plus.png) no-repeat center rgba(101, 90, 87, 0.60); z-index: 1; pointer-events: none; } #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover::before { transform: scale(1, 1); } #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover > a .nailthumb-container img.nailthumb-image { opacity: 1 !important; background: url(../images/zoom.png) no-repeat center rgba(101, 90, 87, 0.40); } .content.content-home.home #Shop div#ShopContent #Breadcrumbs { display: none; } #Shop div#ShopContent #article-content #Products #Items .ProdItem > a .nailthumb-container span.nailthumb-title { position: relative!important; z-index: 50!important; left: 0!important; right: 0!important; bottom: 0!important; top: auto!important; width: auto!important; height: auto!important; line-height: 25px!important; padding: 23px 5px 0!important; margin: 0!important; background: transparent!important; font-size: 24px!important; font-weight: 700!important; text-align: center!important; text-transform: none!important; color: #655a57!important; font-family: 'Alkatra', sans-serif!important; min-height: 100px !important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover>a .nailthumb-container span.nailthumb-title { /* background: none !important; color:#756257 !important;*/ } #Shop div#ShopContent #article-content #Products #Items .ProdItem .ProdPrice { position: relative!important; z-index: 6!important; padding: 9px 0 0!important; color: #756257 !important; font-size: 18px!important; line-height: 20px!important; font-weight: 700!important; margin: 0!important; pointer-events: none!important; font-family: 'DM Sans', sans-serif!important; align-items: end!important; min-height: auto !important; } /* #Shop div#ShopContent #article-content #Products #Items .ProdItem .ProdPrice:before { position: absolute; content: ""; left: 0; right: 0; top: 0; height: 3px; width: 100%; max-width: 17px; background:#756257 ; margin: 0 auto; } #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover .ProdPrice:before { background:#000; }*/ #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover .ProdPrice { align-items: end; } #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover .ProdPrice,#Shop div#ShopContent #article-content #Products #Items .ProdItem:hover > a .nailthumb-container span.nailthumb-title { /*color: #c2aa77!important;*/ } #Shop div#ShopContent #article-content #Products #Items .ProdItem .ProdPrice s { display: block!important; font-size: 18px!important; color: #0d0202!important; font-weight: 400!important; margin-top: 15px!important; letter-spacing: 0.025em; } #Shop div#ShopContent #article-content #Products #Items .ProdItem.promo .ProdPrice s { position: absolute; top: 0px; right: 0; left: 0; } #Shop div#ShopContent #relatedArticles #Items .ProdItem .ProdPrice { min-height: auto !important; display: block !important; padding: 5px !important; } #Shop div#ShopContent #relatedArticles #Items .ProdItem .ProdPrice.strikePrice { padding-top: 0 !important; font-size: 18px !important; font-weight: 400 !important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering { position: relative; z-index: 20; left: auto; height: auto; margin: 0; right: 0; bottom: 0; padding: 0 0 10px; position: relative !important; opacity: 0; width: 100%; bottom: 0; opacity: 0; display: none; } #Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering { padding: 0!important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering a { background: #000!important; color: #fff !important; font-size: 15px!important; font-weight: 400!important; border-radius: 6px !important; text-transform: none !important; letter-spacing: 0; font-family: 'Karla', sans-serif !important; padding: 3px 15px 2px !important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover .ordering { opacity:0; } #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover .ordering a { background: #756257 !important; color: #000 !important; } /*#Shop div#ShopContent #article-content #Products #Items .ProdItem:hover .ProdPrice{ opacity: 0; }*/ #Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering { bottom: 0px!important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem#Shop div#ShopContent #article-content #Products #Items .ProdItem{ padding: 0 !important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering a::before { content: none; } #Shop div#ShopContent #article-content #Products .pagesHolder a:hover, #Shop div#ShopContent #article-content #Products .pagesHolder a.jp-current { background: #282828!important; color:white!important; } #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation { margin: 0; padding: 0; } #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li { background: none; } #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a, #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a.selected { border: none; background: #756257 !important; color: #fff!important; } #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a { position: relative; padding: 5px 10px; font-size: 17px; line-height: 30px; color: #282828; margin: 0 10px; } #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li:first-child a { margin-left: 0; } #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0px; background:#282828; color:white; transition: all .4s; } #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a.selected::after, #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a:hover::after { height: 3px; background: #282828; } #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a.selected:hover, #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a:hover { background: none; border: none; color: #282828; } .content.content-home.webshop-content.page #Shop div#ShopContent #article-content #Products .Tabs div.TabContent { border: none; border-top: 1px solid #eaeaea; padding: 20px; background: rgb(0 0 0 /6%); } #Shop div#ShopContent #article-content #Products .Tabs div.TabContent p { color: #282828; } #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabDescription > *:first-child, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#Tabextra > *:first-child { padding-top: 0; margin-top: 0; } #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabDescription ul, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#Tabextra ul { padding-left: 10px; } #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabDescription ul li, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#Tabextra ul li { list-style: none; background: url(../images/bullet.png) no-repeat 0 6px; padding-left: 20px; } #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabDescription ul ul li, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#Tabextra ul ul li { background-image: url(../images/bullet.png); padding-left: 20px; } #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabDetails fieldset #subArticlesList .ListItem .bundleAddCart, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabRelated .ListItem .bundleAddCart, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabBundle .ListItem .bundleAddCart { color: #fff !important; } #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabDetails fieldset #subArticlesList .ListItem .bundleAddCart:hover, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabRelated .ListItem .bundleAddCart:hover, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabBundle .ListItem .bundleAddCart:hover { background: #282828!important; color:white!important; } #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabDetails fieldset .pagesHolder a, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabRelated .pagesHolder a, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabBundle .pagesHolder a { color: #fff !important; } #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabDetails fieldset .pagesHolder a:hover, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabRelated .pagesHolder a:hover, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabBundle .pagesHolder a:hover, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabDetails fieldset .pagesHolder a.jp-current, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabRelated .pagesHolder a.jp-current, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabBundle .pagesHolder a.jp-current { background: #282828!important; color:white!important; } #Shop div#ShopContent #Checkout a.Checkout, #Shop div#ShopContent #Checkout a#checkoutContinue.Checkout, #Shop div#ShopContent #Checkout a.Send { color: #fff !important; text-decoration: none; box-shadow: 0; border-radius: 0; font-size: 14px; line-height: 24px; text-transform: uppercase; font-weight: normal; padding : 5px 14px; text-align: center; display: inline-block; font-family:'Karla', sans-serif; } /*#Shop div#ShopContent #Checkout a.Send { margin-top: 31px; }*/ #Shop div#ShopContent #Checkout a.Checkout{ margin-top: 15px; padding : 10px 50px; } #Shop div#ShopContent #article-content h1#Title:before, #Shop div#ShopContent #article-content h1#Title:after { display: none; } #Shop div#ShopContent #Checkout a.Checkout:hover, #Shop div#ShopContent #Checkout a.Send:hover { color: white!important; background:#282828!important; } #Shop div#ShopContent #Checkout ol li.Border { border: none; margin-bottom: 5px; } #Shop div#ShopContent #Checkout ol li.Border small { margin: 0; font-size: 85%; } #Shop div#ShopContent #Checkout ol li.Border h4.StepTitle { padding: 10px 15px; font-family:'Karla', sans-serif; background: #756257 ; } .content-shop #Shop div#ShopContent #article-content #Products #Items .ProdItem > a .nailthumb-container>div, .home-content #Shop div#ShopContent #article-content #Products #Items .ProdItem > a .nailthumb-container>div { height: auto !important; } #Shop div#ShopContent #Checkout ol li.Border h4.StepTitle a { margin: -10px -15px; padding: 10px 15px; } #Shop div#ShopContent #Checkout ol li.Border h4.StepTitle.Active { color: #fff !important; font-size: 20px; font-weight: 800; text-transform: uppercase; } #Shop div#ShopContent #Checkout ol li.Border h4.StepTitle a { background: #282828!important; color: white!important; } #Shop div#ShopContent #Checkout ol li.Border h4.StepTitle a:hover { background: #282828!important; color:white!important; } #Shop div#ShopContent #Checkout ol li.Border div[id^="checkout"] > form > ul > li { position: relative; padding: 10px 0; margin-left: 0; } #Shop div#ShopContent #Checkout ol li.Border div[id^="checkout"] > form > ul > li::after { content: ''; display: block; clear: both; } #Shop div#ShopContent #Checkout ol li.Border #checkout-user-login div { width: auto; padding-right: 25px; } #Shop div#ShopContent #Checkout ol li.Border #checkout-user-login div label { width: 25%; padding-left: 0px; } #Shop div#ShopContent #Checkout ol li.Border #checkout-user-login div input.field { width: 75%; margin-bottom: 5px; } #Shop div#ShopContent #Checkout #checkout-user-login a.Send { margin-right: 25%; } #Shop div#ShopContent #Checkout ol li.Border label { width: 20%; min-width: 0; float: left; margin: 0; line-height: 40px; } #Shop div#ShopContent #Checkout ol li.Border label:not(:first-of-type) { padding-left: 10px; } #Shop div#ShopContent #Checkout ol li.Border label span.required { color:#282828; font-size: 18px; } #Shop div#ShopContent #Checkout ol table#checkoutDetail .ProdPhoto img, #Shop div#ShopContent #Checkout ol table#checkoutDetail .ProdNoPhoto{ border-color: #282828!important; } #Shop div#ShopContent #Checkout ol li.Border input.field, #Shop div#ShopContent #Checkout ol li.Border input.Text, #Shop div#ShopContent #Checkout ol li.Border select, #Shop div#ShopContent #Checkout ol li.Border input.datepicker, #Shop div#ShopContent #Checkout ol li.Border input.timepicker, #Shop div#ShopContent #Checkout ol li.Border input.NomTel { background: white; border: 1px solid #ccc; height: 40px; width: 30%; float: left; margin: 0; clear: none; font-weight: normal; font-family:'Karla', sans-serif; } #Shop div#ShopContent #Checkout ol li.Border select#countryKey, #Shop div#ShopContent #Checkout ol li.Border input.datepicker, #Shop div#ShopContent #Checkout ol li.Border input.timepicker { width: auto; } #Shop div#ShopContent #Checkout ol li.Border input.timepicker { margin-left: 5px; } #Shop div#ShopContent #Checkout ol li.Border select#checkoutAddress { width: auto; float: none; } #Shop div#ShopContent #Checkout ol li.Border input.field:focus, #Shop div#ShopContent #Checkout ol li.Border input.Text:focus, #Shop div#ShopContent #Checkout ol li.Border select:focus, #Shop div#ShopContent #Checkout ol li.Border input.datepicker:focus, #Shop div#ShopContent #Checkout ol li.Border input.timepicker:focus, #Shop div#ShopContent #Checkout ol li.Border input.NomTel:focus { border-color: #756257 ; } #Shop div#ShopContent #Checkout ol table#checkoutAddress thead th, #Shop div#ShopContent #Checkout ol table#checkoutShippingMethod th, #Shop div#ShopContent #Checkout ol table#checkoutBillingMethod th, #Shop div#ShopContent #Checkout ol table#checkoutDetail tbody th { background: #f3f3f3; color: #282828; } #Shop div#ShopContent #Checkout ol table#checkoutAddress thead .Border, #Shop div#ShopContent #Checkout ol table#checkoutDetail thead tr { border: none; } #Shop div#ShopContent #Checkout ol table#checkoutDetail thead th { background: #282828!important; color: #fff!important; border: none; } #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine span.catalogPromoEnterYourCode { font-weight: bold; display: block; } #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine span.catalogPromoEnterYourCode + br { display: none; } #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine input.catalogPromoInputCodePromo { border: 1px solid #ccc; font-family:'Karla', sans-serif; font-size: 14px; line-height: 30px; color: #aaa; padding: 5px 10px; outline: none !important; background: white; height: 35px; margin: 0px 10px 0px 0px; float: left; transition: all .4s; } #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine input.catalogPromoInputCodePromo:focus{ border-color: #756257 ; } #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine .couponSubmit { margin: 0; } section.content.home-content #Shop div#ShopContent #ShopContent div#ProdNav{ display: none!important; } #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine .couponSubmit input#buttonCouponSubmit { font-family:'Karla', sans-serif; font-size: 14px; line-height: 24px; color: #fff!important; font-weight: bold; padding: 5px 10px; outline: none !important; border: 0; width: auto; display: inline-block; margin:10px auto!important; height: auto; transition: all .4s; z-index: 5; cursor: pointer; } #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine .couponSubmit input#buttonCouponSubmit:hover { background:#282828!important; color: white!important; } #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine .messageCoupon { clear: both; } #Shop div#ShopContent #Checkout ol form#checkoutConfirmForm textarea#orderComment { border-color: #ccc; } #Shop div#ShopContent #Checkout ol form#checkoutConfirmForm textarea#orderComment:focus { border-color: #756257 !important; } #Shop div#ShopContent #Checkout ol form#checkoutConfirmForm label.livrtxtmess { background: black!important; color: #fff!important; } #Shop div#ShopContent #Checkout ol form#checkoutConfirmForm p.checkoutCondition, #Shop div#ShopContent #Checkout ol form#checkoutConfirmForm #notChecked, #Shop div#ShopContent #Checkout ol form#checkoutConfirmForm p.checkoutCondition a{ color: #282828!important; } #Shop div#ShopContent div#accountRegister ul li input.field, #Shop div#ShopContent div#accountRegister ul li input.Text, #Shop div#ShopContent div#accountRegister ul li select, #Shop div#ShopContent div#accountRegister ul li input.datepicker, #Shop div#ShopContent div#accountRegister ul li input.timepicker, #Shop div#ShopContent div#accountRegister ul li input.NomTel { background: white; border: 1px solid #ccc; } #Shop div#ShopContent div#accountRegister ul li input.field:focus, #Shop div#ShopContent div#accountRegister ul li input.Text:focus, #Shop div#ShopContent div#accountRegister ul li select:focus, #Shop div#ShopContent div#accountRegister ul li input.datepicker:focus, #Shop div#ShopContent div#accountRegister ul li input.timepicker:focus, #Shop div#ShopContent div#accountRegister ul li input.NomTel:focus { border-color:#756257 ; } #Shop div#ShopContent div#accountRegister a.send { background: #756257 !important; color: #fff !important; padding: 5px 10px; margin-top: 10px; } #Shop div#ShopContent div#accountRegister a.send:hover { background: #756257!important; color:white!important; } #Shop div#ShopContent div#accountContent a#Print, #Shop div#ShopContent div#ProdContent a#Print, #Shop div#ShopContent div#accountContent a#PDF, #Shop div#ShopContent div#ProdContent a#PDF { color: #fff !important; } #Shop div#ShopContent div#accountContent a#Print:hover, #Shop div#ShopContent div#ProdContent a#Print:hover, #Shop div#ShopContent div#accountContent a#PDF:hover, #Shop div#ShopContent div#ProdContent a#PDF:hover { background:#282828!important; color:white!important; } #Shop div#ShopContent div#accountContent ul#edit-adress li input, #Shop div#ShopContent div#ProdContent ul#edit-adress li input, #Shop div#ShopContent div#accountContent ul#edit-adress li select, #Shop div#ShopContent div#ProdContent ul#edit-adress li select { border: 1px solid #ccc; background: white; } #Shop div#ShopContent div#accountContent ul#edit-adress li input:focus, #Shop div#ShopContent div#ProdContent ul#edit-adress li input:focus, #Shop div#ShopContent div#accountContent ul#edit-adress li select:focus, #Shop div#ShopContent div#ProdContent ul#edit-adress li select:focus { border-color: #a6a6a6; } #Shop div#ShopContent div#accountContent a.btn, #Shop div#ShopContent div#ProdContent a.btn { color: #fff !important; background:#756257 ; } #Shop div#ShopContent div#accountContent a.btn:hover, #Shop div#ShopContent div#ProdContent a.btn:hover { background:#756257!important; color:white!important; } #Shop div#ShopContent #ProdContent .Tabs ul.tabNavigation li a.selected, #Shop div#ShopContent #ProdContent .Tabs ul.tabNavigation li a.selected:hover { color: #fff!important; border-color: #756257 !important; background: #756257 !important; } #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a.selected, #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a.selected:hover{ color: #fff!important; border-color:#756257 !important; } #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs li { background: none!important; margin: 0!important; } #Shop div#ShopContent #ProdContent .Tabs ul.tabNavigation li a{ background: #756257!important; border-color: #756257!important; color: #fff!important; font-size: 13px!important; } #Shop div#ShopContent #ProdContent .Tabs ul.tabNavigation li a:hover { background: #756257 !important; color: white!important; border-color: #756257 !important; } #Shop div#ShopContent #Products { padding-top: 0!important; } #Shop div#ShopContent #ProdContent .Tabs div.TabContent input { border: 1px solid #ccc; background: white; } #Shop div#ShopContent #ProdContent .Tabs div.TabContent input:focus { border-color: #a6a6a6; } #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs li .nailthumb-container img{ left: inherit !important; top: 0px !important; width: 100%!important; height: 100%!important; object-fit: cover; } #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery .medPhotoLink .nailthumb-container img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center; } #Shop select#categoryArticles-displayOrderArticles { color: black; } .dialog-product-popup .dialog-product-added-inner h4, .dialog-product-popup .dialog-product-added-inner h5, .dialog-product-popup .dialog-product-added-inner{ text-align: left!important; } .ui-widget .addSubToCart { color: #fff !important; } .ui-widget .addSubToCart:hover { background: #282828!important; color:white!important; } body .ui-autocomplete { position: absolute !important; background: #756257 !important; box-shadow: 0 3px 5px #ccc; z-index: 99 !important; } /* #Shop div#ShopContent #Checkout th, #Shop div#ShopContent #Checkout td strong { color: #282828!important; } #Shop div#ShopContent #Checkout a.Checkout strong { color: #282828 !important; } #Shop div#ShopContent #Checkout a.Checkout:hover strong{ color: #282828 !important; }*/ body .ui-autocomplete li a { color: #282828!important; font-size: 13px!important; font-weight: 500!important; font-style: italic; font-family:'Karla', sans-serif !important; } body .ui-autocomplete li a:hover, body .ui-autocomplete li a#ui-active-menuitem { background:#756257 ; color:#fff!important; font-weight: 500!important; } #Shop div#ShopContent #ProdContent .Tabs div.TabContent{ border-color: #756257 !important; } #accountRegister ul li { margin-bottom: 0; margin-top: 0; clear: both; border-top: 1px solid #ccc; padding: 10px 0; width: 100%; } #accountRegister ul li:first-child { border-top: none; } #accountRegister ul li:after { content: ''; display: block; clear: both; } #Shop div#ShopContent div#accountRegister ul li label { display: inline-block; width: 20%; float: left; margin: 0; line-height: 40px; } #Shop div#ShopContent div#accountRegister ul li label:not(:first-of-type) { padding-left: 10px; } #Shop div#ShopContent div#accountRegister ul li input.field, #Shop div#ShopContent div#accountRegister ul li input.Text, #Shop div#ShopContent div#accountRegister ul li select, #Shop div#ShopContent div#accountRegister ul li input.datepicker, #Shop div#ShopContent div#accountRegister ul li input.timepicker, #Shop div#ShopContent div#accountRegister ul li input.NomTel { height: 40px; line-height: 30px; margin: 0; width: 30% !important; float: left; } .dialog-product-popup .dialog-product-added-inner h4, .dialog-product-popup .dialog-product-added-inner h5 { font-family: 'Karla', sans-serif; color: #756257 !important; font-size: 17px !important; margin-bottom: 10px !important; } #Shop div#ShopContent #Products #Items .ProdItem .displayMessageStockShortage { position: absolute!important; z-index: 8!important; background-color: #756257 !important; color: #fff !important; font-size: 19px !important; line-height: 58px!important; padding: 0px!important; width: 100%!important; bottom: 0px !important; font-weight: 600!important; font-family: 'Karla', sans-serif !important; height: auto; transition: all .6s; /*display: none;*/ display: block; bottom: 70px !important; } .content.content-home.webshop-content.page #Shop div#ShopContent #article-content #Products .Tabs div.TabContent p{ font-size: 18px !important; } .container #Shop div#ShopContent #Products #Items .ProdItem .displayMessageStockShortage > div { font-size: 16px !important; line-height: 30px !important; } .container #Shop div#ShopContent #Products #Items .ProdItem .displayMessageStockShortage > div#outStock.production { background-color:#16cb16 !important; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox .displayMessageStockShortage{ padding: 0 !important; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox .displayMessageStockShortage > div { padding: 5px 15px; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox .displayMessageStockShortage > div#inStock { display:block !important; padding: 3px; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox .displayMessageStockShortage > div#outStock.production { background-color:#16cb16 !important; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox #stockInfo { margin: 0; } .displayMessageStockShortage #inStock { display:none !important; } #Shop div#ShopContent #Products #Items .ProdItem:hover .displayMessageStockShortage { background-color: #fff !important; color: #282828 !important; } .displayMessageStockShortage>div { color: inherit !important; background-color: inherit !important; } .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix { background: #756257 ; } span.noArticleFound { display: none; } .displayProduct { display: none !important; } #Shop div#Sidebar ul.Cart li.row a { color: #282828; } body.webshopTemplate #Shop div#ShopContent #Products #relatedArticles #Items .ProdItem > a .nailthumb-container{ padding-bottom: 0 !important; height: 250px !important; } #Shop div#Sidebar .mini-cart-option{ background:#756257 !important; color: #fff!important; margin-bottom: 5px; } #Shop div#Sidebar .mini-cart-option:hover{ background:#756257!important; color: white!important; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox #add-favorite-button a { color: #756257 !important; text-decoration: none; border: 1px solid #756257 !important; border-radius: 3px; line-height: 28px; text-align: center; display: inline-block; padding: 0 10px; transition: color .6s, background .6s, border .6s; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox #stockInfo { margin: 0; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox .displayMessageStockShortage { background: #282828!important; font-weight: 700; padding: 5px 15px; color:#fff!important; } #Shop div#ShopContent #Checkout th, #Shop div#ShopContent #Checkout td { padding: 10px !important; } #Shop div#ShopContent #Checkout #catalog_cart_complete td { vertical-align: middle; } #Shop div#ShopContent #Checkout ol #checkoutDetail tbody:last-child tr:last-child td{ font-size: 12px; line-height: 18px; color: #282828; } #Shop div#ShopContent #Checkout .Border { border-bottom: 1px solid #282828; } #Shop div#ShopContent #Checkout a.Checkout:hover, #Shop div#ShopContent #Checkout a#checkoutContinue.Checkout:hover, #Shop div#ShopContent #Checkout a.Send:hover { color: white!important; background:#282828!important; } .formError .formErrorContent{ background: #282828!important; } .formError .formErrorArrow div{ background: #282828!important; } /*#Shop div#ShopContent div#accountContent table th, #Shop div#ShopContent div#ProdContent table th { }*/ #Shop div#Sidebar ul#ShopNav li { background: none; } /*sidebar carnet adresse*/ #Shop div#Sidebar .searchForm label{ position: absolute!important; color: #756257 !important; right: 0; top: 5px; } #Shop div#Sidebar h2:before{ display: none; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox h1:before, #Shop div#ShopContent #article-content div#CatContent .articleInfoBox h2:before{ display: none; } } #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover>a.ProdNoPhoto .nailthumb-container>div.nailthumb-loading { display: none!important; } div#Shop div#ShopContent #Products #relatedArticles #Items .ProdItem > a .nailthumb-container img.nailthumb-image { height: 250px!important; position: relative !important; } div#Shop div#ShopContent #Products #relatedArticles #Items .ProdItem > a .nailthumb-container>div { height: 250px!important; } .dialog-product-popup .dialog-product-added-inner .dialog-product-wishlist-content p a, .dialog-product-popup .dialog-product-added-inner .dialog-product-wishlist-content p a:hover{ color: #756257 ; } section.content.webshop-content.content-home #ShopContent .dialog-product-popup .dialog-product-added-inner .dialog-product-added-content #modal-right-side h5, section.content.webshop-content.content-home #ShopContent .dialog-product-popup .dialog-product-added-inner .dialog-product-added-content #modal-left-side h5 { margin-bottom: 10px!important; } #Shop .nailthumb-container > div{ height: auto!important; background: white; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"]{ height: 330px!important; background: black; } /* #Shop div#ShopContent #Checkout ol.Checkout-steps > li div a { color: #fff; }*/ #Shop div#ShopContent #Checkout ol li.Border label.label-webshop { display: inline !important; } #Shop div#ShopContent #Checkout ol li.Border label.label-webshop { display: inline !important; } #Shop div#ShopContent #Checkout ol li.Border .gdpr_policy label { width: 100% !important; } /* #Shop div#ShopContent #article-content #Products #Items .slick-prev:before, #Shop div#ShopContent #article-content #Products #Items .slick-next:before { position: absolute; content: ''; width: 14px; height: 24px; font-family: inherit; left: 0; top: inherit; color: transparent; margin-top: 0; bottom: -42px; } #Shop div#ShopContent #article-content #Products #Items .slick-next:before { background: url(../images/next.png) no-repeat center center; font-size: 32px; } #Shop div#ShopContent #article-content #Products #Items .slick-prev:before { background: url(../images/prev.png) no-repeat center center; font-size: 32px; } #Shop div#ShopContent #article-content #Products #Items .slick-next, #Shop div#ShopContent #article-content #Products #Items .slick-prev { margin-top: 0; width: 14px; height: 24px; } #Shop div#ShopContent #article-content #Products #Items .slick-prev { left: 50%; top: inherit; bottom: -11px; margin-left: -38px; } #Shop div#ShopContent #article-content #Products #Items .slick-next { right: inherit; left: 50%; top: inherit; bottom: -11px; margin-left: 18px; }*/ #Shop div#ShopContent #article-content #Products { padding: 0; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox .color-display { box-shadow: 0 0 0px 1px #ccc; margin-left: 10px; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox select.specError { border-color:#282828!important; color: black!important; } .dialog-product-popup .dialog-product-added-inner { color: black!important; } .content.webshop-content.page-content article .readmore { text-decoration: none !important; text-transform: uppercase; font-size: 15px; font-weight: 600; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] { background:rgb(117 98 87/ 0.75) url(../images/icon-logo.png) no-repeat center !important; box-shadow: 0 0 0 1px #eee; background-size: 75% !important; } #Shop div#ShopContent #Checkout ol.Checkout-steps > li { background: #f2f2f2 !important; } #Shop div#ShopContent #Checkout ol.Checkout-steps > li.Active { background: #282828 !important; } #Shop div#ShopContent #Checkout ol.Checkout-steps > li.Active::before { border-color: #282828 #282828 #282828 transparent !important; } #Shop div#ShopContent #Checkout ol.Checkout-steps > li.Active::after { border-color: transparent transparent transparent #282828 !important; } /* #Shop div#ShopContent #Checkout ol.Checkout-steps > li div{ color: #fff; }*/ #Shop div#ShopContent #Checkout ol.Checkout-steps > li.Active div { color: #fff !important; } /* *** champs formulaires *** */ input, input:focus, input[type="text"], input[type="password"], input[type="text"]:focus, input[type="password"]:focus{ color: black; } input::-webkit-input-placeholder{ color: #282828; opacity:1; } input:-moz-placeholder{ color: #282828; opacity:1; } input::-moz-placeholder{ color: #282828; opacity:1; } input:-ms-input-placeholder{ color: #282828; opacity:1; } div#Shop div#checkoutNewAddressBox li { background: none; margin: 0; } .dialog-product-popup .dialog-product-added-inner .dialog-product-wishlist-content p { color: black; } #checkoutShippingBoxClickAndCollect .card-header { color: #959595; } #Shop div#ShopContent #ProdContent .Tabs div.TabContent ul label { color: #9f9f9f; } .content #Shop div#ShopContent #Products .Tabs ul.tabNavigation li{ display: inline-block !important; } div#ProdContent form#TabProfileForm label { width: 100%; display: block; } div#ProdContent form#TabProfileForm input:not([type="checkbox"], [type="radio"]) { width: 100%; margin-bottom: 10px; } #Shop div#ShopContent div#accountRegister a.send{ height: auto; } #Shop div#Head { display: none !important; } .ui-dialog .ui-dialog-titlebar-close { font-size: 0 !important; } .ui-dialog .ui-dialog-titlebar-close span { top: 2px; left: 2px; } /* Masque le texte d'origine uniquement dans la zone articleInfoBox */ .articleInfoBox #outStock { font-size: 0; } /* Génère le texte "En production" à la place, uniquement dans cette zone */ .articleInfoBox #outStock::after { /*content: "En production";*/ content: "Non disponible"; font-size: 16px; /* Ajustez cette valeur selon le design de votre site */ } @media only screen and (max-width : 1199.98px) { .content.content-home.webshop-content.home #Shop div#ShopContent #Products { padding: 50px 0 100px !important; } /*-------------------------*/ #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox { float: none !important; width: auto !important; } section.content-page #Shop{ margin: 0; } section.content-page #Shop div#ShopContent #article-content #Products #Items{ margin: 0 15px; } #Shop div#ShopContent #article-content #Products #Items .ProdItem, .page-content #Shop div#ShopContent #article-content #Products #Items .ProdItem{ -webkit-flex: 0 0 23%!important; flex: 0 0 23%!important; margin: 20px 1%!important; } #Shop div#ShopContent #Products #Items .ProdItem .displayMessageStockShortage { font-size: 19px !important; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice { float: none; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns { float: none; margin-left: 0; margin-top: 20px; clear: both; } #Shop div#ShopContent #Checkout th, #Shop div#ShopContent #Checkout td { padding: 5px !important; font-size : 13px } #Shop div#ShopContent #ProdContent .Tabs ul.tabNavigation li a{ font-size: 14px; padding: 10px 10px 8px; } #Shop #mobile-sidebar{ display: none!important; } } @media only screen and (max-width : 991.98px) { /*-------------------------*/ #Shop #mobile-sidebar{ display: none!important; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox h1#Title span#article-price{ padding: 10px 0; } #Shop div#ShopContent { width: auto; float: none; } #Shop #mobile-sidebar { display: block; } #Shop div#ShopContent #article-content #Products #Items .ProdItem, .page-content #Shop div#ShopContent #article-content #Products #Items .ProdItem { -webkit-flex: 31%!important; flex: 0 0 31%!important; margin: 20px 1% !important; } section.content-page #Shop div#ShopContent #article-content #Products #Items .ProdItem{ margin: 20px 1% !important; } #Shop div#ShopContent #article-content > h1#Title{ font-size:35px; } #Shop div#ShopContent #Products #Items .ProdItem .displayMessageStockShortage{ } #Shop div#ShopContent #Products #Items .ProdItem .displayMessageStockShortage { font-size: 19px !important; } #Shop div#Sidebar, #Shop div#Sidebar.active { left: auto !important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering{ padding: 0 0 10px!important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem > a .nailthumb-container span.nailthumb-title{ font-size: 12px; min-height: 70px; } #Shop div#ShopContent #article-content #Products #Items .ProdItem .ProdPrice{ font-size: 14px; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] .subCatTitle{ font-size: 16px; top: 55%; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox h1#Title{ font-size: 24px; padding: 0 0 10px; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox h1#Title span#article-price{ font-size: 24px; } #Shop div#ShopContent #article-content div#CatContent .outer { width: 350px !important; } .page-content #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container{ height:350px !important; width: 350px !important; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox .articleShortDesc{ padding: 0; } #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container img.medPhoto { left: 50%!important; top: 50%!important; margin: 0!important; transform: translate(-50%,-50%)!important; width: 100%!important; height: auto!important; position: absolute!important; } #Shop div#ShopContent #article-content #CatSubCats li{ width: 33.333%; -webkit-flex: 0 0 33.3333%; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } #Shop div#ShopContent #Checkout a.Checkout { padding: 8px 20px; } #Shop div#ShopContent #Checkout > form > table thead, #Shop div#ShopContent #Checkout table#checkoutDetail > tbody:first-of-type > tr:first-child { display: none; } #Shop div#ShopContent #Checkout > form > table td, #Shop div#ShopContent #Checkout table#checkoutDetail td { display: block; } #Shop div#ShopContent #Checkout > form > table td span.cell-label, #Shop div#ShopContent #Checkout table#checkoutDetail td span.cell-label { display: inline-block !important; font-weight: bold; padding-right: 5px; width: 100px; } #Shop div#ShopContent #Checkout .ProdPhoto, #Shop div#ShopContent #Checkout .ProdNoPhoto { float: none; } #Shop div#ShopContent #Checkout > ol > li.Border:first-child table td { width: 100%; display: block; margin-bottom: 20px; } td.posspricetaxincl.Border { border-bottom: 1px solid white !important; } #Shop div#ShopContent #Checkout ol li.Border #checkout-user-login div { width: auto; padding-right: 0; } #Shop div#ShopContent #Checkout ol li.Border #checkout-user-login div input.field { width: 100%; margin-bottom: 5px; } #Shop div#ShopContent #Checkout #checkout-user-login a.Send { margin-right: 0; } .page-content #Shop{ margin: 0; } #Shop div#ShopContent #ProdContent .Tabs ul.tabNavigation li a{ padding: 10px 10px 8px; font-size: 11px; } #Shop div#ShopContent #Checkout ol li.Border input.timepicker, #Shop div#ShopContent #Checkout ol li.Border input.NomTel { width: 100%; } #Shop div#ShopContent #Checkout ol li.Border label { width: 100% !important; min-width: 100% !important; } .content #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container { width: 350px !important; margin:0 auto; } .content #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container img.medPhoto { left: 0 !important; top: 0% !important; margin: 0 !important; transform: none !important; width: 100% !important; height: 100% !important; position: relative !important; } /**************/ #Shop div#ShopContent #article-content #CatSubCats li { width: 33.333% !important; -webkit-flex: 0 0 33.3333% !important; -ms-flex: 0 0 33.3333% !important; flex: 0 0 33.3333% !important; } } @media only screen and (max-width : 767.98px) { /*-------------------------*/ #Shop #mobile-sidebar{ display: none!important; } #Shop div#ShopContent { width: auto; float: none; } #Shop #mobile-sidebar { display: block; } #Shop div#ShopContent #article-content > h1#Title{ font-size:35px; } #Shop div#ShopContent #Products #Items .ProdItem .displayMessageStockShortage { font-size: 17px !important; } #Shop div#Sidebar, #Shop div#Sidebar.active { left: auto !important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem > a .nailthumb-container span.nailthumb-title{ font-size: 12px; min-height: 70px; } #Shop div#ShopContent #article-content #Products #Items .ProdItem .ProdPrice{ font-size: 14px; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] .subCatTitle{ font-size: 16px; top: 55%; } #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery li{ text-align : center; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox h1#Title{ font-size: 24px; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox h1#Title span#article-price{ font-size: 24px; } #Shop div#ShopContent #article-content div#CatContent .outer { width: 350px !important; } .content #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container{ height:434px !important; width: 350px !important; } #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container img.medPhoto { left: 50%!important; top: 50%!important; margin: 0!important; transform: translate(-50%,-50%)!important; width: 100%!important; height: auto!important; position: absolute!important; } #Shop div#ShopContent #article-content #CatSubCats li{ width: 50%!important; -webkit-flex: 0 0 50%!important; -ms-flex: 0 0 50%!important; flex: 0 0 50%!important; } #Shop div#ShopContent #Checkout a.Checkout { padding: 8px 20px; } #Shop div#ShopContent #Checkout > form > table thead, #Shop div#ShopContent #Checkout table#checkoutDetail > tbody:first-of-type > tr:first-child { display: none; } #Shop div#ShopContent #Checkout > form > table td, #Shop div#ShopContent #Checkout table#checkoutDetail td { display: block; } #Shop div#ShopContent #Checkout > form > table td span.cell-label, #Shop div#ShopContent #Checkout table#checkoutDetail td span.cell-label { display: inline-block !important; font-weight: bold; padding-right: 5px; width: 100px; } #Shop div#ShopContent #Checkout .ProdPhoto, #Shop div#ShopContent #Checkout .ProdNoPhoto { float: none; } #Shop div#ShopContent #Checkout > ol > li.Border:first-child table td { width: 100%; display: block; margin-bottom: 20px; } td.posspricetaxincl.Border { border-bottom: 1px solid white !important; } #Shop div#ShopContent #Checkout ol li.Border #checkout-user-login div { width: auto; padding-right: 0; } #Shop div#ShopContent #Checkout ol li.Border #checkout-user-login div input.field { width: 100%; margin-bottom: 5px; } #Shop div#ShopContent #Checkout #checkout-user-login a.Send { margin-right: 0; } .page-content #Shop div#ShopContent #article-content #Products #Items{ margin: 0; } #mm-Sidebar.mm-menu.mm-offcanvas.mm-current.hide { display: block!important; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] { background-size: 100%; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] .subCatTitle { font-size: 15px; top: 50%;padding: 13px 5px 15px; } #Shop div#ShopContent #article-content div#CatContent .outer { width: auto!important; float: none; } /*#Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery { float: left; width: 60%; padding-right: 10px; }*/ #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery .nailthumb-container { height: 400px!important; } .page-content #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container { height: 400px !important; width: 400px !important; max-width: 100% !important; } #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container img.medPhoto { left: 50%!important; top: 50%!important; margin: 0!important; transform: translate(-50%,-50%)!important; width: 100%!important; height: auto!important; position: absolute!important; } #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs { margin: 0 auto 20px!important; display: table!important; } #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs li { margin: 0 5px 10px; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox { padding-left: 0; } #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li { padding: 0; } #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a { font-size: 16px; margin: 0; } #Shop div#ShopContent #article-content #Products #Items .ProdItem, .page-content #Shop div#ShopContent #article-content #Products #Items .ProdItem { -webkit-flex: 0 0 48% !important; flex: 0 0 48% !important; margin: 0 1% 20px!important; } .page-content #Shop div#ShopContent #article-content #Products #Items .ProdItem{ margin: 0 1% 20px!important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering { padding: 0 0 10px!important; } #Shop div#ShopContent div#accountRegister ul li label{ width: 40%; margin-bottom:5px; } #Shop div#ShopContent div#accountRegister ul li label:not(:first-of-type) { padding-left: 0; } #Shop div#ShopContent div#accountRegister ul li input.field, #Shop div#ShopContent div#accountRegister ul li input.Text, #Shop div#ShopContent div#accountRegister ul li select, #Shop div#ShopContent div#accountRegister ul li input.datepicker, #Shop div#ShopContent div#accountRegister ul li input.timepicker, #Shop div#ShopContent div#accountRegister ul li input.NomTel{ width: 60%!important; margin-bottom:5px; } #Shop div#ShopContent #Products #Items .ProdItem .displayMessageStockShortage { font-size: 17px !important; line-height: 20px; } #Shop div#ShopContent #article-content #Products #Items .ProdItem{ padding-bottom: 40px; } #Shop div#ShopContent #article-content #Products #Items .ProdItem.promo { padding-bottom: 40px; } #Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering { padding: 0; } #Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering a { font-size: 11px; padding: 10px; } #Shop div#ShopContent #article-content #Products #Items .ProdItem .ProdPrice { font-size: 13px; min-height: 50px; } #Shop div#ShopContent #article-content #Products #Items .ProdItem .ProdPrice s { margin-top: -15px; } #Shop div#ShopContent #Checkout th, #Shop div#ShopContent #Checkout td { padding: 4px !important; } #Shop div#ShopContent #Checkout a.Checkout { padding: 7px 15px; } td.posspricetaxincl.Border { border-bottom: 1px solid white !important; } #Shop #Breadcrumbs a.account { float: none; margin: 0 10px 0 0; } #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext, #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt { width: 30px; height: 55px; line-height: 55px; } #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext:hover, #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt:hover { width: 40px; } #Shop div#ShopContent #Checkout ol li.Border label { width: 35%; } #Shop div#ShopContent #Checkout ol li.Border label:not(:first-of-type) { padding-left: 0; } #Shop div#ShopContent #Checkout ol li.Border input.field, #Shop div#ShopContent #Checkout ol li.Border input.Text, #Shop div#ShopContent #Checkout ol li.Border select, #Shop div#ShopContent #Checkout ol li.Border input.datepicker, #Shop div#ShopContent #Checkout ol li.Border input.timepicker, #Shop div#ShopContent #Checkout ol li.Border input.NomTel { width: 65%; margin-bottom: 5px; } #Shop div#ShopContent #Checkout ol li.Border select#countryKey { width: 65%; } .page-content #Shop { margin: 0; } #Shop div#ShopContent #ProdContent .Tabs ul.tabNavigation li{ float: none; margin: 0; } #Shop div#ShopContent #Checkout ol li.Border input.timepicker, #Shop div#ShopContent #Checkout ol li.Border input.NomTel { width: 100%; } #Shop div#ShopContent #Checkout ol li.Border label { width: 100% !important; min-width: 100% !important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem > a .nailthumb-container span.nailthumb-title { min-height:120px !important; } #Shop div#ShopContent #Products #Items .ProdItem .displayMessageStockShortage { bottom: 90px !important; } } @media only screen and (max-width : 480.98px) { /*-------------------------*/ #Shop div#ShopContent #article-content #CatSubCats li { width: 100%!important; -webkit-flex: 0 0 100%!important; -ms-flex: 0 0 100%!important; flex: 0 0 100%!important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem, .page-content #Shop div#ShopContent #article-content #Products #Items .ProdItem { -webkit-flex: 0 0 98% !important; flex: 0 0 98% !important; float: none; margin: 10px 1% !important; } #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery .nailthumb-container { height: 300px!important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering a { font-size: 11px; padding: 10px; } #Shop div#ShopContent #article-content #Products #Items .ProdItem.promo > a .nailthumb-container span.nailthumb-title { /*padding-bottom: 70px;*/ } #Shop div#ShopContent #article-content #Products #Items .ProdItem > a .nailthumb-container span.nailthumb-title::after { } #Shop div#ShopContent #article-content #Products #Items .ProdItem .ProdPrice { } #Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering { padding: 0; } #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li { display: block; padding: 0; } #Shop div#ShopContent #ProdContent .Tabs div.TabContent input{ width: 173px!important; } #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a.selected, #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a.selected:hover { background:#000!important; color: #fff !important; border-color: #000!important; } #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a:hover { background: #a40e27!important; color:#fff!important; border-color: #a40e27!important; } #Shop div#ShopContent #Checkout ol li.Border div[id^="checkout"] > form > ul > li { border: none; padding: 0; } #Shop div#ShopContent #Checkout ol li.Border #checkout-user-login div label, #Shop div#ShopContent #Checkout ol li.Border #checkout-user-login div input.field { width: 100%; } #Shop div#ShopContent #Checkout ol li.Border label { width: 100%; line-height: normal; padding: 5px 0; } #Shop div#ShopContent #Checkout ol li.Border input.field, #Shop div#ShopContent #Checkout ol li.Border input.Text, #Shop div#ShopContent #Checkout ol li.Border select, #Shop div#ShopContent #Checkout ol li.Border input.datepicker, #Shop div#ShopContent #Checkout ol li.Border input.timepicker, #Shop div#ShopContent #Checkout ol li.Border input.NomTel, #Shop div#ShopContent #Checkout ol li.Border select#countryKey { width: 100%; } #Shop div#ShopContent #Checkout ol li.Border input[type="radio"], #Shop div#ShopContent #Checkout ol li.Border input[type="checkbox"] { margin-bottom: 20px; } #Shop div#ShopContent div#accountRegister ul li label{ width: 100%; margin-bottom:0; } #Shop div#ShopContent div#accountRegister ul li input.field, #Shop div#ShopContent div#accountRegister ul li input.Text, #Shop div#ShopContent div#accountRegister ul li select, #Shop div#ShopContent div#accountRegister ul li input.datepicker, #Shop div#ShopContent div#accountRegister ul li input.timepicker, #Shop div#ShopContent div#accountRegister ul li input.NomTel{ width: 100%!important; margin-bottom:5px; } #Shop div#ShopContent #article-content #CatSubCats li { width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .page-content #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container { height: 250px !important; width: 250px !important; max-width: 100% !important; } .home-content #Shop div#ShopContent #article-content #Products #Items{ height:auto!important; } #Shop div#ShopContent div#accountContent table, #Shop div#ShopContent div#ProdContent table { width: 100%; overflow: auto; display: block; } }