.woocommerce .deal {
margin: 50px 0 40px;
}
.woocommerce .deal-expire-text,
.woocommerce .deal-sold-text {
margin-bottom: 0.5em;
width: 40%;
font-weight: 500;
text-transform: uppercase;
}
.woocommerce .deal-progress .progress-bar,
.woocommerce .deal-progress .progress-value {
height: 15px;
}
.woocommerce .deal-progress .progress-bar {
position: relative;
background: #e4e4e4;
margin-bottom: 3px;
}
.woocommerce .deal-progress .progress-value {
background-color: var(--rz-background-color-primary);
}
.woocommerce .deal-expire-date {
margin-bottom: 20px;
}
.woocommerce .deal-expire-date,
.woocommerce .deal-sold{
display: flex;
}
.woocommerce .deal-expire-countdown,
.woocommerce .deal-progress{
overflow: hidden;
width: 60%;
}
.woocommerce .deal-expire-countdown .timer,
.woocommerce .deal-expire-countdown .divider {
text-align: center;
display: block;
float: left;
}
.woocommerce .deal-expire-countdown .timer {
width: 20%;
}
.woocommerce .deal-expire-countdown .divider {
font-size: 1.8em;
width: 6.3333%;
padding-top: 0.3em;
}
.woocommerce .deal-expire-countdown .timer span {
display: block;
}
.woocommerce .deal-expire-countdown .timer .digits {
font-size: 25px;
margin: 0 0 3px 0;
padding: 12px 8px;
min-width: 56px;
min-height: 56px;
border: 1px solid #ddd;
font-weight: 600;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
color: var(--rz-color-primary);
}
.woocommerce .deal-expire-countdown .timer .text,
.woocommerce .deal-progress .deal-text {
font-size: 14px;
}
.woocommerce .deal-expire-countdown.razzi-countdown {
justify-content: space-between;
overflow: inherit;
}
.woocommerce .deal-expire-countdown.razzi-countdown .timer {
display: flex;
flex-direction: column;
padding: 0;
}
.woocommerce .deal-expire-countdown.razzi-countdown .divider {
font-size: 18px;
width: auto;
padding-top: 20px;
top: 0;
right: -13px;
}
.woocommerce .deal-expire-countdown.razzi-countdown .timer .text{
font-size: 13px;
font-weight: 400;
text-transform: capitalize;
}.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;
}
}