*,
::before,
::after {
box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor; }
::before,
::after {
--tw-content: "";
} html,
:host {
line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4;
tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } body {
margin: 0; line-height: inherit; } hr {
height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} @media (min-width: 768px) and (max-width: 1305px) {
.intro-block {
margin-top: 405px !important;
}
}
.filters {
margin-bottom: 5rem;
}
.facetwp-radio {
padding-left: 18px;
padding-right: 18px;
padding-bottom: 11px;
padding-top: 11px;
color: rgb(45 45 43 / var(--tw-text-opacity)) !important;
background: #fff !important;
margin-right: 32px;
font-weight: 800;
border: 1px solid rgb(45 45 43 / 30%);
font-size: 20px;
}
.facetwp-radio.checked {
background-color: rgb(45 45 43 / var(--tw-bg-opacity)) !important;
color: #fff !important;
}
.facetwp-facet-districts {
display: flex;
justify-content: flex-start;
}
.facetwp-facet {
margin-bottom: 0px !important;
}
.facetwp-counter {
display: none;
}
.facetwp-dropdown {
padding-left: 18px;
padding-right: 18px;
padding-bottom: 11px;
padding-top: 11px;
color: rgb(45 45 43 / var(--tw-text-opacity)) !important;
background: #fff !important;
font-weight: 800;
border: 1px solid rgb(45 45 43 / 30%);
font-size: 20px;
}
select.facetwp-dropdown {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
margin: 0;
width: 100%;
font-family: inherit;
cursor: inherit;
line-height: inherit;
outline: none;
padding-left: 18px;
padding-right: 18px;
padding-bottom: 11px;
padding-top: 11px;
font-size: 20px;
cursor: pointer;
line-height: 1.1;
background-color: #e47f76;
background-image: url(https://marisinteriors.devbyfuture.co.uk/wp-content/uploads/2024/07/chevron-nav.svg) !important;
background-repeat: no-repeat !important;
background-position: 92% center !important;
font-weight: 600;
display: grid;
position: relative;
border: 1px solid rgb(45 45 43 / 30%);
min-width: 350px;
margin-right: 28px;
} .property-date {
font-weight: 600;
padding-bottom: 2rem;
}
.facetwp-counts {
margin-right: 10px;
}
.facetwp-counts {
margin-right: 10px;
}
.projects-listing .facetwp-counts {
margin-right: 0px;
}
.facetwp-pager {
display: flex;
font-size: 26px;
margin-top: 20px;
justify-content: flex-start;
}
.facetwp-facet-pagination a {
color: white;
background-color: #2d2d2b;
text-align: center;
min-width: 35px;
padding: 10px;
}
.facetwp-page.active {
font-weight: bold;
cursor: default;
color: #e47f76;
text-align: center;
min-width: 35px;
background-color: #2d2d2b;
padding: 10px;
}
@media (min-width: 768px) {
.add-info {
top: -41px;
left: 0px;
}
.add-info-wrap {
background: #2d2d2b;
color: #fff;
padding: 2rem;
}
.add-info-item {
align-items: center;
margin-right: 2rem;
}
.add-info-item p {
font-size: 22px;
}
.add-info-item svg {
margin-right: 1rem;
}
.hero-property {
padding-top: 20rem;
padding-bottom: 17rem;
}
.intro-text {
width: 50%;
padding-top: 6rem;
}
.location-image {
width: 30% !important;
}
.location-text {
width: 70% !important;
}
.areas-left,
.areas-right {
width: 50%;
padding: 1rem;
}
.area-table-wrap th h3 {
display: flex;
justify-content: flex-start;
font-size: 30px;
padding-top: 2rem;
}
.area-table-wrap table {
width: 100%;
margin-top: 4rem;
}
.area-table-wrap tr th:first-child {
width: 33%;
}
.area-table-wrap tr th:nth-child(2) {
width: 33%;
}
.area-table-wrap tr th:nth-child(3) {
width: 33%;
}
.area-table-wrap tbody tr:first-child {
border-bottom: 1px solid #2d2d2b;
}
.area-table-wrap tbody tr:nth-child(2) td {
padding-top: 2.5rem;
}
.area-table-wrap tbody tr:last-child {
border-top: 1px solid #2d2d2b;
}
.area-table-wrap td {
padding-bottom: 1.5rem;
padding-top: 1.5rem;
font-size: 24px;
max-width: 7ch;
vertical-align: top;
border-bottom: 1px solid #b8b8b8;
}
}
@media (max-width: 768px) {
.area-table-wrap td {
padding-bottom: 1.5rem;
padding-top: 1.5rem;
font-size: 19px;
max-width: 7ch;
vertical-align: top;
border-bottom: 1px solid #b8b8b8;
width: 33%;
}
.area-table-wrap table {
width: 100%;
margin-top: 4rem;
}
.area-table-wrap table h3 {
display: flex;
font-size: 20px;
width: 33%;
text-align: left;
}
}
@media (max-width: 878px) {
.filters.bg-sand {
flex-direction: column;
}
select.facetwp-dropdown {
min-width: 100%;
}
.facetwp-facet-districts {
margin-bottom: 20px !important;
}
}
@media (min-width: 1279px) {
.facetwp-template {
grid-template-columns: 1fr 1fr 1fr;
gap: 2rem;
display: grid;
}
}
@media (max-width: 1279px) {
.facetwp-template {
grid-template-columns: 1fr 1fr;
gap: 2rem;
display: grid;
}
.schedule-of-areas {
display: block !important;
}
.schedule-of-areas .areas-left,
.schedule-of-areas .areas-right {
width: 100%;
}
.schedule-of-areas .areas-right .w-full {
display: flex;
justify-content: center;
}
}
@media (max-width: 768px) {
.facetwp-template {
grid-template-columns: 1fr;
}
.hero-property {
padding-top: 10rem;
padding-bottom: 5rem;
}
} h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
} a {
color: inherit;
text-decoration: inherit;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
"Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
} table {
text-indent: 0; border-color: inherit; border-collapse: collapse; } button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0; } button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring {
outline: auto;
} :-moz-ui-invalid {
box-shadow: none;
} progress {
vertical-align: baseline;
} ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } summary {
display: list-item;
} blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
} dialog {
padding: 0;
} textarea {
resize: vertical;
} input::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1; color: #9ca3af; }
input::placeholder,
textarea::placeholder {
opacity: 1; color: #9ca3af; } button,
[role="button"] {
cursor: pointer;
} :disabled {
cursor: default;
} img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; vertical-align: middle; } img,
video {
max-width: 100%;
height: auto;
} [hidden] {
display: none;
}
*,
::before,
::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
.container {
width: 100%;
}
@media (min-width: 480px) {
.container {
max-width: 480px;
}
}
@media (min-width: 600px) {
.container {
max-width: 600px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1500px) {
.container {
max-width: 1500px;
}
}
.cky-consent-container .cky-consent-bar {
border-radius: 0px !important;
border-width: 0px !important;
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
--tw-shadow: 0 0 #0000 !important;
--tw-shadow-colored: 0 0 #0000 !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.cky-consent-container .cky-notice-group .cky-notice-des p {
font-size: 1rem !important;
line-height: 1.5rem !important;
}
@media (min-width: 1024px) {
.cky-consent-container .cky-notice-group .cky-notice-des p {
font-size: 1.125rem !important;
line-height: 1.75rem !important;
}
}
.cky-consent-container .cky-notice-group .cky-notice-des p.cky-policy {
font-size: 1rem !important;
line-height: 1.5rem !important;
}
@media (min-width: 1024px) {
.cky-consent-container .cky-notice-group .cky-notice-des p.cky-policy {
font-size: 1.125rem !important;
line-height: 1.75rem !important;
}
}
.cky-consent-container .cky-notice-group .cky-notice-btn-wrapper {
margin-top: 0.5rem !important;
}
@media (min-width: 768px) {
.cky-consent-container .cky-notice-group .cky-notice-btn-wrapper {
margin-top: 0px !important;
}
}
.cky-consent-container .cky-notice-group .cky-notice-btn-wrapper .cky-btn {
position: relative;
z-index: 10;
display: inline-block;
overflow: hidden;
border-radius: 0px !important;
border-width: 0px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
padding-left: 1rem !important;
padding-right: 1rem !important;
font-family: poppins-semi, sans-serif !important;
font-size: 1rem !important;
line-height: 1.5rem !important;
transition-property: all;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 600px) {
.cky-consent-container .cky-notice-group .cky-notice-btn-wrapper .cky-btn {
padding-left: 18px !important;
padding-right: 18px !important;
}
}
.cky-consent-container
.cky-notice-group
.cky-notice-btn-wrapper
.cky-btn::before {
--tw-bg-opacity: 1;
background-color: rgb(228 127 118 / var(--tw-bg-opacity));
width: 100%;
height: 100%;
display: block;
content: " ";
position: absolute;
top: 0;
left: 0;
transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: -1;
}
.cky-consent-container
.cky-notice-group
.cky-notice-btn-wrapper
.cky-btn::after {
--tw-bg-opacity: 1;
background-color: rgb(45 45 43 / var(--tw-bg-opacity));
}
.image-copy
.cky-consent-container
.cky-notice-group
.cky-notice-btn-wrapper
.cky-btn::after {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.cky-consent-container
.cky-notice-group
.cky-notice-btn-wrapper
.cky-btn::after {
width: 100%;
height: 100%;
display: block;
content: " ";
position: absolute;
top: 0;
left: -1px;
transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: -1;
transform: translateX(-100%);
}
.cky-consent-container
.cky-notice-group
.cky-notice-btn-wrapper
.cky-btn:hover {
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
opacity: 1 !important;
}
.cky-consent-container
.cky-notice-group
.cky-notice-btn-wrapper
.cky-btn:hover::after {
left: 0px !important;
--tw-bg-opacity: 1;
background-color: rgb(45 45 43 / var(--tw-bg-opacity));
}
.image-copy
.cky-consent-container
.cky-notice-group
.cky-notice-btn-wrapper
.cky-btn:hover::after {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.cky-consent-container
.cky-notice-group
.cky-notice-btn-wrapper
.cky-btn:hover::after {
transform: translateX(0%);
}
.cky-consent-container .cky-notice .cky-title {
display: none !important;
}
.cky-notice-des a.cky-policy,
.cky-notice-des button.cky-policy {
font-size: 1rem !important;
line-height: 1.5rem !important;
}
@media (min-width: 1024px) {
.cky-notice-des a.cky-policy,
.cky-notice-des button.cky-policy {
font-size: 1.125rem !important;
line-height: 1.75rem !important;
}
}
.cky-notice-des a.cky-policy:hover,
.cky-notice-des button.cky-policy:hover {
--tw-text-opacity: 1 !important;
color: rgb(228 127 118 / var(--tw-text-opacity)) !important;
}
.cky-btn-revisit-wrapper {
display: none !important;
}
.container {
margin-left: auto;
margin-right: auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (min-width: 600px) {
.container {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 768px) {
.container {
padding-left: 3rem;
padding-right: 3rem;
}
}
.container {
max-width: 1824px;
}
#hamburger {
z-index: 40;
width: 20px;
height: 15px;
transform: rotate(180deg);
}
#hamburger .bar {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
height: 2px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: 0.4s;
border-radius: 3px;
}
#hamburger .bar:nth-child(1) {
top: 0px;
width: 100%;
}
#hamburger .bar:nth-child(2) {
width: 100%;
top: 10%;
}
#hamburger .bar:nth-child(3) {
width: 100%;
bottom: -6%;
}
#hamburger.animate .bar {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
opacity: 0;
}
#hamburger.animate .bar:nth-child(2) {
opacity: 1;
transform: translateY(7px) rotate(135deg);
}
#hamburger.animate .bar:nth-child(3) {
opacity: 1;
transform: translateY(-3px) rotate(-135deg);
bottom: 10%;
}
.show {
overflow: hidden;
}
.nav-mob-container {
transform: translateX(100vw);
transition: 0.4s all cubic-bezier(0.6, 0.04, 0.4, 1);
visibility: hidden;
}
.nav-mob-container.active-nav {
transform: translateX(0px);
visibility: visible;
}
#site-navigation-mob .btn.btn-nav {
font-size: 20px;
}
#site-navigation-mob .sub-nav {
position: relative;
top: 0px;
width: 100%;
}
#site-navigation-mob .sub-nav > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
#site-navigation-mob .sub-nav {
--tw-bg-opacity: 1;
background-color: rgb(45 45 43 / var(--tw-bg-opacity));
padding-bottom: 0px;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 15px;
}
.image-copy #site-navigation-mob .sub-nav {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
#site-navigation-mob .sub-nav li a {
width: 100%;
font-family: poppins-reg, sans-serif;
font-size: 20px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.logo {
transition-property: all;
transition-duration: 700ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.logo.large {
height: 5rem;
}
@media (min-width: 768px) {
.logo.large {
height: 6rem;
}
}
.logo.small {
height: 66px;
}
@media (min-width: 768px) {
.logo.small {
height: 4rem;
}
}
.hbspt-form .hs-input {
border-width: 1px;
border-right-width: 0px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
font-family: poppins-med, sans-serif;
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 600px) {
.hbspt-form .hs-input {
min-width: 290px;
font-size: 1rem;
line-height: 1.5rem;
}
}
.hbspt-form .hs-input {
background: transparent;
}
.hbspt-form .hs-submit {
cursor: pointer;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
font-family: poppins-med, sans-serif;
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
transition-property: all;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.hbspt-form .hs-submit:hover {
--tw-bg-opacity: 1;
background-color: rgb(228 127 118 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
@media (min-width: 600px) {
.hbspt-form .hs-submit {
font-size: 1rem;
line-height: 1.5rem;
}
}
.hbspt-form ul.no-list.hs-error-msgs.inputs-list {
display: none;
}
.hbspt-form .actions {
cursor: pointer;
}
.hbspt-form ::-moz-placeholder {
color: white;
opacity: 1; }
.hbspt-form ::placeholder {
color: white;
opacity: 1; }
.insights-sign-up-forms .hbspt-form .hs-input {
border-style: none;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
.insights-sign-up-forms .hbspt-form .hs-submit {
cursor: pointer;
--tw-bg-opacity: 1;
background-color: rgb(45 45 43 / var(--tw-bg-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
font-family: poppins-med, sans-serif;
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.image-copy .insights-sign-up-forms .hbspt-form .hs-submit {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.insights-sign-up-forms .hbspt-form .hs-submit:hover {
--tw-bg-opacity: 1;
background-color: rgb(228 127 118 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
@media (min-width: 600px) {
.insights-sign-up-forms .hbspt-form .hs-submit {
font-size: 1rem;
line-height: 1.5rem;
}
}
.insights-sign-up-forms .hbspt-form ::-moz-placeholder {
color: #2d2d2b;
opacity: 1; }
.insights-sign-up-forms .hbspt-form ::placeholder {
color: #2d2d2b;
opacity: 1; }
.sf-field-category ul {
display: flex;
flex-wrap: wrap;
}
.sf-field-category ul li {
margin-right: 1rem;
}
@media (min-width: 768px) {
.sf-field-category ul li {
margin-right: 21px;
}
}
.sf-field-category ul li input[type="radio"] {
display: none;
}
.sf-field-category ul li label {
margin-top: 0px !important;
cursor: pointer;
padding-left: 18px !important;
padding-right: 18px !important;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
transition-property: all;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
#site-navigation-mob .sf-field-category ul li label.btn-nav {
font-size: 20px;
}
.sf-field-category ul li label {
position: relative;
z-index: 10;
margin-top: 23px;
display: inline-block;
overflow: hidden;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 1rem;
padding-right: 1rem;
font-family: poppins-semi, sans-serif;
}
@media (min-width: 600px) {
.sf-field-category ul li label {
padding-left: 18px;
padding-right: 18px;
}
}
@media (min-width: 768px) {
.sf-field-category ul li label {
margin-top: 2rem;
}
}
.sf-field-category ul li label.btn-inverse:hover {
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
.sf-field-category ul li label.btn-inverse::after {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.sf-field-category ul li label.btn-inverse:hover:after {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.sf-field-category ul li label.btn-header {
margin-top: 0px;
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
.sf-field-category ul li label.btn-header:hover {
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
.sf-field-category ul li label.btn-header::before {
--tw-bg-opacity: 1;
background-color: rgb(231 229 224 / var(--tw-bg-opacity));
}
.sf-field-category ul li label.btn-header::after {
--tw-bg-opacity: 1;
background-color: rgb(228 127 118 / var(--tw-bg-opacity));
}
.sf-field-category ul li label.btn-header:hover:after {
--tw-bg-opacity: 1;
background-color: rgb(228 127 118 / var(--tw-bg-opacity));
}
.sf-field-category ul li label.btn-inverse-dark {
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
.sf-field-category ul li label.btn-inverse-dark:hover {
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
.sf-field-category ul li label.btn-inverse-dark::after {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.sf-field-category ul li label.btn-inverse-dark:hover:after {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.sf-field-category ul li label.btn-nav {
--tw-bg-opacity: 1;
background-color: rgb(45 45 43 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.image-copy .sf-field-category ul li label.btn-nav {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.sf-field-category ul li label.btn-nav:hover {
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
.sf-field-category ul li label.btn-nav:before {
--tw-bg-opacity: 1;
background-color: rgb(45 45 43 / var(--tw-bg-opacity));
}
.image-copy .sf-field-category ul li label.btn-nav:before {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.sf-field-category ul li label.btn-nav::after {
--tw-bg-opacity: 1;
background-color: rgb(228 127 118 / var(--tw-bg-opacity));
}
.sf-field-category ul li label.btn-nav:hover:after {
--tw-bg-opacity: 1;
background-color: rgb(228 127 118 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
.sf-field-category ul li label:before {
--tw-bg-opacity: 1;
background-color: rgb(228 127 118 / var(--tw-bg-opacity));
width: 100%;
height: 100%;
display: block;
content: " ";
position: absolute;
top: 0;
left: 0;
transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: -1;
}
.sf-field-category ul li label:after {
--tw-bg-opacity: 1;
background-color: rgb(45 45 43 / var(--tw-bg-opacity));
}
.image-copy .sf-field-category ul li label:after {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.sf-field-category ul li label:after {
width: 100%;
height: 100%;
display: block;
content: " ";
position: absolute;
top: 0;
left: -1px;
transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: -1;
transform: translateX(-100%);
}
.sf-field-category ul li label:hover {
color: white;
}
.sf-field-category ul li label:hover:after {
left: 0px;
--tw-bg-opacity: 1;
background-color: rgb(45 45 43 / var(--tw-bg-opacity));
}
.image-copy .sf-field-category ul li label:hover:after {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.sf-field-category ul li label:hover:after {
transform: translateX(0%);
}
.sf-field-category ul li label:hover {
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
.sf-field-category ul li label:before {
--tw-bg-opacity: 1;
background-color: rgb(45 45 43 / var(--tw-bg-opacity));
}
.image-copy .sf-field-category ul li label:before {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.sf-field-category ul li label::after {
--tw-bg-opacity: 1;
background-color: rgb(228 127 118 / var(--tw-bg-opacity));
}
.sf-field-category ul li label:hover:after {
--tw-bg-opacity: 1;
background-color: rgb(228 127 118 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
.sf-field-category ul li.sf-option-active label {
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
.sf-field-category ul li.sf-option-active label::before {
--tw-bg-opacity: 1;
background-color: rgb(228 127 118 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
#search-filter-form-603 ul {
position: relative;
display: flex;
width: 100% !important;
flex-wrap: wrap;
}
#search-filter-form-603 ul li {
margin-right: 1rem;
}
@media (min-width: 768px) {
#search-filter-form-603 ul li {
margin-right: 1.5rem;
}
}
#search-filter-form-603 ul li:last-of-type {
margin-right: 0px;
}
@media (min-width: 1024px) {
#search-filter-form-603 ul li:last-of-type {
position: absolute;
right: 0px;
}
}
#search-filter-form-603 ul li select.sf-input-select,
.projects-listing select.facetwp-dropdown,
.projects-listing .facetwp-facet-sort_by_projects select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
margin: 0;
width: 100%;
font-family: inherit;
cursor: inherit;
line-height: inherit;
outline: none;
padding: 12px 44px 12px 18px;
font-size: 16px;
cursor: pointer;
line-height: 1.1;
background-color: #e47f76 !important;
background-image: url(https://maris.co.uk/wp-content/uploads/2024/07/chevron-nav.svg);
background-repeat: no-repeat;
background-position: 92% center;
font-weight: 600;
display: grid;
position: relative;
margin-right: 32px;
min-width: auto !important;
}
#search-filter-form-603 ul li select.sf-input-select::after,
.projects-listing select.facetwp-dropdown::after,
.projects-listing .facetwp-facet-sort_by_projects select::after {
content: "";
width: 0.8em;
height: 0.5em;
background-color: black;
-webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%);
clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}
select::-ms-expand {
display: none;
}
.projects-dropdown {
display: flex;
justify-content: flex-start;
}
.projects-dropdown .facetwp-facet {
margin-right: 15px;
}
.left-filter {
display: flex;
justify-content: space-between;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "";
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.fixed {
position: fixed;
}
.\!absolute {
position: absolute !important;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.bottom-0 {
bottom: 0px;
}
.bottom-4 {
bottom: 1rem;
}
.bottom-\[-1300px\] {
bottom: -1300px;
}
.bottom-\[-1500px\] {
bottom: -1500px;
}
.bottom-\[-150px\] {
bottom: -150px;
}
.bottom-\[-1800px\] {
bottom: -1800px;
}
.bottom-\[-200px\] {
bottom: -200px;
}
.bottom-\[-3200px\] {
bottom: -3200px;
}
.bottom-\[-500px\] {
bottom: -500px;
}
.left-0 {
left: 0px;
}
.left-\[10\%\] {
left: 10%;
}
.right-0 {
right: 0px;
}
.right-4 {
right: 1rem;
}
.right-\[-50px\] {
right: -50px;
}
.top-0 {
top: 0px;
}
.top-\[-100px\] {
top: -100px;
}
.top-\[-44px\] {
top: -44px;
}
.top-\[-75px\] {
top: -75px;
}
.top-\[172px\] {
top: 172px;
}
.top-\[28px\] {
top: 28px;
}
.top-\[400px\] {
top: 400px;
}
.z-0 {
z-index: 0;
}
.z-10 {
z-index: 10;
}
.z-30 {
z-index: 30;
}
.z-40 {
z-index: 40;
}
.z-50 {
z-index: 50;
}
.z-\[-1\] {
z-index: -1;
}
.-mx-4 {
margin-left: -1rem;
margin-right: -1rem;
}
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mx-6 {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-20 {
margin-top: 5rem;
margin-bottom: 5rem;
}
.my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.my-80 {
margin-top: 20rem;
margin-bottom: 20rem;
}
.my-\[180px\] {
margin-top: 180px;
margin-bottom: 180px;
}
.my-\[26px\] {
margin-top: 26px;
margin-bottom: 26px;
}
.my-\[50px\] {
margin-top: 50px;
margin-bottom: 50px;
}
.my-\[80px\] {
margin-top: 80px;
margin-bottom: 80px;
}
.my-\[90px\] {
margin-top: 90px;
margin-bottom: 90px;
}
.\!mt-0 {
margin-top: 0px !important;
}
.\!mt-1 {
margin-top: 0.25rem !important;
}
.\!mt-10 {
margin-top: 2.5rem !important;
}
.\!mt-2 {
margin-top: 0.5rem !important;
}
.\!mt-3 {
margin-top: 0.75rem !important;
}
.\!mt-\[8px\] {
margin-top: 8px !important;
}
.-mb-\[100px\] {
margin-bottom: -125px;
}
.-mb-\[7px\] {
margin-bottom: -7px;
}
.mb-1 {
margin-bottom: 0.25rem;
}
.mb-10 {
margin-bottom: 2.5rem;
}
.mb-12 {
margin-bottom: 3rem;
}
.mb-16 {
margin-bottom: 4rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-20 {
margin-bottom: 5rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.mb-6 {
margin-bottom: 1.5rem;
}
.mb-8 {
margin-bottom: 2rem;
}
.mb-\[-50px\] {
margin-bottom: -50px;
}
.mb-\[10px\] {
margin-bottom: 10px;
}
.mb-\[14px\] {
margin-bottom: 14px;
}
.mb-\[150px\] {
margin-bottom: 150px;
}
.mb-\[172px\] {
margin-bottom: 172px;
}
.mb-\[219px\] {
margin-bottom: 219px;
}
.mb-\[24px\] {
margin-bottom: 24px;
}
.mb-\[26px\] {
margin-bottom: 26px;
}
.mb-\[32px\] {
margin-bottom: 32px;
}
.mb-\[36px\] {
margin-bottom: 36px;
}
.mb-\[45px\] {
margin-bottom: 45px;
}
.mb-\[60px\] {
margin-bottom: 60px;
}
.mb-\[68px\] {
margin-bottom: 68px;
}
.mb-\[70px\] {
margin-bottom: 70px;
}
.ml-10 {
margin-left: 2.5rem;
}
.ml-3 {
margin-left: 0.75rem;
}
.ml-6 {
margin-left: 1.5rem;
}
.ml-\[10px\] {
margin-left: 10px;
}
.ml-\[14px\] {
margin-left: 14px;
}
.ml-\[30px\] {
margin-left: 30px;
}
.ml-\[36px\] {
margin-left: 36px;
}
.ml-\[9px\] {
margin-left: 9px;
}
.mr-10 {
margin-right: 2.5rem;
}
.mr-2 {
margin-right: 0.5rem;
}
.mr-3 {
margin-right: 0.75rem;
}
.mr-7 {
margin-right: 1.75rem;
}
.mr-\[30px\] {
margin-right: 30px;
}
.mr-\[6px\] {
margin-right: 6px;
}
.mr-\[8px\] {
margin-right: 8px;
}
.mt-1 {
margin-top: 0.25rem;
}
.mt-12 {
margin-top: 3rem;
}
.mt-20 {
margin-top: 5rem;
}
.mt-4 {
margin-top: 1rem;
}
.mt-5 {
margin-top: 1.25rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.mt-8 {
margin-top: 2rem;
}
.mt-\[-340px\] {
margin-top: -340px;
}
.mt-\[100px\] {
margin-top: 100px;
}
.mt-\[122px\] {
margin-top: 122px;
}
.mt-\[137px\] {
margin-top: 137px;
}
.mt-\[150px\] {
margin-top: 150px;
}
.mt-\[175px\] {
margin-top: 175px;
}
.mt-\[17px\] {
margin-top: 17px;
}
.mt-\[180px\] {
margin-top: 180px;
}
.mt-\[20px\] {
margin-top: 20px;
}
.mt-\[25px\] {
margin-top: 25px;
}
.mt-\[27px\] {
margin-top: 27px;
}
.mt-\[35px\] {
margin-top: 35px;
}
.mt-\[45px\] {
margin-top: 45px;
}
.mt-\[50px\] {
margin-top: 50px;
}
.mt-\[80px\] {
margin-top: 80px;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.grid {
display: grid;
}
.\!hidden {
display: none !important;
}
.hidden {
display: none;
}
.h-10 {
height: 2.5rem;
}
.h-4 {
height: 1rem;
}
.h-\[100px\] {
height: 100px;
}
.h-\[150px\] {
height: 150px;
}
.h-\[175px\] {
height: 175px;
}
.h-\[225px\] {
height: 225px;
}
.h-\[228px\] {
height: 228px;
}
.h-\[240px\] {
height: 240px;
}
.h-\[250px\] {
height: 250px;
}
.h-\[256px\] {
height: 256px;
}
.h-\[320px\] {
height: 320px;
}
.h-\[36px\] {
height: 36px;
}
.h-\[390px\] {
height: 390px;
}
.h-\[50\%\] {
height: 50%;
}
.h-\[90px\] {
height: 90px;
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.h-screen {
height: 100vh;
}
.min-h-\[240px\] {
min-height: 240px;
}
.min-h-\[300px\] {
min-height: 300px;
}
.min-h-\[350px\] {
min-height: 350px;
}
.min-h-\[400px\] {
min-height: 400px;
}
.min-h-\[48px\] {
min-height: 48px;
}
.min-h-\[500px\] {
min-height: 500px;
}
.w-3 {
width: 0.75rem;
}
.w-\[136px\] {
width: 136px;
}
.w-\[16px\] {
width: 16px;
}
.w-\[18px\] {
width: 18px;
}
.w-\[26px\] {
width: 26px;
}
.w-\[29px\] {
width: 29px;
}
.w-\[32px\] {
width: 32px;
}
.w-\[35\%\] {
width: 35%;
}
.w-\[38px\] {
width: 38px;
}
.w-\[62px\] {
width: 62px;
}
.w-\[65\%\] {
width: 65%;
}
.w-\[65px\] {
width: 65px;
}
.w-\[90px\] {
width: 90px;
}
.w-auto {
width: auto;
}
.w-full {
width: 100%;
}
.min-w-\[48px\] {
min-width: 48px;
}
.max-w-\[1000px\] {
max-width: 1000px;
}
.max-w-\[1050px\] {
max-width: 1050px;
}
.max-w-\[1200px\] {
max-width: 1200px;
}
.max-w-\[1208px\] {
max-width: 1208px;
}
.max-w-\[1500px\] {
max-width: 1500px;
}
.max-w-\[308px\] {
max-width: 308px;
}
.max-w-\[365px\] {
max-width: 365px;
}
.max-w-\[437px\] {
max-width: 437px;
}
.max-w-\[550px\] {
max-width: 550px;
}
.max-w-\[560px\] {
max-width: 560px;
}
.max-w-\[578px\] {
max-width: 578px;
}
.max-w-\[590px\] {
max-width: 590px;
}
.max-w-\[592px\] {
max-width: 592px;
}
.max-w-\[70\%\] {
max-width: 70%;
}
.max-w-\[700px\] {
max-width: 700px;
}
.max-w-\[800px\] {
max-width: 800px;
}
.max-w-\[900px\] {
max-width: 900px;
}
.flex-none {
flex: none;
}
.cursor-grabbing {
cursor: grabbing;
}
.cursor-pointer {
cursor: pointer;
}
.list-none {
list-style-type: none;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-start {
align-items: flex-start;
}
.items-end {
align-items: flex-end;
}
.items-center {
align-items: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.gap-4 {
gap: 1rem;
}
.gap-6 {
gap: 1.5rem;
}
.gap-8 {
gap: 2rem;
}
.gap-x-5 {
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.gap-y-6 {
row-gap: 1.5rem;
}
.space-x-10 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(2.5rem * var(--tw-space-x-reverse));
margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-\[10px\] > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(10px * var(--tw-space-x-reverse));
margin-left: calc(10px * calc(1 - var(--tw-space-x-reverse)));
}
.overflow-hidden {
overflow: hidden;
}
.overflow-scroll {
overflow: scroll;
}
.rounded {
border-radius: 0.25rem;
}
.border-b-2 {
border-bottom-width: 2px;
}
.border-grey {
--tw-border-opacity: 1;
border-color: rgb(184 184 184 / var(--tw-border-opacity));
}
.bg-primary {
--tw-bg-opacity: 1;
background-color: rgb(14 165 233 / var(--tw-bg-opacity));
}
.bg-rust {
--tw-bg-opacity: 1;
background-color: rgb(228 127 118 / var(--tw-bg-opacity));
}
.bg-sand {
--tw-bg-opacity: 1;
background-color: rgb(231 229 224 / var(--tw-bg-opacity));
}
.bg-shadow {
--tw-bg-opacity: 1;
background-color: rgb(45 45 43 / var(--tw-bg-opacity));
}
.bg-opacity-50 {
--tw-bg-opacity: 0.5;
}
.bg-cover {
background-size: cover;
}
.bg-center {
background-position: center;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.p-10 {
padding: 2.5rem;
}
.p-6 {
padding: 1.5rem;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.px-\[18px\] {
padding-left: 18px;
padding-right: 18px;
}
.px-\[6px\] {
padding-left: 6px;
padding-right: 6px;
}
.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.py-\[10px\] {
padding-top: 10px;
padding-bottom: 10px;
}
.py-\[18px\] {
padding-top: 18px;
padding-bottom: 18px;
}
.py-\[40px\] {
padding-top: 40px;
padding-bottom: 40px;
}
.py-\[45px\] {
padding-top: 45px;
padding-bottom: 45px;
}
.py-\[60px\] {
padding-top: 60px;
padding-bottom: 60px;
}
.py-\[90px\] {
padding-top: 90px;
padding-bottom: 90px;
}
.pb-16 {
padding-bottom: 4rem;
}
.pb-20 {
padding-bottom: 5rem;
}
.pb-3 {
padding-bottom: 0.75rem;
}
.pb-6 {
padding-bottom: 1.5rem;
}
.pb-\[18px\] {
padding-bottom: 18px;
}
.pb-\[45px\] {
padding-bottom: 45px;
}
.pb-\[9px\] {
padding-bottom: 9px;
}
.pr-6 {
padding-right: 1.5rem;
}
.pr-\[23px\] {
padding-right: 23px;
}
.pt-3 {
padding-top: 0.75rem;
}
.pt-6 {
padding-top: 1.5rem;
}
.pt-\[150px\] {
padding-top: 150px;
}
.pt-\[18px\] {
padding-top: 18px;
}
.pt-\[200px\] {
padding-top: 200px;
}
.pt-\[20px\] {
padding-top: 20px;
}
.pt-\[30px\] {
padding-top: 30px;
}
.pt-\[37px\] {
padding-top: 37px;
}
.text-center {
text-align: center;
}
.font-bold {
font-family: poppins-bold, sans-serif;
}
.font-med {
font-family: poppins-med, sans-serif;
}
.font-semi {
font-family: poppins-semi, sans-serif;
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.text-\[12px\] {
font-size: 12px;
}
.text-\[14px\] {
font-size: 14px;
}
.text-\[16px\] {
font-size: 16px;
}
.text-\[18px\] {
font-size: 18px;
}
.text-\[20px\] {
font-size: 20px;
}
.text-\[22px\] {
font-size: 22px;
}
.text-\[44px\] {
font-size: 44px;
}
.text-\[88px\] {
font-size: 88px;
}
.text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.font-bold {
font-weight: 700;
}
.font-extrabold {
font-weight: 800;
}
.uppercase {
text-transform: uppercase;
}
.italic {
font-style: italic;
}
.leading-\[1\.1\] {
line-height: 1.1;
}
.leading-\[120\%\] {
line-height: 120%;
}
.leading-\[17\.6px\] {
line-height: 17.6px;
}
.leading-\[20px\] {
line-height: 20px;
}
.leading-none {
line-height: 1;
}
.leading-snug {
line-height: 1.375;
}
.leading-tight {
line-height: 1.25;
}
.tracking-\[-1px\] {
letter-spacing: -1px;
}
.text-rust {
--tw-text-opacity: 1;
color: rgb(228 127 118 / var(--tw-text-opacity));
}
.text-sand {
--tw-text-opacity: 1;
color: rgb(231 229 224 / var(--tw-text-opacity));
}
.text-sea {
--tw-text-opacity: 1;
color: rgb(81 111 107 / var(--tw-text-opacity));
}
.text-shadow {
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.duration-500 {
transition-duration: 500ms;
}
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.alignfull {
margin: 2rem calc(50% - 50vw) !important;
max-width: 100vw !important;
width: 100vw;
}
.alignwide {
margin: 2rem 0;
max-width: 1280px !important;
}
.alignnone {
margin-left: 0px;
margin-right: 0px;
height: auto;
max-width: 100%;
}
.aligncenter {
margin: 0.5rem auto;
display: block;
}
@media (min-width: 600px) {
.alignleft:not(.wp-block-button) {
margin-right: 0.5rem;
float: left;
}
.alignright:not(.wp-block-button) {
margin-left: 0.5rem;
float: right;
}
.wp-block-button.alignleft a {
float: left;
margin-right: 1rem;
}
.wp-block-button.alignright a {
float: right;
margin-left: 1rem;
}
}
.wp-caption {
display: inline-block;
}
.wp-caption img {
margin-bottom: 0.5rem;
line-height: 1;
}
.wp-caption-text {
font-size: 0.875rem;
color: #718096;
}
body[data-aos-easing="new-easing"] [data-aos],
[data-aos][data-aos][data-aos-easing="custom-easing"] {
transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
}
[data-aos="custom-fade-up"] {
opacity: 0;
transition-property: transform, opacity;
}
[data-aos="custom-fade-up"].aos-animate {
opacity: 1;
}
@media screen and (min-width: 768px) {
[data-aos="custom-fade-up"] {
transform: translateY(100px);
}
[data-aos="custom-fade-up"].aos-animate {
transform: translateX(0);
}
}
[data-aos="custom-fade-down"] {
opacity: 0;
transition-property: transform, opacity;
}
[data-aos="custom-fade-down"].aos-animate {
opacity: 1;
}
@media screen and (min-width: 768px) {
[data-aos="custom-fade-down"] {
transform: translateY(-100px);
}
[data-aos="custom-fade-down"].aos-animate {
transform: translateX(0);
}
}
[data-aos="custom-slide-up"] {
transition-property: transform;
}
@media screen and (min-width: 768px) {
[data-aos="custom-slide-up"] {
transform: translateY(100px);
}
[data-aos="custom-slide-up"].aos-animate {
transform: translateX(0);
}
}
.animate-delay-1 {
animation-delay: 3000ms;
}
.btn {
position: relative;
z-index: 10;
margin-top: 23px;
display: inline-block;
overflow: hidden;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 1rem;
padding-right: 1rem;
font-family: poppins-semi, sans-serif;
}
.hash-pattern {
width: 950px;
}
@media (min-width: 600px) {
.btn {
padding-left: 18px;
padding-right: 18px;
}
}
@media (min-width: 768px) {
.btn {
margin-top: 2rem;
}
.hero-btns .btn {
padding-left: 32px;
padding-right: 32px;
padding-bottom: 16px;
padding-top: 16px;
font-size: 24px;
}
}
.btn.btn-inverse:hover {
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
.btn.btn-inverse::after {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.btn.btn-inverse:hover:after {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.btn.btn-header {
margin-top: 0px;
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
.btn.btn-header:hover {
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
.btn.btn-header::before {
--tw-bg-opacity: 1;
background-color: rgb(231 229 224 / var(--tw-bg-opacity));
}
.btn.btn-header::after {
--tw-bg-opacity: 1;
background-color: rgb(228 127 118 / var(--tw-bg-opacity));
}
.btn.btn-header:hover:after {
--tw-bg-opacity: 1;
background-color: rgb(228 127 118 / var(--tw-bg-opacity));
}
.btn.btn-inverse-dark {
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
.btn.btn-inverse-dark:hover {
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
.btn.btn-inverse-dark::after {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.btn.btn-inverse-dark:hover:after {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.btn.btn-nav {
--tw-bg-opacity: 1;
background-color: rgb(45 45 43 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.image-copy .btn.btn-nav {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn.btn-nav:hover {
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
.btn.btn-nav:before {
--tw-bg-opacity: 1;
background-color: rgb(45 45 43 / var(--tw-bg-opacity));
}
.image-copy .btn.btn-nav:before {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn.btn-nav::after {
--tw-bg-opacity: 1;
background-color: rgb(228 127 118 / var(--tw-bg-opacity));
}
.btn.btn-nav:hover:after {
--tw-bg-opacity: 1;
background-color: rgb(228 127 118 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
.active .btn-nav {
--tw-text-opacity: 1 !important;
color: rgb(45 45 43 / var(--tw-text-opacity)) !important;
}
.active .btn-nav::before {
--tw-bg-opacity: 1 !important;
background-color: rgb(228 127 118 / var(--tw-bg-opacity)) !important;
}
.current-menu-parent::after {
content: url(https://marisinteriors.devbyfuture.co.uk/wp-content/uploads/2024/07/chevron-nav.svg) !important;
}
.current-menu-parent .btn-nav {
--tw-text-opacity: 1 !important;
color: rgb(45 45 43 / var(--tw-text-opacity)) !important;
}
.current-menu-parent .btn-nav::before {
--tw-bg-opacity: 1 !important;
background-color: rgb(228 127 118 / var(--tw-bg-opacity)) !important;
}
.sub-nav {
position: absolute;
top: 44px;
display: none;
min-width: 150px;
flex-direction: column;
}
.sub-nav > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.sub-nav {
--tw-bg-opacity: 1;
background-color: rgb(231 229 224 / var(--tw-bg-opacity));
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
.sub-nav li a {
font-family: poppins-semi, sans-serif;
}
.sub-nav li a:hover {
--tw-text-opacity: 1;
color: rgb(228 127 118 / var(--tw-text-opacity));
}
.about-link {
position: relative;
}
.about-link::after {
position: absolute;
top: 9px;
right: 18px;
z-index: 10;
content: url(https://marisinteriors.devbyfuture.co.uk/wp-content/uploads/2024/07/chevron-nav-white.svg);
width: 14px;
height: 8px;
}
.about-link:hover .sub-nav {
display: flex;
}
.about-link:hover::after {
content: url(https://marisinteriors.devbyfuture.co.uk/wp-content/uploads/2024/07/chevron-nav.svg);
}
.about-link .btn-nav {
padding-right: 2.75rem;
}
.btn:before {
--tw-bg-opacity: 1;
background-color: rgb(228 127 118 / var(--tw-bg-opacity));
width: 100%;
height: 100%;
display: block;
content: " ";
position: absolute;
top: 0;
left: 0;
transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: -1;
}
.btn:after {
--tw-bg-opacity: 1;
background-color: rgb(45 45 43 / var(--tw-bg-opacity));
}
.image-copy .btn:after {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn:after {
width: 100%;
height: 100%;
display: block;
content: " ";
position: absolute;
top: 0;
left: -1px;
transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: -1;
transform: translateX(-100%);
}
.btn:hover {
color: white;
}
.btn:hover:after {
left: 0px;
--tw-bg-opacity: 1;
background-color: rgb(45 45 43 / var(--tw-bg-opacity));
}
.image-copy .btn:hover:after {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn:hover:after {
transform: translateX(0%);
}
@font-face {
font-family: "poppins-reg";
src: url(//maris.co.uk/wp-content/themes/tailpress/fonts/Poppins-Regular.woff2?da98bcbc9fb47348882d3893d4104639)
format("woff2"),
url(//maris.co.uk/wp-content/themes/tailpress/fonts/Poppins-Regular.woff?04196e78ff1a51a39da700a8bee2da8a)
format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "poppins-med";
src: url(//maris.co.uk/wp-content/themes/tailpress/fonts/Poppins-Medium.woff2?59ef76edcfa6d3361cd07b1cc6e59e5d)
format("woff2"),
url(//maris.co.uk/wp-content/themes/tailpress/fonts/Poppins-Medium.woff?f8ea198d6244a3457ed200a5b6b6cf3e)
format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "poppins-semi";
src: url(//maris.co.uk/wp-content/themes/tailpress/fonts/Poppins-SemiBold.woff2?788fab5cbac156458b2efae43bc92a3e)
format("woff2"),
url(//maris.co.uk/wp-content/themes/tailpress/fonts/Poppins-SemiBold.woff?64dfee096014a358b06058eda2594a31)
format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "poppins-bold";
src: url(//maris.co.uk/wp-content/themes/tailpress/fonts/Poppins-Bold.woff2?a4fbdbaf3fa3c8509f4a5a447c844141)
format("woff2"),
url(//maris.co.uk/wp-content/themes/tailpress/fonts/Poppins-Bold.woff?cb6a910c072b9107c9f662b64d7c0697)
format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
html {
overflow-x: hidden;
font-family: poppins-reg, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1024px) {
html {
overflow-x: initial;
}
}
body {
overflow-x: hidden;
--tw-bg-opacity: 0.1;
background-attachment: fixed;
background-repeat: repeat;
font-size: 1rem;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-size: 3rem;
}
@media (min-width: 1024px) {
body {
overflow-x: hidden;
}
}
body.overflow {
overflow: hidden;
}
#content {
position: relative;
z-index: 10;
--tw-bg-opacity: 0.1;
background-attachment: fixed;
background-repeat: repeat;
background-size: 3rem;
background-color: white;
}
:focus {
outline: none;
}
a {
text-decoration-line: none !important;
transition-property: all;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ui-cta {
font-family: poppins-semi, sans-serif;
}
.body-xl {
font-size: 20px;
line-height: 24px;
}
@media (min-width: 768px) {
.body-xl {
font-size: 40px;
line-height: 120%;
}
}
@media (min-width: 1024px) {
.body-xl {
font-size: 64px;
line-height: 105%;
}
}
.body-l {
font-size: 20px;
line-height: 120%;
}
@media (min-width: 1024px) {
.body-l {
font-size: 40px;
line-height: 115%;
}
}
.body-m {
font-size: 14px;
line-height: 19px;
}
@media (max-width: 768px) {
.intro-text.body-m {
padding-bottom: 0px;
padding-top: 50px;
}
.flex.bg-sand {
flex-direction: column;
}
tbody:last-child {
margin-top: 20px;
}
.selling-points {
margin-top: 80px;
margin-bottom: 90px;
}
}
@media (min-width: 768px) {
.body-m {
font-size: 24px;
line-height: 125%;
}
}
@media (min-width: 1024px) {
.body-m {
font-size: 28px;
}
}
.body-r {
font-size: 14px;
line-height: 125%;
}
@media (min-width: 768px) {
.body-r {
font-size: 18px;
}
}
@media (min-width: 1024px) {
.body-r {
font-size: 22px;
line-height: 125%;
}
}
.body-s {
font-size: 12px;
line-height: 125%;
}
@media (min-width: 1024px) {
.body-s {
font-size: 16px;
line-height: 125%;
}
}
.body-label-xl {
font-family: poppins-semi, sans-serif;
font-size: 24px;
line-height: 110%;
}
@media (min-width: 1024px) {
.body-label-xl {
font-size: 28px;
}
}
@media (min-width: 1280px) {
.body-label-xl {
font-size: 38px;
}
}
@media (min-width: 1500px) {
.body-label-xl {
font-size: 40px;
}
}
.body-label {
font-family: poppins-semi, sans-serif;
line-height: 100%;
}
.h1 {
font-family: poppins-semi, sans-serif;
font-size: 46px;
line-height: 100%;
letter-spacing: -1%;
}
@media (min-width: 600px) {
.h1 {
font-size: 64px;
}
}
@media (min-width: 1024px) {
.h1 {
font-size: 59px;
}
}
@media (min-width: 1280px) {
.h1 {
font-size: 79px;
}
}
.h2 {
font-family: poppins-semi, sans-serif;
font-size: 32px;
line-height: 110%;
}
@media (min-width: 768px) {
.h2 {
font-size: 56px;
line-height: 100%;
}
}
@media (min-width: 1024px) {
.h2 {
font-size: 70px;
}
}
.h3 {
font-family: poppins-semi, sans-serif;
font-size: 28px;
line-height: 110%;
}
@media (min-width: 768px) {
.h3 {
font-size: 34px;
line-height: 110%;
}
}
@media (min-width: 1024px) {
.h3 {
font-size: 46px;
}
}
.h4 {
font-family: poppins-semi, sans-serif;
font-size: 14px;
}
@media (min-width: 1024px) {
.h4 {
line-height: 115%;
font-size: 36px;
}
}
.social-link:hover path {
transition-property: all;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
fill: #e47f76;
}
.wysiwyg p {
margin-bottom: 1.5rem;
font-size: 14px;
line-height: 125%;
}
@media (min-width: 768px) {
.wysiwyg p {
font-size: 18px;
}
}
@media (min-width: 1024px) {
.wysiwyg p {
font-size: 24px;
line-height: 125%;
}
}
.wysiwyg h1 {
margin-bottom: 1.5rem;
font-family: poppins-semi, sans-serif;
font-size: 46px;
line-height: 100%;
letter-spacing: -1%;
}
@media (min-width: 600px) {
.wysiwyg h1 {
font-size: 64px;
}
}
@media (min-width: 1024px) {
.wysiwyg h1 {
font-size: 62px;
}
}
@media (min-width: 1280px) {
.wysiwyg h1 {
font-size: 92px;
}
}
@media (min-width: 1500px) {
.wysiwyg h1 {
font-size: 96px;
}
}
.wysiwyg h2 {
margin-bottom: 1.5rem;
font-family: poppins-semi, sans-serif;
font-size: 32px;
line-height: 110%;
}
@media (min-width: 768px) {
.wysiwyg h2 {
font-size: 56px;
line-height: 100%;
}
}
@media (min-width: 1024px) {
.wysiwyg h2 {
font-size: 70px;
}
}
@media (min-width: 1280px) {
.wysiwyg h2 {
font-size: 80px;
}
}
.wysiwyg h3 {
margin-bottom: 1.5rem;
font-family: poppins-semi, sans-serif;
font-size: 28px;
line-height: 110%;
}
@media (min-width: 768px) {
.wysiwyg h3 {
font-size: 34px;
line-height: 100%;
}
}
@media (min-width: 1024px) {
.wysiwyg h3 {
font-size: 48px;
}
}
.wysiwyg h4 {
margin-bottom: 1.5rem;
font-family: poppins-semi, sans-serif;
font-size: 14px;
}
@media (min-width: 1024px) {
.wysiwyg h4 {
line-height: 115%;
font-size: 36px;
}
}
.wysiwyg blockquote p {
margin-bottom: 1.5rem;
font-size: 14px;
line-height: 19px;
}
@media (min-width: 768px) {
.wysiwyg blockquote p {
font-size: 24px;
line-height: 110%;
}
}
@media (min-width: 1024px) {
.wysiwyg blockquote p {
font-size: 28px;
}
}
@media (min-width: 1280px) {
.wysiwyg blockquote p {
font-size: 32px;
}
}
.wysiwyg ul {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
margin-left: 1.5rem;
}
.wysiwyg ul > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.wysiwyg ul li {
list-style-type: disc;
}
.gradient-overlay {
background: rgb(0, 0, 0);
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.4038209033613446) 60%
);
}
.tags-insights p {
position: relative;
}
@media (min-width: 768px) {
.tags-insights p {
margin-right: 10px;
}
}
@media (min-width: 1024px) {
.tags-insights p {
margin-right: 15px;
}
}
@media (min-width: 1280px) {
.tags-insights p {
margin-right: 22px;
}
}
@media (min-width: 768px) {
.tags-insights p::after {
content: "/";
margin-left: 10px;
}
}
@media (min-width: 1024px) {
.tags-insights p::after {
margin-left: 15px;
}
}
@media (min-width: 1280px) {
.tags-insights p::after {
margin-left: 22px;
}
}
.tags-insights p:last-of-type {
margin-right: 0px;
}
.tags-insights p:last-of-type::after {
display: none;
}
.tags-projects p {
position: relative;
}
@media (min-width: 768px) {
.tags-projects p {
margin-right: 25px;
}
}
@media (min-width: 1024px) {
.tags-projects p {
margin-right: 35px;
}
}
@media (min-width: 1280px) {
.tags-projects p {
margin-right: 50px;
}
}
.tags-projects p:last-of-type {
margin-right: 0px;
}
.rich-text {
font-family: poppins-reg, sans-serif;
}
@media (min-width: 1024px) {
.rich-text {
font-size: 1.125rem;
line-height: 1.75rem;
}
}
@media (min-width: 1280px) {
.rich-text {
font-size: 1.25rem;
}
}
.rich-text h5 {
font-family: poppins-bold, sans-serif;
font-size: 1.25rem;
font-weight: 700;
}
@media (min-width: 768px) {
.rich-text h5 {
font-size: 1.5rem;
line-height: 2rem;
}
}
@media (min-width: 1024px) {
.rich-text h5 {
font-size: 1.875rem;
line-height: 2.25rem;
}
}
.rich-text p {
margin-bottom: 1rem;
}
.rich-text strong {
font-family: poppins-bold, sans-serif;
font-weight: 700;
}
.rich-text.last-p p {
font-size: 1.05rem !important;
}
@media (min-width: 600px) {
.rich-text.last-p p {
font-size: 1.25rem !important;
}
}
@media (min-width: 768px) {
.rich-text.last-p p {
font-size: 1.5rem !important;
}
}
@media (min-width: 1280px) {
.rich-text.last-p p {
font-size: 1.625rem !important;
}
}
.rich-text.last-p p:last-of-type {
margin-top: 3rem;
margin-bottom: 0px;
}
.rich-text.statement p {
font-size: 1.25rem;
}
@media (min-width: 768px) {
.rich-text.statement p {
font-size: 1.5rem;
line-height: 2rem;
}
}
@media (min-width: 1024px) {
.rich-text.statement p {
font-size: 26px;
}
}
.current-opportunities .opportunity:last-of-type {
border-style: none;
}
form {
display: flex;
width: 100%;
flex-wrap: wrap;
overflow: hidden;
}
form label {
margin-bottom: 0.25rem;
font-family: poppins-med, sans-serif;
font-size: 14px;
}
@media (min-width: 1024px) {
form label {
font-size: 18px;
}
}
.wpcf7-text {
display: block;
width: 100%;
overflow: hidden;
font-size: 14px;
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.wpcf7-text {
font-size: 1rem;
line-height: 1.5rem;
}
}
.wpcf7-text {
-webkit-appearance: none;
padding: 10px 18px;
transition: 0.4s all ease-in-out;
border: 1.5px solid #b8b8b8;
box-sizing: border-box;
}
.wpcf7-text:focus {
outline: none;
}
textarea {
display: block;
width: 100%;
overflow: hidden;
font-size: 14px;
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
textarea {
font-size: 1rem;
line-height: 1.5rem;
}
}
textarea {
-webkit-appearance: none;
padding: 10px 18px;
transition: 0.4s all ease-in-out;
box-sizing: border-box;
border: 1.5px solid #b8b8b8;
max-height: 100px;
}
@media (min-width: 768px) {
textarea {
max-height: 150px;
}
}
.wpcf7-form-control-wrap {
margin-top: 0.25rem;
display: flex;
flex-direction: column;
}
.checkbox-260 {
align-items: flex-start;
}
span.wpcf7-list-item {
margin: 0px;
display: flex;
align-items: center;
justify-content: center;
}
.wpcf7-form .wpcf7-checkbox input[type="checkbox"] {
margin-right: 10px;
margin-bottom: 0;
}
input[type="checkbox"] {
position: absolute;
top: 1px;
left: 0;
opacity: 0;
z-index: 9999;
cursor: pointer;
width: 24px;
height: 24px;
}
span.wpcf7-list-item-label {
position: relative;
font-size: 14px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
span.wpcf7-list-item-label {
font-size: 1rem;
line-height: 1.5rem;
}
}
span.wpcf7-list-item-label {
padding-left: 2.25rem;
}
span.wpcf7-list-item {
position: relative;
}
span.wpcf7-list-item-label::before {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
content: "";
margin-right: 10px;
display: inline-block;
width: 24px;
height: 24px;
top: 0;
left: 0;
position: absolute;
border: 1.5px solid #b8b8b8;
}
span.wpcf7-list-item-label::after {
content: "";
position: absolute;
left: 7px;
top: 4px;
width: 2px;
height: 2px;
}
input[type="checkbox"]:checked + span.wpcf7-list-item-label::after {
--tw-bg-opacity: 1;
background-color: rgb(228 127 118 / var(--tw-bg-opacity));
content: "";
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
visibility: visible;
border: 1.5px solid #b8b8b8;
}
.term_and_conditions span.wpcf7-acceptance span.wpcf7-list-item-label {
cursor: pointer;
}
.wpcf7-submit {
--tw-bg-opacity: 1;
background-color: rgb(228 127 118 / var(--tw-bg-opacity));
font-family: poppins-semi, sans-serif;
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
width: auto;
padding: 10px 18px;
text-decoration: none;
cursor: pointer;
height: auto;
border: none;
vertical-align: middle;
-webkit-appearance: none;
text-align: center;
transition: 0.4s all ease-in-out;
}
.wpcf7-submit:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
text-decoration: none;
}
.wpcf7-submit:focus {
outline: none;
}
::-webkit-input-placeholder { color: #b8b8b8;
}
:-moz-placeholder { color: #b8b8b8;
opacity: 1;
}
::-moz-placeholder { color: #b8b8b8;
opacity: 1;
}
:-ms-input-placeholder { color: #b8b8b8;
} span.wpcf7-not-valid-tip {
font-size: 1.1em !important;
color: red !important;
position: absolute;
bottom: -0.25rem;
width: 100%;
display: none;
}
input.wpcf7-form-control.wpcf7-validates-as-required.wpcf7-not-valid {
border-color: red;
}
textarea.wpcf7-form-control.wpcf7-validates-as-required.wpcf7-not-valid {
border-color: red;
}
.wpcf7-checkbox.wpcf7-validates-as-required.wpcf7-not-valid
span.wpcf7-list-item-label::before {
border-color: #b8b8b8;
}
.wpcf7-display-none {
transform: translateY(100%);
transition: 0.3s ease-in-out all;
display: inline-block;
visibility: hidden;
}
.wpcf7 form .wpcf7-response-output {
position: fixed;
bottom: 0;
z-index: 999;
width: 100%;
left: 0;
right: 0;
color: white;
text-align: center;
margin: 0;
transition: 0.3s ease-in-out all;
background: transparent;
border: none;
font-size: 1.15em;
transform: translateY(100%);
}
@media (min-width: 600px) {
div.wpcf7-response-output {
font-size: 1.25em;
}
}
@media (min-width: 768px) {
div.wpcf7-response-output {
font-size: 1.3em;
}
}
.wpcf7 form.invalid .wpcf7-response-output {
--tw-bg-opacity: 1;
background-color: rgb(228 127 118 / var(--tw-bg-opacity));
font-family: poppins-med, sans-serif;
color: white;
transform: translateY(0);
visibility: visible;
border: none;
padding: 1.5rem;
}
.wpcf7 form.sent .wpcf7-response-output {
--tw-bg-opacity: 1;
background-color: rgb(81 111 107 / var(--tw-bg-opacity));
font-family: poppins-med, sans-serif;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
transform: translateY(0);
border: none;
visibility: visible;
padding: 1.5rem;
}
div.wpcf7 .ajax-loader {
display: none !important;
}
.contact-form .wpcf7-list-item-label {
--tw-text-opacity: 1;
color: rgb(45 45 43 / var(--tw-text-opacity));
}
.contact-form .wpcf7-submit:hover {
--tw-bg-opacity: 1;
background-color: rgb(45 45 43 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.image-copy .contact-form .wpcf7-submit:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {
@media (min-width: 1024px) {
.first-name {
padding-right: 0.75rem;
}
.last-name {
padding-left: 0.75rem;
}
}
}
.stats .stat .amount {
--tw-text-opacity: 1;
color: rgb(193 186 176 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {
.stats .stat .amount {
letter-spacing: -3px;
}
}
.stats .stat:nth-of-type(2) .amount {
--tw-text-opacity: 1;
color: rgb(103 140 135 / var(--tw-text-opacity));
}
.stats .stat:nth-of-type(3) .amount {
--tw-text-opacity: 1;
color: rgb(204 214 224 / var(--tw-text-opacity));
}
.stats .stat:nth-of-type(4) .amount {
--tw-text-opacity: 1;
color: rgb(204 214 224 / var(--tw-text-opacity));
}
.stats .stat:nth-of-type(5) .amount {
--tw-text-opacity: 1;
color: rgb(228 127 118 / var(--tw-text-opacity));
}
.stats .stat:nth-of-type(6) .amount {
--tw-text-opacity: 1;
color: rgb(243 210 213 / var(--tw-text-opacity));
}
.stats.stats-internal .stat:nth-of-type(1) .amount {
--tw-text-opacity: 1;
color: rgb(228 127 118 / var(--tw-text-opacity));
}
.stats.stats-projects .stat:nth-of-type(1) .amount {
--tw-text-opacity: 1;
color: rgb(231 229 224 / var(--tw-text-opacity));
}
.html5boxVideoControls {
display: none !important;
}
.wonderplugingallery {
height: 250px !important;
}
@media (min-width: 1280px) {
.wonderplugingallery {
height: 315px !important;
}
}
.html5gallery-container-1 {
height: 100% !important;
width: 100% !important;
}
#html5gallery-elem-html5-video-1 { height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.html5gallery-box-1 {
left: 0px !important;
top: 0px !important;
height: 100% !important;
width: 100% !important;
}
.html5gallery-elem-1 {
height: 100% !important;
width: 100% !important;
padding: 0px !important;
--tw-shadow: 0 0 #0000 !important;
--tw-shadow-colored: 0 0 #0000 !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.html5gallery-elem-video-1 {
left: 0px !important;
top: 0px !important;
height: 100% !important;
width: 100% !important;
}
.html5boxVideoPlay {
display: none !important;
}
.image-copy .bg-shadow {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.image-grid .img-left {
width: 100%;
}
@media (min-width: 600px) {
.image-grid .img-left {
width: 60%;
}
}
.image-grid .img-right {
width: 100%;
}
@media (min-width: 600px) {
.image-grid .img-right {
width: 40%;
}
.image-grid .grid-item:nth-of-type(even) .img-left {
width: 40%;
}
.image-grid .grid-item:nth-of-type(even) .img-right {
width: 60%;
}
}
.insights-img {
-webkit-clip-path: polygon(49% 0, 100% 0, 100% 100%, 0 58%, 0 0);
clip-path: polygon(49% 0, 100% 0, 100% 100%, 0 58%, 0 0);
}
@media (min-width: 768px) {
.insights-img {
-webkit-clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
}
}
@media (min-width: 1280px) {
.insights-img {
-webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
}
}
@media (min-width: 768px) {
.our-insights:nth-of-type(odd) .insights-copy {
order: 1;
}
.our-insights:nth-of-type(odd) .insights-img {
order: 2;
}
}
.our-insights:nth-of-type(2n) .insights-copy {
order: 1;
padding-top: 45px;
padding-bottom: 0px;
}
@media (min-width: 768px) {
.our-insights:nth-of-type(2n) .insights-copy {
order: 2;
padding-top: 65px;
padding-bottom: 83px;
}
}
@media (min-width: 1024px) {
.our-insights:nth-of-type(2n) .insights-copy {
align-items: flex-end;
padding-right: 130px;
}
}
.our-insights:nth-of-type(2n) .insights-img {
order: 2;
}
@media (min-width: 768px) {
.our-insights:nth-of-type(2n) .insights-img {
order: 1;
}
}
.our-insights:nth-of-type(2n) .insights-img {
-webkit-clip-path: polygon(0 49%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 49%, 100% 0, 100% 100%, 0 100%);
}
@media (min-width: 768px) {
.our-insights:nth-of-type(2n) .insights-img {
-webkit-clip-path: polygon(0 0, 70% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 70% 0, 100% 100%, 0% 100%);
}
}
@media (min-width: 1280px) {
.our-insights:nth-of-type(2n) .insights-img {
-webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
}
}
.animated-arrow-insights {
transition-property: all;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transform: translateX(0);
}
.insights-link:hover .animated-arrow-insights {
transform: translateX(20px);
}
.view-more {
transition-property: all;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 600px) {
.view-more {
transform: translateY(36px);
}
}
@media (min-width: 768px) {
.view-more {
transform: translateY(48px);
}
}
.project-card:hover .view-more {
transform: translateX(0);
}
.project-card:hover .animated-arrow {
transform: translateX(0);
}
.sector-img {
-webkit-clip-path: polygon(47% 0, 100% 0, 100% 100%, 0 60%, 0 0);
clip-path: polygon(47% 0, 100% 0, 100% 100%, 0 60%, 0 0);
}
@media (min-width: 768px) {
.sector-img {
-webkit-clip-path: polygon(0 0, 62% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 62% 0, 100% 100%, 0% 100%);
}
.flip .sector-copy {
order: 1;
}
.flip .sector-img {
order: 2;
}
}
.flip .sector-img {
-webkit-clip-path: polygon(47% 0, 100% 0, 100% 100%, 0 60%, 0 0);
clip-path: polygon(47% 0, 100% 0, 100% 100%, 0 60%, 0 0);
}
@media (min-width: 768px) {
.flip .sector-img {
-webkit-clip-path: polygon(38% 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(38% 0, 100% 0, 100% 100%, 0% 100%);
}
}
.testimonials-img {
-webkit-clip-path: polygon(0 78%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 78%, 100% 0, 100% 100%, 0 100%);
}
@media (min-width: 1024px) {
.testimonials-img {
-webkit-clip-path: polygon(41% 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(41% 0, 100% 0, 100% 100%, 0 100%);
}
}
@keyframes ticker-kf {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
main section.ticker-tracker:nth-of-type(8) .img-ticker {
animation: ticker-kf 30s linear reverse infinite;
}
.img-ticker {
animation: ticker-kf 30s linear infinite;
} @keyframes slide {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
.logos {
overflow: hidden;
padding: 60px 0;
white-space: nowrap;
position: relative;
}
.logos-slide {
display: inline-flex;
animation: 30s slide infinite linear;
}
.workplace .logos-slide {
display: inline-flex;
animation: 30s slide infinite linear;
}
.logos-slide img {
height: 120px;
max-width: 250px;
margin: 0 56px;
flex-shrink: 0; }
main section:nth-of-type(8) .logos-slide {
animation: 30s slide linear reverse infinite;
}
@media (max-width: 768px) {
.logos-slide img {
height: 90px;
}
.logos {
padding: 30px 0;
}
.left-filter {
flex-direction: column;
}
.projects-dropdown {
display: flex;
justify-content: space-between;
flex-direction: column;
}
#search-filter-form-603 ul li select.sf-input-select,
.projects-listing select.facetwp-dropdown,
.projects-listing .facetwp-facet-sort_by_projects select {
margin-bottom: 21px;
}
}
.our-service-copy {
transform: translateY(70px);
}
.our-service-copy:hover {
transform: translateY(0);
}
.our-service-copy:hover .animated-arrow {
transform: translateX(0);
}
.animated-arrow {
transition-property: all;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transform: translateX(50px);
}
.hover\:bg-\[\#C26158\]:hover {
--tw-bg-opacity: 1;
background-color: rgb(194 97 88 / var(--tw-bg-opacity));
}
.hover\:bg-rust:hover {
--tw-bg-opacity: 1;
background-color: rgb(228 127 118 / var(--tw-bg-opacity));
}
.hover\:text-rust:hover {
--tw-text-opacity: 1;
color: rgb(228 127 118 / var(--tw-text-opacity));
}
@media (min-width: 600px) {
.sm\:mx-8 {
margin-left: 2rem;
margin-right: 2rem;
}
.sm\:my-\[75px\] {
margin-top: 75px;
margin-bottom: 75px;
}
.sm\:\!mt-0 {
margin-top: 0px !important;
}
.sm\:mb-0 {
margin-bottom: 0px;
}
.sm\:mb-1 {
margin-bottom: 0.25rem;
}
.sm\:mb-20 {
margin-bottom: 5rem;
}
.sm\:mb-\[28px\] {
margin-bottom: 28px;
}
.sm\:ml-6 {
margin-left: 1.5rem;
}
.sm\:ml-8 {
margin-left: 2rem;
}
.sm\:mr-6 {
margin-right: 1.5rem;
}
.sm\:mt-\[60px\] {
margin-top: 60px;
}
.sm\:\!inline-block {
display: inline-block !important;
}
.sm\:flex {
display: flex;
}
.sm\:\!hidden {
display: none !important;
}
.sm\:h-12 {
height: 3rem;
}
.sm\:h-\[175px\] {
height: 175px;
}
.sm\:h-\[250px\] {
height: 250px;
}
.sm\:h-\[275px\] {
height: 275px;
}
.sm\:h-\[350px\] {
height: 350px;
}
.sm\:min-h-0 {
min-height: 0px;
}
.sm\:min-h-\[300px\] {
min-height: 300px;
}
.sm\:min-h-\[400px\] {
min-height: 400px;
}
.sm\:min-h-\[62px\] {
min-height: 62px;
}
.sm\:max-w-\[500px\] {
max-width: 500px;
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sm\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sm\:flex-row {
flex-direction: row;
}
.sm\:flex-wrap {
flex-wrap: wrap;
}
.sm\:items-end {
align-items: flex-end;
}
.sm\:justify-end {
justify-content: flex-end;
}
.sm\:justify-center {
justify-content: center;
}
.sm\:justify-between {
justify-content: space-between;
}
.sm\:p-8 {
padding: 2rem;
}
.sm\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.sm\:px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.sm\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.sm\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.sm\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.sm\:py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.sm\:pb-4 {
padding-bottom: 1rem;
}
.sm\:pr-6 {
padding-right: 1.5rem;
}
.sm\:pt-\[275px\] {
padding-top: 275px;
}
.sm\:pt-\[30px\] {
padding-top: 30px;
}
.sm\:text-\[20px\] {
font-size: 20px;
}
.sm\:text-\[22px\] {
font-size: 22px;
}
.sm\:text-\[32px\] {
font-size: 32px;
}
.sm\:text-\[57px\] {
font-size: 57px;
}
.sm\:text-\[74px\] {
font-size: 74px;
}
.sm\:leading-\[21px\] {
line-height: 21px;
}
}
@media (min-width: 768px) {
.md\:bottom-6 {
bottom: 1.5rem;
}
.md\:bottom-\[-2100px\] {
bottom: -2100px;
}
.md\:bottom-\[-400px\] {
bottom: -400px;
}
.md\:bottom-\[-650px\] {
bottom: -650px;
}
.md\:right-6 {
right: 1.5rem;
}
.md\:right-\[-80px\] {
right: -80px;
}
.md\:top-\[-200px\] {
top: -200px;
}
.md\:mx-12 {
margin-left: 3rem;
margin-right: 3rem;
}
.md\:mx-4 {
margin-left: 1rem;
margin-right: 1rem;
}
.md\:my-\[125px\] {
margin-top: 125px;
margin-bottom: 125px;
}
.md\:my-\[134px\] {
margin-top: 134px;
margin-bottom: 134px;
}
.md\:my-\[136px\] {
margin-top: 136px;
margin-bottom: 136px;
}
.md\:my-\[160px\] {
margin-top: 160px;
margin-bottom: 160px;
}
.md\:-mb-\[150px\] {
margin-bottom: -150px;
}
.md\:mb-1 {
margin-bottom: 0.25rem;
}
.md\:mb-6 {
margin-bottom: 1.5rem;
}
.md\:mb-\[120px\] {
margin-bottom: 120px;
}
.md\:mb-\[180px\] {
margin-bottom: 180px;
}
.md\:mb-\[190px\] {
margin-bottom: 190px;
}
.md\:mb-\[219px\] {
margin-bottom: 219px;
}
.md\:mb-\[230px\] {
margin-bottom: 230px;
}
.md\:mb-\[248px\] {
margin-bottom: 248px;
}
.md\:mb-\[254px\] {
margin-bottom: 254px;
}
.md\:mb-\[25px\] {
margin-bottom: 25px;
}
.md\:mb-\[28px\] {
margin-bottom: 28px;
}
.md\:mb-\[32px\] {
margin-bottom: 32px;
}
.md\:mb-\[36px\] {
margin-bottom: 36px;
}
.md\:mb-\[66px\] {
margin-bottom: 66px;
}
.md\:ml-12 {
margin-left: 3rem;
}
.md\:ml-5 {
margin-left: 1.25rem;
}
.md\:mr-\[80px\] {
margin-right: 80px;
}
.md\:mt-12 {
margin-top: 3rem;
}
.md\:mt-7 {
margin-top: 1.75rem;
}
.md\:mt-\[120px\] {
margin-top: 120px;
}
.md\:mt-\[174px\] {
margin-top: 174px;
}
.md\:mt-\[180px\] {
margin-top: 180px;
}
.md\:mt-\[225px\] {
margin-top: 225px;
}
.md\:block {
display: block;
}
.md\:\!inline-block {
display: inline-block !important;
}
.md\:flex {
display: flex;
}
.md\:hidden {
display: none;
}
.md\:h-16 {
height: 4rem;
}
.md\:h-\[150px\] {
height: 150px;
}
.md\:h-\[300px\] {
height: 300px;
}
.md\:h-\[306px\] {
height: 306px;
}
.md\:h-\[400px\] {
height: 400px;
}
.md\:h-\[44px\] {
height: 44px;
}
.md\:h-auto {
height: auto;
}
.md\:min-h-\[100px\] {
min-height: 100px;
}
.md\:min-h-\[112px\] {
min-height: 112px;
}
.md\:min-h-\[116px\] {
min-height: 116px;
}
.md\:min-h-\[500px\] {
min-height: 500px;
}
.md\:min-h-\[575px\] {
min-height: 575px;
}
.md\:min-h-\[72px\] {
min-height: 72px;
}
.md\:min-h-\[790px\] {
min-height: 790px;
}
.md\:w-1\/2 {
width: 50%;
}
.md\:w-2\/5 {
width: 40%;
}
.md\:w-2\/6 {
width: 33.333333%;
}
.md\:w-3\/5 {
width: 60%;
}
.md\:w-4 {
width: 1rem;
}
.md\:w-\[176px\] {
width: 176px;
}
.md\:w-\[41px\] {
width: 41px;
}
.md\:w-\[88px\] {
width: 88px;
}
.md\:max-w-\[1053px\] {
max-width: 1053px;
}
.md\:max-w-\[725px\] {
max-width: 725px;
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:flex-row {
flex-direction: row;
}
.md\:flex-wrap {
flex-wrap: wrap;
}
.md\:items-center {
align-items: center;
}
.md\:gap-8 {
gap: 2rem;
}
.md\:gap-y-12 {
row-gap: 3rem;
}
.md\:p-10 {
padding: 2.5rem;
}
.md\:px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.md\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.md\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.md\:px-\[56px\] {
padding-left: 56px;
padding-right: 56px;
}
.md\:py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.md\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.md\:py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.md\:py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.md\:py-\[208px\] {
padding-top: 208px;
padding-bottom: 208px;
}
.md\:py-\[53px\] {
padding-top: 53px;
padding-bottom: 53px;
}
.md\:py-\[73px\] {
padding-top: 73px;
padding-bottom: 73px;
}
.md\:pb-6 {
padding-bottom: 1.5rem;
}
.md\:pb-\[208px\] {
padding-bottom: 208px;
}
.md\:pb-\[26px\] {
padding-bottom: 26px;
}
.md\:pb-\[28px\] {
padding-bottom: 28px;
}
.md\:pb-\[83px\] {
padding-bottom: 83px;
}
.md\:pt-6 {
padding-top: 1.5rem;
}
.md\:pt-\[200px\] {
padding-top: 200px;
}
.md\:pt-\[335px\] {
padding-top: 335px;
}
.md\:pt-\[350px\] {
padding-top: 350px;
}
.md\:pt-\[50px\] {
padding-top: 50px;
}
.md\:pt-\[65px\] {
padding-top: 65px;
}
.md\:text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
.md\:text-\[14px\] {
font-size: 14px;
}
.md\:text-\[19px\] {
font-size: 19px;
}
.md\:text-\[22px\] {
font-size: 22px;
}
.md\:text-\[24px\] {
font-size: 24px;
}
.md\:text-\[40px\] {
font-size: 40px;
}
.md\:text-\[60px\] {
font-size: 60px;
}
.md\:text-\[70px\] {
font-size: 70px;
}
.md\:text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.md\:leading-\[23px\] {
line-height: 23px;
}
.md\:leading-\[27\.6px\] {
line-height: 27.6px;
}
.md\:leading-\[28\.8px\] {
line-height: 28.8px;
}
.md\:leading-\[42\.5px\] {
line-height: 42.5px;
}
}
@media (min-width: 1024px) {
.lg\:absolute {
position: absolute;
}
.lg\:bottom-\[-2250px\] {
bottom: -2250px;
}
.lg\:left-\[20\%\] {
left: 20%;
}
.lg\:right-0 {
right: 0px;
}
.lg\:top-\[-350px\] {
top: -350px;
}
.lg\:top-\[-450px\] {
top: -450px;
}
.lg\:order-2 {
order: 2;
}
.lg\:my-\[161px\] {
margin-top: 161px;
margin-bottom: 161px;
}
.lg\:my-\[174px\] {
margin-top: 174px;
margin-bottom: 174px;
}
.lg\:my-\[180px\] {
margin-top: 180px;
margin-bottom: 180px;
}
.lg\:-mb-\[140px\] {
margin-bottom: -140px;
}
.lg\:mb-0 {
margin-bottom: 0px;
}
.lg\:mb-6 {
margin-bottom: 1.5rem;
}
.lg\:mb-\[150px\] {
margin-bottom: 150px;
}
.lg\:mb-\[210px\] {
margin-bottom: 210px;
}
.lg\:mb-\[213px\] {
margin-bottom: 213px;
}
.lg\:mb-\[90px\] {
margin-bottom: 90px;
}
.lg\:ml-12 {
margin-left: 3rem;
}
.lg\:ml-\[115px\] {
margin-left: 115px;
}
.lg\:mr-12 {
margin-right: 3rem;
}
.lg\:mr-\[120px\] {
margin-right: 120px;
}
.lg\:mt-0 {
margin-top: 0px;
}
.lg\:mt-\[-42px\] {
margin-top: -42px;
}
.lg\:mt-\[-71px\] {
margin-top: -71px;
}
.lg\:mt-\[250px\] {
margin-top: 250px;
}
.lg\:mt-\[291px\] {
margin-top: 291px;
}
.lg\:mt-\[200px\] {
margin-top: 200px;
}
.lg\:mt-\[348px\] {
margin-top: 348px;
}
.lg\:mt-\[259px\] {
margin-top: 259px;
}
.lg\:block {
display: block;
}
.lg\:flex {
display: flex;
}
.lg\:hidden {
display: none;
}
.lg\:h-\[140px\] {
height: 140px;
}
.lg\:h-\[250px\] {
height: 250px;
}
.lg\:h-\[296px\] {
height: 296px;
}
.lg\:h-\[343px\] {
height: 343px;
}
.lg\:h-\[390px\] {
height: 390px;
}
.lg\:h-\[489px\] {
height: 489px;
}
.lg\:h-auto {
height: auto;
}
.lg\:min-h-0 {
min-height: 0px;
}
.lg\:min-h-\[575px\] {
min-height: 575px;
}
.lg\:w-1\/2 {
width: 50%;
}
.lg\:w-2\/6 {
width: 33.333333%;
}
.lg\:w-3\/5 {
width: 60%;
}
.lg\:w-4\/6 {
width: 66.666667%;
}
.lg\:w-\[250px\] {
width: 250px;
}
.lg\:w-\[85px\] {
width: 85px;
}
.lg\:min-w-\[400px\] {
min-width: 400px;
}
.lg\:max-w-\[66\%\] {
max-width: 66%;
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:items-start {
align-items: flex-start;
}
.lg\:items-end {
align-items: flex-end;
}
.lg\:items-center {
align-items: center;
}
.lg\:justify-between {
justify-content: space-between;
}
.lg\:gap-10 {
gap: 2.5rem;
}
.lg\:p-12 {
padding: 3rem;
}
.lg\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.lg\:px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.lg\:px-20 {
padding-left: 5rem;
padding-right: 5rem;
}
.lg\:px-\[57px\] {
padding-left: 57px;
padding-right: 57px;
}
.lg\:py-\[120px\] {
padding-top: 120px;
padding-bottom: 120px;
}
.lg\:py-\[49px\] {
padding-top: 49px;
padding-bottom: 49px;
}
.lg\:py-\[57px\] {
padding-top: 57px;
padding-bottom: 57px;
}
.lg\:py-\[62px\] {
padding-top: 62px;
padding-bottom: 62px;
}
.lg\:pl-\[80px\] {
padding-left: 80px;
}
.lg\:pt-\[200px\] {
padding-top: 200px;
}
.lg\:pt-\[335px\] {
padding-top: 335px;
}
.lg\:pt-\[400px\] {
padding-top: 400px;
}
.lg\:text-left {
text-align: left;
}
.lg\:text-5xl {
font-size: 3rem;
line-height: 1;
}
.lg\:text-\[17px\] {
font-size: 17px;
}
.lg\:text-\[22px\] {
font-size: 22px;
}
.lg\:text-\[27px\] {
font-size: 27px;
}
.lg\:text-\[48px\] {
font-size: 48px;
}
.lg\:text-\[90px\] {
font-size: 90px;
}
.lg\:text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.lg\:leading-\[23px\] {
line-height: 23px;
}
.lg\:leading-\[86px\] {
line-height: 86px;
}
}
@media (min-width: 1305px) {
.xxl\:mt-\[356px\] {
margin-top: 356px !important;
}
.xxl\:mt-\[617px\] {
margin-top: 617px !important;
}
}
@media (min-width: 1280px) {
.xl\:bottom-\[-2400px\] {
bottom: -2400px;
}
.xl\:top-\[-400px\] {
top: -400px;
}
.xl\:order-1 {
order: 1;
}
.xl\:order-2 {
order: 2;
}
.xl\:-mb-\[168px\] {
margin-bottom: -168px;
}
.xl\:mb-10 {
margin-bottom: 2.5rem;
}
.xl\:mb-\[200px\] {
margin-bottom: 200px;
}
.xl\:ml-14 {
margin-left: 3.5rem;
}
.xl\:ml-\[154px\] {
margin-left: 154px;
}
.xl\:mr-8 {
margin-right: 2rem;
}
.xl\:mr-\[150px\] {
margin-right: 150px;
}
.xl\:mr-\[47px\] {
margin-right: 47px;
}
.xl\:mt-0 {
margin-top: 0px;
}
.xl\:mt-\[350px\] {
margin-top: 350px;
}
.xl\:mt-\[378px\] {
margin-top: 378px;
}
.xl\:mt-\[378px\] {
margin-top: 378px;
}
.xl\:mt-\[300px\] {
margin-top: 300px;
}
.xl\:mt-\[280px\] {
margin-top: 280px;
}
.xl\:mt-\[202px\] {
margin-top: 202px;
}
.xl\:mt-\[348px\] {
margin-top: 348px;
}
.xl\:mt-\[225px\] {
margin-top: 225px;
}
.xl\:h-\[168px\] {
height: 168px;
}
.xl\:h-\[315px\] {
height: 315px;
}
.xl\:h-\[324px\] {
height: 324px;
}
.xl\:h-\[480px\] {
height: 480px;
}
.xl\:min-h-\[154px\] {
min-height: 154px;
}
.xl\:min-h-\[48px\] {
min-height: 48px;
}
.xl\:min-h-\[660px\] {
min-height: 660px;
}
.xl\:w-2\/6 {
width: 33.333333%;
}
.xl\:w-\[107px\] {
width: 107px;
}
.xl\:min-w-\[500px\] {
min-width: 500px;
}
.xl\:max-w-none {
max-width: none;
}
.xl\:flex-row {
flex-direction: row;
}
.xl\:justify-end {
justify-content: flex-end;
}
.xl\:gap-12 {
gap: 3rem;
}
.xl\:gap-y-\[108px\] {
row-gap: 108px;
}
.xl\:px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.xl\:px-\[125px\] {
padding-left: 125px;
padding-right: 125px;
}
.xl\:py-\[73px\] {
padding-top: 73px;
padding-bottom: 73px;
}
.xl\:pt-\[443px\] {
padding-top: 443px;
}
.xl\:text-\[120px\] {
font-size: 120px;
}
.xl\:text-\[22px\] {
font-size: 22px;
}
.xl\:text-\[24px\] {
font-size: 24px;
}
.xl\:text-\[80px\] {
font-size: 80px;
}
.xl\:text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.xl\:text-\[23px\] {
font-size: 23px;
}
.xl\:leading-\[29px\] {
line-height: 29px;
}
.xl\:leading-\[90px\] {
line-height: 90px;
}
}
@media (min-width: 1500px) {
.\32xl\:ml-\[150px\] {
margin-left: 150px;
}
.\32xl\:mr-\[180px\] {
margin-right: 180px;
}
.\32xl\:min-w-\[592px\] {
min-width: 592px;
}
.\32xl\:gap-16 {
gap: 4rem;
}
.\32xl\:px-\[178px\] {
padding-left: 178px;
padding-right: 178px;
}
.\32xl\:text-\[144px\] {
font-size: 144px;
}
.\32xl\:text-\[33px\] {
font-size: 33px;
}
.\32xl\:text-\[90px\] {
font-size: 90px;
}
}
.no-overflow {
overflow: hidden;
} .post-password-form {
padding: 420px 200px 300px 200px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
font-weight: 700;
}
.post-password-form p:first-child {
margin-bottom: 80px;
font-size: 26px;
}
.post-password-form input:first-child {
border-bottom: 1px solid black;
margin-bottom: 20px;
}
.post-password-form input:nth-child(2) {
cursor: pointer;
background-color: #e47f76;
padding: 8px;
transition: 0.3s ease-in-out;
}
.post-password-form input:nth-child(2):hover {
background-color: black;
color: white;
}
.post-password-form p:nth-child(2) {
display: flex;
flex-direction: column;
padding-bottom: 30px;
}
@media (max-width: 768px) {
.post-password-form {
padding: 420px 80px 250px 80px;
text-align: center;
}
.post-password-form label {
font-size: 20px;
}
} .hubspot-block {
display: flex;
flex-direction: row;
justify-content: space-evenly;
padding: 3rem;
margin-left: auto;
margin-right: auto;
}
.hubspot-wrapper {
width: 45%;
}
.hubspot-form {
display: flex;
flex-direction: column;
}
.hubspot-form form {
flex-direction: column;
}
.hubspot-form form fieldset {
max-width: 100%;
}
.form-columns-2 .input {
margin-right: 10px !important;
margin-bottom: 40px;
}
.hubspot-wrapper .hbspt-form .input .hs-input {
min-width: 100%;
border-right: 2px solid white;
}
.form-columns-1 .hs-input {
width: 100%;
margin-bottom: 40px;
margin-right: 10px;
}
.legal-consent-container {
color: white !important;
}
.legal-consent-container .hs-form-booleancheckbox input[type="checkbox"] {
width: 24px !important;
height: 24px;
border: 2px solid red;
opacity: 1 !important;
cursor: pointer;
position: relative;
min-width: unset !important;
margin-right: 20px;
}
.hubspot-form form label {
color: white;
}
.hubspot-form-image {
width: 45%;
}
.hubspot-form-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hubspot-form form .hs_submit {
width: 40%;
}
.hubspot-form .submitted-message {
color: white;
}
.hubspot-form .submitted-message p {
margin-bottom: 20px;
}
.hubspot-form .submitted-message a {
transition: 0.3s ease-in-out;
font-style: italic;
}
.hubspot-form .submitted-message a:hover {
color: #e47f76;
}
.hubspot-form .hs-richtext {
margin-top: 20px;
}
@media (max-width: 1300px) {
.hubspot-form form .hs_submit {
width: 50%;
margin-top: 20px;
}
}
@media (max-width: 1024px) {
.hubspot-block {
flex-direction: column;
}
.hubspot-wrapper {
width: 100%;
}
.hubspot-form-image {
width: 100%;
margin-top: 50px;
}
}
@media (max-width: 480px) {
.hubspot-form form .hs_submit {
width: 100%;
}
}