*:where(
:not(
html,
iframe,
canvas,
img,
svg,
video,
audio,
summary,
svg *,
symbol *,
[type="checkbox"],
[type="radio"]
)
) {
all: unset;
display: revert;
} *,
*::before,
*::after {
box-sizing: border-box;
padding: 0;
margin: 0;
} a,
button {
cursor: revert;
} ol,
ul,
menu {
list-style: none;
} img {
display: block;
max-width: 100%;
height: auto;
vertical-align: bottom;
} table {
border-collapse: collapse;
} input,
textarea {
user-select: auto;
} textarea {
white-space: revert;
} ::placeholder {
color: unset;
} @media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0s !important;
transition-duration: 0s !important;
}
}.lazy-load-div {
opacity: 1;
transition: opacity 0.15s ease-in-out;
border-radius: var(--wp--custom--radius--m);
overflow: hidden;
}
.lazy-load-div::before {
text-shadow: none;
content: "";
position: absolute;
inset: 0;
background-color: var(--wp--preset--color--accent-1-light);
z-index: 0;
opacity: 0.5;
}
.lazy-load-div::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
transform: translate(-50%, -50%);
background-image: url(https://compaspirayon.com/wp-content/themes/pirayon/assets/images/icon-play.svg);
background-size: 50% 50%;
background-repeat: no-repeat;
border-radius: 100%;
background-position: 55% 50%;
background-color: var(--wp--preset--color--accent-1);
z-index: 1;
transition: background-color 0.15s ease-in-out;
}
.lazy-load-div:hover {
opacity: 1;
}
.lazy-load-div:hover::before {
opacity: 0.5;
}
.lazy-load-div:hover::after {
background-color: var(--wp--custom--color--accent-1-hover);
} .schema-faq-section {
border-radius: var(--wp--custom--radius--m);
margin-bottom: var(--wp--preset--spacing--s);
overflow: hidden;
}
.schema-faq-question {
display: block;
background-color: var(--wp--preset--color--accent-1-light);
padding: var(--wp--preset--spacing--s);
}
.schema-faq-answer {
margin: 0;
padding: var(--wp--preset--spacing--s);
background-color: var(--wp--preset--color--accent-1-lighter);
} header.wp-block-template-part {
top: 0;
position: sticky;
border-bottom: solid 1px var(--wp--preset--color--accent-1);
background-color: var(--wp--preset--color--base);
z-index: 100;
}
.wc-block-mini-cart__icon {
height: 1.3em;
width: 1.3em;
} footer.wp-block-template-part {
background-color: var(--wp--preset--color--accent-1-lighter);
padding-bottom: var(--wp--preset--spacing--xl);
background-image: url(https://compaspirayon.com/wp-content/themes/pirayon/assets/images/ruler.svg);
background-position: 0 100%;
background-repeat: repeat-x;
background-size: auto 60px;
} .woocommerce-page .input-text {
font-size: var(--wp--preset--font-size--s);
border: solid 1px;
border-radius: var(--wp--custom--radius--m);
}
.woocommerce-page legend {
font-size: var(--wp--preset--font-size--m);
margin-top: var(--wp--preset--spacing--m);
}
.woocommerce-page .woocommerce-Address {
float: none !important;
width: 100% !important;
margin-top: var(--wp--preset--spacing--m);
}
.woocommerce-account .addresses .title .edit {
float: none;
}
.select2-container--default .select2-selection--single {
border-radius: var(--wp--custom--radius--m);
background-color: var(--wp--preset--color--base);
}
.select2-dropdown {
background-color: var(--wp--preset--color--base);
}
.select2-selection__placeholder {
font-size: var(--wp--preset--font-size--s);
}
.wc-block-components-form .wc-block-components-text-input input[type="email"],
.wc-block-components-form .wc-block-components-text-input input[type="number"],
.wc-block-components-form
.wc-block-components-text-input
input[type="password"],
.wc-block-components-form .wc-block-components-text-input input[type="tel"],
.wc-block-components-form .wc-block-components-text-input input[type="text"],
.wc-block-components-form .wc-block-components-text-input input[type="url"],
.wc-block-components-text-input input[type="email"],
.wc-block-components-text-input input[type="number"],
.wc-block-components-text-input input[type="password"],
.wc-block-components-text-input input[type="tel"],
.wc-block-components-text-input input[type="text"],
.wc-block-components-text-input input[type="url"],
.wc-blocks-components-select .wc-blocks-components-select__container {
height: 70px;
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions {
flex-direction: column;
}
.wc-block-components-formatted-money-amount,
.wc-block-components-totals-item__label,
.wc-block-mini-cart__footer
.wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal
.wc-block-components-totals-item__description {
font-size: var(--wp--preset--font-size--xs);
}
.wc-block-mini-cart__footer
.wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal
.wc-block-components-totals-item__description {
margin-top: var(--wp--preset--spacing--xs);
} .is-style-circle {
color: white;
background: var(--wp--preset--color--accent-2);
display: inline-block;
height: 1.5em;
line-height: 1;
width: 1.5em;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 100%;
flex-shrink: 0;
flex-grow: 0;
} .wp-block-categories {
display: flex;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--s);
justify-content: center;
}
.taxonomy-category a,
.wp-block-categories a {
border: currentColor solid 1px;
border-radius: var(--wp--custom--radius--s);
padding: var(--wp--preset--spacing--xxs) var(--wp--preset--spacing--xs);
font-size: var(--wp--preset--font-size--xs);
text-decoration: none;
transition: 0.15s ease-in background-color;
}
.taxonomy-category a:hover,
.wp-block-categories a:hover {
background-color: var(--wp--preset--color--accent-1-light);
}
.wp-block-categories .current-cat a {
color: var(--wp--preset--color--base);
border-color: var(--wp--preset--color--accent-2);
background-color: var(--wp--preset--color--accent-2);
}
.wp-block-categories .current-cat a:hover {
background-color: var(--wp--custom--color--accent-2-hover);
} .wp-block-post-title a:hover {
text-decoration: underline;
}
.yoast-breadcrumbs {
font-size: var(--wp--preset--font-size--xs);
} .with_frm_style .frm_top_container .frm_primary_label {
font-size: var(--wp--preset--font-size--s);
}
.frm_style_style-formidable.with_frm_style .frm_submit .frm_button_submit {
font-size: var(--wp--preset--font-size--s);
padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--m);
background-color: var(--wp--preset--color--accent-2);
border-radius: var(--wp--custom--radius--m);
border: none;
}
.frm_style_style-formidable.with_frm_style
.frm_submit
.frm_button_submit:hover {
background-color: var(--wp--custom--color--accent-2-hover);
}
.with_frm_style input {
font-size: var(--wp--preset--font-size--s) !important;
}
.frm_style_style-formidable.with_frm_style div.frm_error {
font-size: var(--wp--preset--font-size--xs);
margin-top: var(--wp--preset--spacing--xxs);
color: #f04438;
}
.frm_style_style-formidable.with_frm_style div.frm_error_style {
font-size: var(--wp--preset--font-size--xs);
}
.with_frm_style .vertical_radio .frm_checkbox label,
.with_frm_style .vertical_radio .frm_radio label {
font-size: var(--wp--preset--font-size--xs);
}
.wp-block-image.is-style-no-radius img {
border-radius: 0;
}
@media (max-width: 800px) {
.hide-mobile {
display: none !important;
}
}
@media (max-width: 600px) {
.wp-block-media-text > .wp-block-media-text__content {
padding: 0;
}
.wp-block-site-logo {
max-width: 60px;
}
header .wp-block-navigation,
header .wp-container-core-group-is-layout-1 {
gap: var(--wp--preset--spacing--xs);
}
header .wp-block-button__link {
padding: var(--wp--preset--spacing--xxs) var(--wp--preset--spacing--xs);
}
}