.shipping-calculator-form {
padding-top: 0;
display: grid;
}
.cart-collaterals {
display: grid;
}
.box-shipping {
border: 1px solid rgba(67, 67, 67, 0.1);
margin: 20px 0;
}
.box-shipping:last-of-type {
margin-bottom: 0px!important;
}
.shipping_options_price {
list-style: none;
margin: 0 auto;
padding: 0;
}
.box-title {
text-align: left;
}
.box-title span b {
vertical-align: text-bottom;
}
.box-title svg {
fill: #666;
display: inline-block;
}
.woocommerce-shipping-totals-custom-th {
display: table-cell!important;
vertical-align: top;
}
.woocommerce-shipping-totals-custom .box-title svg {
margin-left: 16px;
}
.woocommerce-shipping-totals-custom .box-title:first-child svg {
margin-left: 10px!important;
}
ul.woocommerce-shipping-methods li p b, ul.woocommerce-shipping-methods .address-point {
margin-left: 24px;
display: block;
}
.list-readonly, .list-item {
position: relative;
width: 100%;
padding: 10px!important;
clear: both;
box-sizing: border-box;
border-bottom: 1px solid rgba(67, 67, 67, 0.1);
display: inline-block;
margin: 0;
}
.list-flex {
display: inline-flex;
}
.list-readonly:last-child, .list-item:last-child {
border-bottom: none;
}
.float-left {
float: left;
text-align: left;
}
.float-right {
float: right;
}
a.pickups {
cursor: pointer;
}
a.pickups svg {
display: inline-block;
}
.swal2-close {
box-shadow: none!important;
}
.popup-title {
font-size:16px;
}
.woocommerce-shipping-totals.shipping {
display: none;
}
.accordion-menu {
display: inline-block;
position: relative;
border-radius: 5px;
margin: 12px 0;
width: 100%;
}
.accordion-menu h2 {
font-size: 18px;
line-height: 34px;
font-weight: 500;
letter-spacing: 1px;
display: block;
margin: 0;
cursor: pointer;
color: #6c6c6a;
}
.accordion-menu p {
color: #666;
font-size: 15px;
line-height: 26px;
letter-spacing: 1px;
position: relative;
overflow: hidden;
max-height: 800px;
opacity: 1;
transform: translate(0, 0);
margin-top: 14px;
z-index: 2;
border-bottom: 1px solid rgba(67, 67, 67, 0.1);
padding-bottom: 10px;
display: block;
}
.accordion-menu p:last-child {
border-bottom: none;
}
.accordion-menu ul {
list-style: none;
perspective: 900;
padding: 0 20px;
margin: 0;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(255, 255, 255, 0.19);
}
.accordion-menu ul li {
position: relative;
padding: 0;
margin: 0;
padding-bottom: 4px;
border-top: 1px dotted #dce7eb;
text-align: left;
}
.accordion-menu ul li:nth-child(1) {
border: none;
}
.accordion-menu ul li:nth-of-type(1) {
animation-delay: 0.5s;
}
.accordion-menu ul li:nth-of-type(2) {
animation-delay: 0.75s;
}
.accordion-menu ul li:nth-of-type(3) {
animation-delay: 1s;
}
.accordion-menu ul li:last-of-type {
padding-bottom: 0;
}
.accordion-menu ul li .arrow {
position: absolute;
transform: translate(-6px, 0);
margin-top: 16px;
right: 0;
}
.accordion-menu ul li .fas {
color: #666;
font-size: 15px;
margin-right: 10px;
}
.accordion-menu ul li .arrow:before, ul li .arrow:after {
content: "";
position: absolute;
background-color: #666;
width: 3px;
height: 9px;
}
.accordion-menu ul li .arrow:before {
transform: translate(-2px, 0) rotate(45deg);
}
.accordion-menu ul li .arrow:after {
transform: translate(2px, 0) rotate(-45deg);
}
.accordion-menu ul li input[type=checkbox] {
position: absolute;
cursor: pointer;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
}
.accordion-menu ul li input[type=checkbox]:checked ~ p {
margin-top: 0;
max-height: 0;
opacity: 0;
transform: translate(0, 50%);
display: none;
}
.accordion-menu ul li input[type=checkbox]:checked ~ .arrow:before {
transform: translate(2px, 0) rotate(45deg);
}
.accordion-menu ul li input[type=checkbox]:checked ~ .arrow:after {
transform: translate(-2px, 0) rotate(-45deg);
}
.accordion-menu .transition, p, ul li .arrow:before, ul li .arrow:after {
transition: all 0.25s ease-in-out;
}
.accordion-menu .no-select, h2 {
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
user-select: none;
}
@keyframes flipdown {
0% {
opacity: 0;
transform-origin: top center;
transform: rotateX(-90deg);
}
5% {
opacity: 1;
}
80% {
transform: rotateX(8deg);
}
83% {
transform: rotateX(6deg);
}
92% {
transform: rotateX(-3deg);
}
100% {
transform-origin: top center;
transform: rotateX(0deg);
}
}