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;
} .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;
}
.header-subtitle {
position: relative;
display: inline-block;
z-index: 2;
}
.header-subtitle::before {
content: "";
position: absolute;
left: 0; width: 100%;
height: 6px;
background: rgba(120, 120, 180, 0.8);
border-radius: 4px;
z-index: -1;
bottom: -7px;
} .hero {
position: relative;
overflow: hidden;
} .hero::after {
content: "";
position: absolute;
top: 17%;
left: 50%;
width: 160%;
height: 160px;
transform: translateX(-50%) rotate(-8deg);
background: radial-gradient(
ellipse 60% 180% at 50% 50%,
rgba(120, 120, 180, 0.69) 0%,
rgba(80, 80, 120, 0.06) 60%,
transparent 100%
);
filter: blur(80px);
opacity: 0.8;
z-index: 1;
pointer-events: none;
} .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;
} @media (max-width: 1024px) {
.wp-block-columns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hero-button {
justify-content: flex-start !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;
}
}