.razzi-size-guide-tabs{
display: block;
}
.razzi-size-guide-tabs__panels {
position: relative;
}
.razzi-size-guide-tabs__panel.active {
opacity: 1;
display: block;
visibility: visible;
position: static;
transform: scaleY(1);
}
.razzi-size-guide-tabs__panel {
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
transform: scaleY(0);
width: 100%;
transition: opacity 0.4s;
}
.razzi-size-guide-tabs__nav {
list-style: none;
display: flex;
justify-content: flex-end;
margin: 0 -4px;
padding: 0 0 28px 30px;
z-index: 1;
position: relative;
float: right;
}
.razzi-size-guide-tabs__nav li {
font-weight: 500;
font-size: 11px;
color: #111111;
text-transform: uppercase;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
border: 1px solid #1f1f1f;
margin: 0 4px;
padding: 10px;
min-width: 43px;
min-height: 43px;
cursor: pointer;
}
.razzi-size-guide-tabs__nav li.active {
color: #ffffff;
background-color: #1f1f1f;
}
.woocommerce-Tabs-panel--razzi_size_guide .razzi-size-guide-tabs {
padding-bottom: 0;
}
.razzi-size-guide__name {
padding-top: 3px;
margin: 0 0 28px;
}
.razzi-size-guide-tabs__panel {
padding-bottom: 31px;
}
.razzi-size-guide-tabs__panel > *:not(:last-child) {
margin-bottom: 30px;
}
.razzi-size-guide-tabs__panel > *:not(.razzi-size-guide__name) {
clear: both;
}
.razzi-size-guide__table{
margin-bottom: 0;
white-space: nowrap;
}
.razzi-size-guide__table thead th {
color: #111111;
font-size: 14px;
padding: 14px 20px;
}
.razzi-size-guide__table tbody td {
color: #111111;
font-size: 15px;
padding: 19px 20px;
}
.size-guide-modal.rz-modal .modal-content {
max-height: 600px;
max-width: 770px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 0;
}
.size-guide-modal.rz-panel .modal-content {
position: absolute;
right: 0;
top: 0;
left: auto;
height: 100%;
max-height: 100%;
width: 600px;
max-width: 100%;
margin: 0;
transform: translateX(100%);
transition: transform .5s;
}
.size-guide-modal.rz-panel.open .modal-content {
transform: none;
}
.size-guide-modal.rz-panel .modal-header .title {
font-size: 24px;
}
.size-guide-modal .modal-header .button-close {
top: 31px;
right: 32px;
transform: none;
z-index: 9;
cursor: pointer;
}
.size-guide-modal .modal-header {
padding: 21px 20px;
margin-bottom: 25px;
}
.size-guide-modal .modal-header .title {
margin: 0;
}
.size-guide-modal .modal-size-chart {
max-height: 400px;
}
.size-guide-modal.rz-panel .modal-size-chart {
max-height: calc( 100vh - 180px );
}
.size-guide-modal .modal-size-chart::-webkit-scrollbar {
height: 2px;
}
.size-guide-modal .razzi-size-guide {
padding: 0 30px;
}
.size-guide-button {
display: inline-flex;
align-items: center;
text-decoration: underline;
}
.product-size-guide .size-guide-button {
text-decoration: underline;
}
.size-guide-button .razzi-svg-icon {
margin-right: 12px;
}
.single-product div.product.product-type-grouped table.razzi-size-guide__table {
border: 1px solid #cdcdcd;
}
.single-product div.product.product-type-grouped table.razzi-size-guide__table td {
border: 1px solid #cdcdcd;
padding: 19px 20px;
}
.single-product div.product .entry-summary .product-size-guide {
margin-top: 0;
}
.single-product div.product .product-size-guide + .product-button-wrapper,
.single-product div.product.product-type-grouped .product-size-guide + form.grouped_form {
padding-top: 0;
}
@media (max-width: 770px) {
.size-guide-modal.rz-modal .modal-content {
width: 100%;
}
.size-guide-modal .razzi-size-guide {
display: inline-flex;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
}:root {
--rz-background-color-primary: #FF6F61;
--rz-background-color-gray: #f5f5f5;
}
.razzi-free-shipping-bar {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.razzi-free-shipping-bar__message {
width: 100%;
margin-bottom: 10px;
}
.razzi-free-shipping-bar__message strong {
color: #111;
}
.razzi-free-shipping-bar__progress {
width: calc(100% - 60px);
background-color: var(--rz-background-color-gray);
display: flex;
height: 7px;
}
.razzi-free-shipping-bar__progress-bar {
background-color: var(--rz-background-color-primary);
background-image: linear-gradient(135deg, rgba(255,255,255,0.2) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, transparent 75%, transparent);
background-size: 15px 15px;
height: 100%;
position: relative;
}
.razzi-free-shipping-bar__percent-value {
font-size: 13px;
font-weight: 500;
width: 50px;
text-align: right;
margin-top: -5px;
}
.rtl .razzi-free-shipping-bar__percent-value {
text-align: left;
}
.woocommerce-cart .razzi-free-shipping-bar,
.woocommerce-checkout .razzi-free-shipping-bar {
border-bottom: 1px solid var(--rz-border-color-light);
padding-bottom: 25px;
}
.woocommerce-checkout .razzi-free-shipping-bar {
margin-bottom: 25px;
padding-bottom: 20px;
}
.single-product .razzi-free-shipping-bar {
border-bottom: 1px solid var(--rz-border-color-light);
padding-bottom: 15px;
margin-bottom: 5px;
}
.single-product  .product-type-variable .razzi-free-shipping-bar {
margin-bottom: 20px;
}
.cart-modal .razzi-free-shipping-bar,
.rz-popup-add-to-cart .razzi-free-shipping-bar {
padding-top: 30px;
padding-bottom: 10px;
margin-bottom: -15px;
border-bottom: 1px solid var(--rz-border-color-light);
}
.rz-popup-add-to-cart .razzi-free-shipping-bar  {
padding-top: 20px;
}