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;
} .novyra-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;
}
.novyra-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;
} .glow {
position: relative;
overflow: hidden;
background-image:
radial-gradient(ellipse at 20% 15%, rgba(53, 138, 232, 0.22) 0%, transparent 55%),
radial-gradient(ellipse at 80% 60%, rgba(53, 138, 232, 0.18) 0%, transparent 60%),
radial-gradient(ellipse at 50% 100%, rgba(53, 138, 232, 0.12) 0%, transparent 65%),
linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 70%);
background-repeat: no-repeat;
background-size:
900px 600px,
800px 1800px,
1200px 600px,
100% 100%;
background-position:
top left,
center right,
bottom center,
center;
background-blend-mode: screen, screen, screen, overlay;
}
.glow-right {
background-image: radial-gradient(
ellipse at 70% 30%,
rgba(53, 138, 232, 0.28) 0%,
rgba(53, 138, 232, 0.1) 45%,
transparent 75%
);
background-repeat: no-repeat;
background-size: 1100px 900px;
background-position: right center;
background-blend-mode: screen;
}
.glow-left {
background-image: radial-gradient(
ellipse at 30% 40%,
rgba(53, 138, 232, 0.28) 0%,
rgba(53, 138, 232, 0.1) 45%,
transparent 75%
);
background-repeat: no-repeat;
background-size: 1100px 900px;
background-position: left center;
background-blend-mode: screen;
}
.full-width-image,
.full-width-image > img {
width: 100% !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;
} .progress-bar-container {
background-color: #e0e0e0;
border-radius: 25px;
position: relative;
height: 10px;
padding: 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.progress-bar-bar {
height: 100%;
background-color: var(--wp--preset--color--custom-primary);
border-radius: 25px;
position: absolute;
bottom: 0;
left: 0;
}
.progress-bar-text {
position: absolute;
top: -30px;
font-size: 18px;
font-weight: bold;
white-space: nowrap;
}
.progress-bar-hidden-value { } .items--gsap {
overflow-x: hidden;
}
.items--gsap .items__container {
translate: calc(-100% + 100vw) !important;
}
.items__container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
will-change: transform;
} .gallery-hover-effect > img {
-webkit-transition: -webkit-transform 0.45s ease-in-out;
transition: -webkit-transform 0.45s ease-in-out;
-o-transition: transform 0.45s ease-in-out;
transition: transform 0.45s ease-in-out;
transition:
transform 0.45s ease-in-out,
-webkit-transform 0.45s ease-in-out;
}
.gallery-hover-effect:hover > img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.gallery-hover-effect > div > div {
opacity: 0;
background: #000000b0;
-webkit-transition: opacity 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
}
.gallery-hover-effect:hover > div > div {
opacity: 1;
} .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;
}
}