*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .button,
.button:visited,
button,
.wp-block-search__button,
input[type=button],
input[type=reset],
input[type=submit] {
font-family: inherit;
font-size: var(--wp--preset--font-size--base);
border: none;
border-radius: 5px;
background: var(--wp--preset--color--primary);
color: var(--wp--preset--color--background);
line-height: 1;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
-webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
transition: 0.4s ease-in-out;
}
.button:active,
.button:focus,
button:active,
button:focus,
.wp-block-search__button:active,
.wp-block-search__button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
background: var(--wp--preset--color--primary);
color: var(--wp--preset--color--background);
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
select,
textarea {
font-family: inherit;
font-size: var(--wp--preset--font-size--base);
color: var(--wp--preset--color--base);
border: none;
border: 1px solid var(--wp--preset--color--quinary);
border-radius: 5px;
padding: 0.5em;
width: 100%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
select:focus,
textarea:focus {
outline: 1px solid var(--wp--preset--color--secondary);
}
select {
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
background: transparent;
background-image: url(//matrayama.com/core/views/990743b2e5/assets/images/icon-downarrow.png);
background-repeat: no-repeat;
background-position: top 50% right 1em;
background-size: 16px;
}
.select2-container--default .select2-selection--single {
border: 1px solid var(--wp--preset--color--quinary);
border-radius: 5px;
} ul li a,
ol li a,
.wp-block-site-title a,
.wp-block-post-title a,
.wp-block-query-pagination-numbers a,
.wp-block-post-excerpt a,
.wp-block-navigation ul,
.wp-block-navigation ul li,
.wp-block-navigation ul li a,
.wp-block-comment-author-name a,
.wp-block-comment-date a,
.wp-block-post-date a,
.wp-block-post-terms a,
.wp-block-post-author-name a,
footer ul li a {
color: inherit;
text-decoration: inherit;
}
.wp-block-navigation ul.wp-block-navigation-submenu {
padding: 0;
} .wp-block-navigation__responsive-container.is-menu-open.has-modal-open {
padding-top: 30px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
align-items: flex-start;
width: 100%;
gap: 30px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
display: flex;
position: absolute;
top: 10px;
right: 0;
width: auto;
height: auto;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
opacity: 0;
visibility: hidden;
position: absolute;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation-submenu__toggle:where([aria-expanded=true]) + .wp-block-navigation__submenu-container {
opacity: 1;
visibility: visible;
position: static;
padding-top: 0;
}
.page .wp-block-template-part,
.single .wp-block-template-part,
.archive .wp-block-template-part {
margin-top: 0;
}
footer.wp-block-template-part {
margin-top: 0;
}
nav.wp-block-query-pagination {
margin-top: 6rem;
} ul,
ul.is-style-default,
ul.is-style-square {
padding-left: 22px;
}
ol,
ol.is-style-default,
ol.is-style-square {
padding-left: 22px;
}
ul.is-style-square {
list-style-type: square;
}
.is-style-checklist,
.is-style-checklist-circle,
.is-style-none {
list-style: none;
padding-left: 0;
}
.is-style-checklist li {
display: flex;
align-items: flex-start;
}
.is-style-checklist li::before {
content: "";
mask: url(//matrayama.com/core/views/990743b2e5/assets/images/checklist.svg);
-webkit-mask: url(//matrayama.com/core/views/990743b2e5/assets/images/checklist.svg);
height: 1.5em;
width: 1.5em;
min-height: 1.5em;
min-width: 1.5em;
background: currentcolor;
align-self: center;
}
.is-style-checklist-circle li {
display: flex;
align-items: flex-start;
column-gap: 8px;
}
.is-style-checklist-circle li::before {
content: "";
mask: url(//matrayama.com/core/views/990743b2e5/assets/images/checklist-circle.svg);
-webkit-mask: url(//matrayama.com/core/views/990743b2e5/assets/images/checklist-circle.svg);
height: 1em;
width: 1em;
min-height: 1em;
min-width: 1em;
background: currentcolor;
align-self: center;
} .button {
line-height: 1;
border-radius: 5px;
}
.wp-block-button[style*=text-decoration] .wp-block-button__link {
text-underline-offset: 5px;
} hr.wp-block-separator.has-background {
height: 2px !important;
}
hr.wp-block-separator.is-style-dots {
height: auto !important;
}
hr.wp-block-separator.is-style-dotted {
width: 100% !important;
border-bottom: none !important;
height: 1px !important;
background: repeating-linear-gradient(90deg, currentcolor, currentcolor 2px, transparent 2px, transparent 6px) !important;
}
hr.wp-block-separator.is-style-wide-thin-line {
height: 1px !important;
border-width: 1px !important;
width: 100% !important;
}
hr.wp-block-separator.is-style-left-aligned {
margin-left: 0 !important;
}
hr.wp-block-separator.is-style-right-aligned {
margin-right: 0 !important;
} .wp-block-comment-template li.comment > .wp-block-columns {
column-gap: 12px !important;
}
.wp-block-comment-template .wp-block-comment-content {
border-radius: 10px;
margin-top: 20px !important;
margin-bottom: 10px !important;
} .page .wp-block-post-content a,
.single-post .wp-block-post-content a {
text-underline-offset: 3px;
text-decoration-thickness: 1px;
}
.page .wp-block-post-content h1,
.page .wp-block-post-content h2,
.page .wp-block-post-content h3,
.page .wp-block-post-content h4,
.page .wp-block-post-content h5,
.page .wp-block-post-content h6,
.single-post .wp-block-post-content h1,
.single-post .wp-block-post-content h2,
.single-post .wp-block-post-content h3,
.single-post .wp-block-post-content h4,
.single-post .wp-block-post-content h5,
.single-post .wp-block-post-content h6 {
text-underline-offset: 5px;
text-decoration-thickness: 2px !important;
}
.page .wp-block-post-content h1 a,
.page .wp-block-post-content h2 a,
.page .wp-block-post-content h3 a,
.page .wp-block-post-content h4 a,
.page .wp-block-post-content h5 a,
.page .wp-block-post-content h6 a,
.single-post .wp-block-post-content h1 a,
.single-post .wp-block-post-content h2 a,
.single-post .wp-block-post-content h3 a,
.single-post .wp-block-post-content h4 a,
.single-post .wp-block-post-content h5 a,
.single-post .wp-block-post-content h6 a {
color: inherit;
text-underline-offset: 5px;
text-decoration-thickness: 2px;
}
.single .wp-block-post-navigation-link a {
color: inherit;
text-decoration: inherit;
}.woocommerce .wp-block-group.has-global-padding {
margin-top: 0;
}
.woocommerce .site-main {
padding-top: var(--wp--preset--spacing--large);
padding-bottom: var(--wp--preset--spacing--large);
}
.woocommerce .woocommerce-products-header .woocommerce-products-header__title {
margin-top: 0;
}
.woocommerce ul.products.columns-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--wp--preset--spacing--medium);
padding-top: var(--wp--preset--spacing--large);
}
@media only screen and (max-width: 781px) {
.woocommerce ul.products.columns-3 {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 450px) {
.woocommerce ul.products.columns-3 {
grid-template-columns: repeat(1, 1fr);
}
}
.woocommerce ul.products.columns-3::before {
content: none;
}
.woocommerce ul.products.columns-3 li.product {
width: 100%;
margin-right: 0;
clear: none;
}
.woocommerce ul.products.columns-3 li.product a img {
border-radius: 10px;
}
.woocommerce span.onsale {
background-color: var(--wp--preset--color--primary);
min-height: 3.75em;
min-width: 3.75em;
line-height: 3.25;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: var(--wp--preset--font-size--medium);
}
.woocommerce ul.products li.product span.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: var(--wp--preset--color--base);
}
.woocommerce .woocommerce-ordering .orderby {
padding: 12px 16px;
font-size: var(--wp--preset--font-size--small);
border: 2px solid var(--wp--preset--color--quaternary);
border-radius: 5px;
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
background: transparent;
background-image: url(//matrayama.com/core/views/990743b2e5/assets/images/icon-downarrow.png);
background-repeat: no-repeat;
background-position: top 50% right 1em;
background-size: 16px;
}
.woocommerce ul.products li.product .button {
color: var(--wp--preset--color--base);
background-color: var(--wp--preset--color--tertiary);
}
.woocommerce ul.products li.product .button:hover {
color: var(--wp--preset--color--background);
background-color: var(--wp--preset--color--primary);
transition: 0.4s ease-in-out;
}
.woocommerce a.added_to_cart {
display: inline-block;
margin-left: var(--wp--preset--spacing--x-small);
}
.woocommerce nav.woocommerce-pagination ul {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
border: none;
color: var(--wp--preset--color--base);
background-color: var(--wp--preset--color--tertiary);
margin-right: var(--wp--preset--spacing--xx-small);
border-radius: 5px;
}
.woocommerce nav.woocommerce-pagination ul li:last-child {
margin-right: 0;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
color: var(--wp--preset--color--background);
background-color: var(--wp--preset--color--primary);
transition: 0.4s ease-in-out;
} .wc-block-mini-cart__button,
.wc-block-components-drawer .components-modal__header .components-button,
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
cursor: pointer;
}
.wc-block-mini-cart__footer .block-editor-block-list__layout .wc-block-components-button,
.wc-block-mini-cart__footer .block-editor-block-list__layout .wp-block-button,
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button,
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-button {
min-height: auto;
border-radius: 5px;
transition: 0.4s ease-in-out;
}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
font-size: var(--wp--preset--font-size--base);
color: var(--wp--preset--color--secondary);
text-decoration: inherit;
font-weight: 500;
}
.wc-block-mini-cart__empty-cart-wrapper .components-button {
line-height: 1;
border-radius: 5px;
min-height: auto;
} .woocommerce .product .woocommerce-product-gallery .flex-control-thumbs.flex-control-nav {
margin: 0.75em 0 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.woocommerce .product .woocommerce-product-gallery .flex-control-thumbs.flex-control-nav li {
flex-basis: calc(25% - 8px);
}
.woocommerce div.product form.cart .variations select {
padding: 12px 16px;
font-size: var(--wp--preset--font-size--base);
border: 2px solid var(--wp--preset--color--quaternary);
border-radius: 5px;
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
background: transparent;
background-image: url(//matrayama.com/core/views/990743b2e5/assets/images/icon-downarrow.png);
background-repeat: no-repeat;
background-position: top 50% right 1em;
background-size: 16px;
margin-right: 0;
margin-bottom: var(--wp--preset--spacing--xx-small);
cursor: pointer;
min-width: 240px;
width: auto;
}
.summary form.cart.variations_form {
flex-direction: column;
}
.summary form.cart.variations_form .single_variation_wrap .variations_button {
display: flex;
padding-top: var(--wp--preset--spacing--xx-small);
}
.summary form.cart table.variations {
width: 100%;
border-collapse: collapse;
}
.summary form.cart table.variations tr {
display: inherit;
}
.summary form.cart table.variations th {
min-width: 90px;
text-align: left;
vertical-align: middle;
}
.summary form.cart .reset_variations {
margin-left: 15px;
}
.summary form.cart.grouped_form {
flex-direction: column;
}
.summary form.cart.grouped_form .group_table td {
vertical-align: middle;
}
.summary form.cart.grouped_form .button {
max-width: max-content;
margin-top: 15px;
}
.summary .product_meta {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--xx-small);
}
.woocommerce div.product form.cart div.quantity .qty {
border: 1px solid var(--wp--preset--color--quaternary);
border-radius: 5px;
width: 6.45em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background-color: var(--wp--preset--color--tertiary);
}
.woocommerce div.product .related.products > h2 {
margin-bottom: 0;
}
.woocommerce table.shop_attributes th {
text-align: left;
}
.woocommerce table.shop_attributes td {
font-style: normal;
padding-left: var(--wp--preset--spacing--xx-small);
} .woocommerce-message {
border-top-color: var(--wp--preset--color--primary);
}
.woocommerce-message::before {
color: var(--wp--preset--color--primary);
} .woocommerce .quantity .qty {
border: 1px solid var(--wp--preset--color--quaternary);
border-radius: 5px;
width: 6.45em;
}
.woocommerce-page .woocommerce-cart-form #coupon_code {
border-radius: 5px;
}
.woocommerce-page .woocommerce-cart-form .actions button.button {
height: 48px;
}
.woocommerce-account .wp-block-post-title,
.woocommerce-account main .woocommerce,
.woocommerce-cart .wp-block-post-title,
.woocommerce-cart main .woocommerce,
.woocommerce-checkout .wp-block-post-title,
.woocommerce-checkout main .woocommerce {
max-width: var(--wp--style--global--wide-size);
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
padding: calc(0.667em + 2px) calc(1.333em + 2px);
font-size: 1em;
}
.woocommerce-cart main .woocommerce {
display: flex;
flex-wrap: wrap;
column-gap: 4%;
}
@media only screen and (max-width: 1120px) {
.woocommerce-cart main .woocommerce {
column-gap: 3%;
}
}
.woocommerce-cart main .woocommerce .woocommerce-notices-wrapper {
flex-basis: 100%;
}
.woocommerce-cart main .woocommerce .woocommerce-cart-form {
flex-basis: 64%;
width: 100%;
padding-top: 45px;
}
@media only screen and (max-width: 1120px) {
.woocommerce-cart main .woocommerce .woocommerce-cart-form {
flex-basis: 65%;
}
}
.woocommerce-cart main .woocommerce .cart-collaterals {
flex-basis: 32%;
width: 100%;
}
.woocommerce-cart main .woocommerce .cart-collaterals .cart_totals {
width: 100%;
}
.woocommerce-cart main .woocommerce .cart-collaterals .cart_totals h2 {
margin: 0;
padding-bottom: 15px;
}
.woocommerce-cart main .woocommerce .cart_totals .shop_table tr td {
text-align: right;
}
.woocommerce-cart main .woocommerce .shipping-calculator-form {
text-align: left;
}
form.woocommerce-checkout {
display: flex;
flex-wrap: wrap;
column-gap: 5%;
}
@media only screen and (max-width: 1120px) {
form.woocommerce-checkout {
column-gap: 3%;
}
}
form.woocommerce-checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
flex-basis: 100%;
}
form.woocommerce-checkout #customer_details {
display: flex;
flex-direction: column;
flex-basis: 60%;
}
@media only screen and (max-width: 1120px) {
form.woocommerce-checkout #customer_details {
flex-basis: 62%;
}
}
form.woocommerce-checkout #customer_details .col-1,
form.woocommerce-checkout #customer_details .col-2 {
width: 100%;
float: none;
}
form.woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields h3 {
margin-top: 0;
}
form.woocommerce-checkout #customer_details .col-2 {
display: flex;
flex-direction: column-reverse;
}
form.woocommerce-checkout #customer_details #ship-to-different-address label.checkbox {
display: flex;
column-gap: 5px;
align-items: center;
margin-top: 0.7rem;
}
form.woocommerce-checkout #customer_details #ship-to-different-address #ship-to-different-address-checkbox {
width: 24px;
height: 24px;
margin-top: 2px;
}
form.woocommerce-checkout #customer_details #ship-to-different-address span {
font-size: var(--wp--preset--font-size--medium);
}
form.woocommerce-checkout #order_review {
flex-basis: 35%;
}
form.woocommerce-checkout #order_review table.shop_table {
width: 100%;
border-collapse: separate;
background: var(--wp--preset--color--tertiary);
border: none;
border-radius: 0;
margin: 0;
padding: var(--wp--preset--spacing--medium);
}
form.woocommerce-checkout #order_review table.shop_table th {
border: none;
padding-left: 0;
padding-right: 0;
}
form.woocommerce-checkout #order_review table.shop_table th.product-total {
text-align: right;
}
form.woocommerce-checkout #order_review table.shop_table td {
border: none;
padding-left: 0;
padding-right: 0;
text-align: right;
}
form.woocommerce-checkout #order_review table.shop_table td.product-name {
text-align: left;
padding-left: 0;
}
form.woocommerce-checkout #order_review table.shop_table td.product-quantity {
text-align: right;
padding-right: 0;
}
form.woocommerce-checkout #order_review table.shop_table tr {
border: none;
border-bottom: 1px solid var(--wp--preset--color--quaternary);
display: flex;
justify-content: space-between;
}
form.woocommerce-checkout #order_review table.shop_table tr:last-child {
border-bottom: none;
}
form.woocommerce-checkout #order_review_heading {
display: none;
}
form.woocommerce-checkout .woocommerce-checkout-payment {
flex-basis: 100%;
margin-top: var(--wp--preset--spacing--medium);
}
form.woocommerce-checkout .woocommerce-checkout-payment .button {
margin: 0;
}* {
box-sizing: border-box;
}
.single-template-wrapper #primary article .st-woo-ai-rel-products .woocommerce ul.products li.product a,
.st-woo-ai-rel-products .woocommerce ul.products li.product a {
text-decoration: none;
} 
.st-woo-ai-rel-products ul.products {
display: grid;
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.st-woo-ai-rel-products .woocommerce ul.products > div.product,
.st-woo-ai-rel-products .woocommerce ul.products > article.product,
.st-woo-ai-rel-products .woocommerce ul.products li.product,
.st-woo-ai-rel-products ul.products li.product {
width: 100%;
position: relative;
}
.st-woo-ai-rel-products ul.column-1 {
grid-template-columns: 1fr;
}
.st-woo-ai-rel-products .woocommerce ul.products::before,
.st-woo-ai-rel-products .woocommerce ul.products::after {
content: none;
}
@media screen and (min-width: 768px) {
.st-woo-ai-rel-products ul.column-6,
.st-woo-ai-rel-products ul.column-4,
.st-woo-ai-rel-products ul.column-2,
.st-woo-ai-rel-products ul.column-5,
.st-woo-ai-rel-products ul.column-3 {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 992px) {
.st-woo-ai-rel-products ul.column-2 {
grid-template-columns: repeat(2, 1fr);
}
.st-woo-ai-rel-products ul.column-3 {
grid-template-columns: repeat(3, 1fr);
}
.st-woo-ai-rel-products ul.column-4 {
grid-template-columns: repeat(4, 1fr);
}
.st-woo-ai-rel-products ul.column-5 {
grid-template-columns: repeat(4, 1fr);
}
.st-woo-ai-rel-products ul.column-6 {
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 1024px) {
.st-woo-ai-rel-products ul.column-5 {
grid-template-columns: repeat(5, 1fr);
}
.st-woo-ai-rel-products ul.column-6 {
grid-template-columns: repeat(6, 1fr);
}
}
@media screen and (max-width: 991px) {
.st-woo-ai-rel-products ul.products {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
}
@media screen and (max-width: 767px) {
.st-woo-ai-rel-products ul.column-6,
.st-woo-ai-rel-products ul.column-5,
.st-woo-ai-rel-products ul.column-4,
.st-woo-ai-rel-products ul.column-3,
.st-woo-ai-rel-products ul.column-2 {
grid-template-columns: repeat(2, 1fr);
}
}