.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;
}
}