.accordion-header {
color: #6c6c6c;
font-size: 13px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
transition: background-color 0.3s ease;
margin-bottom: 20px;
padding: 0;
text-transform: inherit;
font-weight: 100;
min-height: auto;
border-bottom: solid 1px #efefef;
}
.accordion-content {
max-height: 0;
transition: max-height 0.3s ease;
overflow: hidden;
}
.accordion-header:before {
width: 0;
background: #000;
height: 1px;
bottom: -1px;
right: 0;
content: "";
position: absolute;
transition: all .3s ease;
}
.accordion-header.active:before {
width: 20%;
left: 0;
z-index: 1;
}
.accordion-item .icon {
transition: transform 0.3s ease;
}
.accordion-item .active .icon {
transform: rotate(45deg);
}
.accordion-content p {
margin: 0 0 5px 0;
color: #6c6c6c;
}
.accordion-content ul,.accordion-content ul li{
margin-bottom: 5px;
color: #6c6c6c;
}
.accordion-header .icon {
font-size: 20px;
}.title_checkout {
text-align: center;
text-transform: uppercase;
font-weight: 100;
font-size: 30px;
position: relative;
padding-bottom: 20px;
}
.title_checkout:before {
content: '';
background: #000;
position: absolute;
left: 50%;
bottom: 10px;
width: 80px;
height: 2px;
transform: translate(-50%);
}
.woocommerce-billing-fields label, .woocommerce-additional-fields label {
font-size: 14px;
font-weight: 100;
margin-bottom: 10px;
}
.woocommerce-billing-fields .form-row {
width: 100%;
}
.woocommerce-billing-fields input {
height: 50px !important;
border-radius: 5px!important;
font-size: 13px !important;
}
.woocommerce-billing-fields input:focus {
border: solid 1px;
}
.woocommerce-billing-fields label .required {
color: red;
}
.woocommerce-additional-fields textarea {
border-radius: 5px;'
font-size: 13px
}
.woocommerce-additional-fields textarea:focus {
border: solid 1px;
}
.woocommerce-billing-fields {
border-top: 0!important;
padding-top: 0!important;
}
.note-checkout {
margin-bottom: 0;
margin-top: 10px;
color: red;
font-weight: bold;
font-style: italic;
}
.checkout-two-column-layout .two-column-layout-right {
background: #fff;
}
#cclw_order_details_table .cclw_order_review_table table.cclw-style-1 th {
font-size: 13px;
text-transform: inherit;
font-weight: 100;
}
.checkout-two-column-layout .two-column-layout-right .amount {
color: red;
font-size: 13px;
}
#cclw_order_details_table .cclw_order_review_table td.name.more_details {
text-transform: uppercase;
color: #000;
}
#cclw_order_details_table .cclw_order_review_table .cclw_cart_totals p.left-corner {
font-weight: 100;
}
.woocommerce ul#shipping_method {
margin-bottom: 0;
}
.woocommerce ul#shipping_method label {
font-size: 13px;
font-weight: 100;
}
.woocommerce-checkout-payment ul li .payment_box {
padding-top: 10px !important;
padding-bottom: 5px !important;
}
.woocommerce-checkout-payment ul {
background: #fafafa;
border: 0 !important;
}
.woocommerce-checkout-payment ul > li {
font-size: 14px;
}
#wrapper>.message-wrapper > div {
color: red;
}
#wrapper>.message-wrapper {
background: #eaeaea;
font-size: 13px !important;
font-weight: bold;
}
.cod-payment, .vicweb-payment--bacs_wrap {
background: #ffffff;
box-shadow: 0px 0px 15px -8px #959595;
border-radius: 10px;
padding: 30px !important;
}
.shipcod {
font-size: 18px;
margin-bottom: 10px;
color: red;
font-weight: bold;
}
.shipcod span {
color: #000;
font-weight: 100;
}
.woocommerce-order-details h2, .woocommerce-column__title {
text-transform: uppercase;
font-size: 16px;
}
.woocommerce-order-details table, .woocommerce-order-details table th, .woocommerce-order-details table td{
border: 0;
font-size: 15px;
font-weight: 100;
}
.woocommerce-order-details table, .woocommerce-customer-details address {
border: dashed 1px #ccc;
padding: 15px;
border-radius: 5px;
}
.woocommerce-order-details table .amount {
color: red;
}
.woocommerce-order-details table .shipped_via{
display: none;
}
.shop_table tfoot th {
font-size: 14px !important;
}
.woocommerce-customer-details address{
margin-bottom: 15px;
}
.woocommerce-customer-details address p {
color: #000;
font-size: 14px;
margin-bottom: 10px;
font-weight: bold;
font-style: normal;
}
.row-tks {
justify-content: center;
}
.vicweb-payment--bacs_wrap {
padding: 0;
}
.payment-info .note strong {
color: #fff;
border-bottom: solid 1px;
}
.payment-info .note {
margin: 10px auto 0;
background: #000;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 14px;
color: #fff;
width: 100%;
}
.payment-info > span {
display: none !important;
}
.payment-info {
padding: 10px 0px 10px 30px;
}
.payment-info>div>span>strong, .payment-info>div>span>strong .amount {
color: red;
}
.payment_info_wrap {
margin-bottom: 0 !important;
}
.woocommerce-checkout .row-main .col {
padding-bottom: 0;
}
#cclw_payment_section .form-row.place-order {
padding: 0;
}
#cclw_payment_section #place_order {
margin: 0;
width: 100%;
}
.woocommerce ul.woocommerce-error .message-container.container:before {
content: '*';
}
.woocommerce ul.woocommerce-error .message-container.container {
color: red;
margin-bottom: 10px;
font-weight: bold;
}
.woocommerce ul.woocommerce-error .message-container.container {
color: red;
margin-bottom: 10px;
font-weight: bold;
}
.woocommerce ul.woocommerce-error .message-container.container:before {
content: '*';
}
#cclw_payment_section .form-row.place-order .validate-required {
margin: 20px 0 10px;
}
#cclw_payment_section .form-row.place-order .validate-required span {
font-size: 13px;
}
#cclw_payment_section .form-row.place-order .validate-required span a {
color: red;
}
#cclw_payment_section .form-row.place-order .validate-required input {
outline: 0;
}
@media (max-width: 549px){
.title_checkout {
font-size: 20px;
}
.cod-payment, .vicweb-payment--bacs_wrap {
padding: 15px !important;
}
.payment-info {
padding: 10px 0 0;
}
#customer_address_details, #cclw_additional_fields, #cclw_order_details_table, #cclw_payment_section {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px){
.checkout-two-column-layout .two-column-layout-left {
padding-right: 30px;
position: relative;
}
.checkout-two-column-layout .two-column-layout-left:after {
content: '';
background: whitesmoke;
width: 1px;
height: 100%;
position: absolute;
right: 15px;
z-index: 1;
top: 0;
}
#customer_address_details, #cclw_additional_fields, #cclw_order_details_table, #cclw_payment_section {
padding: 0;
}
}.swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.autoplay-progress {
position: absolute;
right: 16px;
bottom: 16px;
z-index: 10;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
color: #fff;
}
.autoplay-progress svg {
--progress: 0;
position: absolute;
left: 0;
top: 0px;
z-index: 10;
width: 100%;
height: 100%;
stroke-width: 4px;
stroke: #fff;
fill: none;
stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
stroke-dasharray: 125.6;
transform: rotate(-90deg);
}