:where(.wp-site-blocks) > * {
margin-block-start: 0 !important;
}
p,
.wp-block-paragraph,
.wp-block-heading {
a {
text-decoration: none;
transition: all 0.25s;
}
strong {
font-weight: 600;
}
}
h1 {
&.wp-block-heading {
/* transform: translateX(-5px); */
}
}
header {
position: fixed;
width: 100%;
top: 0;
height: auto;
left: 0;
z-index: 50;
.site-header--inner {
background-color: rgba(255, 255, 255, 0.65) !important;
backdrop-filter: blur(30px);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
}
.wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle {
display: none !important;
}
}
.yoast-breadcrumbs {
> span {
> span {
margin-right: 5px;
margin-left: 5px;
&:first-child {
margin-left: 0;
}
a {
color: var(--wp--preset--color--secondary);
transition: all 0.25s;
&:hover {
color: var(--wp--preset--color--primary);
}
}
}
}
}
div.has-ghub-link {
.wp-block-cover {
transition: all 0.25s;
.wp-block-cover__image-background,
.wp-block-cover__background {
transition: all 0.25s;
}
}
.wp-block-heading {
padding-right: 70px;
position: relative;
&.has-h-4-font-size {
padding-right: 0px;
padding-bottom: 55px;
&:before,
&:after {
top: auto;
bottom: 0;
left: 0;
}
}
&:before,
&:after {
transition: all 0.25s;
width: 56px;
height: 40px;
position: absolute;
top: -5px;
right: 0;
content: url('data:image/svg+xml,');
z-index: 2;
}
&:after {
content: url('data:image/svg+xml,');
z-index: 1;
}
}
p,
.wp-block-paragraph {
padding-right: 25%;
}
&:hover {
.wp-block-cover__image-background,
.wp-block-cover__background {
}
.wp-block-heading {
&:before {
opacity: 0;
}
}
}
}
.usp {
.gutslider-content-inner {
max-width: 99999px;
padding: 0 !important;
}
.swiper-wrapper {
align-items: stretch;
.wp-block-gutsliders-slide {
height: unset;
}
}
.wp-block-columns {
flex-wrap: wrap !important;
.wp-block-column {
flex: 0 1 100% !important;
}
}
div.has-ghub-link {
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 20px;
-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.13);
-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.13);
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.13);
&:hover {
-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.13);
-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.13);
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.13);
}
.wp-block-heading {
flex: 1;
}
}
}
.projects {
div.has-ghub-link {
.wp-block-cover__inner-container {
width: 100% !important;
}
.wp-block-buttons {
.wp-block-button__link {
font-size: 16px;
}
}
.wp-block-heading {
width: 100%;
box-sizing: border-box;
padding-bottom: 0;
padding-right: 75px;
&:before,
&:after {
left: auto;
top: -5px;
bottom: auto;
right: 0;
content: url('data:image/svg+xml,');
}
&:after {
content: url('data:image/svg+xml,');
z-index: 1;
opacity: 0;
}
}
&:hover {
.wp-block-heading {
&:after {
opacity: 1;
}
&:after {
opacity: 1;
}
}
}
}
.wp-block-cover {
min-height: 1px !important;
height: clamp(250px, 30vw, 485px);
.wp-block-cover__background,
.wp-block-cover__image-background {
min-height: 1px !important;
height: clamp(250px, 30vw, 485px);
overflow: hidden;
box-sizing: border-box;
}
}
}
@media screen and (min-width: 480px) {
.usp {
.wp-block-group {
.wp-block-columns {
.wp-block-column {
flex: 0 1 calc(50% - 15px) !important;
}
}
}
}
}
@media screen and (min-width: 782px) {
.usp {
.wp-block-columns {
flex-wrap: nowrap !important;
}
.wp-block-group {
.wp-block-columns {
flex-wrap: wrap !important;
}
}
}
}
@media screen and (min-width: 782px) and (max-width: 1023px) {
.projects {
> .wp-block-columns {
> .wp-block-column {
&:first-child {
flex: 0 1 calc(33.333vw - 38px) !important;
}
}
}
div.has-ghub-link {
.wp-block-buttons {
.wp-block-button__link {
font-size: 11px !important;
}
}
.wp-block-heading {
font-size: var(--wp--preset--font-size--h-5) !important;
padding-right: 40px;
&:before,
&:after {
transform: scale(0.75);
transform-origin: top right;
}
}
}
}
}
@media screen and (min-width: 992px) {
div.has-ghub-link {
.wp-block-heading {
&:before,
&:after {
top: 0;
}
}
}
}
@media screen and (min-width: 1024px) {
div.has-ghub-link {
.wp-block-heading {
&:before,
&:after {
top: 0;
}
}
}
.projects {
.wp-block-buttons {
.wp-block-button__link {
font-size: 16px !important;
&:hover {
background-color: white !important;
color: var(--wp--preset--color--secondary) !important;
}
}
}
> .wp-block-columns {
> .wp-block-column {
.wp-block-cover {
min-height: 1px !important;
height: clamp(250px, 25vw, 290px);
padding: 35px !important;
.wp-block-heading {
font-size: var(--wp--preset--font-size--h-4) !important;
&:before,
&:after {
top: 0 !important;
transform: scale(0.75) !important;
transform-origin: top right !important;
}
}
.wp-block-cover__background,
.wp-block-cover__image-background {
min-height: 1px !important;
height: clamp(250px, 25vw, 290px);
}
}
&:first-child {
.wp-block-cover {
min-height: 1px !important;
height: clamp(250px, 50vw, 525px);
padding: var(--wp--preset--spacing--medium-tertiary) !important;
.wp-block-heading {
font-size: var(--wp--preset--font-size--h-3) !important;
&:before,
&:after {
top: 0 !important;
transform: scale(1) !important;
transform-origin: top right !important;
}
}
.wp-block-cover__background,
.wp-block-cover__image-background {
min-height: 1px !important;
height: clamp(250px, 50vw, 525px);
}
}
}
&:last-child {
display: flex;
flex-direction: column;
> .wp-block-group {
margin-top: auto;
}
}
}
}
}
}
@media screen and (min-width: 992px) {
.usp {
.wp-block-group {
.wp-block-columns {
.wp-block-column {
flex: 0 1 calc(20% - 24px) !important;
}
}
}
div.has-ghub-link {
-webkit-box-shadow: unset;
-moz-box-shadow: unset;
box-shadow: unset;
}
}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
.usp {
div.has-ghub-link {
padding: 15px !important;
.wp-block-post-title
.wp-block-heading {
font-size: 18px !important;
}
}
}
}
.search-results {
}
.wp-social-link {
&:hover {
transform: unset !important;
}
}
footer {
a {
text-decoration: none;
}
.wp-block-social-links {
padding-top: 5px;
.wp-social-link {
border: 1px solid white;
padding: 0px !important;
transition: all 0.25s;
&:hover {
background-color: white !important;
svg {
color: var(--wp--preset--color--black) !important;
}
}
.wp-block-social-link-anchor {
padding: 5px 12px;
}
svg {
transition: all 0.25s;
width: 30px;
height: 30px;
}
}
}
.wp-block-site-logo {
img {
filter: grayscale() brightness(200%);
-webkit-filter: grayscale() brightness(1000%);
}
}
.wp-block-columns {
.wp-block-column {
.wp-block-group.wp-block-group-is-layout-flex {
justify-content: space-between;
height: 100%;
}
}
}
}
@media screen and (max-width: 991px) {
footer {
.wp-block-social-links {
.wp-social-link {
.wp-block-social-link-anchor {
padding: 2px 5px;
}
svg {
width: 20px;
height: 20px;
}
}
}
.wp-block-columns {
flex-wrap: wrap !important;
.wp-block-column {
&[style*="flex-basis:15%"] {
flex: 0 1 100% !important;
}
}
}
.footer-address {
border-bottom: 1px solid white;
padding-bottom: 0;
margin-top: 20px !important;
transition-property: padding;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
> .wp-block-group {
gap: 15px;
}
+ .footer-address {
margin-top: 0 !important;
}
.footer-address-trigger {
box-sizing: border-box;
font-size: 20px !important;
padding-right: 30px;
width: 100%;
position: relative;
cursor: pointer;
min-height: 24px;
transition: all 0.25s;
&:hover {
color: var(--wp--preset--color--primary);
&:after {
content: url('data:image/svg+xml,')
}
}
&:after {
position: absolute;
width: 16px;
right: 16px;
transition: all 0.25s;
display: flex;
top: 0;
right: 0;
align-items: center;
justify-content: center;
content: url('data:image/svg+xml,');
}
~ .wp-block-group {
max-height: 0px;
overflow: hidden;
transition: all 0.25s;
margin: 0 !important;
}
}
&.open {
padding-bottom: 20px;
.footer-address-trigger {
&:after {
transform: rotate(180deg);
}
~ .wp-block-group {
max-height: 200px;
}
}
}
}
.wp-block-navigation__container.items-justified-right {
flex-direction: column;
align-items: flex-start;
gap: 5px;
}
}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
footer {
.footer-address {
.wp-block-heading {
font-size: 16px !important;
}
p {
font-size: 14px !important;
}
}
}
}
.has-ghub-layout select{
border: unset;
background-position: 95% 50%;
padding: 10px 18px;
}
.swiper-slide.type-testimonial {
background-color: var(--wp--preset--color--light-grey);
&.swiper-slide-active{
background-color: var(--wp--preset--color--black);
}
}
.wp-block-categories-dropdown select{
border: unset !important;
}