html,
body {
overflow-x: hidden;
}
html {
scroll-behavior: smooth;
}
body {
background: var(--wp--preset--color--custom-background-primary);
color: var(--wp--preset--color--custom-text-color);
}
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
}
a {
color: inherit;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
ul {
list-style: none;
padding: 0;
}
ul > li > a {
text-decoration: none;
}
ul > li > a:hover {
color: var(--wp--preset--color--custom-primary) !important;
}
:where(.wp-site-blocks) > * {
-webkit-margin-before: 0;
margin-block-start: 0;
}
.is-style-outline > a {
background: transparent !important;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
display: block !important;
}
.full-width-image,
.full-width-image > img {
width: 100% !important;
} .heliom-fixed-message {
position: fixed;
top: 50%;
right: 0;
transform: translateY(-50%);
background: var(--wp--preset--color--custom-primary) !important;
padding: 20px 20px;
z-index: 1000;
word-wrap: break-word;
max-height: 70% !important;
display: flex;
justify-content: center;
align-items: center;
}
.heliom-fixed-message a {
color: #fff;
writing-mode: vertical-rl;
text-align: center;
cursor: pointer;
text-decoration: none;
word-wrap: break-word;
max-height: 70% !important;
} .wp-block-site-title > a {
text-decoration: none;
}
.wp-block-site-title > a:hover {
color: var(--wp--preset--color--custom-primary) !important;
}
.wp-block-navigation-item:hover {
color: var(--wp--preset--color--custom-primary) !important;
}
.wp-block-navigation__responsive-container-content {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: start !important;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
border: 0 !important;
}
.wp-block-navigation-submenu > li {
background: var(--wp--preset--color--custom-background-secondary) !important;
color: var(--wp--preset--color--custom-text-color);
}
.header-search-icon > div > button {
background: transparent;
padding: 0;
} .hero {
position: relative;
overflow: hidden;
}
.hero::after {
content: '';
position: absolute;
bottom: 50%;
left: 50%;
transform: translateX(-50%) rotate(-10deg);
width: 250%;
height: 100px;
background: radial-gradient(
ellipse 70% 150% at 50% 50%,
rgba(255, 111, 97, 0.25) 0%,
rgba(255, 111, 97, 0.1) 50%,
rgba(132, 94, 194, 0.05) 80%,
transparent 100%
);
filter: blur(60px);
z-index: 2;
pointer-events: none;
}
.hero-content {
position: relative;
z-index: 3;
} .wp-block-post-title > a:hover {
color: var(--wp--preset--color--custom-primary) !important;
}
.wp-block-button__link,
.wp-block-search__button {
background: var(--wp--preset--color--custom-primary);
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.wp-block-button__link:hover,
.wp-block-search__button:hover {
opacity: 0.8;
}
input,
textarea {
background: var(--wp--preset--color--custom-background-secondary);
color: #fff !important;
} .copy > a {
text-decoration: none;
}
.copy > a:hover {
opacity: 0.8;
} @media (max-width: 1024px) {
.wp-block-columns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hero-cta-buttons {
justify-self: baseline;
}
.hero-content > div {
max-width: max-content !important;
}
}
@media (max-width: 992px) {
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open)
.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open:not(.always-shown),
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: none;
}
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.wp-block-navigation__container {
--navigation-layout-justification-setting: flex-start !important;
--navigation-layout-justify: flex-start !important;
}
}
@media (max-width: 768px) {
.wp-block-buttons {
flex-direction: column;
}
}