/* Media Queries –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Note: The best way to structure the use of media queries is to create the queries near the relevant code. For example, if you wanted to change the styles for buttons on small devices, paste the mobile query code up in the buttons section and style it there. */ /* Larger than mobile */ @media (max-width: 1100px) { div.container > section.main > div.page.product > div.product-item > div.product-gallery > div.gallery-large { min-height: 433px; } } @media (max-width: 900px) { html, body { overflow-x: hidden; font-weight: 400; } #wpadminbar { display: none; } div.open { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,.3); z-index: 10; display: none; } body.element-open { position: fixed; width: 100%; height: 100%; overflow-y: hidden; } body.element-open > div.open { display: block; } /* PROS INFO MODAL - ON LOGIN */ div#dealer-popin { width: auto; height: auto; padding: .5rem; max-width: calc(100% - 2rem); } div#dealer-popin > div.content { max-width: 100%; } /* -------------- DARK OVERLAY -------------- */ body.element-open #dark-overlay { visibility: visible; opacity: 1; } /* -------------- HEADER -------------- */ div.container > section.header { padding: 0; height: 6rem; } div.container > section.header > div.mobile-header { display: block; position: absolute; z-index: 4; } div.container > section.header > div.mobile-header > div.before { display: none; padding: 0 0 2rem 0; } div.container > section.header > div.mobile-header > div.before > div.logo > a > img { width: 30%; height: auto; } div.container > section.header > div.mobile-header > div.before > div.ship > img { width: auto; height: 3rem; } div.container > section.header > div.mobile-header > div.after { background: rgba(255,255,255,1); } div.container > section.header > div.mobile-header > div.after > div.logo { padding: .5rem 0 .5rem 0; margin-left: 50%; text-align: left; transform: translate(-50%, 0); width: auto;} div.container > section.header > div.mobile-header > div.after > div.logo > a > img { width: auto; height: 55px; } div.container > section.header > div.mobile-header.admin > div.after { top: 46px; } div.container > section.header > div.mobile-header.pink > div.after { top: 26px; } div.container > section.header > div.mobile-header.admin.pink > div.after { top: 72px; } div.container > section.header > div.mobile-header.pink.double > div.after { top: 52px; } div.container > section.header > div.mobile-header.admin.pink.double > div.after { top: 98px; } div.container > section.header > div.mobile-header.fixed { position: fixed; top: 0; left: 0; transition: .4s } div.container.menu-open > section.header > div.mobile-header.fixed { transform: translateX(76%); transition: .4s } div.container.cart-open > section.header > div.mobile-header.fixed { transform: translateX(-86%); transition: .4s } div.container > section.header > div.add_to_cart-icon { min-width: 100%; padding: 2rem .5rem; top: -100px; transition: top .3s ease-in-out; background-color: #f7f7f7 } body > div.container > section.header > div.add_to_cart-icon.visible { top: 85px; transition: top .3s ease-in-out; } body.fixed > div.container > section.header > div.add_to_cart-icon.visible { top: 59px; transition: top .3s ease-in-out; } div.container > section.header > div.desktop-header, div.container > section.header > div.desktop-header + section.navigation { display: none; } /* -------------- MENU -------------- */ div.menu-list { position: fixed; top: 0; left: -75%; width: 75%; height: 100%; overflow-y: auto; overflow-x: hidden; padding: 1.5rem 0 0 0; color: rgba(190,190,190,1); background: rgba(255,255,255,1); box-shadow: 0 -.5rem 1rem -.35rem rgba(0,0,0,0); transition: all .4s; z-index: -1; } body.fixed > div.menu-list { top: 0; } input.burgerchk:checked + div.menu-list { transform: translateX(100%); transition: .4s; box-shadow: 0 -.5rem 1rem -.35rem rgba(0,0,0,0.5); z-index: 10001; } div.container > section.header > div.mobile-header > div.menu { position: relative; left: 0; top: 0; height: 100%; } div.container > section.header > div.mobile-header > div.menu > input.burgerchk { display: none !important; } div.container > section.header > div.mobile-header > div.menu > label.burger, div.container > section.header > div.mobile-header > div.menu > label.burger::before, div.container > section.header > div.mobile-header > div.menu > label.burger::after { position: absolute; top: 32px; left: 26px; width: 24px; height: 3px; background: #000000; border-radius: 3px; cursor: pointer; transition: .1s; z-index: 1; outline: none; } div.container > section.header > div.mobile-header > div.menu > label.burger::before, div.container > section.header > div.mobile-header > div.menu > label.burger::after { content: ""; display: block; left: 0; transition: .3s; } div.container > section.header > div.mobile-header > div.menu > label.burger::before {top: -8px; } div.container > section.header > div.mobile-header > div.menu > label.burger::after {top: 8px; } div.container > section.header > div.mobile-header > div.menu > label.burger .burger-overlay { display: inline-block; position: absolute; background: transparent; width: 36px; height: 36px; left: -6px; top: -16px; z-index: 2; outline: none; user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; } div.container > section.header > div.mobile-header > div.menu > label.menu { position: absolute; top: 20px; left: 50px; font-weight: 500; color: rgba(190,190,190,1); cursor: pointer; transition: color .4s; z-index: 1; } div.container > section.header > div.mobile-header > div.menu > label.empty { position: fixed; top: 0px; right: 0; width: 0; height: 100vh; overflow: hidden; z-index: 3; } div.container.menu-open > section.header > div.mobile-header > div.menu > label.burger { background: rgba(210,210,210,0); transition: .1s; } div.container.menu-open > section.header > div.mobile-header > div.menu > label.burger:before { transform: rotateZ(45deg); top: 0; transition: .3s; } div.container.menu-open > section.header > div.mobile-header > div.menu > label.burger:after { transform: rotateZ(-45deg); top: 0; transition: .3s; } div.container.menu-open > section.header > div.mobile-header > div.menu > label.burger + label.menu { color: rgba(190,190,190,0); transition: .4s; } div.container.menu-open > section.header > div.mobile-header > div.menu > label.burger + label.menu + label.empty { width: 25%; z-index: 999999; } /* -------------- LANG -------------- */ div.menu-list > div.lang { text-align: center; position: relative; padding: 0 2rem 2rem; } div.menu-list > div.lang label.wgcurrent { color: rgba(60,60,60,1); font-weight: 500; } div.menu-list > div.lang a { color: rgba(190,190,190,1) } div.menu-list > div.lang a:hover { color: rgba(243,196,182,1) } div.menu-list > div.lang aside { display: block; width: 100%; } div.menu-list > div.lang label { padding-right: .4rem; } div.menu-list > div.lang ul { padding-left: .4rem; } div.menu-list > div.lang label, div.menu-list > div.lang ul { display: block; width: 50%; float: left; text-align: center; } div.menu-list > div.lang label > span, div.menu-list > div.lang li { display: inline-block; padding: .2rem 0; margin: 0; width: 100%; line-height: initial !important; border: .1rem solid rgba(230,230,230,1); } /* -------------- SHOP MENU -------------- */ div.menu-list > nav.nav { text-align: left; padding: 0 0 1.5rem 0; border-top: .1rem solid rgba(200,200,200,1); margin-top: 15px; } div.menu-list > nav.nav > div.menu-boutique-container > ul.menu { list-style: none; margin: 0; } div.menu-list > nav.nav > div.menu-boutique-container > ul.menu > li.menu-item { position: relative; border-bottom: .1rem solid rgba(200,200,200,1); display: block; float: left; clear: both; width: 100%; } div.menu-list > nav.nav > div.menu-boutique-container > ul.menu > li.menu-item > a { display: block; padding: 1.4rem 0; font-size: 1.7rem; color: black; font-weight: 500; text-transform: uppercase; position: relative; z-index: 0; padding: 1.4rem 20px; } div.menu-list > nav.nav > div.menu-boutique-container > ul.menu > li.menu-item.green-nav-item > a { color: #9cbcbb; } div.menu-list > nav.nav > div.menu-boutique-container > ul.menu > li.menu-item.golden-nav-item > a { color: #c3af5b; } div.menu-list > nav.nav > div.menu-boutique-container > ul.menu > li.menu-item a:hover, div.menu-list > nav.nav > div.menu-boutique-container > ul.menu > li.menu-item > div.sub-menu-wrap > ul.sub-menu > li.menu-item > a:hover { background: rgba(240,240,240,1); color: rgba(160,160,160,1);} div.menu-list > nav.nav > div.menu-boutique-container > ul.menu > li.menu-item > div.sub-menu-wrap > ul.sub-menu > li.menu-item > a:focus { color: rgba(160,160,160,1);} div.menu-list > nav.nav > div.menu-boutique-container > ul.menu > li.menu-item > div.sub-menu-wrap { display: block; float: left; clear: both; width: 100%; } div.menu-list > nav.nav > div.menu-boutique-container > ul.menu > li.menu-item > div.sub-menu-wrap > label.angle { display: inline-block; position: absolute; top: 0; right: 0; width: 100%; font-size: 1.4rem; line-height: 2.2rem; padding: 1.4rem 2rem 1.4rem 0; margin: 0; text-align: right; z-index: 1; } div.menu-list > nav.nav > div.menu-boutique-container > ul.menu > li.menu-item > div.sub-menu-wrap > label.angle:before { content: "\f105"; font-family: "FontAwesome"; font-size: 25px; color: black; } div.menu-list > nav.nav > div.menu-boutique-container > ul.menu > li.menu-item > div.sub-menu-wrap > input[type="checkbox"] { display: none; } div.menu-list > nav.nav > div.menu-boutique-container > ul.menu > li.menu-item > div.sub-menu-wrap > ul.sub-menu { list-style: none; max-height: .001rem; overflow: hidden; transition: .1s; } div.menu-list > nav.nav > div.menu-boutique-container > ul.menu > li.menu-item > div.sub-menu-wrap > ul.sub-menu > li.menu-item { font-size: 1.5rem; border-bottom: .1rem rgba(240,240,240,1) solid;} div.menu-list > nav.nav > div.menu-boutique-container > ul.menu > li.menu-item > div.sub-menu-wrap > ul.sub-menu > li.menu-item:first-child { border-top: .1rem rgba(240,240,240,1) solid;} div.menu-list > nav.nav > div.menu-boutique-container > ul.menu > li.menu-item > div.sub-menu-wrap > ul.sub-menu > li.menu-item:last-child { border-bottom: 0px;} div.menu-list > nav.nav > div.menu-boutique-container > ul.menu > li.menu-item > div.sub-menu-wrap > ul.sub-menu > li.menu-item > a { display: block; padding: 1.2rem 0 1.2rem 3.5rem; color: rgba(0,0,0,1); font-weight: 400; text-transform: uppercase; } div.menu-list > nav.nav > div.menu-boutique-container > ul.menu > li.menu-item > div.sub-menu-wrap > input[type="checkbox"]:checked + label.angle + ul.sub-menu { max-height: 80rem; transition: .2s; } div.menu-list > nav.nav > div.menu-boutique-container > ul.menu > li.menu-item > div.sub-menu-wrap > input[type="checkbox"]:checked + label.angle { width: 9rem; } div.menu-list > nav.nav > div.menu-boutique-container > ul.menu > li.menu-item > div.sub-menu-wrap > input[type="checkbox"]:checked + label.angle:before { content: "\f107"; } /* -------------- USER -------------- */ div.container > section.header > div.mobile-header > div.user > input.userchk { display: none !important; } div.user-list { position: absolute; top: 8.5rem; left: 0; width: 100%; opacity: 0; pointer-events: none; white-space: nowrap; text-align: center; background: #ffffff; box-shadow: 0 1rem 1rem rgba(0,0,0,.3); z-index: 99; border-top: .1rem solid rgb(142,141,141); } div.user-list > div.login-container > div.login-row.mini { position: relative; } div.user-list > div.login-container > div.login-row.mini > ul { list-style: none; width: 100%; margin: 0; text-align: left; } div.user-list > div.login-container > div.login-row.mini > ul > li { font-size: 1.5rem; text-transform: uppercase; padding: 1.2rem 0 1.2rem 3.5rem; border-bottom: .1rem solid rgb(200,200,200); } div.user-list > div.login-container > div.login-row.mini > ul > li > a > i { padding-left: .6rem; color: rgba(243,203,203,1); } input.userchk:checked + div.user-list { opacity: 1; pointer-events: initial; transition: .1s; } div.container > section.header > div.mobile-header > div.nav-wrapper > div.user { display: none; } div.container > section.header > div.mobile-header > div.nav-wrapper > div.user > label.user > img.active { height: 30px; display: block; } div.container > section.header > div.mobile-header > div.nav-wrapper > div.user > label.user > img { display: none; } div.container > section.header > div.mobile-header > div.nav-wrapper > div.user > label.user { display: flex; justify-content: center; align-items: center; width: 30px; padding-left: 5px; cursor: pointer; transition: left .3s; z-index: 1; height: 100%;} div.container.user-open > section.header > div.mobile-header > div.user > label.user > i { color: rgba(121,221,217,1); } body.fixed > div.user-list { position: fixed; top: 6rem; } /* -------------- CART -------------- */ div.cart-list { position: fixed; top: 0; bottom: 0; right: -85%; width: 85%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch; padding: 1.5rem 2rem 0 2rem; background: rgba(255,255,255,1); box-shadow: 0 -.5rem 1rem -.35rem rgba(0,0,0,0); transition: all .4s; z-index: -1; } body.fixed > div.cart-list { top: 0; } input.cartchk:checked + div.cart-list { transform: translateX(-100%); box-shadow: 0 -.5rem 1rem -.35rem rgba(0,0,0,0.5); z-index: 10001; } div.container > section.header > div.mobile-header > div.nav-wrapper > div.cart { margin: 10px 10px 0; position: relative; display: flex; align-items: center; justify-content: center;} div.container > section.header > div.mobile-header > div.nav-wrapper > div.cart > label.cart > img { height: 30px; } div.container > section.header > div.mobile-header > div.nav-wrapper > div.cart > label.cart { display: flex; align-items: center; height: 100%; cursor: pointer; transition: left .3s; z-index: 1; } div.container > section.header > div.mobile-header > div.nav-wrapper > div.cart > label.cart-text { position: absolute; top: calc(50% + 3px); left: 50%; transform: translate(-50%, -50%); width: auto; text-align: center; font-weight: 600; font-size: 1.1rem; color: rgba(190,190,190,1); cursor: pointer; transition: color .4s; z-index: 1; } div.container > section.header > div.mobile-header > div.nav-wrapper > div.cart > label.empty { position: fixed; top: 0; bottom: 0; left: 0; width: 0; height: auto; overflow: hidden; z-index: 3; } div.container > section.header > div.mobile-header > div.nav-wrapper > div.cart:not(.empty) > label.cart > i , div.container > section.header > div.mobile-header > div.nav-wrapper > div.cart:not(.empty) > label.cart-text { color: black; } div.container.cart-open > section.header > div.mobile-header > div.cart > label.cart { z-index: 3; } div.container.cart-open > section.header > div.mobile-header > div.cart > label.cart > img { opacity: 0; transition: .4s; } div.container.cart-open > section.header > div.mobile-header > div.cart > label.cart + label.cart-text { color: rgba(190,190,190,0); transition: .4s; } div.container.cart-open > section.header > div.mobile-header > div.cart > label.cart + label.cart-text + label.empty { width: 15%; z-index: 999999; } /* div.container > section.header > div.mobile-header.admin > div.cart > label.cart { top: 59px; } div.container > section.header > div.mobile-header.admin > div.cart > label.cart-text { top: 66px; } div.container > section.header > div.mobile-header.admin > div.cart > div.cart-list { top: 46px; } div.container > section.header > div.mobile-header.admin > div.cart > label.empty { top: 46px; } div.container > section.header > div.mobile-header.pink > div.cart > label.cart { top: 39px; } div.container > section.header > div.mobile-header.pink > div.cart > label.cart-text { top: 46px; } div.container > section.header > div.mobile-header.pink > div.cart > div.cart-list { top: 0px; } div.container > section.header > div.mobile-header.pink > div.cart > label.empty { top: 0px; } div.container > section.header > div.mobile-header.admin.pink > div.cart > label.cart { top: 85px; } div.container > section.header > div.mobile-header.admin.pink > div.cart > label.cart-text { top: 92px; } div.container > section.header > div.mobile-header.admin.pink > div.cart > div.cart-list { top: 46px; } div.container > section.header > div.mobile-header.admin.pink > div.cart > label.empty { top: 46px; } div.container > section.header > div.mobile-header.pink.double > div.cart > label.cart { top: 65px; } div.container > section.header > div.mobile-header.pink.double > div.cart > label.cart-text { top: 72px; } div.container > section.header > div.mobile-header.pink.double > div.cart > div.cart-list { top: 0px; } div.container > section.header > div.mobile-header.pink.double > div.cart > label.empty { top: 0px; } div.container > section.header > div.mobile-header.admin.pink.double > div.cart > label.cart { top: 111px; } div.container > section.header > div.mobile-header.admin.pink.double > div.cart > label.cart-text { top: 118px; } div.container > section.header > div.mobile-header.admin.pink.double > div.cart > div.cart-list { top: 46px; } div.container > section.header > div.mobile-header.admin.pink.double > div.cart > label.empty { top: 46px; }*/ /* -------------- CART CONTENT -------------- */ div.cart-list > div.cart-container > div.cart-row { float:left; width: 100%; text-align: center; padding: 0 0 10rem 0; } div.cart-list > div.cart-container > div.cart-row > span.title { display: block; padding: 18px 0; font-size: 2rem; font-weight: 500; text-transform: uppercase; color: rgba(190,190,190,1); letter-spacing: 2px;} div.cart-list > div.cart-container > div.cart-row > div.cart-list-container > div.cart-listing { width: 100% !important; min-height: 16.6rem; } div.cart-list > div.cart-container > div.cart-row > div.cart-list-container > div.cart-listing > ul.cart_list { list-style: none; margin: 0; } div.cart-list > div.cart-container > div.cart-row > div.cart-list-container > div.cart-listing > ul.cart_list > li.mini_cart_item { display: flex; align-items: center; width: 100%; clear: both; padding: 1rem 0; position: relative;} div.cart-list > div.cart-container > div.cart-row > div.cart-list-container > div.cart-listing > ul.cart_list > li.mini_cart_item:first-of-type { border-top: 0; } div.cart-list > div.cart-container > div.cart-row > div.cart-list-container > div.cart-listing > ul.cart_list > li.mini_cart_item > a.remove { max-width: 13px; position: absolute; right: 0; top: 16px;} div.cart-list > div.cart-container > div.cart-row > div.cart-list-container > div.cart-listing > ul.cart_list > li.mini_cart_item > a.remove > span.trash { display: block; width: auto; height: auto;} div.cart-list > div.cart-container > div.cart-row > div.cart-list-container > div.cart-listing > ul.cart_list > li.mini_cart_item > a.remove > span.trash > img { width: 13px; height: 13px; } div.cart-list > div.cart-container > div.cart-row > div.cart-list-container > div.cart-listing > ul.cart_list > li.mini_cart_item > a.mini_cart_item_image { max-width: 8rem; } div.cart-list > div.cart-container > div.cart-row > div.cart-list-container > div.cart-listing > ul.cart_list > li.mini_cart_item > a.mini_cart_item_image > img { width: 8rem; height: 8rem; } div.cart-list > div.cart-container > div.cart-row > div.cart-list-container > div.cart-listing > ul.cart_list > li.mini_cart_item > div.item-desc { text-align: left; max-width: calc(100% - 11rem); padding: 0 0 0 1rem; } div.cart-list > div.cart-container > div.cart-row > div.cart-list-container > div.cart-listing > ul.cart_list > li.mini_cart_item > div.item-desc > .variation > .variation-Informations { margin-left: 0; padding-left: 0; } div.cart-list > div.cart-container > div.cart-row > div.cart-list-container > div.cart-listing > ul.cart_list > li.mini_cart_item > div.item-desc > a.mini_cart_item_title { font-weight: 500; text-transform: uppercase; } div.cart-list > div.cart-container > div.cart-row > div.cart-list-container > div.cart-listing > div.total { padding: 1rem 2rem; text-align: center; border-top: .1rem dashed rgba(206,206,206,1); } div.cart-list > div.cart-container > div.cart-row > div.cart-list-container > div.cart-listing > div.total > div.total-title { display: inline-block; font-weight: 500; text-transform: uppercase; } div.cart-list > div.cart-container > div.cart-row > div.cart-list-container > div.cart-listing > div.total > div.total { display: inline-block; text-transform: uppercase; } div.cart-list > div.cart-container > div.cart-row > div.buttons { padding: 0 20px; } div.cart-list > div.cart-container > div.cart-row > div.buttons > a.button { width: 100%; height: auto; line-height: 18px !important; margin: 3rem 0; padding: 13px 25px; border: none; letter-spacing: 2px;} div.cart-list > div.cart-container > div.cart-row > div.buttons > a.button.checkout { background: #f3dcc0; width: 100%; border-radius: 5px; color: black; font-weight: 400; font-size: 18px;} /* -------------- NAVIGATION -------------- */ div.container > section.header > section.navigation > div.row { display: none; } div.container > section.navigation { padding: 0; } /* -------------- BREADCRUMB -------------- */ div.container > section.navigation > div.mobile-breadcrumb { padding: .7rem 0; border: 0px; border-left: 0; border-right: 0; margin-left: 7px } div.container > section.navigation > div.mobile-breadcrumb > nav.woocommerce-breadcrumb {color: rgba(60,60,60,1); font-weight: 500; font-size: 14px; text-align: center;} div.container > section.navigation > div.mobile-breadcrumb > nav.woocommerce-breadcrumb > span.separator { padding: 0 .3rem; color: rgba(190,190,190,1); } div.container > section.navigation > div.mobile-breadcrumb > nav.woocommerce-breadcrumb > a { color: rgba(190,190,190,1); } /* -------------- CONTENT -------------- */ div.container > section.main > div.sidebar { display: none; } /* -------------- GLOBAL -------------- */ /* -------------- GREY BLOCK -------------- */ div.container > section.main > div.page > div.grey > div.content > h1.title { font-size: 1.7rem;text-transform: uppercase;font-weight: 400;margin-bottom: 10px; width: auto; } div.container > section.main > div.page > div.grey > div.content > span.point { font-size: 1.7rem;font-weight: 400;margin-bottom: 10px; } div.container > section.main > div.page.category > div.banniere-category { padding: 0 0 .5rem 0;height: auto;margin: 0; } div.container > section.main > div.page.search > div.grey > div.content { width: 100%;background: #e4e3e3 url(../img/grey-mobile.png) repeat-x;background-position: center bottom;background-size: 2.0015rem;padding: 3rem 0;text-align: center;color: rgba(135,135,135,1); flex-direction: column; } div.container > section.main > div.page.search > div.grey > div.content > div.title { font-size: 1.7rem; } div.container > section.main > div.page > div.grey-mobile { padding: 0 0 2rem 0; } div.container > section.main > div.page.category > div.grey-mobile { padding: 0 0 .5rem 0; } div.container > section.main > div.page.category > div.grey-mobile > div.content { background: #e4e3e3 url(../img/grey-mobile.png) repeat-x; background-position: center bottom; background-size: 2.0015rem; } div.container > section.main > div.page.search > div.grey-mobile > div.content { background: #e4e3e3 url(../img/grey-mobile.png) repeat-x; background-position: center bottom; background-size: 2.0015rem; } div.container > section.main > div.page > div.grey-mobile > div.content > div.result { font-size: 1.6rem; } /* ------------------------- INFO MESSAGE -------------------- */ div.container div.info_message { margin: 25px auto 0; justify-content: center;} div.container div.info_message > img { display: block; width: 70px; } div.container div.info_message > div.info_mobile { display: block; } div.container div.info_message > div.info_mobile > p { font-size: 1.2rem; margin: 0 auto; color: rgba(60,60,60,1); font-weight: normal; line-height: 1.6rem; } div.container div.info_message > div.info_desktop { display: none;} /* -------------- PAGE -------------- */ div.container > section.main > div.page { padding-top: .5rem; } /* -------------- LOGIN -------------- */ /* -------------- LOGIN FORM -------------- */ div.container > section.main > div.page.register > div.col-1 { width: 100%; padding: 0 1rem .6rem 1rem; } div.container > section.main > div.page.register > div.col-1 > p.sub-title { height: 0; margin: 0; } div.container > section.main > div.page.register.pro > div.col-1 > p.sub-title { height: auto; margin: initial; text-align: left; } div.container > section.main > div.page.register > div.col-1 > form > p > label:first-of-type { width: 45%; font-size: 1.3rem; } div.container > section.main > div.page.register > div.col-1 > form > p > label + input, div.container > section.main > div.page.register > div.col-1 > form > p > label + select, div.container > section.main > div.page.register > div.col-1 > form > p > label + textarea { width: 55%; height: 3rem; background: rgba(235,235,235,1); border: 0; border-radius: 0; } div.container > section.main > div.page.register > div.col-1 > form > p > div.woocommerce-password-strength { width: 55%; height: 1rem; float: right; text-indent: -9999rem; background: transparent; } div.container > section.main > div.page.register > div.col-1 > form > p > div.woocommerce-password-strength.short:after { width: 55%; height: .5rem; background: #f1adad; } div.container > section.main > div.page.register > div.col-1 > form > p > div.woocommerce-password-strength.bad:after { width: 55%; height: .5rem; background: #fbc5a9; } div.container > section.main > div.page.register > div.col-1 > form > p > div.woocommerce-password-strength.good:after { width: 55%; height: .5rem; background: #ffe399; } div.container > section.main > div.page.register > div.col-1 > form > p > div.woocommerce-password-strength.strong:after { width: 55%; height: .5rem; background: #c1e1b9; } div.container > section.main > div.page.register > div.col-1 > form > p.mc4wp-checkbox { width: 55%; float: right; } /* -------------- REGISTER FORM -------------- */ div.container > section.main > div.page.register > div.col-2 { width: 100%; padding: 2rem 1rem 6rem 1rem; border: 0; border-top: .1rem solid rgba(230,230,230,1); } div.container > section.main > div.page.register > div.col-2 > p.sub-title { text-align: left; } div.container > section.main > div.page.register > div.col-2 > form > p > label:first-of-type { width: 35%; font-size: 1.3rem; } div.container > section.main > div.page.register > div.col-2 > form > p > label + input, div.container > section.main > div.page.register > div.col-2 > form > p > label + select, div.container > section.main > div.page.register > div.col-2 > form > p > label + textarea { width: 65%; height: 3rem; background: rgba(235,235,235,1); border: 0; border-radius: 0; } div.container > section.main > div.page.register > div.col-2 > form > p > div.woocommerce-password-strength { width: 65%; height: 1rem; float: right; text-indent: -9999rem; background: transparent; } div.container > section.main > div.page.register > div.col-2 > form > p > div.woocommerce-password-strength.short:after { width: 65%; height: .5rem; background: #f1adad; } div.container > section.main > div.page.register > div.col-2 > form > p > div.woocommerce-password-strength.bad:after { width: 65%; height: .5rem; background: #fbc5a9; } div.container > section.main > div.page.register > div.col-2 > form > p > div.woocommerce-password-strength.good:after { width: 65%; height: .5rem; background: #ffe399; } div.container > section.main > div.page.register > div.col-2 > form > p > div.woocommerce-password-strength.strong:after { width: 65%; height: .5rem; background: #c1e1b9; } div.container > section.main > div.page.register > div.col-2 > form > p.mc4wp-checkbox { width: 65%; float: right; } div.container > section.main > div.page.register > div > form > p.mc4wp-checkbox > input[type="checkbox"] + label + label { font-size: 1.3rem; } /* -------------- CATEGORY -------------- */ /* -------------- SUB MENU -------------- */ div.container > section.main > div.page.category > div.sub-category-menu { display: none; } /* -------------- PRODUCT -------------- */ div.container > section.main > div.page.category {display: flex; flex-direction: column;} div.container > section.main > div.page.category > div.listing-options { display: flex; justify-content: flex-end; padding: 0 20px; margin-top: 15px;} div.container > section.main > div.page.category > div.listing-options > div.switch-display { margin: 0 8px; display: inline-block; border: .1rem solid rgba(150,150,150,1); padding: 5px 35px; border-radius: 25px; position: relative; height: 39px; width: 96px;} div.container > section.main > div.page.category > div.listing-options > div.switch-display { display: inline-block; border: .1rem solid rgba(150,150,150,1); padding: 5px 35px; border-radius: 25px; position: relative; height: 39px; width: 96px;} div.container > section.main > div.page.category > div.listing-options > div.icon-grid > img.display-column {} div.container > section.main > div.page.category > div.listing-options > div.icon-grid > img.display-grid {display: block !important; } div.container > section.main > div.page.category > div.listing-options > div.switch-display > img { height: 20px; margin-top: 3px; } div.container > section.main > div.page.category > div.listing-options > div.switch-display > img.no-active { filter: brightness(230%); } div.container > section.main > div.page.category > div.listing-options > div.switch-display > img.display-grid { margin: 3px auto 0 auto; } div.container > section.main > div.page.category > ul.one-column-display {display: flex; flex-direction: column; align-items: center;} /* ---------- PAGINATION --------- */ div.container > section.main > div.page.category > nav.woocommerce-pagination { border-bottom: 3px solid white; } /* -------------- PRODUCT -------------- */ /* -------------- DESC -------------- */ div.container > section.main > div.page.product > div.product-item > div.product-desc { text-align: center; } div.container > section.main > div.page.product > div.product-item > div.product-desc > form.cart { display:none; } div.container > section.main > div.page.product > div.product-item > div.product-desc > div.title-tabs { text-align: left; } div.container > section.main > div.page.product > div.product-item > div.product-desc > div.title-tabs > div.tabs.title { margin: 0 2rem 0 0; } div.container > section.main > div.page.product > div.product-item > div.product-desc > div.content-tabs { text-align: left; } div.container > section.main > div.page.product > div.product-item > div.product-desc > div.content-tabs > div.tabs.content.desc > div.share { padding: 3rem 6rem 2rem 6rem; } div.container > section.main > div.page.product > div.product-item > div.product-desc > div.made_in { text-align: left; } div.container > section.main > div.page.product > div.reviews-list div#agWidgetMain .inner { height: auto; } /* ------------- GALLERY --------------- */ div.container > section.main > div.page.product > div.product-item > div.product-gallery > div.gallery-large, div.container > section.main > div.page.product > div.product-item > div.product-gallery > div.gallery-list > ul.desktop.list { display: none; } div.container > section.main > div.page.product > div.product-item > div.product-gallery > div.gallery-list { position: relative; } /* -------------- UPSELLS -------------- */ div.container > section.main > div.page.product > div.cross-sells-product > ul.products { display: none; } div.container > section.main > div.page.product > div.cross-sells-product > h2.title { border: 0; } /*div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile { float: left; clear: both; list-style: none; padding: 2rem 0; display: flex; margin-bottom: 0; height: 100%; } div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile > span.slick-arrow { display: flex; justify-content: center; align-items: center; min-width: 2rem; font-size: 3rem; color: rgba(190,190,190,1); cursor: pointer; } div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile > span.slick-arrow > img { width: 40%; height: auto; } div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile > div.slick-list { width: 100%; } div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile > li > div.picture > a , div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile > li > div.picture > a > img , div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile > div.slick-list > div.slick-track > li > div.picture > a, div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile > div.slick-list > div.slick-track > li > div.picture > a > img { width: 100%; height: auto; } div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile > div.slick-list > div.slick-track > li { margin: 0; }*/ div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile { list-style: none; display: flex; } div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile > li.product { margin: 0 2rem; padding: 2rem 0.8rem; border: .1rem solid rgba(210,210,210,1); } div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile > li.product > div.text { text-align: left; padding: 0 0 0 1rem;} div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile > li.product > div.text > div.title { font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile > div.slick-list > div.slick-track > li.product { margin: 0 .5rem; padding: 2rem .5rem;} div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile > div.slick-list > div.slick-track > li.product > div.picture { float: initial; } div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile > div.slick-list > div.slick-track > li.product > div.picture > a > img { width: 95%; height: auto; margin: 0 auto; margin-bottom: 10px;} div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile > div.slick-list > div.slick-track > li.product > div.text { text-align: center; } div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile > div.slick-list > div.slick-track > li.product > div.text > div.title { font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile > div.slick-list > div.slick-track > li.product > div.text > div.price { font-weight: 500; color: rgba(60,60,60,1); padding: 0 0 .8rem 0; } div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile > div.slick-list > div.slick-track > li.product > div.text > div.add > a.button { float: initial; padding: .4rem .5rem; background: #f2f2f2; height: 2.1rem; font-size: 1.2rem; } div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile > span.slick-arrow { display: flex; justify-content: center; align-items: center; min-width: 2rem; font-size: 3rem; color: rgba(190,190,190,1); cursor: pointer; } div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile > span.slick-arrow > img { width: 40%; height: auto; } /* -------------- FOOTER-MOBILE -------------- */ body.single-product { padding-bottom: 80px;} body.single-product > div.up {display:none;} body.single-product > div#cookie-notice {bottom: 112px;} body.single-product > div.container > section.main > div.mobile-footer-cart { display: block; position: fixed; width: 100%; bottom: 0; background-color: #f7f7f7; padding: 15px 24px 20px; box-shadow: 0px -4px 9px -2px rgba(0,0,0,0.13); z-index:2;} body.single-product > div.container > section.main > div.mobile-footer-cart > div.name-price-container { display: flex; align-items: baseline; margin-bottom: 10px;} body.single-product > div.container > section.main > div.mobile-footer-cart > div.name-price-container > div.title { width: 70%; text-align: left; font-size: 1.4rem; text-transform: uppercase; color: black; } body.single-product > div.container > section.main > div.mobile-footer-cart > div.name-price-container > div.title > span.minqty-mobile{ font-size: 1.2rem; text-transform: none; font-family: 'Roboto'; color: rgba(246,142,137,1); } body.single-product > div.container > section.main > div.mobile-footer-cart > div.name-price-container > div.price { width: 30%; text-align: right; color: black; font-weight: 400; font-size: 1.8rem; } body.single-product > div.container > section.main > div.mobile-footer-cart > div.name-price-container > div.price > span.price-ht { font-size: 1.7rem; } body.single-product > div.container > section.main > div.mobile-footer-cart > div.name-price-container > div.price > span.new { display: block; } body.single-product > div.container > section.main > div.mobile-footer-cart > div.name-price-container > div.price > span.before { color: rgba(140,140,140,1); font-size: 1.5rem; text-decoration: line-through; } body.single-product > div.container > section.main > div.mobile-footer-cart > div.name-price-container > div.price > span.percent { color: rgba(246,142,137,1); font-size: 1.5rem; margin-left: 5px;} body.single-product > div.container > section.main > div.mobile-footer-cart > div.name-price-container > div.price > span.pvc { font-size:1.2rem; color: rgba(140,140,140,1); display: block; } body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart { display: flex; justify-content: space-between; flex-wrap: wrap;} body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart.variations { flex-wrap: wrap;} body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart > div.woocommerce-variation > div.woocommerce-variation-availability{ display: none;} body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart > div.variations { margin-bottom: 10px; position: relative; width: 100%;} body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart > div.variations > label{ font-size: 0;} body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart > div.variations > select { width: 100%; border-radius: 0; height: 3rem; padding: 0 1rem; font-size: 1.3rem; appearance: none; -webkit-appearance: none; } body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart > div.variations > label::after { content: "\f107"; font-family: "FontAwesome"; color: rgba(140,140,140,1); position: absolute; right: 10px; top: 12px; font-size: 1.8rem; } body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart > div.quantity_select { width: 28%; position: relative;} body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart > div.quantity_select > select { width: 100%; border-radius: 0; height: 4.3rem; padding: 0 1rem 0 2.7rem; font-size: 1.8rem; appearance: none; -webkit-appearance: none; } body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart > div.quantity_select > label::after { content: "\f107"; font-family: "FontAwesome"; color: rgba(140,140,140,1); position: absolute; right: 10px; top: 14px; font-size: 1.8rem; } body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart > button.single_add_to_cart_button { width: 68%; background-color: #d0e9e4; padding: 10px; color: black; font-family: 'Roboto'; font-weight: normal; letter-spacing: .1rem; font-size:2rem; height:4.3rem; order: 3;} body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart > span.soon, body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart > span.coming_soon { width: 68%; background-color: rgba(230,230,230,1); padding: 14px 10px 10px 10px; color: black; font-family: 'Roboto'; font-weight: normal; letter-spacing: .1rem; font-size:2rem; height:4.3rem; order: 3;} body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart > button.single_add_to_cart_button.preorder { width: 68%; background-color: #FBACAA; padding: 10px; color: black; font-family: 'Roboto'; font-weight: normal; letter-spacing: .1rem; font-size:2rem; height:4.3rem; order: 3;} body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart > div.message-access { width: 68%;padding: 10px;color: black;font-family: 'Roboto';font-size: 12px;height: 4.3rem;order: 3; } body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart > div.disponibility { width: 100%; order: 1; text-align: left; margin-bottom: 10px;} body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart > div.quantity { clear: both; padding: 0 0 0 0; height: 4rem; order: 2;} body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart > div.quantity > input { float: left; height: 3rem; padding: 0rem; width: 3rem; text-align: center; border-radius: 0; border: .1rem solid rgba(230,230,230,1); } body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart > div.quantity > div.spinner { float: left; width: 3rem; height: 3rem; line-height: 2.8rem; text-align: center; border: .1rem solid rgba(230,230,230,1); cursor: pointer; } body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart > div.quantity > div.spinnerup { border-left: 0; } body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart > div.quantity > div.spinnerdown { border-right: 0; } body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart > div.quantity > span { display: none; } body.single-product > div.container > section.main > div.mobile-footer-cart > form.cart > div.quantity > span.minqty { color: rgba(246,142,137,1); } /* -------------- CART -------------- */ div.container > section.main > div.page.iscart { padding: 2rem 1rem 6rem 1rem; } /* -------------- TABS -------------- */ div.container > section.main > div.page.iscart > div.cart-content > div.checkout-tab { display: none; } div.container > section.main > div.page.iscart > div.cart-content > div.checkout-tab-mobile { display: block; float: left; width: 70%; font-size: 1.5rem; padding: 2rem; border: .1rem solid rgba(210,210,210,1); border-left: 0; border-right: 0; text-transform: uppercase; background: rgba(240,240,240,1); } div.container > section.main > div.page.iscart > div.cart-content > div.checkout-tab-mobile:nth-of-type(2) { border-left: .1rem solid rgba(210,210,210,1); border-right: .1rem solid rgba(210,210,210,1); } div.container > section.main > div.page.iscart > div.cart-content > div.checkout-tab-mobile.active { background: rgba(255,255,255,1); } div.container > section.main > div.page.iscart > div.cart-content > div.checkout-tab-mobile.only { width: 100%; } div.container > section.main > div.page.iscart > div.cart-content > div.checkout-tab-mobile > a { cursor: default; } div.container > section.main > div.page.iscart > div.cart-content > div.checkout-tab-mobile > a.ok { text-decoration: underline; cursor: pointer; } div.container > section.main > div.page.iscart > div.cart-content > div.checkout-tab-mobile.active > a { text-decoration: none; cursor: default; } /* -------------- PRODUCTS -------------- */ div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart { padding: 2rem .5rem; } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.title-content > div.product-thumbnail { width: 15%; color: transparent; } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.title-content > div.product-name { width: 40%; } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.title-content > div.product-disponibility { display: none; } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.title-content > div.product-price { display: none; } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.title-content > div.product-quantity { width: 15%; text-indent: -9999px; position: relative; } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.title-content > div.product-quantity:after { content: 'QTé'; position: absolute; left: 50%; text-indent: -50%; display: inline-block; } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.title-content > div.product-subtotal { width: 15%; overflow: hidden; text-overflow: ellipsis; text-align: right; } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.title-content > div.product-remove { width: 15%; } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.cart-content > div.cart_item { border-bottom: .1rem dashed rgba(230,230,230,1); } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.cart-content > div.cart_item > div.product-thumbnail { width: 15%; } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.cart-content > div.cart_item > div.product-name { width: 40%; } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.cart-content > div.cart_item > div.product-disponibility { display: none; } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.cart-content > div.cart_item > div.product-price { display: none; } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.cart-content > div.cart_item > div.product-quantity { width: 15%; border: 0; } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.cart-content > div.cart_item > div.product-subtotal { width: 15%; } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.cart-content > div.cart_item > div.product-remove { width: 15%; } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.cart-content > div.cart_item > div.product-remove > a.remove { position: initial; left: 0; } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.cart-content > div.cart_item > div.product-quantity > div.quantity > input { height: 2.6rem; width: 3rem; padding: 0; } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.cart-content > div.cart_item > div.product-quantity > div.quantity > div.spinner { display: none; } /* -------------- SUBTOTAL -------------- */ div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.cart-content > div.actions > div.one:not(.total) { display: none; } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.cart-content > div.actions > div.eight { width: 59%; justify-content: left; } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.cart-content > div.actions > div.eight > span.free-shipping-info { display: inline-block; } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.cart-content > div.actions > div.total-title { width: 25%; border: 0; } div.container > section.main > div.page.iscart > div.cart-content > form.cart > div.cart > div.cart-content > div.actions > div.total { width: 15%; } /* -------------- SHIPPING CALCULATOR -------------- */ div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions { padding: 0 .5rem; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > div.shipping > div.title { padding: 0 .5rem; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > div.shipping > form.woocommerce-shipping-calculator { display: block; padding: 0 .5rem; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > div.shipping > form.woocommerce-shipping-calculator > fieldset.six { float: initial; margin: 0 auto 2rem auto; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > div.shipping > form.woocommerce-shipping-calculator > div.info-shipping { display: block; clear: both; } /* -------------- SHIPPING METHODS -------------- */ div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > div.shipping > div.methods > ul.shipping-list { width: 81%; padding: 0; border: 0; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > div.shipping > div.methods > ul.shipping-list > li.shipping_method_item > label.method-img { width: 12%; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > div.shipping > div.methods > ul.shipping-list > li.shipping_method_item > label.method-name { width: 88%; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > div.shipping > div.methods > ul.shipping-list > li.shipping_method_item > label.method-name > div.method > div.three { width: 63%; text-align: center; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > div.shipping > div.methods > ul.shipping-list > li.shipping_method_item > label.method-name > div.method > div.method { width: 37%; padding-left: 1rem; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > div.shipping > div.methods > ul.shipping-list > li.shipping_method_item > input[type="radio"] + label + label > div.method > div.method { margin-left: 0; text-align: left; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > div.shipping > div.methods > ul.shipping-list > li.shipping_method_item > label.method-name > div.method > div.method > span.ten { display: none; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > div.shipping > div.methods > ul.shipping-list > li.shipping_method_item > label.method-name > div.method > div.method > span.two { width: 40%; text-align: right; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > div.shipping > div.methods > ul.shipping-list > li.shipping_method_item > input[type="radio"] + label + label > div.method > div.method > span.amount { float: left; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > div.shipping > div.methods > div.total-shipping { width: 19%; } /* -------------- CODE PROMO BLOC -------------- */ div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total > div.total > div.discount { display: none; } /* -------------- TOTAL BLOC -------------- */ div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total { padding: 0; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total { border-top: .1rem dashed rgba(230,230,230,1); } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total > div.total { height: auto; margin: 0; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total > div.total > div.coupon { width: 100%; padding: 0 .5rem 1.8rem; text-align: center; border-bottom: .1rem dashed rgba(230,230,230,1); } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total > div.total > div.coupon > label { float: initial; display: inline-block; height: auto; padding-top: .9rem; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total > div.total > div.coupon > label.desktop { display: none; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total > div.total > div.coupon > div.input { float: initial; display: inline-block; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total > div.total > div.coupon > div.input > input.input-text { padding: .1rem; height: 2.4rem; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total > div.total > div.coupon > div.input.disabled { color: rgba(190,190,190,1); } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total > div.total > div.coupon > a.remove { position: initial; display: inline-block; padding-left: 1rem; float: initial; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total > div.total > div.coupon > a.remove.desktop { display: none; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total > div.total > div.discount-mobile { height: initial; padding: 1rem 0; color: rgba(231,124,124,1); border-bottom: .1rem dashed rgba(230,230,230,1);} div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total > div.total > div.discount-mobile > div.title { width: 80%; text-align: right; padding: 0 1rem 0 0; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total > div.total > div.discount-mobile > div.amount { width: 20%; display: flex; justify-content: flex-end; min-height: 2.8rem; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total > div.total > div.discount-mobile > div.amount.fdpfree { text-transform: initial; line-height: 1.4rem; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total > div.total > div.discount-mobile > div.amount > a.remove { display: flex; justify-content: center; align-items: center; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total > div.total > div.discount-mobile > div.amount > a.remove > span.trash { width: 2.2rem; height: 2.2rem; line-height: 2rem; font-weight: 500; color: rgba(90, 90, 90,1); background: rgba(208, 233, 228,1); border-radius: 2.2rem; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total > div.total > div.discount-mobile > div.amount > a.remove > span.trash > img { width: 1rem; height: 1rem; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total > div.total > div.total > div.title { width: 70%; padding: 0; border: 0; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total > div.total > div.total > div.amount { width: 30%; padding: 0; } /* -------------- PROCEED -------------- */ div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.checkout-button { padding: 0 .5rem; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.checkout-button > a.button { padding: 0.2rem 2.5rem; font-size: 1.6rem; float: initial; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.checkout-button > a.button.continue { display: none; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.checkout-button > a.button.checkout-button { display: none; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.checkout-button > a.button.checkout-button.mobile { float: initial; display: inline-block; margin: 0 0 0 2rem; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.checkout-button > a.button.checkout-button.disable.mobile { display: none; } /* -------------- CROSS SELLS -------------- */ div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.cross-sells { display: none; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.cross-sells-mobile { padding: 2.5rem .5rem 0 .5rem; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.cross-sells-mobile > div.title { text-align: left; padding: 0 0 2.5rem 1rem; text-transform: uppercase; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.cross-sells-mobile > ul.products { list-style: none; display: flex; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.cross-sells-mobile > ul.products > li.product { margin: 0 2rem; padding: 2rem 1rem; border: .1rem solid rgba(210,210,210,1); } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.cross-sells-mobile > ul.products > li.product > div.text { text-align: left; padding: 0 0 0 1rem;} div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.cross-sells-mobile > ul.products > li.product > div.text > div.title { font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.cross-sells-mobile > ul.products > li.product > div.text > div.price { font-weight: 500; color: rgba(171,208,204,1); padding: 0 0 2rem 0; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.cross-sells-mobile > ul.products > li.product > div.text > div.add > a.button { float: right; padding: .6rem 1rem; background: rgba(208,233,228,1); height: 2.7rem; font-size: 1.4rem; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.cross-sells-mobile > ul.products > div.slick-list > div.slick-track > li.product { margin: 0 .5rem; padding: 2rem .5rem;} div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.cross-sells-mobile > ul.products > div.slick-list > div.slick-track > li.product > div.picture { float: initial; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.cross-sells-mobile > ul.products > div.slick-list > div.slick-track > li.product > div.picture > a > img { width: 95%; height: auto; margin: 0 auto; margin-bottom:10px;} div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.cross-sells-mobile > ul.products > div.slick-list > div.slick-track > li.product > div.text { text-align: center; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.cross-sells-mobile > ul.products > div.slick-list > div.slick-track > li.product > div.text > div.title { font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.cross-sells-mobile > ul.products > div.slick-list > div.slick-track > li.product > div.text > div.price { font-weight: 500; color: rgba(60,60,60,1); padding: 0 0 .8rem 0; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.cross-sells-mobile > ul.products > div.slick-list > div.slick-track > li.product > div.text > div.add > a.button { float: initial; padding: .4rem .5rem; background: #f2f2f2; height: 2.1rem; font-size: 1.2rem; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.cross-sells-mobile > ul.products > span.slick-arrow { display: flex; justify-content: center; align-items: center; min-width: 2rem; font-size: 3rem; color: rgba(190,190,190,1); cursor: pointer; } div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.cross-sells-mobile > ul.products > span.slick-arrow > img { width: 40%; height: auto; } /* -------------- CHECKOUT -------------- */ /* -------------- TABS -------------- */ div.container > section.main > div.page.checkout > div.checkout-content > div > div.checkout-tab { display: none; } div.container > section.main > div.page.checkout > div.checkout-content > div > div.checkout-tab-mobile { display: block; float: left; width: 70%; font-size: 1.5rem; padding: 2rem; border: .1rem solid rgba(210,210,210,1); border-left: 0; border-right: 0; text-transform: uppercase; background: rgba(240,240,240,1); } div.container > section.main > div.page.checkout > div.checkout-content > div > div.checkout-tab-mobile.active { background: rgba(255,255,255,1); border-right: .1rem solid rgba(210,210,210,1); padding: 2rem 0; white-space: nowrap; } div.container > section.main > div.page.checkout > div.checkout-content > div > div.checkout-tab-mobile.only { width: 100%; border-left: .1rem solid rgba(210,210,210,1); border-right: .1rem solid rgba(210,210,210,1); } div.container > section.main > div.page.checkout > div.checkout-content > div > div.checkout-tab-mobile.back { width: 30%; border-left: .1rem solid rgba(210,210,210,1); border-right: .1rem solid rgba(210,210,210,1); } div.container > section.main > div.page.checkout > div.checkout-content > div > div.checkout-tab-mobile > a { cursor: default; } div.container > section.main > div.page.checkout > div.checkout-content > div > div.checkout-tab-mobile > a.ok { text-decoration: underline; cursor: pointer; color: rgba(160,160,160,1); } div.container > section.main > div.page.checkout > div.checkout-content > div > div.checkout-tab-mobile.active > a { text-decoration: none; cursor: default; } /* -------------- ADDRESS -------------- */ div.container > section.main > div.page.checkout > div.checkout-content > div.adress > div.content { padding: 3rem 1rem; } div.container > section.main > div.page.checkout > div.checkout-content > div.adress > div.content > form.checkoutstep > div.addresses > div.billing { padding: 2rem 0 0 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.adress > div.content > form.checkoutstep > div.addresses > div.six > div > div > p > label:first-of-type { font-size: 1.3rem; } /* -------------- LOGIN -------------- */ div.container > section.main > div.page.checkout > div.checkout-content > div.identification { padding: 0; border: .1rem solid rgba(230,230,230,1);; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div { border: 0; padding: .6rem 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div > form > p { width: 100%; } /* div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-1 { padding: 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-1 > form > p > label:first-of-type { width: 45%; font-size: 1.3rem; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-1 > form > p > label + input, div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-1 > form > p > label + select, div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-1 > form > p > label + textarea { width: 55%; height: 3rem; background: rgba(235,235,235,1); border: 0; border-radius: 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 { border: 0; border-top: .1rem dashed rgba(230,230,230,1); padding: 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p > label:first-of-type { width: 35%; font-size: 1.3rem; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p > label + input, div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p > label + select, div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p > label + textarea { width: 65%; height: 3rem; background: rgba(235,235,235,1); border: 0; border-radius: 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p > div.woocommerce-password-strength { width: 65%; height: 1rem; float: right; text-indent: -9999rem; background: transparent; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p > div.woocommerce-password-strength.short:after { width: 65%; height: .5rem; background: #f1adad; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p > div.woocommerce-password-strength.bad:after { width: 65%; height: .5rem; background: #fbc5a9; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p > div.woocommerce-password-strength.good:after { width: 65%; height: .5rem; background: #ffe399; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p > div.woocommerce-password-strength.strong:after { width: 65%; height: .5rem; background: #c1e1b9; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p.mc4wp-checkbox { width: 65%; float: right; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p > input[type=checkbox] + label { width: auto; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p > input[type=checkbox] + label + label { padding: 0 0 0 .5rem; font-size: 1.3rem; } */ div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-1 { width: 100%; padding: 2rem 1rem .6rem 1rem; border: 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-1 > p.sub-title { height: 0; margin: 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-1 > form > p > label:first-of-type { width: 45%; font-size: 1.3rem; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-1 > form > p > label + input, div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-1 > form > p > label + select, div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-1 > form > p > label + textarea { width: 55%; height: 3rem; background: rgba(235,235,235,1); border: 0; border-radius: 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-1 > form > p > div.woocommerce-password-strength { width: 55%; height: 1rem; float: right; text-indent: -9999rem; background: transparent; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-1 > form > p > div.woocommerce-password-strength.short:after { width: 55%; height: .5rem; background: #f1adad; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-1 > form > p > div.woocommerce-password-strength.bad:after { width: 55%; height: .5rem; background: #fbc5a9; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-1 > form > p > div.woocommerce-password-strength.good:after { width: 55%; height: .5rem; background: #ffe399; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-1 > form > p > div.woocommerce-password-strength.strong:after { width: 55%; height: .5rem; background: #c1e1b9; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-1 > form > p.mc4wp-checkbox { width: 55%; float: right; } /* -------------- REGISTER FORM -------------- */ div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 { width: 100%; padding: 2rem 1rem 6rem 1rem; border: 0; border-top: .1rem solid rgba(230,230,230,1); } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > p.sub-title { text-align: left; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p > label:first-of-type { width: 35%; font-size: 1.3rem; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p > label + input, div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p > label + select, div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p > label + textarea { width: 65%; height: 3rem; background: rgba(235,235,235,1); border: 0; border-radius: 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p > div.woocommerce-password-strength { width: 65%; height: 1rem; float: right; text-indent: -9999rem; background: transparent; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p > div.woocommerce-password-strength.short:after { width: 65%; height: .5rem; background: #f1adad; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p > div.woocommerce-password-strength.bad:after { width: 65%; height: .5rem; background: #fbc5a9; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p > div.woocommerce-password-strength.good:after { width: 65%; height: .5rem; background: #ffe399; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p > div.woocommerce-password-strength.strong:after { width: 65%; height: .5rem; background: #c1e1b9; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p.mc4wp-checkbox { width: 65%; float: right; padding-left: 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div > form > p.mc4wp-checkbox > input[type="checkbox"] + label { padding-right: 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div > form > p.mc4wp-checkbox > input[type="checkbox"] + label + label { font-size: 1.3rem; } /* -------------- PAYMENT -------------- */ div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content { padding: 3rem 1rem; } /* -------------- SHIPPING -------------- */ div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.shipping > div.methods > ul.shipping-list { width: 100%; padding: 0 .5rem; border: 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.shipping > div.methods > ul.shipping-list > li.shipping_method_item > label.method-img { width: 12%; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.shipping > div.methods > ul.shipping-list > li.shipping_method_item > label.method-name { width: 88%; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.shipping > div.methods > ul.shipping-list.noborder > li.shipping_method_item > label.method-name { width: 100%; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.shipping > div.methods > ul.shipping-list.noborder > li.shipping_method_item > label.method-name > div > img { width: 150px; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.shipping > div.methods > ul.shipping-list > li.shipping_method_item > label.method-name > div.method > div.three { width: 50%; text-align: center; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.shipping > div.methods > ul.shipping-list > li.shipping_method_item > label.method-name > div.method > div.method { width: 50%; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.shipping > div.methods > ul.shipping-list > li.shipping_method_item > input[type="radio"] + label + label > div.method > div.method { margin-left: 0; text-align: left; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.shipping > div.methods > ul.shipping-list > li.shipping_method_item > label.method-name > div.method > div.method > span.ten { display: none; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.shipping > div.methods > ul.shipping-list > li.shipping_method_item > label.method-name > div.method > div.method > span.two { width: 40%; text-align: right; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.shipping > div.methods > ul.shipping-list > li.shipping_method_item > input[type="radio"] + label + label > div.method > div.method > span.amount { float: left; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.shipping > div.methods > div.total-shipping { width: 15%; } /* -------------- CDI -------------- */ div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.cdiselectlocation { position: relative; padding: 1rem 1rem 1rem 1rem; margin: 0 0 2rem 0; background: rgba(245,245,245,1); border-radius: .8rem; flex-wrap: wrap; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.cdiselectlocation:before { display: none; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.cdiselectlocation > div#popupmap { width: 100% !important; order: 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.cdiselectlocation > div#pickupselect { width: 100%; padding-left: 0; max-height: initial; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.cdiselectlocation > div#popupmap > div { width: 100% !important; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.cdiselectlocation > div#popupmap div.map-actions > div.button-map { float: initial; text-align: center; } /* -------------- INFOS COMPLEMENTAIRES -------------- */ div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.note { padding: 2rem 0; } /* -------------- RECAP -------------- */ div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.recap { padding: 2rem 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.recap > div.cart_item > div.product-name { width: 75%; border-right: 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.recap > div.cart_item > div.product-total { width: 25%; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.recap > div.shipping-review > div.shipping-amount-title { width: 75%; border-right: 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.recap > div.shipping-review > div.shipping-amount { width: 25%; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.recap > div.discount > div.title { width: 75%; border-right: 0; text-align: left; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.recap > div.discount > div.amount { width: 25%; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.recap > div.discount > div.amount > a.remove { position: initial; float: right; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.recap > div.total_ht { padding: 1rem 0 0 0; border-top: .1rem dashed rgba(230,230,230,1); } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.recap > div.total_ht > div.title { width: 75%; text-align: left; border-right: 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.recap > div.total_ht > div.amount { width: 25%; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.recap > div.tva > div.title { width: 75%; text-align: left; border-right: 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.recap > div.tva > div.amount { width: 25%; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.recap > div.order-total { padding: 2rem 0 0 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.recap > div.order-total > div.order-total.title { width: 75%; border-right: 0; padding: 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.recap > div.order-total > div.order-total.title > span.total { float: left; text-align: left; padding: 1rem 0 0 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.recap > div.order-total > div.order-total.amount { width: 25%; padding: 2.6rem 0 0 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.shop_table > div.recap > div.tva + div.order-total > div.order-total.amount { padding: 1rem 0 0 0; } /* -------------- PAYMENT METHODS -------------- */ div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.payment { padding: 2rem 0 0 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.payment > ul.methods > li.wc_payment_method > input[type="radio"] + label + label { width: calc(100% - 2rem); text-align: left; padding: 0; float: right; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.payment > div.place-order > p.terms > input[type="checkbox"] + label + label { width: calc(100% - 2rem); text-align: left; font-size: 1.3rem; padding: 0; float: right; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.payment > div.place-order > button.button , div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.payment > div.place-order > a.button { float: left; padding: 0 2rem; height: 3.7rem; line-height: 3.5rem; border: .1rem solid rgba(210,210,210,1); } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.payment > div.place-order > button.button.checkout-button { float: right; background: rgba(208,233,228,1); border-color: rgba(208,233,228,1); } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.payment > div.place-order > button.button.checkout-button.disable { display: none; } div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.payment > div.place-order > a.continue { display: none; } /* -------------- THANK YOU -------------- */ div.container > section.main > div.page.checkout > div.checkout-content > div.received { padding: 3rem 1rem; } div.container > section.main > div.page.checkout > div.checkout-content > div.received > div.details { padding: 4rem 0 0 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.received > div.details > div.shop_table > div.title-content > div { width: auto; } div.container > section.main > div.page.checkout > div.checkout-content > div.received > div.details > div.shop_table > div.title-content > div.product-thumbnail { width: 40%; } div.container > section.main > div.page.checkout > div.checkout-content > div.received > div.details > div.shop_table > div.title-content > div.product-name { display: none; } div.container > section.main > div.page.checkout > div.checkout-content > div.received > div.details > div.shop_table > div.title-content > div.product-price { display: none; } div.container > section.main > div.page.checkout > div.checkout-content > div.received > div.details > div.shop_table > div.title-content > div.product-price-mobile { width: 20%; } div.container > section.main > div.page.checkout > div.checkout-content > div.received > div.details > div.shop_table > div.title-content > div.product-quantity { display: none; } div.container > section.main > div.page.checkout > div.checkout-content > div.received > div.details > div.shop_table > div.title-content > div.product-quantity-mobile { width: 20%; } div.container > section.main > div.page.checkout > div.checkout-content > div.received > div.details > div.shop_table > div.title-content > div.product-subtotal { width: 20%; } div.container > section.main > div.page.checkout > div.checkout-content > div.received > div.details > div.order_details > div.order_details_products > div.order_item > div.product > div.thumbnail > img { width: 100%; height: auto; } div.container > section.main > div.page.checkout > div.checkout-content > div.received > div.details > div.order_details > div.order_details_products > div.order_item > div.product > div.price {} div.container > section.main > div.page.checkout > div.checkout-content > div.received > div.details > div.order_details > div.order_details_total > div.follow { min-width: 35%; } div.container > section.main > div.page.checkout > div.checkout-content > div.received > div.details > div.order_details > div.order_details_total > div.follow > a.desktop { display: none; } div.container > section.main > div.page.checkout > div.checkout-content > div.received > div.details > div.order_details > div.order_details_total > div.title { min-width: 45%; padding: 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.received > div.details > div.order_details > div.order_details_total > div.price { min-width: 20%; padding: 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.received > div.details > div.customer_details > div.order-adresses > div.adress > div.content > div.pickup-img > a { display: block; padding: 0 0 2rem 0; } div.container > section.main > div.page.checkout > div.checkout-content > div.received > div.details > div.shipping_method_details > div.content > div.method > img { padding: 0 1rem 0 0; } /* -------------- OTHER -------------- */ div.container > section.main > div.page.other > div.apropos , div.container > section.main > div.page.other > div.recrutement { margin-left: 0; padding: 2rem; } div.container > section.main > div.page.other > div.apropos p , div.container > section.main > div.page.other > div.recrutement p { text-align: left; } div.container > section.main > div.page.other > div.collabs { width: calc(100% - 4rem); float: initial; clear: both; margin: 2rem auto; padding: 0 2rem; text-align: center; } div.container > section.main > div.page.other > div.collabs > strong { display: inline-block; margin-bottom: 0; padding: 2rem 0 2rem 0; } div.container > section.main > div.page.other > div.engagements.col1 , div.container > section.main > div.page.other > div.engagements.col2 { padding: 0 2rem; } div.container > section.main > div.page.other > div.engagements.col1 > img { width: 50%; margin: auto; height: auto; padding: 0 0 2rem 0; } div.container > section.main > div.page.other > div.engagements.col1 > img.mobile-60 { width: 60%; } div.container > section.main > div.page.other > div.surprises { margin-bottom: 0;} div.container > section.main > div.page.other > div.surprises.col1 , div.container > section.main > div.page.other > div.surprises.col2 { padding: 0 2rem; } div.container > section.main > div.page.other > div.surprises.col2 { margin-bottom: 50px; } div.container > section.main > div.page.other > div.surprises.col1 > img { width: 100%; margin: auto; height: auto; padding: 0 0 2rem 0; } div.container > section.main > div.page.other > div.surprises.col1 > img.mobile-60 { width: 60%; } div.container > section.main > div.page.other > div.boutique.col1 , div.container > section.main > div.page.other > div.boutique.col2 { padding: 0 2rem; margin-left: 0; } div.container > section.main > div.page.other > div.boutique.col1 > img { width: 100%; height: auto; padding: 0 0 2rem 0; } div.container > section.main > div.page.other > div.credits.content { padding: 4rem 2rem 4rem 2rem; } div.container > section.main > div.page.other > div.credits.content > a { text-decoration: underline; } div.container > section.main > div.page.other > div.credits.content > a:not(:first-of-type) { display:block; } div.container > section.main > div.page.other > div.cgv.content { padding: 0 2rem 2rem 2rem; } div.container > section.main > div.page.other > div.cgv.content > p > strong.anchor-element { padding-top: 80px; margin-top: -80px; } /* -------------- CONTACT -------------- */ div.container > section.main > div.page.contact > div.contact.content { padding: 0 2rem; } div.container > section.main > div.page.contact > div.contact.content > div.text { padding: 2rem 0; } div.container > section.main > div.page.contact > div.contact.content > div.text > div.bottom > div > p:first-of-type { min-height: initial; } div.container > section.main > div.page.contact > div.contact.content > div.text > div.bottom > div > p:after { position: initial; } div.container > section.main > div.page.contact > div.contact.content > div.text > div.bottom > div > p:last-child:after { display: block; } div.container > section.main > div.page.contact > div.contact.content > div.text > div.bottom > div.right > p:last-child:after { display: none; } div.container > section.main > div.page.contact > div.contact.content > div.form > div.wpcf7 { margin: 0 0 2rem 0; } div.container > section.main > div.page.contact > div.contact.content > div.form > div.wpcf7 > form > div.form > div.columns > div, div.container > section.main > div.page.contact > div.contact.content > div.form > div.wpcf7 > form > div.form > div.columns > label { padding: 0 0 1.5rem 0; } div.container > section.main > div.page.contact > div.contact.content > div.form > div.wpcf7 > form > div.form > div.columns > label > span.wpcf7-form-control-wrap.message { height: 20rem; } /* ------------------------- POINTS DE VENTE --------------------------- */ div.container > section.main > div.page.pdv > div.pdv-container { margin: 30px 0;} /* -------------- MY ACCOUNT -------------- */ div.container > section.main > div.page.account > div.banniere-account { display: none; } div.container > section.main > div.page.account > div.account.home { padding: 0 2rem; text-align: justify; } div.container > section.main > div.page.account > div.account-page { padding: 0 2rem; border: 0; } div.container > section.main > div.page.account > div.account-page > div.navigation { padding: 1rem 0; } div.container > section.main > div.page.account > div.account-page > div.navigation > ul.nav { margin: 0; text-align: center; } div.container > section.main > div.page.account > div.account-page > div.navigation > ul.nav > li { padding: .3rem 0; float: initial; margin: 0 auto; } div.container > section.main > div.page.account > div.account-page > div.navigation > ul.nav > li > a { width: 70%; display: block; margin: 0 auto; padding: .3rem 1rem; border: .1rem solid rgba(230,230,230,1); color: rgba(160,160,160,1); transition: .2s; } div.container > section.main > div.page.account > div.account-page > div.navigation > ul.nav > li.catalog > a { float: initial; } div.container > section.main > div.page.account > div.account-page > div.navigation > ul.nav > li > a:hover { color: rgba(60,60,60,1); transition: .2s; } div.container > section.main > div.page.account > div.account-page > div.navigation > ul.nav > li.active { text-decoration: none; } div.container > section.main > div.page.account > div.account-page > div.navigation > ul.nav > li.active > a { background: rgba(230,230,230,1); color: rgba(60,60,60,1); } div.container > section.main > div.page.account > div.account-page > div.account-content { padding: 2rem 0 0 0; margin: 0; border: 0; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.account-title.edit-account, div.container > section.main > div.page.account > div.account-page > div.account-content > div.account-title.adress { padding: 1rem 0; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.edit-account-form, div.container > section.main > div.page.account > div.account-page > div.account-content > div.adress-content { padding: 0; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.adress-content > div.addresses > div.adress + div.adress { padding-top: 2rem; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.separation { padding: 2rem 0; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.edit-account-form > form > p > label { display: block; float: left; width: 50%; height: 3rem; font-weight: 500; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.edit-account-form > form > p > label:first-of-type { width: 50%; clear: both; line-height: initial; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.edit-account-form > form > p > label > span { display: block; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.edit-account-form > form > p > input { display: block; float: left; width: 50%; height: 3rem; padding: .1rem; font-weight: 500; border-radius: 0; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.edit-account-form > form > p > button.button { display: block; height: 3rem; font-weight: 500; border-radius: 0; clear: both; float: right; width: auto; margin-right: 0; padding: 0 1.5rem; background: rgba(208,233,228,1); } div.container > section.main > div.page.account > div.account-page > div.account-content > div.edit-account-form > form > p > div.woocommerce-password-strength { width: auto; text-indent: -9999rem; background: transparent; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.edit-account-form > form > p > div.woocommerce-password-strength:before { position: absolute; left: calc(100% - 2rem); top: 0; content: ""; font-family: "FontAwesome"; text-indent: 0; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.edit-account-form > form > p > div.woocommerce-password-strength.short:before { content: "\f00d"; color: #f1adad; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.edit-account-form > form > p > div.woocommerce-password-strength.bad:before { content: "\f00d"; color: #fbc5a9; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.edit-account-form > form > p > div.woocommerce-password-strength.good:before { content: "\f00c"; color: #ffe399; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.edit-account-form > form > p > div.woocommerce-password-strength.strong:before { content: "\f00c"; color: #c1e1b9 } div.container > section.main > div.page.account > div.account-page > div.account-content > div.edit-account-form > form > p > div.woocommerce-password-strength:after { position: absolute; left: calc(50%); top: 3rem; content: ""; text-indent: 0; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.edit-account-form > form > p > div.woocommerce-password-strength.short:after { width: 50%; height: .5rem; background: #f1adad; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.edit-account-form > form > p > div.woocommerce-password-strength.bad:after { width: 50%; height: .5rem; background: #fbc5a9; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.edit-account-form > form > p > div.woocommerce-password-strength.good:after { width: 50%; height: .5rem; background: #ffe399; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.edit-account-form > form > p > div.woocommerce-password-strength.strong:after { width: 50%; height: .5rem; background: #c1e1b9; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.edit-account-form > form > p > small { display: block; float: left; width: 100%; clear: both; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.edit-address-form { padding: 0rem; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.edit-address-form > form > p > label > span { display: block; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.account-title { padding: 1rem 0; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.account-title + p, div.container > section.main > div.page.account > div.account-page > div.account-content > div.account-title + div.home { padding: 0 0 .5rem 0; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table { padding: 0;} div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table > div.columns_title > div { text-align: center; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table > div.columns_title > div.order-date { width: 20%; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table > div.columns_title > div.order-number { width: 25%; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table > div.columns_title > div.order-status { width: 18%; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table > div.columns_title > div.order-total { width: 17%; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table > div.columns_title > div.order-actions { width: 20%; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table > div.order > div { height: auto; padding: .5rem 0; text-align: center; line-height: 1; white-space: nowrap; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table > div.order > div.order-date { width: 20%; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table > div.order > div.order-date > time.desktop { display: none; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table > div.order > div.order-number { width: 25%; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table > div.order > div.order-number:before { display: none; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table > div.order > div.order-status { width: 18%; white-space: normal; text-align: left; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table > div.order > div.order-total { width: 17%; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table > div.order > div.order-actions { width: 20%; text-align: left; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table > div.order > div.order-actions > div { padding: 0 0 .5rem 0; white-space: nowrap; display: block; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.details { padding: 4rem 0; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.shop_table > div.title-content > div { width: auto; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.shop_table > div.title-content > div.product-thumbnail { width: 40%; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.shop_table > div.title-content > div.product-name { display: none; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.shop_table > div.title-content > div.product-price { display: none; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.shop_table > div.title-content > div.product-price-mobile { width: 20%; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.shop_table > div.title-content > div.product-quantity { display: none; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.shop_table > div.title-content > div.product-quantity-mobile { width: 20%; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.shop_table > div.title-content > div.product-subtotal { width: 20%; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.order_details > div.order_details_products > div.order_item > div.product > div.thumbnail > img { width: 100%; height: auto; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.order_details > div.order_details_products > div.order_item > div.product > div.price {} div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.order_details > div.order_details_total > div.follow { min-width: 35%; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.order_details > div.order_details_total > div.follow > a.desktop { display: none; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.order_details > div.order_details_total > div.title { min-width: 45%; padding: 0; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.order_details > div.order_details_total > div.price { min-width: 20%; padding: 0; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.shipping_method_details > div.content > div.method > img { padding: 0 1rem 0 0; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.title { padding: 0 0 2rem 0; border-bottom: .1rem dashed rgba(230,230,230,1); } div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.order_medias > div.media { padding: 0 0 2rem 0; border-bottom: .1rem dashed rgba(230,230,230,1); } div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.order_medias > div.media > div.image { display: none; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.order_medias > div.media > div.image-mobile { width: 48%; margin-left: 4%; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.order_medias > div.media > div.image-mobile:nth-child(4n+2) { margin-left: 0; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.wishcontent { padding: 1rem 0; } /* --------- SAV ----------- */ div.container > section#sav > .row.page { padding: 15px; } div.container > section#sav > .row.page > aside > .sav-nav { display: block; text-align: center; } div.container > section#sav > div.row > div.columns > form.sav-form > div.sav-second-form > div.test > div.sav-label-content > div.sav-second-form-content > div.sav-label-wrap > select { width: 100%; font-size: 16px; } div.container > section#sav > div.row > div.columns > form.sav-form > div.sav-first-form > div.sav-label-wrap > input { width: 100%; font-size: 16px; } div.container > section#sav > div.row > div.columns > form.sav-form > div.sav-second-form > div.test > div.sav-label-content > div.sav-second-form-content > div.sav-product-default > div.sav-label-wrap > input { font-size:16px; } div.container > section#sav > div.row > div.columns > form.sav-form > div.sav-first-form > div.sav-label-wrap > select { width: 100%; font-size:16px; } /* ------------------------- COOKIE --------------------------- */ .cookie-btn {color: #8c8c8c!important; border-color: #8c8c8c!important;} .cookie-btn[data-cookie-set="accept"] {color: #0c0c0c!important; border-color: #0c0c0c!important; background-color: #ecc5bd!important; text-underline-position: under;text-decoration: underline; color: #0c0c0c!important; border-color: #ecc5bd!important; padding: 2px 6px; background-color: #ecc5bd!important;} /* -------------- SWIPER -------------- */ div.container > section.main > div.page.product > div.product-item > div.product-gallery > div.gallery-list > div.swiper-container {width: 94%;} div.container > section.main > div.page.product > div.product-item > div.product-gallery > div.gallery-list > div.swiper-button-prev {color: rgba(190,190,190,1);width: 10px;left: 0;z-index:1;} div.container > section.main > div.page.product > div.product-item > div.product-gallery > div.gallery-list > div.swiper-button-prev:focus {outline:none;} div.container > section.main > div.page.product > div.product-item > div.product-gallery > div.gallery-list > div.swiper-button-prev:after {font-size: 16px;} div.container > section.main > div.page.product > div.product-item > div.product-gallery > div.gallery-list > div.swiper-button-next {color: rgba(190,190,190,1);width: 10px;right: 0;z-index:1;} div.container > section.main > div.page.product > div.product-item > div.product-gallery > div.gallery-list > div.swiper-button-next:focus {outline:none;} div.container > section.main > div.page.product > div.product-item > div.product-gallery > div.gallery-list > div.swiper-button-next:after {font-size: 16px;} } /* Larger than tablet */ @media (min-width: 901px) and (max-width: 1099px) { .row { width: 100%; max-width: 900px; margin: 0 auto; } div.container > section.main > div.page.product > div.product-item > div.product-gallery > div.gallery-list > ul.list > div.slick-list > div.slick-track > li > img { padding: .3rem .15rem; } div.container > section.main > div.page.contact > div.contact.content { padding: 0; } div.container > section.main > div.page.contact > div.contact.content > div.text > div.bottom > div > p:first-of-type {min-height: 20rem; } div.container > section.footer > div.footer > div.row.row-footer > div.twelve > div.footer-block { padding: 1.5rem 1rem 1rem; } div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table > div.order > div {line-height: inherit;} div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table > div.order > div > ins {line-height: inherit;} } @media (min-width: 901px) and (max-width: 1439px) { /* FIXED HEADER HIDDEN ON SCROLL */ div.container > section.header { display: block; } div.container > section.header.fix { display: none; } } /* Larger than desktop */ @media (min-width: 901px) { html, body { overflow-x: hidden; } div.open, div.menu-list, div.cart-list, div.search-list, div.user-list, div.container > section.header > div.mobile-header , div.container > section.navigation > div.mobile-breadcrumb , div.container > section.main > div.home.mobile, div.container > section.main > div.page > div.grey-mobile , div.container > section.main > div.page.pdv > div.pdv-container > div.tabs-mobile , div.container > section.main > div.page.product > div.cross-sells-product > ul.products_mobile , div.container > section.main > div.page.product > div.product-item > div.product-gallery > div.gallery-list > ul.mobile.list, div.container > section.main > div.page.product > div.product-item > div.product-gallery > div.gallery-list > div.mobile.list, div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table > div.order > div.order-date > time.mobile , div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.shop_table > div.title-content > div.product-price-mobile , div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.shop_table > div.title-content > div.product-quantity-mobile , div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.order_details > div.order_details_total > div.follow > a.mobile , div.container > section.main > div.page.account > div.account-page > div.account-content > div.details > div.order_medias > div.media > div.image-mobile , div.container > section.main > div.page.iscart > div.cart-content > div.checkout-tab-mobile , div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total > div.total > div.discount-mobile , div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total > div.total > div.coupon > label.mobile, div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.shop_table > div.actions > form.cart-collaterals > div.total > div.order-total > div.total > div.coupon > a.remove.mobile, div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.cross-sells-mobile , div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.checkout-button > a.button.continue-mobile , div.container > section.main > div.page.iscart > div.cart-content > div.cart-collaterals > div.cart_totals > div.checkout-button > a.button.checkout-button.mobile , div.container > section.main > div.page.checkout > div.checkout-content > div > div.checkout-tab-mobile , div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.payment > div.place-order > a.continue-mobile , div.container > section.main > div.page.checkout > div.checkout-content > div.received > div.details > div.shop_table > div.title-content > div.product-price-mobile , div.container > section.main > div.page.checkout > div.checkout-content > div.received > div.details > div.shop_table > div.title-content > div.product-quantity-mobile , div.container > section.main > div.page.checkout > div.checkout-content > div.received > div.details > div.order_details > div.order_details_total > div.follow > a.mobile , div.container > section.main > div.page.checkout > div.checkout-content > div.received > div.details > div.order_details > div.order_details_total > div.follow > span.mobile , div.container > section.footer > div.footer > div.row-footer > div.mobile-footer { display: none; } div.container > section.main > div.page.search > ul.products > li.product:nth-of-type(4n+1), div.container > section.main > div.page.category > ul.products > li.product:nth-of-type(4n+1) { margin: 0; clear: left; } /* -------------- FOOTER-MOBILE -------------- */ body.single-product > div.container > section.main > div.mobile-footer-cart { display: none;} } @media screen and (max-width: 640px) { div.container > section#sav > div.row > div.columns > form.sav-form > div.sav-first-form, div.container > section#sav > div.row > div.columns > form.sav-form > div.sav-second-form {padding: 0; border: none;} } /* Mobile Portrait Mode */ @media (min-width: 300px) and (max-width: 550px) { /* -------------- LOGIN FORM --------------- */ div.container > section.main > div.page.register > div.col-1 > form > p > label, div.container > section.main > div.page.register > div.col-1 > form > p > label:first-of-type { text-transform: none; font-size: .9em; } /* -------------- REGISTER FORM -------------- */ div.container > section.main > div.page.register > div.col-2 > form > p > label, div.container > section.main > div.page.register > div.col-2 > form > p > label:first-of-type { text-transform: none; font-size: .9em; } div.container > section.main > div.page.register > div > p.sub-title, div.container > section.main > div.page.register.pro > div.col-1 > p.sub-title, div.container > section.main > div.page.register.pro > div.col-2 > p.sub-title { margin-bottom: 20px; } div.container > section.main > div.page.register > div > form > p.mc4wp-checkbox > label > input[type=checkbox] + span { padding: 0 0 0 3.5rem; } div.container > section.main > div.page.register > div > form > p.mc4wp-checkbox > label > input[type=checkbox] + span:before { float: none; display: inline-block; position: absolute; left: 0px;} div.container > section.main > div.page.register > div > form > p.mc4wp-checkbox > label > input[type=checkbox]:checked + span:after { left: 1.3rem; } div.container > section.main > div.page.register > div > form > p.mc4wp-checkbox > label { width: 100% !important; } div.container > section.main > div.page.register > div > form > p.mc4wp-checkbox { margin-top: -15px; } /* ---- REGISTER & LOGIN FORMS IN CHECKOUT ---- */ div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div > form > p > label { text-align: left; text-transform: none; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p.mc4wp-checkbox > label > input[type=checkbox] + span { padding: 0 0 0 3.5rem; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p.mc4wp-checkbox > label > input[type=checkbox] + span:before { float: none; display: inline-block; position: absolute; left: 0px;} div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div.col-2 > form > p.mc4wp-checkbox > label > input[type=checkbox]:checked + span:after { left: 1.3rem; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification { border: 0px; } div.container > section.main > div.page.checkout > div.checkout-content > div.identification > div > form > p.lost_password { margin-bottom: 10px; font-size: 1.3rem; text-decoration: underline;} /* --- MY ACCOUNT --- */ div.container > section.main > div.page.account > div.account-page {padding: 0 5px;} div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table {font-size: 11px;} div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table > div.order > div {white-space: inherit;} div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table > div.order > div.order-status {text-align: center;} div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table > div.order > div.order-actions {text-align: center;} div.container > section.main > div.page.account > div.account-page > div.account-content > div.shop_table > div.order > div.order-actions > form > button.button {font-size: 11px;} div.container > section#sav > div.row > div.columns > form.sav-form > div.sav-first-form > div.sav-label-wrap.half {width: 100%;} div.container > section#sav > div.row > div.columns > form.sav-form > div.sav-second-form > div.test > div.sav-label-content > div.sav-pictures > button.sav-pictures-btn {height: auto;} } @media (min-width: 300px) and (max-width: 379px) { /* -------------- CHECKOUT -------------- */ div.container > section.main > div.page.checkout > div.checkout-content > div.payement > div.content > form.checkout > div.review-order > div.payment > div.place-order > p.terms > input[type="checkbox"] + label + label { line-height: 2.05rem; } div.container > section.footer > div.services > a.single-service.shipping > div.description > p { padding: 0; width: 130px; margin:0 auto;} /* -------------- FOOTER-MOBILE -------------- */ body.single-product > div.up { bottom: 145px;} body.single-product > div#cookie-notice { bottom: 90px;} } @media (max-width: 700px) { /* -------------- SWIPER -------------- */ div.container > section.main > div.page.product > div.product-item > div.product-gallery > div.gallery-list > div.swiper-container {width: 90%;} }