0byt3m1n1
Path:
/
home
/
kassiope
/
www
/
modeles
/
default
/
[
Home
]
File: wagaia.css
/* a { color:var(--color1) } a:hover { color: var(--color1); text-decoration: underline; } */ /* a { color: var(--color1); } a:hover { color: var(--color2); } */ a, a:hover { color: var(--color1);} .ptrl { margin-top: 20px; color: #000; text-align: center; } #btptrl { display:none; } #widget-container { height: auto !important; overflow: hidden; } .instaone { position:relative; overflow:hidden; margin-top:30px; } .instaone .overlay { display:none; position:absolute; overflow:auto; color:#fff; opacity:1; padding: 10px 20px; } .instaone:hover .overlay { display:block } .bx-clone { display: none; } .blocimg { display: none} h2.section-title { font-weight: bold; font-size: 44.22px; line-height: 52px; color: #2E2E2E; } li.lslide img { max-width: 100%; max-height: 100%; } #add-to-cart-btn-off { display: none; background: #999; opacity: 0.4; border: 1px solid #999; } .input_error { border:1px solid red; } .grecaptcha-badge { display: none} .lSSlideOuter .lSPager.lSGallery li, .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border-radius: 0px; height: auto!important; margin-bottom: 18px !important; } .lSSlideOuter.vertical { padding-right: 130px!important; } .menuleft li { list-style: circle; line-height: 33px; } .menuleft > li > a { font-weight: bold; } .menuleft ul { padding-left:20px; padding-left:0px; } .menuleft li li { font-size:14px; } .wishlist-link { width: 40px; display: block; position: absolute; right: -50px; top: 13px; background-image: url('../../../images/heart.png'); background-size: cover; height: 26px; } .wishlist-link.active { background-image: url('../../../images/heart_full.png'); } h1.product-title { font-style: normal; font-weight: bold; font-size: 44.22px; line-height: 52px; color: #2E2E2E; display: inline-block; position: relative; } .product-pricetag { font-style: normal; font-weight: bold; font-size: 27px; line-height: 27px; color: #986855; text-align:right; } .product-pricetag del { font-size: 14px; color:#647473; display:block; font-weight: 300; } /* .descall ul li { width:calc(100%/3); text-align:center; } */ form { width:100%} .options { margin:20px 0; } .page-numbers { margin:auto; } .page-numbers .current { color: #986855; text-decoration: underline; } .page-numbers li { display: inline-block; line-height: 36px; vertical-align: middle; } .page-numbers a.last, .page-numbers a.first { margin: 0 10px; font-size: 30px; } .page-numbers a { color:#986855; margin:0 10px; } .breadcrumb { background: transparent; font-size: 13px; padding: 0; margin-top: 20px; } .breadcrumb a { margin: 0 } .breadcrumb-item + .breadcrumb-item::before { content: var(--bs-breadcrumb-divider, ">"); margin-top: -1px; } .breadcrumb a { margin: 0; font-family: Lato; font-style: normal; font-weight: normal; font-size: 15px; line-height: 25px; color: #000000; } .breadcrumb i { line-height: 17px; font-size: 14px; } .StripeElement { background-color: white; padding: 8px 12px; border-radius: 4px; border: 1px solid transparent; box-shadow: 0 1px 3px 0 #e6ebf1; -webkit-transition: box-shadow 150ms ease; transition: box-shadow 150ms ease; max-width:50%; margin:auto; } .StripeElement--focus { box-shadow: 0 1px 3px 0 #cfd7df; } .StripeElement--invalid { border-color: #fa755a; } .StripeElement--webkit-autofill { background-color: #fefde5 !important; } #cookiesdirective { text-align:center!important; color:#fff; z-index: 10000; } #cookiesdirective a {color: #fff!important } #impliedsubmit { background:#666!important } #accordion .card-body { border-left: 4px solid var(--color1); margin: 0 0 40px 20px; padding: 0 0 0 20px; } #accordion button { border: 0; background: transparent; color: var(--color1); padding: 0; text-align: left; } .civilite { padding-top: 2rem; } .popupcart { position:absolute; margin:auto; background:#fff; top:10%; left:50%; margin-left:-275px; width:550px; padding:10px; z-index:100000; color:#333; display: block; text-align:center } #contact-form p { font-size:12px } .form-group { margin-bottom: 1rem !important; } .login .form-group { margin-bottom: 0rem !important; } img__ { image-rendering: auto; image-rendering: crisp-edges; } .zoomContainer { height: 1px!important; width: 1px!important; } .btcaddiel, .btcaddier { color: #fff!important; background: var(--color1); padding: 10px 10px; float: left; margin-top: 15px; } .btcaddier { float:right } .btcaddiel a, .btcaddier a { color: #fff!important; } .btcaddiel:hover, .btcaddier:hover { background:#000 } .caddie th, .tetiere { color: #fff!important; background: var(--color1); padding:5px } .table td { padding:10px } .lignecaddie { padding:5px; border-bottom:1px dashed #f0f0f0 } .actions-log { text-align:center ; margin-bottom: 10px; } /* ------------------------------------ 24. Login page area --------------------------------------*/ .customer-login-area { margin-bottom: 50px; } .my-account{ margin-top: 20px; } .form-fields, .form-fields2 { border-bottom: none; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; float: left; padding: 20px 25px; width: 100%; } .form-fields2 { border-bottom: 1px solid #d3d3d3; background: #fff; } .form-fields h2 { border-bottom: 1px solid #d3d3d3; font-size: 17px; margin: 0 0 15px; padding: 0 0 5px; text-transform: uppercase; color: var(--color1); } .form-fields label { margin: 0 0 5px; color: #000000; font-weight: 400; } .form-row label span.required { color: red; font-weight: 700; border: 0; line-height: 2; font-size: 14px; } a.abs { position: absolute; right: -20px; border: 0; bottom: 0; } .order-last a.abs { left: -20px; right:auto; } /* .actus, .actus_ { margin-bottom:50px; background: url(../../../images/deap/bg_organic.jpg) no-repeat top left; box-shadow: 1px 1px 5px rgba(0,0,0,0.3); margin-right:10vw; } .actus_ { margin-left:10vw; margin-right:auto; } */ .vendee-clue { padding:0 15px; } .customer-register .form-action, .customer-login .form-action{ /* background: #fff; */ border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-top: none; float: left; padding: 0 20px 16px; width: 100%; } .compte { margin-top:30px } .compte a { border:1px solid var(--color1); background:#fff; padding:10px; color:#fff; display: inline-block; } .compte { margin-top:30px } .compte p { color:#a1a1a1; font-size:14px; margin-bottom:20px; } .compte { margin-top:0; } .compte a {font-weight: 600; position:relative; text-align:center; border: 1px solid var(--color1); color: #555; padding:10px; padding-top:80px; width:100%; display: block; min-height: 150px; margin-bottom: 20px; margin-top: 20px;} .compte a span { color:#aaaaaa; font-size:12px; font-weight:normal; display:block;min-height: 35px; } .compte p a { border:0; display:inline; padding:0; width:auto } .compte a:hover { text-decoration:none; color:#fff; border: 1px solid var(--color1); background:var(--color1) } .compte a:hover span { text-decoration:none; color:#fff; } .compte a:before { position: absolute; width: 100%; height: 50px; top:30px; top: 10px; left: 0; right: 0; font-family: "Font Awesome 5 Free"; font-size: 50px; color: var(--color1); font-weight: 600; } .compte a:hover:before { color:#fff; } .compte a.user:before { content:'\f007'; } .compte a.password:before { content:'\f13e'; } .compte a.achatsrapides:before { content:'\f218'; } .compte a.commande:before { content:'\f07a'; } .compte a.logout:before { content:'\f011'; } .compte a.admin:before { content:'\f013'; } .compte a.logout:hover:before, .compte a.admin:hover:before { color:#fff; } .form-action a { color:#000; } .my-account p.lost_password { float: left; line-height: 20px; margin: 10px 0 0 0; } .my-account label.inline { float: right; font-weight: normal; line-height: 20px; margin: 10px 20px 0 0; } input#rememberme { margin-right: 3px; margin-top: 0; position: relative; top: 2px; } .my-account .actions-log { /* float: right; */ } .actions-log input { border: 0; background: var(--color1); color: #fff; text-transform: uppercase; padding: 10px 20px; transition: .3s } .actions-log input:hover{ background: var(--color2); transition: .3s } /* --------------------------------------- 21. Shoping-cart area ------------------------------------------*/ /*7.1 Shopping Cart Table ----------------------------------------------------------------------------------------------*/ .social a { font-size: 20px; margin: 0 10px; } .bar-title { text-align: center; position: relative; width: 100%; } .bar-title::after { content: ""; width: 100%; border-top: 1px dashed var(--color1); position: absolute; left: 0; top: 50%; } .bar-title h3 { line-height: 1.5; } .bar-title hr { display:none; } .bar-title h3 span { margin: 0; font-weight: 700; font-size: 18px; color: var(--color1); background: #fff; padding: 0 20px; display: inline-block; letter-spacing: 4px; position: relative; z-index: 1; } #Zone_Widget{ margin: auto; display: inline-block; width:100%; } .table-responsive { overflow-x: auto; overflow-y: hidden; width: 100% } .table-responsive { min-height: 0.01%; overflow-x: auto; } table.cart-table { margin-bottom: 20px; width: 99.9%; background: #fff; } .cart-table th { padding: 0 20px; } h4.cart-title { color: #000; margin-bottom: 34px; margin-top: 2px; text-transform: uppercase } .cart-table thead tr th { border: 1px solid var(--color1); border-collapse: collapse; color: #fff; font-size: 12px; background: var(--color1); font-weight: 300; height: 49px; text-align: center; vertical-align: middle } .cart-table tbody tr td { border: 1px solid #e1e1e1; border-collapse: collapse; font-size: 12px; font-weight: normal; padding: 35px 48px; padding: 15px 20px; text-align: center; color: #647473 } .cart-table tbody tr td h5{ font-size:20px; font-weight:bold; color:#2E2E2E } .cart-table tbody tr td { padding: 25px } .cart-table tbody tr td span { color:#2E2E2E; } .cart-table tbody tr td i { font-size: 14px; font-weight: 400; } .cart-table tbody tr td h4 { font-size: 14px; } .cart-price, .cart-subtotal { color: #647473; font-size: 14px; font-weight: 400 } .cart-table img.img-responsive { width: 133px; } .cart-table tbody tr td input { background-color: #f0f0f0; border: medium none; color: #000; font-size: 15px; height: 39px; text-align: center; width: 82px } #Zone_Widget input { font-size: inherit; height: auto; } .cart-table tbody tr td.actions-crt { padding: 30px 0 } .cartPage-btn a{ padding: 12px 100px } .cart-table .cartPage-btn a:hover{ padding: 12px 100px; color: #c2a376; } .cartPage-btn { float: none; } .cartPage-btn li { display: inline-block; margin-right: 9px } .cartPage-btn li a.cbtn:hover, a.cbtn:hover { background: none repeat scroll 0 0 #4E5559 } .cart-area-start .cart-table tbody tr td{vertical-align: middle} .actions-crt a, a.cbtn{ padding: 10px 20px; background: var(--color1); color: #fff !important; transition: .3s; } .actions-crt a:hover{ background: var(--color1); color: #fff !important; transition: .3s; } .shipping { float: left; margin-right: 3%; /*overflow: hidden;*/ width: 31%; background: var(--color1); padding: 30px 20px 0px; } .shipping:first-child { width: 100% } .shipping:last-child { margin-right: 0 } .shipping.coupon h5 { margin-bottom: 22px; text-transform: uppercase; color: #fff; } .shipping.coupon > p { color: #fff; font-size: 12px; margin-bottom: 15px } input.coupon-input, .selectOption input { background: none repeat scroll 0 0 #fefefe; border: medium none; display: block; font-size: 14px; margin-bottom: 29px; padding: 6px; width: 80%; float: left; } .shipping button { background-color: #ffffff; border: medium none; color: #252525; border: 1px solid #d3d3d3; font-size: 12px; font-weight: bold; height: auto; line-height: 30px; /*margin-bottom: 53px; */ text-align: center; text-transform: uppercase; width: 18%; float:right; } .shipping button:hover{ color: #fff; border-color: #000; transition: .3s; background: #000 } .shippingTitle > p { color: #fff; font-size: 15px; margin-bottom: 14px; margin-bottom: 0px } .shippingTitle span { color: #f00 } .selectParent > select { background-color: #fefefe; border: medium none; font-size: 14px; height: 34px; line-height: 34px; margin-bottom: 26px; outline: medium none; padding: 0 5px; width: 100% } .cart-totals { background: #ffffff; border: 1px solid #e1e1e1; } .cart-totals ul { padding:0; } .cart-totals li { color: #647473; display: block; } .cart-totals li.cartSubT { font-size: 14px; margin-bottom: 20px; text-align: left; } .cart-totals li.cartSubT span{float:right} .cart-totals li.cartGrandT { border-bottom: 1px solid #535353; font-size: 24px; padding-bottom: 20px; margin-bottom: 32px } button.proceedbtn , a.proceedbtn { background: var(--color1); border:0; color: #fff; display: inline-block; font-size: 15px; line-height: 34px; margin-bottom: 20px; margin-top: 20px; text-align: center; padding: 0 10px; width: auto; text-transform: uppercase; font-weight: 400; font-size: 1rem; line-height: 1.5; margin-bottom: 20px; margin-top: 20px; text-align: center; padding: .375rem .75rem; width: auto; text-transform: uppercase; font-weight: 400; border: 1px solid transparent; } input.custom-select { font-size: 15px; text-align: center; max-width: 75px; padding: 6px 6px; margin: 20px 10px 20px 0; } .multiCheckout > a { color: var(--color1); display: block; font-size: 14px; font-weight: normal; margin-bottom: 30px; text-decoration: underline } .cart-area-start .cart-table tbody tr td h6{ margin: 0; font-weight: 400; } .cart-area-start .cart-table tbody tr td a{ font-size: 12px; font-weight: 400; text-transform: uppercase; color: #647473; } .cart-area-start .cart-table tbody tr td a:hover{color: #c2a376} .cart-area-start {margin: 50px 0 50px;} #header-banner.isimg { padding:150px 0; background-size:cover; } @media (max-width: 1024px) { .actus, .actus_ { margin-right: 0; margin-left: 0; } .rapideimg img { height:100px; } .rapidetxt { text-align:center; padding-left:0!important } } @media (max-width: 768px) { .popupcart { position:absolute; margin:auto; background:#fff; top:10%; left:50%; margin-left:-175px; width:350px; padding:10px; z-index:100000; color:#333; display: block; text-align:center } .shipping:first-child { width: 100%!important; } .shipping { float: inherit!important; width: 100%!important; margin-bottom:10px } .lSSlideOuter.vertical { padding-right: 95px !important; } #header-banner.isimg { padding: 120px 0; } .rapideimg img { height:100px; } } @media (max-width: 576px) { a.abs { right: 0; } .order-last a.abs { left: 0; } .lSSlideOuter.vertical { padding-right: 80px !important; } #header-banner.isimg { padding:80px 0 } .rapideimg img { height:100px; } }