1251 lines
27 KiB
CSS
1251 lines
27 KiB
CSS
/*
|
|
|
|
Template Name: OONT
|
|
|
|
*/
|
|
|
|
|
|
:root {
|
|
--primary-color: #000;
|
|
--secondary-color: #fff;
|
|
--transition: 0.15s;
|
|
--background-checkbox: #0082ff;
|
|
--primary-font: BB-Regular,Helvetica Neue,Helvetica,Arial,sans-serif;
|
|
}
|
|
|
|
*{
|
|
margin: 0;
|
|
padding: 0;
|
|
outline: 0;
|
|
box-sizing: border-box;
|
|
z-index: 99
|
|
}
|
|
@font-face {
|
|
font-family: BB-Regular;
|
|
src: url(../webfonts/BB-Regular.woff2) format("woff2"),url(../webfonts/BB-Regular.woff) format("woff");
|
|
font-display: swap
|
|
}
|
|
|
|
@font-face {
|
|
font-family: BB-Cond;
|
|
src: url(../webfonts/BB-Cond.woff2) format("woff2"),url(../webfonts/BB-Cond.woff) format("woff");
|
|
font-display: swap
|
|
}
|
|
|
|
@font-face {
|
|
font-family: BB-CondBold;
|
|
src: url(../webfonts/BB-CondBold.woff2) format("woff2"),url(../webfonts/BB-CondBold.woff) format("woff");
|
|
font-display: swap
|
|
}
|
|
#softoba-page-wrapper {
|
|
font-family: var(--primary-font);
|
|
}
|
|
body {
|
|
font-family: BB-Regular,Helvetica Neue,Helvetica,Arial,sans-serif !important;
|
|
}
|
|
/*
|
|
===== CSS Index : Start =====
|
|
|
|
- Exchange
|
|
-
|
|
|
|
|
|
===== CSS Index : End =====
|
|
*/
|
|
#softoba-page-wrapper {
|
|
width: 100%;
|
|
}
|
|
.woocommerce-Price-currencySymbol {
|
|
margin-right: 3px !important;
|
|
}
|
|
.woocommerce.single-product a.added_to_cart {
|
|
display: none !important;
|
|
}
|
|
/* Exchange : Start */
|
|
.query-body {
|
|
width: 800px;
|
|
margin: auto;
|
|
border: 1px solid #000;
|
|
padding: 60px;
|
|
position: relative;
|
|
}
|
|
.query-step__one {
|
|
margin-top: 60px !important;
|
|
margin-bottom: 60px !important;
|
|
}
|
|
.query-description h3{
|
|
font-size: 32px;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
margin: 25px;
|
|
}
|
|
.query-description p {
|
|
font-size: 22px;
|
|
margin: 15px 0px;
|
|
}
|
|
.query-description p a {
|
|
color: #000;
|
|
}
|
|
.query__order-form__body {
|
|
margin-top: 60px;
|
|
}
|
|
.query__order-form__body h5 {
|
|
font-size: 23px;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
}
|
|
.query_orderForm {
|
|
margin-top: 25px;
|
|
}
|
|
.query_orderForm label{
|
|
display: block;
|
|
font-size: 22px;
|
|
margin-bottom: 6px;
|
|
text-transform: uppercase;
|
|
}
|
|
.query_orderForm label span {
|
|
font-size: 16px;
|
|
}
|
|
.query_orderForm input.query-field{
|
|
padding: 10px 15px;
|
|
width: 100%;
|
|
border: 1px solid #000;
|
|
border-radius: 3px;
|
|
font-size: 18px;
|
|
}
|
|
.query_orderForm-filed {
|
|
margin: 10px 0px;
|
|
}
|
|
.query__order-form__body .query_orderForm button {
|
|
width: 100%;
|
|
background-color: #000;
|
|
color: #fff;
|
|
border: 0;
|
|
font-size: 22px;
|
|
font-weight: 400;
|
|
padding: 10px 30px;
|
|
border-radius: 6px;
|
|
margin-top: 15px;
|
|
}
|
|
.softoba_return_wrapper.loader-active {
|
|
position: relative;
|
|
}
|
|
.softoba_return_wrapper.loader-active:after {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(255,255,255,0.9);
|
|
content: "";
|
|
}
|
|
.query__order-form__body .query_orderForm #sofotba_exchange_pay_btn {
|
|
background-color: #000;
|
|
color: #fff;
|
|
}
|
|
.exchange-pay-btn {
|
|
width: 100%;
|
|
border-radius: 5px;
|
|
margin-top: 60px;
|
|
background-color: #000;
|
|
font-size: 22px;
|
|
font-weight: 400;
|
|
text-transform: uppercase;
|
|
padding: 12px;
|
|
color: #fff;
|
|
}
|
|
.exchange-pay-btn:hover{
|
|
background-color: #000;
|
|
color: #fff;
|
|
}
|
|
#oont-exchange-product {
|
|
border: 0;
|
|
font-size: 14px;
|
|
}
|
|
/* Exchange : End */
|
|
|
|
/* Thanks : Start */
|
|
.thanks-body {
|
|
width: 800px;
|
|
margin: auto;
|
|
border: 1px solid #000;
|
|
padding: 60px;
|
|
}
|
|
.thanks-mt160 {
|
|
margin-top: 160px !important;
|
|
}
|
|
.thanks-wrapper {
|
|
text-align: center;
|
|
}
|
|
.thanks-header h4 {
|
|
font-size: 46px;
|
|
text-transform: uppercase;
|
|
}
|
|
.thanks-header ul {
|
|
margin: 45px ;
|
|
}
|
|
.thanks-header ul li {
|
|
list-style: none;
|
|
}
|
|
.thanks-header ul li p{
|
|
text-align: center;
|
|
position: relative;
|
|
font-size: 36px;
|
|
line-height: 32px;
|
|
text-transform: uppercase;
|
|
}
|
|
.thanks-header ul li i {
|
|
font-size: 8px;
|
|
line-height: 22px;
|
|
}
|
|
/* .thanks-header ul li::after {
|
|
position: absolute;
|
|
content: '';
|
|
top: 8px;
|
|
left: 10%;
|
|
width: 5px;
|
|
height: 5px;
|
|
background-color: #000;
|
|
border-radius: 50%;
|
|
} */
|
|
.thanks-wrapper a {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.thank_return-btn {
|
|
background: #000;
|
|
padding: 10px 10px;
|
|
font-weight: 400;
|
|
font-size: 22px;
|
|
text-decoration: none;
|
|
color: #fff;
|
|
border-radius: 6px;
|
|
margin-top: 260px;
|
|
text-transform: uppercase;
|
|
}
|
|
.thanks-body.ret-thanks .thanks-wrapper .thanks-header ul li {
|
|
margin: 30px 0px;
|
|
}
|
|
.thanks-body.ret-thanks .thanks-wrapper .thanks-header ul li p{
|
|
font-size: 28px;
|
|
}
|
|
.thanks-body.ret-thanks .thanks-wrapper .thank_return-btn {
|
|
margin-top: 100px;
|
|
}
|
|
.ret-thanks.thanks-mt160 {
|
|
margin-top: 100px !important;
|
|
}
|
|
/* Thanks : End */
|
|
|
|
/* Query Details : Start */
|
|
.query_details-body {
|
|
width: 850px;
|
|
margin: auto;
|
|
border: 1px solid;
|
|
position: relative;
|
|
}
|
|
.query_detail-body h3 {
|
|
text-align: center;
|
|
padding: 20px 10px;
|
|
font-size: 36px;
|
|
}
|
|
.qd--terms {
|
|
padding: 30px 30px;
|
|
border-top: 1px solid;
|
|
border-bottom: 1px solid;
|
|
text-align: left;
|
|
}
|
|
.qd--terms h4 {
|
|
margin-bottom: 10px;
|
|
}
|
|
.qd--order-detail {
|
|
padding: 20px 30px;
|
|
text-align: left;
|
|
}
|
|
.qd--order-detail h4 {
|
|
font-size: 36px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.qd--order-detail ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
}
|
|
.order_details--row {
|
|
display: flex;
|
|
width: 100%;
|
|
align-items: center;
|
|
}
|
|
.od_col-left {
|
|
width: 30%;
|
|
padding: 85px 10px;
|
|
}
|
|
.od_col-right {
|
|
width: 20%;
|
|
padding: 30px 15px;
|
|
}
|
|
.od_col-left {
|
|
border-right: 1px solid #000;
|
|
}
|
|
.od_col-middle {
|
|
width: 50%;
|
|
height: 100%;
|
|
padding: 30px;
|
|
text-align: left;
|
|
}
|
|
.od_col-middle h5 {
|
|
font-size: 18px;
|
|
}
|
|
.od_col-left img {
|
|
width: 100%;
|
|
height: 100% !important;
|
|
}
|
|
.qd--products-info-body h4 {
|
|
padding: 10px 10px;
|
|
text-align: center;
|
|
border-bottom: 1px solid #000;
|
|
border-top: 1px solid #000;
|
|
}
|
|
ul.order_details-wrapper li {
|
|
list-style: none;
|
|
}
|
|
ul.order_details-wrapper li.order_details-item {
|
|
border-bottom: 1px solid #000;
|
|
}
|
|
/* ul.order_details-wrapper li.order_details-item:nth-last-child(1) {
|
|
border-bottom: 0;
|
|
} */
|
|
#softoba-page-wrapper ul, #softoba-page-wrapper ol{
|
|
margin: 0;
|
|
}
|
|
.od_product-detail h5 {
|
|
margin-bottom: 15px;
|
|
}
|
|
.od_product-detail ul li {
|
|
margin: 5px 0px;
|
|
}
|
|
ul.qd_customer-info li {
|
|
font-size: 20px;
|
|
text-transform: uppercase;
|
|
}
|
|
.od_col-right ul li {
|
|
margin: 10px 0px;
|
|
}
|
|
.od_col-right ul li select{
|
|
width: 100%;
|
|
font-size: 18px;
|
|
}
|
|
.query_details-body .qd_submit-btn {
|
|
display: inline-block;
|
|
padding: 10px 15px;
|
|
font-weight: normal;
|
|
font-size: 18px;
|
|
text-transform: uppercase;
|
|
text-decoration: none;
|
|
background: #000;
|
|
color: #fff;
|
|
text-align: center;
|
|
margin: 15px 0px;
|
|
border: 0;
|
|
}
|
|
.query_detail-body {
|
|
text-align: center;
|
|
}
|
|
.return_file--upload label input[type="file"]{
|
|
display: none;
|
|
}
|
|
.return_file--upload label {
|
|
border: .5px solid #000;
|
|
padding: 5px;
|
|
display: block;
|
|
border-radius: 5px;
|
|
}
|
|
.return_file--upload label span {
|
|
font-size: 18px;
|
|
text-transform: uppercase;
|
|
}
|
|
.od_return-product-comment textarea {
|
|
width: 100%;
|
|
padding: 5px 10px;
|
|
resize: none;
|
|
}
|
|
.od_return_reason-option select {
|
|
padding: 5px;
|
|
width: 100%;
|
|
border-radius: 5px;
|
|
}
|
|
/* Query Details : End */
|
|
|
|
/* Checkout : Start */
|
|
.checkout_wrapper {
|
|
border: 1px solid #000;
|
|
width: 1250px;
|
|
margin: auto;
|
|
}
|
|
.checkout_mt {
|
|
margin-top: 10px;
|
|
}
|
|
.checkout_header {
|
|
text-align: center;
|
|
padding: 20px 0px;
|
|
border-bottom: 1px solid #000;
|
|
}
|
|
.checkout_header h4 {
|
|
font-size: 32px;
|
|
}
|
|
.checkout_header ul {
|
|
list-style: none;
|
|
margin-top: 10px;
|
|
}
|
|
.checkout_header ul li {
|
|
display: inline-block;
|
|
margin: 0px 5px;
|
|
}
|
|
.checkout_header ul li span {
|
|
font-size: 22px;
|
|
}
|
|
.checkout_order-row {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-direction: row;
|
|
}
|
|
.checkout_order-col {
|
|
width: 50%;
|
|
border-left: 1px solid #000;
|
|
}
|
|
.checkout_order-col:nth-child(1) {
|
|
border: 0;
|
|
}
|
|
.checkOut_order-head {
|
|
padding: 15px 25px;
|
|
border-bottom: 1px solid #000;
|
|
}
|
|
.checkOut_order-head h5 {
|
|
font-size: 18px;
|
|
}
|
|
.checkout_order-form-wrapper {
|
|
padding: 20px;
|
|
}
|
|
.ch-o_name-row {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
}
|
|
.ch-o_first-name {
|
|
width: 50%;
|
|
}
|
|
.ch-o_last-name {
|
|
width: 50%;
|
|
}
|
|
.ch-o_contact .ch-o_contact-row,
|
|
.ch-o_address-row-1,
|
|
.ch-o_address-row-2,
|
|
.ch-o_address-row-3,
|
|
.ch-o_address-row-4 {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
}
|
|
.ch-o_first-name label,
|
|
.ch-o_last-name label,
|
|
.ch-o_address-row-1 label,
|
|
.ch-o_address-row-2 label,
|
|
.ch-o_address-row-3 label,
|
|
.ch-o_address-row-4 label,
|
|
.ch-o_contact .ch-o_contact-row label,
|
|
.ch_info .ch_additonal-info label {
|
|
display: block;
|
|
margin-bottom: 5px;
|
|
font-size: 16px;
|
|
}
|
|
.ch-o_name-row .ch-o_first-name,
|
|
.ch-o_name-row .ch-o_last-name,
|
|
.ch-o_address-row-1 .ch-o_region,
|
|
.ch-o_address-row-1 .ch-o_governorate,
|
|
.ch-o_address-row-2 .ch-o_address-area,
|
|
.ch-o_address-row-2 .ch-o_address-block,
|
|
.ch-o_address-row-3 .ch-o_address-street,
|
|
.ch-o_address-row-3 .ch-o_address-avenue,
|
|
.ch-o_contact .ch-o_contact-row .ch-o_contact-col-phn,
|
|
.ch-o_contact .ch-o_contact-row .ch-o_contact-col-email {
|
|
width: 50%;
|
|
}
|
|
.ch-o_address-row-4 .ch-o_address-house_number {
|
|
width: 100%;
|
|
}
|
|
.ch-o_name-row .ch-o_first-name input,
|
|
.ch-o_name-row .ch-o_last-name input,
|
|
.ch-o_address-row-1 .ch-o_region input,
|
|
.ch-o_address-row-1 .ch-o_governorate input,
|
|
.ch-o_address-row-2 .ch-o_address-area input,
|
|
.ch-o_address-row-2 .ch-o_address-block input,
|
|
.ch-o_address-row-3 .ch-o_address-street input,
|
|
.ch-o_address-row-3 .ch-o_address-avenue input,
|
|
.ch-o_address-row-4 .ch-o_address-house_number input,
|
|
.ch-o_contact .ch-o_contact-row .ch-o_contact-col-phn input,
|
|
.ch-o_contact .ch-o_contact-row .ch-o_contact-col-email input{
|
|
width: 100%;
|
|
padding: 5px 10px;
|
|
}
|
|
.ch-o_name-row .ch-o_last-name,
|
|
.ch-o_address-row-1 .ch-o_governorate,
|
|
.ch-o_address-row-2 .ch-o_address-block,
|
|
.ch-o_address-row-3 .ch-o_address-avenue,
|
|
.ch-o_contact .ch-o_contact-row .ch-o_contact-col-email {
|
|
padding-left: 10px;
|
|
}
|
|
.ch-o_name-row .ch-o_first-name,
|
|
.ch-o_address-row-1 .ch-o_region,
|
|
.ch-o_address-row-2 .ch-o_address-area,
|
|
.ch-o_address-row-3 .ch-o_address-street,
|
|
.ch-o_contact .ch-o_contact-row .ch-o_contact-col-phn {
|
|
padding-right: 10px;
|
|
}
|
|
.ch_info,
|
|
.ch-o_contact,
|
|
.ch-o_address-row-1,
|
|
.ch-o_address-row-2,
|
|
.ch-o_address-row-3,
|
|
.ch-o_address-row-4 {
|
|
margin-top: 15px;
|
|
}
|
|
.ch-o_region select,
|
|
.ch-o_governorate select {
|
|
width: 100%;
|
|
padding: 5px 10px;
|
|
font-size: 18px;
|
|
border-radius: 3px;
|
|
}
|
|
.ch_info .ch_additonal-info textarea {
|
|
width: 100%;
|
|
resize: none;
|
|
padding: 10px;
|
|
}
|
|
.chos_product-info {
|
|
display: flex;
|
|
width: 100%;
|
|
align-items: center;
|
|
border-bottom: 1px solid #000;
|
|
padding: 20px 0px ;
|
|
}
|
|
.chos_product-image img.chs_p {
|
|
width: 100%;
|
|
}
|
|
.chos_product-image {
|
|
width: 50%;
|
|
}
|
|
.chos_product-detail h6 {
|
|
font-size: 26px;
|
|
}
|
|
p.chos_product-price {
|
|
font-size: 22px;
|
|
font-weight: 500;
|
|
margin-top: 5px;
|
|
}
|
|
ul.chos_product-purchase-info {
|
|
list-style: none;
|
|
margin-top: 15px;
|
|
}
|
|
ul.chos_product-purchase-info li {
|
|
font-size: 18px;
|
|
}
|
|
.chos_product-total-detail {
|
|
padding: 10px 15px;
|
|
border-bottom: 1px solid #000;
|
|
}
|
|
.chos_product-total-detail table {
|
|
width: 100%;
|
|
}
|
|
table tr {
|
|
margin: 10px;
|
|
}
|
|
tbody tr td {
|
|
font-size: 18px;
|
|
padding: 5px 0px;
|
|
}
|
|
tbody tr td:nth-child(2) {
|
|
text-align: right;
|
|
}
|
|
tfoot tr th {
|
|
padding-top: 15px;
|
|
padding-bottom: 15px;
|
|
text-align: left;
|
|
}
|
|
tfoot tr th:nth-child(2) {
|
|
text-align: right;
|
|
}
|
|
.checkout_order-submit {
|
|
text-align: center;
|
|
padding: 25px;
|
|
border-top: 1px solid #000;
|
|
}
|
|
.checkout_order-submit button {
|
|
background: #000;
|
|
border: 0;
|
|
color: #fff;
|
|
font-size: 22px;
|
|
width: 50%;
|
|
padding: 10px;
|
|
border-radius: 3px;
|
|
}
|
|
/* Checkout : End */
|
|
.ExchangeBtn {
|
|
position: relative;
|
|
}
|
|
.ExchangeBtn input[type="radio"].exchangeBtn {
|
|
display: none;
|
|
}
|
|
.ExchangeBtn span {
|
|
height: 20px;
|
|
width: 20px;
|
|
border-radius: 50%;
|
|
border: 1px solid #D0D5DD;
|
|
display: block;
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 0px;
|
|
transition: 350ms ease-in-out all;
|
|
}
|
|
.ExchangeBtn span::after {
|
|
position: absolute;
|
|
content: '';
|
|
width: 8px;
|
|
height: 8px;
|
|
border-radius: 50%;
|
|
background-color: #000;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%) scale(0);
|
|
transition: 350ms ease-in-out all;
|
|
}
|
|
.ExchangeBtn input[type="radio"]:checked ~ span {
|
|
border: 1px solid #000;
|
|
}
|
|
.ExchangeBtn label.exchangeBtn-label {
|
|
font-size: 22px;
|
|
}
|
|
.ExchangeBtn input[type="radio"]:checked ~ span::after {
|
|
transform: translate(-50%, -50%) scale(1);
|
|
}
|
|
.od_change-size {
|
|
display: none;
|
|
}
|
|
img#inputImgPrev {
|
|
width: 100px;
|
|
height: 100px;
|
|
margin-top: 15px;
|
|
}
|
|
.error-message {
|
|
color: #f90000;
|
|
}
|
|
.order_details-item{
|
|
position: relative;
|
|
}
|
|
.exchange_card_check:checked ~ .softoba-cover-checkbox {
|
|
background: var(--background-checkbox);
|
|
border-color: #fff;
|
|
box-shadow: 1px 2px 6px rgb(0 0 0 / 23%);
|
|
}
|
|
.softoba-cover-checkbox{
|
|
background: #fff;
|
|
border: 1px solid #868686;
|
|
z-index: 1;
|
|
width: 24px;
|
|
height: 24px;
|
|
border-radius: 50%;
|
|
margin-right: 8px;
|
|
}
|
|
.exchange_card_check:checked ~ .softoba-cover-checkbox .softoba-checkbox--svg {
|
|
--stroke-color: #fff;
|
|
--stroke-dashoffset: 0;
|
|
}
|
|
.softoba-checkbox--svg {
|
|
width: 20px;
|
|
height: 11px;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
fill: none;
|
|
margin: 5px 0 0 2px;
|
|
stroke: var(--stroke-color, #fff);
|
|
stroke-width: 2;
|
|
stroke-linecap: round;
|
|
stroke-linejoin: round;
|
|
stroke-dasharray: 16px;
|
|
stroke-dashoffset: var(--stroke-dashoffset, 16px);
|
|
transition: stroke-dashoffset 0.4s ease var(--transition);
|
|
}
|
|
.exchange_card_check {
|
|
display: none;
|
|
}
|
|
.exchange-btn-inner{
|
|
position: relative;
|
|
}
|
|
.exchange-btn-inner > label {
|
|
right: 7px;
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 22px;
|
|
}
|
|
.exchange-btn-inner .exchange-label{
|
|
font-size: 22px;
|
|
font-weight: 500;
|
|
}
|
|
.query_orderForm input.query-field.error-field {
|
|
border: 1px solid #f90000;
|
|
}
|
|
.oont-choose-product-wrap {
|
|
display: flex;
|
|
align-items: center;
|
|
border-bottom: 1px solid;
|
|
}
|
|
|
|
.oont-choose-label {
|
|
width: 30%;
|
|
border-right: 1px solid;
|
|
font-size: 22px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.oont-choose-product {
|
|
width: 70%;
|
|
}
|
|
|
|
#oont-select-product {
|
|
font-size: 14px;
|
|
color: #000;
|
|
border: 0;
|
|
}
|
|
.softoba_error_msg{
|
|
text-align: center;
|
|
padding: 8px 20px;
|
|
border: 1px solid #f90000;
|
|
background: rgb(255 0 0 / 50%);
|
|
color: #fff;
|
|
margin-bottom: 20px;
|
|
font-size: 18px;
|
|
letter-spacing: 1px;
|
|
}
|
|
.softoba-loader {
|
|
margin: auto;
|
|
width: 70px;
|
|
text-align: center;
|
|
position: absolute;
|
|
top: 50%;
|
|
z-index: 9999;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.softoba-loader > div {
|
|
width: 18px;
|
|
height: 18px;
|
|
background-color: #333;
|
|
|
|
border-radius: 100%;
|
|
display: inline-block;
|
|
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
|
|
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
|
|
}
|
|
.softoba-loader .bounce1 {
|
|
-webkit-animation-delay: -0.32s;
|
|
animation-delay: -0.32s;
|
|
}
|
|
.softoba-loader .bounce2 {
|
|
-webkit-animation-delay: -0.16s;
|
|
animation-delay: -0.16s;
|
|
}
|
|
@-webkit-keyframes sk-bouncedelay {
|
|
0%, 80%, 100% { -webkit-transform: scale(0) }
|
|
40% { -webkit-transform: scale(1.0) }
|
|
}
|
|
@keyframes sk-bouncedelay {
|
|
0%, 80%, 100% {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
} 40% {
|
|
-webkit-transform: scale(1.0);
|
|
transform: scale(1.0);
|
|
}
|
|
}
|
|
|
|
|
|
.quantity .minus:hover, .quantity .plus:hover {
|
|
background: #efefef;
|
|
color: #000;
|
|
}
|
|
|
|
.woocommerce-cart .woocommerce a.remove{
|
|
height: 24px !important;
|
|
}
|
|
|
|
.softoba-overlay.active {
|
|
background-color: rgba(0,0,0,0.3);
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 999999;
|
|
cursor: url(../images/light-close.png) 16 16, pointer;
|
|
}
|
|
.softoba-static-sidebar {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
z-index: 999999;
|
|
background: #fff;
|
|
/* width: 420px;
|
|
max-width: 80%; */
|
|
-webkit-transform: translateX(100%);
|
|
-moz-transform: translateX(100%);
|
|
-o-transform: translateX(100%);
|
|
-ms-transform: translateX(100%);
|
|
transform: translateX(100%);
|
|
-webkit-transition: all 700ms ease;
|
|
-moz-transition: all 700ms ease;
|
|
-o-transition: all 700ms ease;
|
|
transition: all 700ms ease;
|
|
border-left: 1px solid #000;
|
|
border-bottom: 1px solid #000;
|
|
}
|
|
.softoba-static-sidebar.oont-active {
|
|
-webkit-transform: translateX(0);
|
|
-moz-transform: translateX(0);
|
|
-o-transform: translateX(0);
|
|
-ms-transform: translateX(0);
|
|
transform: translateX(0);
|
|
}
|
|
.softoba-sidebar-close {
|
|
background: #61db61;
|
|
padding: 8px 20px;
|
|
color: #000;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
position: relative;
|
|
font-weight: 500;
|
|
border-bottom: 1px solid #000;
|
|
}
|
|
.mini-cart-info .variation p {
|
|
margin: 8px 0;
|
|
}
|
|
.softoba-sidebar-close a {
|
|
font-size: 14px;
|
|
position: absolute;
|
|
right: 15px;
|
|
color: #333;
|
|
font-weight: 700;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.softoba-image-cart-item .mini-cart-item:last-child {
|
|
border-bottom: none;
|
|
padding-bottom: 0;
|
|
}
|
|
.softoba-image-cart-item .mini-cart-item {
|
|
margin-top: 20px;
|
|
position: relative;
|
|
border-bottom: 1px solid #efefef;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.align-start {
|
|
-webkit-box-align: start;
|
|
-ms-flex-align: start;
|
|
-webkit-align-items: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
.softoba-flex {
|
|
display: -webkit-box;
|
|
display: -moz-box;
|
|
display: -ms-flexbox;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-align-items: center;
|
|
align-items: center;
|
|
}
|
|
.softoba-image-cart-item {
|
|
width: 70px;
|
|
min-width: 70px;
|
|
max-height: 70px;
|
|
position: relative;
|
|
}
|
|
.softoba-image-cart-item .remove{
|
|
display: none !important;
|
|
position: absolute !important;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
z-index: 9;
|
|
}
|
|
.ast-mini-cart-empty a {
|
|
background-color: #000 !important;
|
|
letter-spacing: 1px;
|
|
border-radius: 10px;
|
|
padding: 12px 30px;
|
|
}
|
|
.return-to-shop {
|
|
text-align: center;
|
|
}
|
|
|
|
.return-to-shop a {
|
|
background-color: #000 !important;
|
|
color: #fff !important;
|
|
border-radius: 10px;
|
|
}
|
|
.woocommerce-mini-cart__empty-message {
|
|
font-size: 14px;
|
|
}
|
|
.softoba-image-cart-item img {
|
|
border: 1px solid #ececec !important;
|
|
}
|
|
.softoba-info-cart-item {
|
|
-webkit-box-flex: 2;
|
|
-ms-flex-positive: 2;
|
|
flex-grow: 2;
|
|
}
|
|
.jbw {
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
}
|
|
.mini-cart-info .product-name{
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 1.2;
|
|
color: #333;
|
|
}
|
|
.elementor-menu-cart__main{
|
|
width: 420px !important;
|
|
}
|
|
.empty.woocommerce-mini-cart__empty-message{
|
|
display: none !important;
|
|
}
|
|
.ast-mini-cart-empty {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
min-height: 250px;
|
|
}
|
|
.elementor-menu-cart__main .softoba-minicart-items {
|
|
flex: 1 1 auto;
|
|
-webkit-box-align: stretch;
|
|
-ms-flex-align: stretch;
|
|
-webkit-align-items: stretch;
|
|
align-items: stretch;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
height: 100%;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
padding-top: 10px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.mini-cart-info .softoba-flex {
|
|
/*margin-bottom: 8px;*/
|
|
}
|
|
.padding-left-15 {
|
|
padding-left: 15px !important;
|
|
}
|
|
.softoba-image-cart-item .product-remove {
|
|
-webkit-transform: translateY(-5px);
|
|
-moz-transform: translateY(-5px);
|
|
-o-transform: translateY(-5px);
|
|
-ms-transform: translateY(-5px);
|
|
transform: translateY(-5px);
|
|
display: block;
|
|
height: 20px;
|
|
margin-left: -10px;
|
|
margin-right: -10px;
|
|
}
|
|
.woocommerce .softoba-static-sidebar .product-remove a {
|
|
font-size: 0 !important;
|
|
line-height: 0 !important;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.softoba-stclose.small {
|
|
width: 28px;
|
|
height: 28px;
|
|
}
|
|
.softoba-stclose:before, .softoba-stclose:after {
|
|
content: "";
|
|
width: 16px;
|
|
height: 0px;
|
|
position: absolute;
|
|
top: 17px;
|
|
left: 10px;
|
|
border-top: 1px solid #333;
|
|
}
|
|
.softoba-stclose.small:before, .softoba-stclose.small:after {
|
|
width: 12px;
|
|
border-top-width: 1px;
|
|
top: 14px;
|
|
left: 8px;
|
|
}
|
|
.softoba-static-sidebar .softoba-minicart-items {
|
|
padding: 15px;
|
|
}
|
|
|
|
.softoba-stclose:before {
|
|
-webkit-transform: rotate(-45deg);
|
|
-moz-transform: rotate(-45deg);
|
|
-o-transform: rotate(-45deg);
|
|
-ms-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
}
|
|
.mini-cart-info .cart_list_product_quantity {
|
|
font-size: 12px;
|
|
margin-left: 4px;
|
|
}
|
|
.mini-cart-info .mini-cart-item-subtotal {
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
}
|
|
.softoba-info-cart-item .quantity .input-text.qty {
|
|
min-height: 30px !important;
|
|
padding: 5px 0 !important;
|
|
line-height: 10px !important;
|
|
width: 30px;
|
|
}
|
|
|
|
.softoba-info-cart-item .quantity {
|
|
width: 47px;
|
|
}
|
|
.softoba-minicart-items .mini_cart_item{
|
|
margin-bottom: 10px;
|
|
}
|
|
.softoba-info-cart-item .quantity .minus, .softoba-info-cart-item .quantity .plus {
|
|
width: 18px;
|
|
height: 15px;
|
|
line-height: 14px;
|
|
font-size: 18px;
|
|
color: #000;
|
|
}
|
|
.flex-wrap {
|
|
-webkit-flex-wrap: wrap;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
.softoba-minicart-footer {
|
|
display: -webkit-box;
|
|
display: -moz-box;
|
|
display: -ms-flexbox;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
}
|
|
.minicart_total_checkout {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
padding: 10px;
|
|
}
|
|
.mini-cart-info .variation{
|
|
line-height: 0.5;
|
|
width: calc(100% - 75px);
|
|
display: block;
|
|
font-size: 12px;
|
|
color: #333;
|
|
margin: 0;
|
|
}
|
|
.mini-cart-info .variation dt {
|
|
float: left;
|
|
text-transform: capitalize;
|
|
margin: 0 3px 0 0;
|
|
}
|
|
.mini-cart-info .variation dd {
|
|
margin: 0;
|
|
}
|
|
.softoba-minicart-footer .woocommerce-Price-amount {
|
|
float: right !important;
|
|
}
|
|
.softoba-minicart-footer .btn-mini-cart{
|
|
padding: 10px;
|
|
border-top: 1px solid #000;
|
|
}
|
|
.softoba-minicart-footer .woocommerce-mini-cart__buttons a {
|
|
width: 49%;
|
|
background-color: transparent;
|
|
border-radius: 10px;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
padding: 13px 30px;
|
|
color: #333;
|
|
border: 2px solid #000;
|
|
}
|
|
|
|
.softoba-minicart-footer .woocommerce-mini-cart__buttons {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.woocommerce-mini-cart__buttons{
|
|
margin-bottom: 0;
|
|
}
|
|
.softoba-minicart-footer .woocommerce-mini-cart__buttons a:hover {
|
|
background-color: transparent;
|
|
color: #000;
|
|
border-color: #000;
|
|
}
|
|
.softoba-image-cart-item .remove path {
|
|
fill: #fff;
|
|
}
|
|
.softoba_single_cart_item:hover .remove {
|
|
display: block !important;
|
|
}
|
|
.softoba-image-cart-item::before {
|
|
position: absolute;
|
|
background-color: rgba(0,0,0,0.3);
|
|
content: "";
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
z-index: 1;
|
|
transform: scale(0);
|
|
transition: .3s;
|
|
}
|
|
.softoba_single_cart_item:hover .softoba-image-cart-item::before {
|
|
transform: scale(1);
|
|
}
|
|
.softoba-minicart-footer .woocommerce-mini-cart__buttons a.checkout.wc-forward {
|
|
background-color: #000;
|
|
color: #fff;
|
|
}
|
|
.softoba_single_cart_item{
|
|
position: relative;
|
|
}
|
|
.softoba_single_cart_item.soba-loading:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: -10px;
|
|
left: -10px;
|
|
right: -10px;
|
|
bottom: -10px;
|
|
display: block;
|
|
background: #fff;
|
|
opacity: 0.7;
|
|
z-index: 1;
|
|
}
|
|
.soba-loader {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
z-index: 9;
|
|
opacity: 0.6;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 30px;
|
|
height: 30px;
|
|
margin-left: -15px;
|
|
margin-top: -15px;
|
|
border-top: 1px solid #efefef;
|
|
border-bottom: 1px solid #333;
|
|
border-left: 1px solid #efefef;
|
|
border-right: 1px solid #333;
|
|
-webkit-border-radius: 50%;
|
|
-moz-border-radius: 50%;
|
|
border-radius: 50%;
|
|
-webkit-animation: soba-spin .5s linear infinite;
|
|
-moz-animation: soba-spin .5s linear infinite;
|
|
-o-animation: soba-spin .5s linear infinite;
|
|
-ms-animation: soba-spin .5s linear infinite;
|
|
animation: soba-spin .5s linear infinite;
|
|
}
|
|
/* Safari | chrome */
|
|
@-webkit-keyframes soba-spin {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: rotate(359deg);
|
|
}
|
|
}
|
|
/* FF */
|
|
@-moz-keyframes soba-spin {
|
|
0% {
|
|
-moz-transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
-moz-transform: rotate(359deg);
|
|
}
|
|
}
|
|
/* Opera */
|
|
@-o-keyframes soba-spin {
|
|
0% {
|
|
-o-transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
-o-transform: rotate(359deg);
|
|
}
|
|
}
|
|
@keyframes soba-spin {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(359deg);
|
|
}
|
|
}
|
|
.woocommerce .woocommerce-billing-fields__field-wrapper .form-row {
|
|
width: 50%;
|
|
display: inline-block;
|
|
padding: 5px;
|
|
}
|
|
.woocommerce .woocommerce-billing-fields__field-wrapper .form-row#softoba_house_number_field {
|
|
/* width: 100%; */
|
|
}
|
|
.woocommerce .woocommerce-billing-fields__field-wrapper .form-row#billing_address_1_field {
|
|
width: 100% !important;
|
|
}
|
|
.ar-product-3d-model-button:after {
|
|
position: absolute;
|
|
width: 28px;
|
|
height: 28px;
|
|
background-image: url(../images/ice-copy.png);
|
|
content: "";
|
|
top: 50%;
|
|
right: 5px;
|
|
transform: translateY(-50%);
|
|
background-position: center center;
|
|
background-size: cover;
|
|
}
|
|
.ar-product-3d-model-button {
|
|
padding-right: 40px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 8px;
|
|
}
|
|
button.ar-product-3d-model-button:focus, button.ar-product-3d-model-button:hover {
|
|
background: transparent;
|
|
border: 1px solid #ccc;
|
|
}
|
|
.ar-modal-content-footer {
|
|
display: none !important;
|
|
}
|
|
|
|
.od_change-size label {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.od_change-size select, .od_col-right ul li select {
|
|
font-size: 15px;
|
|
padding: 5px 10px;
|
|
background-size: .5em;
|
|
}
|
|
|