/*--------------------------------------------------------------
Fonts
--------------------------------------------------------------*/
@font-face {
font-family: 'PP Woodland';
font-style: normal;
font-weight: 400;
src: url('../fonts/PPWoodland-Regular.woff2') format('woff2'),
url('../fonts/PPWoodland-Regular.woff') format('woff'),
url('../fonts/PPWoodland-Regular.ttf') format('truetype');
}
/*--------------------------------------------------------------
Variables
--------------------------------------------------------------*/
:root {
--wpadminbar-height: 32px;
--header-height: 120px;
/* Colors */
--white: #fff;
--white-rgb: 255, 255, 255;
--black: #231F20;
--black-rgb: 35, 31, 32;
--dgrey: #303030;
--dgrey-rgb: 48, 48, 48;
--grey: #F2F6FA;
--grey-rgb: 242, 246, 250;
--red: #ff1414;
--red-rgb: 255, 20, 20;
--green: #476255;
--green-rgb: 71, 98, 85;
--lgreen: #546C5D;
--dgreen: #475C52;
--dgreen-rgb: 71, 92, 82;
--yellow: #FFD830;
--tan: #BEB399;
--tan-rgb: 190, 179, 153;
--beige: #ECEAE6;
--beige-rgb: 236, 234, 230;
--eggshell: #F6F8F6;
/* Typography */
--font-primary: "Instrument Sans", sans-serif;
--font-secondary: "PP Woodland", sans-serif;
--8px: 0.5rem;
--9px: 0.5625rem;
--10px: 0.625rem;
--11px: 0.6875rem;
--12px: 0.75rem;
--13px: 0.8125rem;
--14px: 0.875rem;
--15px: 0.9375rem;
--16px: 1rem;
--17px: 1.0625rem;
--18px: 1.125rem;
--19px: 1.1875rem;
--20px: 1.25rem;
--22px: 1.375rem;
--24px: 1.5rem;
--25px: 1.5625rem;
--26px: 1.625rem;
--28px: 1.75rem;
--30px: 1.875rem;
--32px: 2rem;
--34px: 2.125rem;
--36px: 2.25rem;
--38px: 2.375rem;
--40px: 2.5rem;
--42px: 2.625rem;
--44px: 2.75rem;
--45px: 2.8125rem;
--46px: 2.875rem;
--48px: 3rem;
--50px: 3.125rem;
--54px: 3.375rem;
--55px: 3.4375rem;
--60px: 3.75rem;
--64px: 4rem;
--70px: 4.375rem;
--75px: 4.6875rem;
--80px: 5rem;
--85px: 5.3125rem;
--90px: 5.625rem;
--100px: 6.25rem;
}
@media (max-width: 992px) {
:root {
--header-height: 90px;
}
}
@media (max-width: 782px) {
:root {
--wpadminbar-height: 46px;
}
}
/*--------------------------------------------------------------
Base
--------------------------------------------------------------*/
.block-theme *,
.block-theme *:before,
.block-theme *:after {
box-sizing: border-box;
}
.block-theme * {
scrollbar-width: thin;
scrollbar-color: var(--dgreen) transparent;
}
.block-theme img,
.block-theme video {
display: block;
width: 100%;
}
.block-video video {
background-image: url('../images/video-loader-black.gif');
background-repeat: no-repeat;
background-size: 60px;
background-position: center;
}
.block-video .block-setting-text-white video {
background-image: url('../images/video-loader-white.gif');
}
.block-theme hr {
background: var(--beige);
border: 0;
height: 1px;
margin: 40px 0;
}
/*--------------------------------------------------------------
Typography/Content
--------------------------------------------------------------*/
/* Default */
.block-theme h1,
.block-theme .h1,
.block-theme h2,
.block-theme .h2,
.block-theme h3,
.block-theme .h3,
.block-theme h4,
.block-theme .h4,
.block-theme h5,
.block-theme .h5,
.block-theme h6,
.block-theme .h6 {
font-family: var(--font-secondary);
font-weight: 400;
color: var(--lgreen);
line-height: 1.2;
margin: 0 0 16px;
}
.block-theme h1,
.block-theme .h1 {
font-size: var(--75px);
}
.block-theme h2,
.block-theme .h2 {
font-size: var(--42px);
}
.block-theme h3,
.block-theme .h3 {
font-size: var(--24px);
}
.block-theme h4,
.block-theme .h4 {
font-size: var(--18px);
}
.block-theme h5,
.block-theme .h5,
.block-theme h6,
.block-theme .h6 {
font-size: var(--15px);
}
@media (max-width: 768px) {
.block-theme h1,
.block-theme .h1 {
font-size: var(--50px);
}
.block-theme h2,
.block-theme .h2 {
font-size: var(--38px);
}
.block-theme h3,
.block-theme .h3 {
font-size: var(--22px);
}
}
@media (max-width: 460px) {
.block-theme h1,
.block-theme .h1 {
font-size: var(--40px);
}
.block-theme h2,
.block-theme .h2 {
font-size: var(--30px);
}
.block-theme h3,
.block-theme .h3 {
font-size: var(--20px);
}
}
/* Styled */
.block-theme .typo-title-allcaps {
font-family: var(--font-primary);
font-size: var(--14px);
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.13em;
color: var(--green);
margin: 0 0 16px;
}
.block-theme .typo-copy-small,
.block-theme .typo-copy-small p {
font-size: var(--15px);
}
.block-theme .typo-copy-xsmall,
.block-theme .typo-copy-xsmall p {
font-size: var(--13px);
}
.block-theme .typo-copy-large,
.block-theme .typo-copy-large p {
font-size: var(--18px);
}
@media (max-width: 768px) {
.block-theme .typo-title-allcaps {
font-size: var(--12px);
}
.block-theme .typo-copy-small,
.block-theme .typo-copy-small p {
font-size: var(--14px);
}
.block-theme .typo-copy-xsmall,
.block-theme .typo-copy-xsmall p {
font-size: var(--12px);
}
.block-theme .typo-copy-large,
.block-theme .typo-copy-large p {
font-size: var(--16px);
}
}
/* Other */
.block-theme ul,
.block-theme ol,
.block-theme li {
list-style: none;
margin: 0;
padding: 0;
}
.block-theme p {
font-size: var(--18px);
font-weight: 400;
color: var(--dgrey);
line-height: 1.5;
margin: 0 0 16px;
}
@media (max-width: 768px) {
.block-theme p {
font-size: var(--16px);
}
}
/* Blockquote */
.block-theme blockquote {
margin: 32px 0;
padding: 0 0 0 24px;
border-left: 2px solid var(--green);
}
.block-theme blockquote p {
font-family: var(--font-secondary);
font-size: var(--26px);
color: var(--green);
margin: 0;
}
.block-theme blockquote cite {
font-family: var(--font-primary);
font-size: var(--18px);
font-style: normal;
margin: 16px 0 0;
display: block;
}
@media (max-width: 768px) {
.block-theme blockquote {
margin: 24px 0;
padding: 0 0 0 16px;
}
.block-theme blockquote p {
font-size: var(--22px);
}
.block-theme blockquote cite {
font-size: var(--16px);
}
}
@media (max-width: 460px) {
.block-theme blockquote p {
font-size: var(--20px);
}
}
/*--------------------------------------------------------------
Links/Buttons
--------------------------------------------------------------*/
/* Links */
.block-theme a {
color: var(--dgrey);
text-decoration: none;
cursor: pointer;
}
.block-theme a:hover {
color: var(--green);
}
.block-theme p a,
.block-theme li a {
text-decoration: underline;
}
.block-theme p a:hover,
.block-theme li a:hover {
color: var(--green);
}
.block-theme .block-setting-text-white p a:hover,
.block-theme .block-setting-text-white li a:hover {
color: var(--grey) !important;
}
.block-theme .block-setting-text-white .ignore-text-white p a:hover,
.block-theme .block-setting-text-white .ignore-text-white li a:hover {
color: var(--green);
}
.block-theme .arrow-link {
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;
gap: 6px;
color: var(--black);
font-size: var(--14px);
font-weight: 600;
text-transform: uppercase;
}
.block-theme .arrow-link svg {
width: 10px;
height: auto;
flex-shrink: 0;
transition: transform 0.3s ease;
}
.block-theme .arrow-link:hover svg {
transform: translateX(-3px);
}
/* Buttons */
.block-theme .button-group {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
margin-top: 32px;
}
.block-buttons .button-group {
margin: 0;
}
.block-theme .button-group.button-group-align-start { justify-content: flex-start; }
.block-theme .button-group.button-group-align-center { justify-content: center; }
.block-theme .button-group.button-group-align-end { justify-content: flex-end; }
@media (max-width: 460px) {
.block-theme .button-group {
gap: 8px;
}
.block-theme .button-group .button,
.block-theme .button-group button {
flex: 100%;
}
}
.block-theme .button,
.block-theme button,
.block-theme input[type="button"],
.block-theme input[type="reset"],
.block-theme input[type="submit"] {
outline: none;
display: inline-block;
position: relative;
padding: 12px 20px;
font-size: var(--12px);
font-weight: 400;
background-color: var(--black);
border: 1px solid var(--black);
border-radius: 100px !important;
color: var(--white);
text-transform: uppercase;
height: auto;
line-height: 20px;
text-align: center;
cursor: pointer;
letter-spacing: 0.13em;
}
.block-theme .button:hover,
.block-theme button:hover,
.block-theme input[type="button"]:hover,
.block-theme input[type="reset"]:hover,
.block-theme input[type="submit"]:hover {
background-color: var(--dgrey);
border-color: var(--dgrey);
color: var(--white);
}
.block-theme .btn-loader {
display: none;
position: absolute;
left: calc(50% - 8px);
top: calc(50% - 8px);
}
/* Coloured Buttons */
.block-theme .button.black,
.block-theme button.black {
background-color: var(--black);
border-color: var(--black);
color: var(--white);
}
.block-theme .button.black:hover,
.block-theme button.black:hover {
background-color: var(--dgrey);
border-color: var(--dgrey);
color: var(--white);
}
.block-theme .button.white,
.block-theme button.white {
background-color: var(--white);
border-color: var(--white);
color: var(--black);
}
.block-theme .button.white:hover,
.block-theme button.white:hover {
background-color: var(--beige);
border-color: var(--beige);
color: var(--black);
}
.block-theme .button.green,
.block-theme button.green {
background-color: var(--green);
border-color: var(--green);
color: var(--white);
}
.block-theme .button.green:hover,
.block-theme button.green:hover {
background-color: var(--lgreen);
border-color: var(--lgreen);
color: var(--white);
}
.block-theme .button.tan,
.block-theme button.tan {
background-color: var(--tan);
border-color: var(--tan);
color: var(--white);
}
.block-theme .button.tan:hover,
.block-theme button.tan:hover {
background-color: var(--dgrey);
border-color: var(--dgrey);
color: var(--white);
}
/* Ghost Buttons */
.block-theme .button.ghost,
.block-theme button.ghost {
background-color: transparent;
border: 1px solid var(--black);
color: var(--black);
}
.block-theme .button.ghost:hover,
.block-theme button.ghost:hover {
background-color: var(--black);
border-color: var(--black);
color: var(--white);
}
.block-theme .button.ghost.black,
.block-theme button.ghost.black {
border-color: var(--black);
color: var(--black);
}
.block-theme .button.ghost.black:hover,
.block-theme button.ghost.black:hover {
background-color: var(--black);
border-color: var(--black);
color: var(--white);
}
.block-theme .button.ghost.white,
.block-theme button.ghost.white {
border-color: var(--white);
color: var(--white);
}
.block-theme .button.ghost.white:hover,
.block-theme button.ghost.white:hover {
background-color: var(--white);
border-color: var(--white);
color: var(--black);
}
.block-theme .button.ghost.green,
.block-theme button.ghost.green {
border-color: var(--green);
color: var(--green);
}
.block-theme .button.ghost.green:hover,
.block-theme button.ghost.green:hover {
background-color: var(--green);
border-color: var(--green);
color: var(--white);
}
.block-theme .button.ghost.tan,
.block-theme button.ghost.tan {
border-color: var(--tan);
color: var(--tan);
}
.block-theme .button.ghost.tan:hover,
.block-theme button.ghost.tan:hover {
background-color: var(--tan);
border-color: var(--tan);
color: var(--black);
}
/* Icon Buttons */
.block-theme .button.icon-button,
.block-theme button.icon-button {
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;
gap: 6px;
}
.block-theme .button.icon-button svg,
.block-theme button.icon-button svg {
line-height: 0;
max-height: 14px;
max-width: 14px;
width: 100%;
flex-shrink: 0;
transition: transform 0.3s ease;
}
.block-theme .button.icon-button:hover svg,
.block-theme button.icon-button:focus svg {
transform: translateX(-3px);
}
@media (max-width: 460px) {
.block-theme .button.icon-button,
.block-theme button.icon-button {
white-space: normal;
}
}
/* Arrow Buttons */
.block-theme .button.arrow-button,
.block-theme button.arrow-button {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: left;
gap: 8px;
}
.block-theme .button.arrow-button svg,
.block-theme button.arrow-button svg {
width: 16px;
height: auto;
flex-shrink: 0;
transition: transform 0.3s ease;
}
.block-theme .button.arrow-button:hover svg,
.block-theme button.arrow-button:hover svg {
transform: translateX(-3px);
}
@media (max-width: 460px) {
.block-theme .button.arrow-button,
.block-theme button.arrow-button {
white-space: normal;
}
}
/*--------------------------------------------------------------
Forms/Inputs
--------------------------------------------------------------*/
.block-theme form *[disabled] {
opacity: 0.5;
pointer-events: none;
}
/* Labels */
.block-theme label,
.block-theme legend {
display: block;
margin: 0 0 4px;
font-size: var(--15px);
font-weight: 400;
}
.block-theme label a,
.block-theme legend a {
text-decoration: underline;
}
.block-theme label a:hover,
.block-theme legend a:hover {
color: var(--green);
}
.block-theme label .required {
color: var(--red);
margin-left: 2px;
font-weight: 600;
}
/* Basic Fields */
.block-theme input:not([type='button'], [type='submit']),
.block-theme select,
.block-theme textarea {
appearance: none;
-webkit-appearance: none;
outline: none;
display: inline-block;
width: 100%;
background-color: var(--white);
padding: 15px;
border: 1px solid var(--tan);
border-radius: 0;
line-height: 20px;
}
.block-theme textarea {
height: 160px;
resize: vertical;
}
.block-theme input:not([type='button'], [type='submit']):focus,
.block-theme select:focus,
.block-theme textarea:focus {
border-color: var(--green);
}
::-webkit-input-placeholder { color: var(--dgrey); }
::-ms-input-placeholder { color: var(--dgrey); }
::placeholder { color: var(--dgrey); }
/* Select */
.block-theme select {
background-color: var(--white) !important;
background-image: url('data:image/svg+xml,') !important;
background-repeat: no-repeat !important;
background-position: right 16px center !important;
background-size: auto 8px !important;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
padding: 15px 40px 15px 15px;
cursor: pointer;
}
.block-theme .select2,
.block-theme .select2 * {
margin: 0;
padding: 0;
}
.block-theme .select2-container .select2-selection {
height: auto;
display: block;
width: 100%;
margin: 0;
border: 0;
padding: 15px 20px;
background: var(--white);
border: 1px solid var(--tan);
border-radius: 0;
color: var(--black);
line-height: 20px;
text-align: left;
text-decoration: none;
background-color: var(--white) !important;
background-image: url('data:image/svg+xml,') !important;
background-repeat: no-repeat !important;
background-position: right 16px center !important;
background-size: auto 8px !important;
cursor: pointer;
}
.block-theme .select2-container .select2-selection,
.block-theme .select2-container .select2-selection * {
line-height: 20px;
}
.block-theme .select2-container.select2-container--open .select2-selection {
border-color: var(--black);
}
.block-theme .select2-selection__rendered,
.block-theme .select2-selection__placeholder {
color: var(--black);
}
.block-theme .select2-dropdown {
border-color: var(--black);
background-color: transparent;
padding-top: 30px;
top: -30px;
border-radius: 0;
}
.block-theme .select2-dropdown .select2-search,
.block-theme .select2-dropdown .select2-results__option {
padding: 5px;
}
.block-theme .select2-dropdown .select2-results,
.block-theme .select2-dropdown .select2-search {
background: var(--white);
}
.block-theme .select2-container .select2-selection .select2-selection__rendered {
line-height: 20px;
padding: 0;
}
.block-theme .select2-dropdown .select2-results__option.select2-results__option--highlighted {
background: var(--black);
}
.block-theme .select2-container .select2-selection__arrow {
display: none;
}
/* Checkbox & Radio */
.block-theme input[type='checkbox'],
.block-theme input[type='radio'] {
min-height: 20px;
min-width: 20px;
max-width: 20px;
max-height: 20px;
border: 1px solid var(--tan);
padding: 0;
background: var(--white);
box-shadow: none;
margin: 0 8px 0 0;
margin-inline-end: 8px !important;
position: relative;
display: inline-block;
cursor: pointer;
transition: none;
}
.block-theme input[type='radio'] {
border-radius: 100%;
}
.block-theme input[type='checkbox'] + label,
.block-theme input[type='radio'] + label {
margin: 0;
}
.block-theme input[type='checkbox']:checked {
border-color: var(--black);
background: var(--black) url(../images/icon-checkbox.svg) 50% no-repeat;
background-size: 16px;
}
.block-theme input[type='radio']:checked {
border: 4px solid var(--black);
}
.block-theme input[type='radio']:before,
.block-theme input[type='checkbox']:before {
display: none;
}
/* File Upload */
.block-theme input[type='file']::file-selector-button {
border: 0;
width: auto;
padding: 10px 15px;
margin-right: 10px;
font-size: 16px;
font-weight: 600;
line-height: 20px;
color: var(--white);
text-align: center;
text-decoration: none;
background: var(--black);
border: 1px solid var(--black);
border-radius: 2px;
cursor: pointer;
}
/* Gravity Forms */
.gform_wrapper {
--gform-theme-form-row-gap: 24px !important;
--gform-theme-form-col-gap: 24px !important;
}
.gform-theme--api,
.gform-theme--foundation {
--gf-form-gap-x: 24px !important;
--gf-form-gap-y: 24px !important;
--gf-label-req-gap: 2px !important;
--gf-color-primary: var(--green) !important;
--gf-color-primary-darker: var(--dgreen) !important;
}
.gform_wrapper .gform_heading,
.gform_wrapper .gform_title,
.gform_wrapper .gform_required_legend {
display: none;
}
.gform_wrapper .validation_message {
display: none !important;
}
.gform_confirmation_wrapper .gform_confirmation_message {
text-align: center;
font-size: var(--20px);
}
.gform-theme--framework .gform_validation_errors .gform_submission_error {
margin: 0;
text-transform: none;
}
.gform-theme--framework .gfield_list_group_item:before,
.gform-theme--framework .gform-field-label {
font-size: var(--15px) !important;
font-weight: 400 !important;
}
.gform-theme--framework .gform-field-label.gfield_consent_label {
font-size: var(--13px) !important;
}
.gform_wrapper .gform_body .gform_fields .gfield input[type="text"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="email"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="url"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="password"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="number"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="tel"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="search"],
.gform_wrapper .gform_body .gform_fields .gfield textarea,
.gform_wrapper .gform_body .gform_fields .gfield select {
background-color: transparent !important;
border: 1px solid var(--tan) !important;
border-radius: 0 !important;
line-height: 20px !important;
padding: 20px !important;
height: auto !important;
box-shadow: none !important;
width: 100%;
}
.gform_wrapper .gform_body .gform_fields .gfield select {
padding: 20px 40px 20px 20px !important;
}
.gform_wrapper .gform_body .gform_fields .gfield textarea {
height: 160px !important;
min-block-size: 160px;
}
.gform_wrapper .gform_body .gform_fields .gfield textarea.large {
height: 240px !important;
min-block-size: 240px;
}
.gform_wrapper .gform_body .gform_fields .gfield input:focus,
.gform_wrapper .gform_body .gform_fields .gfield textarea:focus,
.gform_wrapper .gform_body .gform_fields .gfield select:focus {
border-color: var(--green) !important;
}
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error input,
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error textarea,
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error select {
border-color: #c02b0a !important;
}
.gform-theme--foundation .gfield.gfield--type-time .gform-grid-col {
flex: 1;
}
.gform-theme--foundation .gform_footer {
justify-content: flex-end;
}
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_footer button[type="submit"] {
outline: none !important;
display: inline-block !important;
position: relative !important;
padding: 12px 20px !important;
font-size: var(--12px) !important;
font-weight: 400 !important;
background-color: transparent !important;
border: 1px solid var(--black) !important;
box-shadow: none !important;
border-radius: 100px !important;
color: var(--black) !important;
text-transform: uppercase !important;
height: auto !important;
line-height: 20px !important;
text-align: center !important;
cursor: pointer !important;
letter-spacing: 0.13em !important;
}
.block-setting-background-black .gform_wrapper .gform_footer input[type="submit"],
.block-setting-background-green .gform_wrapper .gform_footer button[type="submit"] {
border-color: var(--white) !important;
color: var(--white) !important;
}
.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_footer button[type="submit"]:hover {
background-color: var(--black) !important;
border-color: var(--black) !important;
color: var(--white) !important;
}
.block-setting-background-black .gform_wrapper .gform_footer input[type="submit"]:hover,
.block-setting-background-green .gform_wrapper .gform_footer button[type="submit"]:hover {
background-color: var(--white) !important;
border-color: var(--white) !important;
color: var(--black) !important;
}
.gform_wrapper .gform_footer input[type="submit"].arrow-button,
.gform_wrapper .gform_footer button[type="submit"].arrow-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
white-space: nowrap !important;
gap: 6px !important;
}
.gform_wrapper .gform_footer button[type="submit"].arrow-button svg * {
all: revert-layer;
}
.gform-theme--foundation .gform-loader {
flex-shrink: 0;
}
@media (max-width: 460px) {
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_footer button[type="submit"] {
width: 100% !important
}
}
/*--------------------------------------------------------------
Helpers
--------------------------------------------------------------*/
/* Visibility */
.block-theme .desktop-only {
display: block;
}
.block-theme .mobile-only {
display: none;
}
.block-theme .hidden {
display: none !important;
}
@media (max-width: 768px) {
.block-theme .desktop-only {
display: none;
}
.block-theme .mobile-only {
display: block;
}
}
/* Positioning */
.block-theme .pos-relative {
position: relative;
}
/* Images */
.block-theme img.aligncenter {
margin-left: auto;
margin-right: auto;
float: none;
}
.block-theme img.alignleft {
float: left;
}
.block-theme img.alignright {
float: right;
}
.block-theme img.size-full {
width: 100%;
}
/* Clearfix */
.block-theme .clearfix:after {
content: '';
display: table;
clear: both;
}
/*--------------------------------------------------------------
Containers/Layout
--------------------------------------------------------------*/
/* Main */
.container {
width: 100%;
padding: 0 30px;
margin: 0 auto;
max-width: 1560px;
}
.container.w500 { max-width: 540px; }
.container.w600 { max-width: 660px; }
.container.w700 { max-width: 760px; }
.container.w800 { max-width: 860px; }
.container.w900 { max-width: 960px; }
.container.w1000 { max-width: 1060px; }
.container.w1100 { max-width: 1160px; }
.container.w1200 { max-width: 1260px; }
.container.w1300 { max-width: 1360px; }
.container.w1400 { max-width: 1460px; }
.container.w1600 { max-width: 1660px; }
.container.wmax {
max-width: 1920px;
padding: 0;
}
.container.none {
max-width: none;
padding: 0;
}
@media(max-width: 600px) {
.container {
padding: 0 20px;
}
}
/* Special */
.container-oneside {
margin-left: calc((100% - min(calc(100% - 0px), 1560px)) / 2);
padding: 0 0 0 30px;
}
.parallax-container {
overflow: hidden;
}
.responsive-video {
position: relative;
overflow: hidden;
padding-bottom: 56.25%;
}
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media(max-width: 600px) {
.container-oneside {
margin-left: calc((100% - min(calc(100% - 0px), 1560px)) / 2);
padding: 0 0 0 20px;
}
}
/* Grid System */
.block-theme .grid-system-1,
.block-theme .grid-system-2,
.block-theme .grid-system-3,
.block-theme .grid-system-4,
.block-theme .grid-system-5,
.block-theme .grid-system-6 {
display: grid;
gap: 24px;
}
.block-theme .grid-system-1,
.block-theme .grid-system-2 {
gap: 40px;
}
.block-theme .grid-system-2 {
grid-template-columns: repeat(2, 1fr);
}
.block-theme .grid-system-3 {
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.block-theme .grid-system-4 {
grid-template-columns: repeat(4, 1fr);
}
.block-theme .grid-system-5 {
grid-template-columns: repeat(5, 1fr);
}
.block-theme .grid-system-6 {
grid-template-columns: repeat(6, 1fr);
}
@media(max-width: 1280px) {
.block-theme .grid-system-5 {
grid-template-columns: repeat(3, 1fr);
}
.block-theme .grid-system-6 {
grid-template-columns: repeat(4, 1fr);
}
}
@media(max-width: 992px) {
.block-theme .grid-system-1,
.block-theme .grid-system-2,
.block-theme .grid-system-3 {
gap: 30px;
}
.block-theme .grid-system-3 {
grid-template-columns: repeat(2, 1fr);
}
.block-theme .grid-system-4,
.block-theme .grid-system-5,
.block-theme .grid-system-6 {
grid-template-columns: repeat(3, 1fr);
}
}
@media(max-width: 768px) {
.block-theme .grid-system-2 {
grid-template-columns: repeat(1, 1fr);
}
.block-theme .grid-system-4,
.block-theme .grid-system-5 {
grid-template-columns: repeat(2, 1fr);
}
}
@media(max-width: 500px) {
.block-theme .grid-system-3,
.block-theme .grid-system-4 {
grid-template-columns: repeat(1, 1fr);
}
.block-theme .grid-system-6 {
grid-template-columns: repeat(2, 1fr);
}
}
/* Tables */
.block-theme table {
border-collapse: collapse;
width: 100%;
}
.block-theme table,
.block-theme table tr,
.block-theme table th,
.block-theme table td {
border-color: var(--black);
}
.block-theme table th,
.block-theme table td {
padding: 10px;
text-align: left;
border: 1px solid var(--black);
color: var(--black);
}
.block-theme table th {
background: #F2F3F4;
}
.block-theme table th,
.block-theme table th * {
font-weight: 600;
}
/*-----------------------------------------------------------------------
Block Settings
-----------------------------------------------------------------------*/
/* Padding */
.block-section .block-setting-padding {
padding-top: var(--block-padding-top);
padding-bottom: var(--block-padding-bottom);
}
@media (max-width: 992px) {
.block-section .block-setting-padding {
padding-top: calc(var(--block-padding-top) / 1.25);
padding-bottom: calc(var(--block-padding-bottom) / 1.25);
}
}
@media (max-width: 768px) {
.block-section .block-setting-padding {
padding-top: calc(var(--block-padding-top) / 2);
padding-bottom: calc(var(--block-padding-bottom) / 2);
}
}
/* Backgrounds */
.block-section .block-setting-background-none {
background-color: transparent;
}
.block-section .block-setting-background-white {
background-color: var(--white);
--block-background: var(--white);
--block-background-rgb: var(--white-rgb);
}
.block-section .block-setting-background-black {
background-color: var(--black);
--block-background: var(--black);
--block-background-rgb: var(--black-rgb);
}
.block-section .block-setting-background-grey {
background-color: var(--grey);
--block-background: var(--grey);
--block-background-rgb: var(--grey-rgb);
}
.block-section .block-setting-background-beige {
background-color: var(--beige);
--block-background: var(--beige);
--block-background-rgb: var(--beige-rgb);
}
.block-section .block-setting-background-green {
background-color: var(--dgreen);
--block-background: var(--dgreen);
--block-background-rgb: var(--dgreen-rgb);
}
.block-section .block-setting-background-image-fern1 {
background-image: url(../images/shape-fern1.svg);
background-repeat: no-repeat;
background-position: bottom -200px right -300px;
background-size: auto 100%;
background-attachment: fixed;
}
.block-section .block-setting-background-image-fern2 {
background-image: url(../images/shape-fern2.svg);
background-repeat: no-repeat;
background-position: bottom -200px right -100px;
background-size: auto 100%;
background-attachment: fixed;
}
.block-section .block-setting-background-image-fern3 {
background-image: url(../images/shape-fern2.svg);
background-repeat: no-repeat;
background-position: bottom -500px left -200px;
background-size: auto 100%;
background-attachment: fixed;
}
.block-section .block-setting-background-image-fern4 {
background-image: url(../images/shape-fern4.svg);
background-repeat: no-repeat;
background-position: bottom 50% right 0px;
background-size: 600px auto;
background-attachment: fixed;
}
.block-section .block-setting-background-image-leaf1 {
background-image: url(../images/shape-leaf1.svg);
background-repeat: no-repeat;
background-position: bottom 40px right 40px;
background-size: 800px auto;
background-attachment: fixed;
}
@media (max-width: 992px) {
.block-section .block-setting-background-image-leaf1 {
background-image: url(../images/shape-leaf1.svg);
background-position: bottom 0px right 0px;
background-size: 80% auto;
}
}
/* Colours */
.block-section .block-setting-text-white *:not(.button):not(svg):not(path):not(span[style*="color"]):not(.ignore-text-white):not(.ignore-text-white *) {
color: var(--white) !important;
}
/*-----------------------------------------------------------------------
WYSIWYG Content
-----------------------------------------------------------------------*/
.wysiwyg-content h1:last-child,
.wysiwyg-content h2:last-child,
.wysiwyg-content h3:last-child,
.wysiwyg-content h4:last-child,
.wysiwyg-content h5:last-child,
.wysiwyg-content h6:last-child,
.wysiwyg-content .typo-title-allcaps:last-child,
.wysiwyg-content p:last-child,
.wysiwyg-content ul:last-child,
.wysiwyg-content table:last-child,
.wysiwyg-content code:last-child {
margin: 0;
}
.wysiwyg-content blockquote:last-child,
.wysiwyg-content .responsive-video:last-child {
margin: 32px 0 0;
}
/* Lists */
.wysiwyg-content ul,
.wysiwyg-content ol {
list-style: none;
margin: 0 0 24px;
padding: 0;
}
.wysiwyg-content ul li,
.wysiwyg-content ol li {
font-size: var(--19px);
position: relative;
margin: 0 0 4px;
padding: 0 0 0 12px;
}
.wysiwyg-content ul li:last-of-type,
.wysiwyg-content ol li:last-of-type {
margin: 0;
}
.wysiwyg-content ul li:before {
content: '';
display: block;
position: absolute;
top: 10px;
left: 0px;
width: 3px;
height: 3px;
background: var(--green);
}
.block-setting-text-white .wysiwyg-content ul li:before {
background: var(--white);
}
.wysiwyg-content ol {
counter-reset: item;
list-style-position: outside;
}
.wysiwyg-content ol li:before {
content: counter(item) '. ';
counter-increment: item;
display: block;
position: absolute;
top: 0;
left: 0;
}
.wysiwyg-content ul.list-style-checkmark li {
padding-left: 28px;
font-family: var(--font-secondary);
font-size: var(--24px);
color: var(--green);
}
.wysiwyg-content ul.list-style-checkmark li:before {
content: '';
display: block;
position: absolute;
top: 10px;
left: 0px;
width: 18px;
height: 18px;
background: url(../images/icon-checkmark-tan.svg) 50% no-repeat;
background-size: contain;
}
.wysiwyg-content ul.list-style-leaf li {
padding-left: 28px;
font-family: var(--font-secondary);
font-size: var(--24px);
color: var(--green);
}
.wysiwyg-content ul.list-style-leaf li:before {
content: '';
display: block;
position: absolute;
top: 10px;
left: 0px;
width: 16px;
height: 16px;
background: url(../images/icon-leaf-tan.svg) 50% no-repeat;
background-size: contain;
}
@media (max-width: 768px) {
.wysiwyg-content ul li,
.wysiwyg-content ol li {
font-size: var(--17px);
}
}
/* Media */
.wysiwyg-content .responsive-video {
margin: 32px 0;
}
.wysiwyg-content img {
width: auto;
}
/*--------------------------------------------------------------
General
--------------------------------------------------------------*/
/* Empty Block */
.block-empty {
padding: 40px 0;
text-align: center;
}
.block-empty p {
margin: 0 20px;
}
/* Accordion */
.block-theme .accordion-section {
border: none;
}
.block-theme .accordion-section .accordion-item {
background-color: var(--beige);
border-radius: 16px;
margin: 0 0 12px;
}
.block-theme .block-setting-background-beige .accordion-section .accordion-item,
.block-theme .block-setting-background-grey .accordion-section .accordion-item {
background-color: var(--white);
}
.block-theme .accordion-section .accordion-item:last-of-type {
margin: 0;
}
.block-theme .accordion-section .accordion-item .accordion-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
cursor: pointer;
padding: 44px;
line-height: 1.2;
margin: 0;
font-family: var(--font-secondary);
font-size: var(--26px);
color: var(--green);
}
.block-theme .accordion-section .accordion-item .accordion-header .accordion-toggle {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.block-theme .accordion-section .accordion-item .accordion-header .accordion-toggle span {
height: 28px;
width: 28px;
position: relative;
transition: all 0.3s ease;
}
.block-theme .accordion-section .accordion-item .accordion-header .accordion-toggle span:before,
.block-theme .accordion-section .accordion-item .accordion-header .accordion-toggle span:after {
content: '';
position: absolute;
background-color: var(--tan);
transition: all 0.3s ease;
}
.block-theme .accordion-section .accordion-item .accordion-header .accordion-toggle span:before {
top: 0;
left: 50%;
width: 2px;
height: 100%;
margin-left: -1px;
}
.block-theme .accordion-section .accordion-item .accordion-header .accordion-toggle span:after {
top: 50%;
left: 0;
width: 100%;
height: 2px;
margin-top: -1px;
}
.block-theme .accordion-section .accordion-item.active .accordion-header .accordion-toggle span {
transform: rotate(45deg);
}
.block-theme .accordion-section .accordion-item .accordion-content {
display: none;
padding: 0px 44px 36px 44px;
}
@media (max-width: 992px) {
.block-theme .accordion-section .accordion-item .accordion-header {
padding: 32px;
}
.block-theme .accordion-section .accordion-item .accordion-content {
padding: 0px 32px 36px 32px;
}
}
@media (max-width: 768px) {
.block-theme .accordion-section .accordion-item .accordion-header {
font-size: var(--22px);
padding: 24px;
}
.block-theme .accordion-section .accordion-item .accordion-content {
padding: 0px 24px 36px 24px;
}
.block-theme .accordion-section .accordion-item .accordion-header .accordion-toggle span {
height: 20px;
width: 20px;
}
}
/* Breadcrumbs */
.site-breadcrumbs {
margin: 0 0 16px;
color: var(--green);
}
.site-breadcrumbs ol {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
}
.site-breadcrumbs ol li {
display: inline-flex;
align-items: center;
gap: 6px;
margin: 0;
padding: 0;
}
.site-breadcrumbs ol li:before {
display: none;
}
.site-breadcrumbs li:not(:last-child)::after {
content: '/';
}
.site-breadcrumbs ol li a {
text-decoration: none;
color: var(--green);
}
/* Social Shares */
.block-theme .social-shares {
display: flex;
align-items: center;
gap: 8px;
}
.block-theme .social-shares .typo-title-allcaps {
margin: 0 8px 0 0;
color: var(--green);
}
.block-theme .social-shares a,
.block-theme .social-shares .clipboard-copy {
background-color: var(--tan);
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
color: var(--white);
font-size: var(--16px);
line-height: 1;
}
.block-theme .social-shares .clipboard-copy {
transition: all 0.3s ease;
}
.block-theme .social-shares a:hover,
.block-theme .social-shares .clipboard-copy:hover {
background-color: var(--green);
color: var(--white);
}
.block-theme .block-setting-text-white .social-shares a:hover,
.block-theme .block-setting-text-white .social-shares .clipboard-copy:hover {
background-color: var(--black);
}
/* Clipboard Copy */
.block-theme .clipboard-copy {
position: relative;
cursor: pointer;
}
.block-theme .clipboard-copy .tooltip {
visibility: hidden;
width: auto;
white-space: nowrap;
background: var(--black);
color: var(--white);
text-align: center;
border-radius: 4px;
padding: 3px 10px;
position: absolute;
top: 0;
left: 50%;
font-size: var(--13px);
line-height: 1.5;
transform: translate(-50%, -140%);
opacity: 0;
transition: opacity 0.3s ease;
}
.block-theme .clipboard-copy .tooltip:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: var(--black) transparent transparent transparent;
}
.block-theme .clipboard-copy:hover .tooltip {
visibility: visible;
opacity: 1;
}
/* Swiper */
.block-theme .swiper-button-prev,
.block-theme .swiper-button-next {
transition: all 0.3s ease;
color: var(--white);
width: auto;
height: auto;
}
.block-theme .swiper-button-prev span,
.block-theme .swiper-button-next span {
border: 1px solid #fff;
border-radius: 100px;
height: 50px;
width: 66px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.block-theme .swiper-button-prev {
left: 40px;
margin-top: 0;
transform: translateY(-50%);
}
.block-theme .swiper-button-next {
right: 40px;
margin-top: 0;
transform: translateY(-50%);
}
.block-theme .swiper-button-prev:hover span,
.block-theme .swiper-button-next:hover span {
background-color: var(--white);
border-color: var(--white);
color: var(--black);
}
.block-theme .swiper-button-prev:after,
.block-theme .swiper-button-next:after {
display: none;
}
.block-theme .swiper-button-prev svg,
.block-theme .swiper-button-next svg {
height: auto;
width: 20px;
}
.block-theme .swiper-footer:has(.swiper-pagination) {
margin-top: 60px;
}
.block-theme .swiper-footer .swiper-pagination {
margin: 0 !important;
}
.block-theme .swiper-footer,
.block-theme .swiper-footer .swiper-navigation {
display: flex;
align-items: center;
}
.block-theme .swiper-footer {
gap: 25px;
}
.block-theme .swiper-footer .swiper-navigation {
gap: 10px;
}
.block-theme .swiper-footer .swiper-button-prev,
.block-theme .swiper-footer .swiper-button-next {
position: relative;
inset: 0;
transform: none;
}
.block-theme > div[class*="background-none"] .swiper-footer div[class*="swiper-button-"]:not(:hover) span,
.block-theme > div[class*="background-grey"] .swiper-footer div[class*="swiper-button-"]:not(:hover) span,
.block-theme > div[class*="background-white"] .swiper-footer div[class*="swiper-button-"]:not(:hover) span,
.block-theme > div[class*="background-beige"] .swiper-footer div[class*="swiper-button-"]:not(:hover) span {
background: var(--tan);
border-color: var(--tan);
}
.block-theme > div[class*="background-none"] .swiper-footer div[class*="swiper-button-"]:not(:hover) svg,
.block-theme > div[class*="background-grey"] .swiper-footer div[class*="swiper-button-"]:not(:hover) svg,
.block-theme > div[class*="background-white"] .swiper-footer div[class*="swiper-button-"]:not(:hover) svg,
.block-theme > div[class*="background-beige"] .swiper-footer div[class*="swiper-button-"]:not(:hover) svg {
color: var(--white);
}
.block-theme > div[class*="background-none"] .swiper-footer div[class*="swiper-button-"]:hover span,
.block-theme > div[class*="background-grey"] .swiper-footer div[class*="swiper-button-"]:hover span,
.block-theme > div[class*="background-white"] .swiper-footer div[class*="swiper-button-"]:hover span{
background: var(--beige);
border-color: var(--beige);
}
.block-theme .swiper-pagination-progressbar.swiper-pagination-horizontal {
background: var(--beige);
height: 3px;
position: static;
margin: 60px 0 0;
}
.block-theme .block-setting-background-beige .swiper-pagination-progressbar.swiper-pagination-horizontal {
background: var(--white);
}
.block-theme .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--tan);
}
.block-theme .swiper-pagination .swiper-pagination-bullet {
opacity: 1;
background-color: var(--beige);
width: 12px;
height: 12px;
transition: all 0.3s ease;
}
.block-theme .block-setting-background-beige .swiper-pagination .swiper-pagination-bullet {
background-color: var(--white);
}
.block-theme .swiper-pagination .swiper-pagination-bullet-active {
background: var(--tan);
width: 32px;
border-radius: 12px;
}
@media (max-width: 1280px) {
.block-theme .swiper-button-prev {
left: 30px;
}
.block-theme .swiper-button-next {
right: 30px;
}
}
@media (max-width: 992px) {
.block-theme .swiper-button-prev {
left: 20px;
}
.block-theme .swiper-button-next {
right: 20px;
}
.block-theme .swiper-pagination-progressbar.swiper-pagination-horizontal {
margin: 50px 0 0;
}
}
@media (max-width: 768px) {
.block-theme .swiper-button-prev {
left: 16px;
}
.block-theme .swiper-button-next {
right: 16px;
}
.block-theme .swiper-button-prev span,
.block-theme .swiper-button-next span {
height: 40px;
width: 52px;
}
.block-theme .swiper-button-prev svg, .block-theme .swiper-button-next svg {
width: 16px;
}
.block-theme .swiper-pagination-progressbar.swiper-pagination-horizontal {
margin: 40px 0 0;
}
}
@media (max-width: 460px) {
.block-theme .swiper-button-prev {
left: 4px;
}
.block-theme .swiper-button-next {
right: 4px;
}
}
/*--------------------------------------------------------------
Pages
--------------------------------------------------------------*/
/* Default */
/* body.site-setting-header-overlap .page-default {
margin-top: calc(var(--header-height) * -1);
} */
/*-----------------------------------------------------------------------
Block: Separator
-----------------------------------------------------------------------*/
.block-separator .block-separator-hr {
display: block;
width: 100%;
height: 1px;
background-color: var(--white);
}
.block-separator .block-separator-hr.white { background-color: var(--white); }
.block-separator .block-separator-hr.black { background-color: var(--black); }
.block-separator .block-separator-hr.green { background-color: var(--green); }
.block-separator .block-separator-hr.beige { background-color: var(--beige); }
.block-separator .block-separator-hr.tan { background-color: var(--tan); }
.block-editor .block-separator .block-setting-padding {
padding-top: max(var(--block-padding-top), 5px);
padding-bottom: max(var(--block-padding-bottom), 5px);
}
/*-----------------------------------------------------------------------
Block: Multicolumn
-----------------------------------------------------------------------*/
.block-multicolumn .block-multicolumn-row {
display: flex;
flex-wrap: wrap;
gap: 60px
}
.block-multicolumn .block-setting-multicolumn-start .block-multicolumn-row { align-items: flex-start; }
.block-multicolumn .block-setting-multicolumn-center .block-multicolumn-row { align-items: center; }
.block-multicolumn .block-setting-multicolumn-end .block-multicolumn-row { align-items: flex-end; }
.block-multicolumn .block-setting-multicolumn-2 .block-multicolumn-row { gap: 60px; }
.block-multicolumn .block-setting-multicolumn-2 .block-multicolumn-col {
flex: 0 0 calc(50% - 30px);
}
.block-multicolumn .block-setting-multicolumn-3 .block-multicolumn-row { gap: 60px; }
.block-multicolumn .block-setting-multicolumn-3 .block-multicolumn-col {
flex: 0 0 calc(33.33333% - 40px);
}
.block-multicolumn .block-setting-multicolumn-4 .block-multicolumn-row { gap: 40px; }
.block-multicolumn .block-setting-multicolumn-4 .block-multicolumn-col {
flex: 0 0 calc(25% - 30px);
}
@media (max-width: 768px) {
.block-multicolumn .block-setting-multicolumn-2 .block-multicolumn-row { gap: 30px; }
.block-multicolumn .block-setting-multicolumn-2 .block-multicolumn-col {
flex: 100%;
}
.block-multicolumn .block-setting-multicolumn-3 .block-multicolumn-row { gap: 30px; }
.block-multicolumn .block-setting-multicolumn-3 .block-multicolumn-col {
flex: 100%;
}
.block-multicolumn .block-setting-multicolumn-4 .block-multicolumn-row { gap: 30px; }
.block-multicolumn .block-setting-multicolumn-4 .block-multicolumn-col {
flex: 100%;
}
}
/*-----------------------------------------------------------------------
Block: Split Heading
-----------------------------------------------------------------------*/
.block-split-heading .block-split-heading-row {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 24px 32px;
}
.block-split-heading .block-split-heading-left {
flex: 1;
max-width: 700px;
}
.block-split-heading .block-split-heading-right .button-group {
margin: 0;
}
@media (max-width: 768px) {
.block-split-heading .block-split-heading-row {
flex-wrap: wrap;
}
.block-split-heading .block-split-heading-row .block-split-heading-left {
flex: 100%;
}
.block-split-heading .block-split-heading-row .block-split-heading-right {
flex: 100%;
}
}
/*-----------------------------------------------------------------------
Block: Split Intro
-----------------------------------------------------------------------*/
.block-split-intro .block-split-intro-row {
display: flex;
gap: 32px 80px;
}
.block-split-intro .block-split-intro-left {
flex: 0 0 calc(50% - 80px);
}
.block-split-intro .block-split-intro-left .button-group {
margin-top: 40px;
}
.block-split-intro .block-split-intro-right {
flex: 0 0 calc(50% - 40px);
}
@media (max-width: 992px) {
.block-split-intro .block-split-intro-row {
flex-wrap: wrap;
}
.block-split-intro .block-split-intro-left {
flex: 100%;
}
.block-split-intro .block-split-intro-left .button-group {
margin-top: 32px;
}
.block-split-intro .block-split-intro-right {
flex: 100%;
}
}
/*-----------------------------------------------------------------------
Block: Split Details
-----------------------------------------------------------------------*/
.block-split-details .block-split-details-row {
display: flex;
gap: 40px 240px;
}
.block-split-details .block-split-details-left {
flex: 1;
}
.block-split-details .block-split-details-right {
flex: 0 0 510px;
}
.block-split-details .block-split-details-box {
background-color: var(--green);
border-radius: 16px;
padding: 28px 32px;
}
.block-split-details .block-setting-background-black .block-split-details-box,
.block-split-details .block-setting-background-green .block-split-details-box {
background-color: var(--beige);
}
.block-split-details .block-split-details-box-item {
border-bottom: 1px solid rgba(var(--beige-rgb), 0.3);
padding: 0 0 24px;
margin: 0 0 24px;
}
.block-split-details .block-split-details-box-item:last-of-type {
border: none;
margin: 0;
}
.block-split-details .block-setting-text-white .block-split-details-box-item ul li:before {
background: var(--beige);
}
.block-split-details .block-split-details-box .button-group .button,
.block-split-details .block-split-details-box .button-group button {
flex: 100%;
}
.block-split-details .block-split-details-footer {
margin: 20px 0 0;
}
@media (max-width: 1280px) {
.block-split-details .block-split-details-row {
gap: 40px 80px;
}
.block-split-details .block-split-details-right {
flex: 0 0 460px
}
}
@media (max-width: 992px) {
.block-split-details .block-split-details-row {
flex-wrap: wrap;
}
.block-split-details .block-split-details-left {
flex: 100%;
}
.block-split-details .block-split-details-right {
flex: 100%;
}
}
@media (max-width: 460px) {
.block-split-details .block-split-details-box {
padding: 16px;
}
.block-split-details .block-split-details-box-item {
padding: 0 0 20px;
margin: 0 0 20px;
}
.block-split-details .block-split-details-box-item:last-of-type {
padding: 0;
margin: 0;
}
}
/*-----------------------------------------------------------------------
Block: Split Form
-----------------------------------------------------------------------*/
.block-split-form .block-split-form-row {
display: flex;
gap: 40px 80px;
}
.block-split-form .block-split-form-left {
flex: 0 0 calc(50% - 80px);
}
.block-split-form .block-split-form-left .button-group {
margin-top: 40px;
}
.block-split-form .block-split-form-contact {
margin: 50px 0 0;
max-width: 440px;
}
.block-split-form .block-split-form-contact-item {
display: flex;
gap: 24px;
margin: 0 0 24px;
}
.block-split-form .block-split-form-contact-item:last-of-type {
margin: 0;
}
.block-split-form .block-split-form-contact-item-icon {
width: 36px;
height: 36px;
background-color: var(--tan);
border-radius: 100%;
color: var(--white);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.block-split-form .block-split-form-contact-item-content,
.block-split-form .block-split-form-contact-item-content p {
font-family: var(--font-secondary);
font-size: var(--24px);
margin: 0;
}
.block-split-form .block-split-form-contact-item.address .block-split-form-contact-item-content a {
font-family: var(--font-primary);
font-size: var(--16px);
text-decoration: underline;
display: inline-block;
}
.block-split-form .block-split-form-right {
flex: 0 0 calc(50% - 0px);
}
@media (max-width: 992px) {
.block-split-form .block-split-form-row {
flex-wrap: wrap;
}
.block-split-form .block-split-form-left {
flex: 100%;
}
.block-split-form .block-split-form-left .button-group {
margin: 32px 0 0;
}
.block-split-form .block-split-form-contact {
margin: 40px 0 0;
}
.block-split-form .block-split-form-contact-item {
gap: 16px;
margin: 0 0 20px;
}
.block-split-form .block-split-form-contact-item-icon {
width: 32px;
height: 32px;
font-size: var(--14px);
}
.block-split-form .block-split-form-contact-item-content,
.block-split-form .block-split-form-contact-item-content p {
font-size: var(--20px);
}
.block-split-form .block-split-form-right {
flex: 100%;
}
}
/*-----------------------------------------------------------------------
Block: Split Media
-----------------------------------------------------------------------*/
.block-split-media .block-split-media-row {
display: flex;
gap: 40px 0px;
}
.block-split-media .block-split-media-row.contain {
align-items: center;
}
.block-split-media .block-split-media-content {
flex: 0 0 calc(50% - 0px);
padding: 40px 0;
align-content: center;
}
.block-split-media .block-split-media-row.left .block-split-media-content {
order: 2;
padding: 40px 140px 40px 0;
}
.block-split-media .block-split-media-row.right .block-split-media-content {
order: 1;
padding: 40px 140px 40px 0;
}
.block-split-media .block-split-media-wrap {
flex: 0 0 calc(50% - 0px);
max-width: calc(50% - 0px);
min-height: 600px;
}
.block-split-media .block-split-media-row.contain .block-split-media-wrap {
min-height: auto;
}
.block-split-media .block-split-media-row.left .block-split-media-wrap {
order: 1;
padding: 0 100px 0 60px;
}
.block-split-media .block-split-media-row.right .block-split-media-wrap {
order: 2;
padding: 0 60px 0 100px;
}
.block-split-media div.block-split-media-img {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 100%;
border-radius: 16px;
}
.block-split-media img.block-split-media-img {
border-radius: 16px;
}
.block-split-media .block-split-media-video {
position: relative;
height: 100%;
border-radius: 16px;
overflow: hidden;
}
.block-split-media .block-split-media-video video {
object-fit: cover;
background-image: url('../images/video-loader-black.gif');
background-repeat: no-repeat;
background-size: 40px;
background-position: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.block-split-media .block-setting-text-white .block-split-media-video video {
background-image: url('../images/video-loader-white.gif');
}
.block-split-media .block-split-media-video iframe {
width: 100%;
height: 100%;
}
.block-split-media .block-split-media-gallery {
height: 100%;
border-radius: 16px;
}
.block-split-media .block-split-media-gallery-image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
@media (max-width: 1280px) {
.block-split-media .block-split-media-row.left .block-split-media-wrap {
padding: 0;
}
.block-split-media .block-split-media-row.left .block-split-media-content {
padding: 40px 0 40px 80px;
}
.block-split-media .block-split-media-row.right .block-split-media-wrap {
padding: 0;
}
.block-split-media .block-split-media-row.right .block-split-media-content {
padding: 40px 80px 40px 0;
}
}
@media (max-width: 992px) {
.block-split-media .block-split-media-row {
flex-wrap: wrap;
}
.block-split-media .block-split-media-wrap {
max-width: 100%;
flex: 100%;
min-height: auto;
}
.block-split-media .block-split-media-content {
flex: 100%;
}
.block-split-media .block-split-media-row.left .block-split-media-wrap {
order: 2;
}
.block-split-media .block-split-media-row.right .block-split-media-wrap {
order: 2;
}
.block-split-media .block-split-media-row.left .block-split-media-content {
order: 1;
padding: 0;
}
.block-split-media .block-split-media-row.right .block-split-media-content {
order: 1;
padding: 0;
}
.block-split-media div.block-split-media-img {
padding-top: 75%;
}
.block-split-media .block-split-media-video {
padding-top: 75%;
}
.block-split-media .block-split-media-gallery-image {
padding-top: 75%;
}
}
@media (max-width: 600px) {
.block-split-media div.block-split-media-img {
padding-top: 100%;
}
.block-split-media .block-split-media-video {
padding-top: 100%;
}
.block-split-media .block-split-media-gallery-image {
padding-top: 100%;
}
}
/*-----------------------------------------------------------------------
Block: Split Accordion
-----------------------------------------------------------------------*/
.block-split-accordion {
position: relative;
}
.block-split-accordion .block-split-accordion-image {
position: absolute;
bottom: 0;
left: 0;
max-width: calc(50% - 200px);
max-height: 540px;
z-index: 1;
display: flex;
align-items: flex-end;
pointer-events: none;
}
.block-split-accordion .block-split-accordion-image img {
max-height: 540px;
height: auto;
width: auto;
max-width: 100%;
object-fit: contain;
}
.block-split-accordion .block-split-accordion-row {
position: relative;
z-index: 2;
display: flex;
gap: 40px 200px;
}
.block-split-accordion .block-split-accordion-left {
flex: 0 0 calc(50% - 200px);
}
.block-split-accordion .block-split-accordion-right {
flex: 0 0 calc(50% - 0px);
}
@media (max-width: 1280px) {
.block-split-accordion .block-split-accordion-image {
max-width: calc(50% - 80px);
}
.block-split-accordion .block-split-accordion-row {
gap: 40px 80px;
}
.block-split-accordion .block-split-accordion-left {
flex: 0 0 calc(50% - 80px);
}
}
@media (max-width: 992px) {
.block-split-accordion .block-split-accordion-row {
flex-wrap: wrap;
}
.block-split-accordion .block-split-accordion-left {
flex: 100%;
}
.block-split-accordion .block-split-accordion-right {
flex: 100%;
}
.block-split-accordion .block-split-accordion-image {
display: none;
}
}
/*-----------------------------------------------------------------------
Block: Cards
-----------------------------------------------------------------------*/
.block-cards .block-cards-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.block-cards .block-cards-item {
position: relative;
overflow: hidden;
border-radius: 16px;
display: flex;
flex-direction: column;
}
.block-cards .block-cards-item-main {
background-color: var(--beige);
padding: 32px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
.block-cards .block-setting-background-beige .block-cards-item-main,
.block-cards .block-setting-background-grey .block-cards-item-main {
background-color: var(--white);
}
.block-cards .block-cards-item > img {
aspect-ratio: 16 / 10;
object-fit: cover;
height: auto;
}
@media (max-width: 1280px) {
.block-cards .block-cards-row {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.block-cards .block-cards-row {
grid-template-columns: repeat(1, 1fr);
gap: 32px;
}
}
@media (max-width: 460px) {
.block-cards .block-cards-item-main {
padding: 24px;
}
}
/*-----------------------------------------------------------------------
Block: Card Navigation
-----------------------------------------------------------------------*/
.block-card-navigation .block-card-navigation-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.block-card-navigation .block-card-navigation-item {
position: relative;
overflow: hidden;
border-radius: 16px;
}
.block-card-navigation .block-card-navigation-item-inner {
display: block;
}
.block-card-navigation .block-card-navigation-item-overlay {
background: linear-gradient(180deg, rgba(48, 48, 48, 0) 40%, rgba(48, 48, 48, 0.8) 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.block-card-navigation .block-card-navigation-item-image {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.3s ease;
}
.block-card-navigation .block-card-navigation-item-inner:hover .block-card-navigation-item-image {
transform: scale(1.05);
}
.block-card-navigation .block-card-navigation-item-content {
position: relative;
display: flex;
align-items: flex-end;
justify-content: center;
text-align: center;
aspect-ratio: 1;
padding: 48px 24px;
}
.block-card-navigation .block-card-navigation-item-content h2 {
color: var(--white);
margin: 0;
font-size: clamp(var(--30px), 3vw, var(--42px));
}
@media (max-width: 992px) {
.block-card-navigation .block-card-navigation-row {
grid-template-columns: repeat(1, 1fr);
gap: 24px;
max-width: 500px;
margin: 0 auto;
}
}
@media (max-width: 460px) {
.block-card-navigation .block-card-navigation-item-content {
padding: 24px;
}
}
/*-----------------------------------------------------------------------
Block: Note
-----------------------------------------------------------------------*/
.block-note .block-setting-override {
background-color: transparent;
}
.block-note .block-note-inner {
background-color: var(--block-background);
padding: 28px;
border-radius: 16px;
display: flex;
gap: 16px 80px;
}
.block-note .block-setting-background-none .block-note-inner,
.block-note .block-setting-background-white .block-note-inner {
border: 1px solid var(--green);
}
.block-note .block-note-inner > h3 {
flex: 0 0 160px;
margin: 0;
}
.block-note .block-note-content {
flex: 1;
}
@media (max-width: 992px) {
.block-note .block-note-inner {
gap: 16px 40px;
}
}
@media (max-width: 768px) {
.block-note .block-note-inner {
flex-wrap: wrap;
}
.block-note .block-note-inner > h3 {
flex: 100%;
}
}
@media (max-width: 460px) {
.block-note .block-note-inner {
padding: 16px;
}
}
/*-----------------------------------------------------------------------
Block: Quick Links
-----------------------------------------------------------------------*/
.block-quick-links .block-quick-links-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 16px 40px;
}
.block-quick-links .block-quick-links-row > h3 {
margin: 0;
}
.block-quick-links .block-setting-background-black .block-quick-links-row > h3,
.block-quick-links .block-setting-background-green .block-quick-links-row > h3 {
color: var(--white);
}
.block-quick-links .block-quick-links-list {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 16px 24px;
}
.block-quick-links .block-quick-links-list a {
padding: 10px 20px;
font-size: var(--12px);
font-weight: 500;
background-color: var(--white);
border-radius: 100px;
color: var(--black);
text-transform: uppercase;
height: auto;
line-height: 20px;
text-align: center;
letter-spacing: 0.13em;
}
.block-quick-links .block-setting-background-none .block-quick-links-list a,
.block-quick-links .block-setting-background-white .block-quick-links-list a {
background-color: var(--beige);
}
.block-quick-links .block-quick-links-list a:hover {
background-color: var(--green);
color: var(--white);
}
.block-quick-links .block-setting-background-green .block-quick-links-list a:hover {
background-color: var(--black);
}
@media (max-width: 460px) {
.block-quick-links .block-quick-links-list a {
width: 100%;
}
}
/*-----------------------------------------------------------------------
Block: Gallery Slider
-----------------------------------------------------------------------*/
.block-gallery-slider .block-gallery-slider-main {
position: relative;
}
.block-gallery-slider .block-gallery-slider-swiper .swiper-slide {
width: auto;
margin-right: 6px;
}
.block-gallery-slider .block-gallery-slider-swiper .swiper-slide img {
height: 560px;
width: auto;
max-width: none;
}
.block-gallery-slider .block-gallery-slider-swiper .block-gallery-slider-image {
width: min-content;
}
.block-gallery-slider .block-gallery-slider-swiper .block-gallery-slider-image-caption {
text-align: center;
margin: 16px 24px 0 24px;
}
@media (max-width: 992px) {
.block-gallery-slider .block-gallery-slider-swiper .swiper-slide {
height: 480px;
}
.block-gallery-slider .block-gallery-slider-swiper .swiper-slide img {
height: 480px;
}
}
@media (max-width: 768px) {
.block-gallery-slider .block-gallery-slider-swiper .swiper-slide {
height: 400px;
}
.block-gallery-slider .block-gallery-slider-swiper .swiper-slide img {
height: 400px;
}
}
@media (max-width: 460px) {
.block-gallery-slider .block-gallery-slider-swiper .swiper-slide {
height: 300px;
}
.block-gallery-slider .block-gallery-slider-swiper .swiper-slide img {
height: 300px;
}
}
/*-----------------------------------------------------------------------
Block: Logo Slider
-----------------------------------------------------------------------*/
.block-logo-slider .logo-swiper .swiper-wrapper {
align-items: center;
}
.block-logo-slider .logo-swiper .logo-swiper-slide {
width: auto;
padding: 0 60px;
}
.block-logo-slider .logo-swiper .logo-swiper-slide img {
width: 100%;
max-height: 120px;
max-width: 180px;
object-fit: contain;
margin: 0 auto;
}
@media (max-width: 992px) {
.block-logo-slider .logo-swiper .logo-swiper-slide {
padding: 0 40px;
}
}
@media (max-width: 768px) {
.block-logo-slider .logo-swiper .logo-swiper-slide {
padding: 0 32px;
}
.block-logo-slider .logo-swiper .logo-swiper-slide img {
max-height: 100px;
max-width: 160px;
}
}
@media (max-width: 600px) {
.block-logo-slider .logo-swiper .logo-swiper-slide {
padding: 0 24px;
}
.block-logo-slider .logo-swiper .logo-swiper-slide img {
max-height: 80px;
max-width: 140px;
}
}
/*-----------------------------------------------------------------------
Block: Post Header
-----------------------------------------------------------------------*/
.block-post-header .block-post-header-content {
max-width: 1000px;
margin: 0 auto;
text-align: center;
}
.block-post-header .block-post-header-content h1 {
margin: 32px 0;
}
.block-post-header .block-post-header-content time {
color: var(--tan);
}
.block-post-header .block-post-header-content .site-breadcrumbs ol {
justify-content: center;
}
.block-post-header .block-post-header-image {
margin: 50px 0 0;
}
@media (max-width: 768px) {
.block-post-header .block-post-header-content h1 {
margin: 24px 0;
}
.block-post-header .block-post-header-image {
margin: 40px 0 0;
}
}
/*-----------------------------------------------------------------------
Block: Map
-----------------------------------------------------------------------*/
.block-map iframe {
width: 100%;
height: 500px;
border: none;
}
/*-----------------------------------------------------------------------
Block: Hero Banner
-----------------------------------------------------------------------*/
.block-hero-banner {
position: relative;
overflow: hidden;
z-index: 1;
}
.block-hero-banner .parallax {
display: flex;
flex-direction: column;
min-height: calc(100dvh - 120px);
}
.block-hero-banner .block-hero-banner-overlay {
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 60%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.block-hero-banner .block-hero-banner-images {
position: relative;
flex: 1;
}
.block-hero-banner .block-hero-banner-image {
display: none;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.block-hero-banner .block-hero-banner-image.active {
display: block;
}
.block-hero-banner .block-hero-banner-content {
/* position: absolute;
top: 60px;
left: 0;
width: 100%; */
padding: 60px 0;
}
body.site-setting-header-overlap .block-hero-banner .block-hero-banner-content {
top: calc(var(--header-height) + 60px);
}
.block-hero-banner .block-hero-banner-badge {
position: absolute;
bottom: 60px;
right: 60px;
width: 120px;
z-index: 999;
}
.block-hero-banner .block-hero-banner-badge a {
display: block;
line-height: 0;
}
.block-hero-banner .block-hero-banner-badge a:hover {
transform: rotate(5deg);
}
@media (max-width: 992px) {
.block-hero-banner .parallax {
min-height: calc(100dvh - 90px);
}
}
@media (max-width: 768px) {
.block-hero-banner .block-hero-banner-overlay {
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 120%);
}
.block-hero-banner .block-hero-banner-content {
top: 40px;
}
body.site-setting-header-overlap .block-hero-banner .block-hero-banner-content {
top: calc(var(--header-height) + 40px);
}
.block-hero-banner .block-hero-banner-badge {
bottom: 30px;
right: 30px;
width: 80px;
}
}
/*-----------------------------------------------------------------------
Block: Top Banner
-----------------------------------------------------------------------*/
.block-top-banner {
position: relative;
overflow: hidden;
z-index: 1;
}
.block-top-banner .block-top-banner-overlay {
background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6) 100%);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
}
.block-top-banner .block-top-banner-wrap {
overflow: hidden;
min-height: 85dvh;
}
.block-top-banner .block-top-banner-image {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.block-top-banner .block-top-banner-video video {
object-fit: cover;
background-image: url('../images/video-loader-black.gif');
background-repeat: no-repeat;
background-size: 60px;
background-position: center;
}
.block-top-banner .block-top-banner-content {
text-align: center;
position: absolute;
bottom: 60px;
left: 0;
width: 100%;
padding: 0 180px;
z-index: 99;
}
.block-top-banner .block-top-banner-badge {
position: absolute;
bottom: 60px;
right: 60px;
width: 120px;
z-index: 999;
}
.block-top-banner .block-top-banner-badge a {
display: block;
line-height: 0;
}
.block-top-banner .block-top-banner-badge a:hover {
transform: rotate(5deg);
}
@media (max-width: 992px) {
.block-top-banner .block-top-banner-badge {
display: none;
}
.block-top-banner .block-top-banner-content {
padding: 0;
}
}
/*-----------------------------------------------------------------------
Block: Title Banner
-----------------------------------------------------------------------*/
.block-title-banner {
position: relative;
}
.block-title-banner .block-title-banner-image {
background-repeat: no-repeat;
background-size: cover;
background-position: center 35%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.block-title-banner .block-title-banner-overlay {
background: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.block-title-banner .block-title-banner-content {
position: relative;
text-align: center;
}
.block-title-banner .block-title-banner-content .site-breadcrumbs ol {
justify-content: center;
}
/*-----------------------------------------------------------------------
Block: Media Banner
-----------------------------------------------------------------------*/
.block-media-banner .block-media-banner-wrap {
overflow: hidden;
position: relative;
border-radius: 16px;
}
.block-media-banner .container.none .block-media-banner-wrap {
border-radius: 0;
}
.block-media-banner .block-media-banner-image {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding-top: 45%;
}
.block-media-banner.block-setting-background-fade .block-media-banner-image {
padding-top: 35%;
}
.block-media-banner .block-media-banner-video video {
object-fit: cover;
background-image: url('../images/video-loader-black.gif');
background-repeat: no-repeat;
background-size: 60px;
background-position: center;
}
.block-media-banner .block-setting-text-white .block-media-banner-video video {
background-image: url('../images/video-loader-white.gif');
}
.block-media-banner .block-media-banner-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.block-media-banner.block-setting-background-fade-none .block-media-banner-overlay { display: none; }
.block-media-banner.block-setting-background-fade-white .block-media-banner-overlay { background: linear-gradient(180deg, var(--white) 0%, rgba(255, 255, 255, 0) 35%); }
.block-media-banner.block-setting-background-fade-black .block-media-banner-overlay { background: linear-gradient(180deg, var(--black) 0%, rgba(255, 255, 255, 0) 35%); }
.block-media-banner.block-setting-background-fade-grey .block-media-banner-overlay { background: linear-gradient(180deg, var(--grey) 0%, rgba(255, 255, 255, 0) 35%); }
.block-media-banner.block-setting-background-fade-beige .block-media-banner-overlay { background: linear-gradient(180deg, var(--beige) 0%, rgba(255, 255, 255, 0) 35%); }
.block-media-banner.block-setting-background-fade-green .block-media-banner-overlay { background: linear-gradient(180deg, var(--dgreen) 0%, rgba(255, 255, 255, 0) 35%); }
@media (max-width: 1920px) {
.block-media-banner .container.wmax .block-media-banner-wrap {
border-radius: 0;
}
}
@media (max-width: 992px) {
.block-media-banner .block-media-banner-image {
padding-top: 55%;
}
.block-media-banner.block-setting-background-fade .block-media-banner-image {
padding-top: 40%;
}
}
@media (max-width: 768px) {
.block-media-banner .block-media-banner-image {
padding-top: 75%;
}
.block-media-banner.block-setting-background-fade .block-media-banner-image {
padding-top: 50%;
}
}
@media (max-width: 460px) {
.block-media-banner .block-media-banner-image {
padding-top: 125%;
}
.block-media-banner.block-setting-background-fade .block-media-banner-image {
padding-top: 60%;
}
}
/*-----------------------------------------------------------------------
Block: CTA Banner
-----------------------------------------------------------------------*/
.block-cta-banner {
position: relative;
overflow: hidden;
z-index: 1;
}
.block-cta-banner .block-cta-banner-overlay {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 80%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.block-cta-banner .block-cta-banner-image {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.block-cta-banner .block-cta-banner-content {
position: relative;
max-width: 540px
}
@media (max-width: 768px) {
.block-cta-banner .block-cta-banner-overlay {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
}
}
/*-----------------------------------------------------------------------
Block: Track Banner
-----------------------------------------------------------------------*/
.block-track-banner {
position: relative;
overflow: hidden;
z-index: 1;
}
.block-track-banner .block-track-banner-overlay {
background: linear-gradient(0deg, var(--block-background) 25%, rgba(var(--block-background-rgb), 0.65) 95%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.block-track-banner .block-setting-background-none .block-track-banner-overlay {
background: linear-gradient(0deg, var(--white) 25%, rgba(var(--white-rgb), 0.65) 95%);
}
.block-track-banner .block-track-banner-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.3;
}
.block-track-banner .block-track-banner-background svg {
width: 100%;
height: 100%;
color:var(--beige);
}
.block-track-banner .block-setting-background-none .block-track-banner-background svg,
.block-track-banner .block-setting-background-white .block-track-banner-background svg {
color: var(--tan);
}
.block-track-banner .block-setting-background-beige .block-track-banner-background svg {
color: var(--tan);
}
.block-track-banner .block-setting-background-grey .block-track-banner-background svg {
color: var(--green);
}
.block-track-banner .block-track-banner-content {
position: relative;
}
/*-----------------------------------------------------------------------
Block: Featured Image
-----------------------------------------------------------------------*/
.block-featured-image .block-featured-image-wrap {
overflow: hidden;
position: relative;
border-radius: 16px;
}
.block-featured-image .container.none .block-featured-image-wrap {
border-radius: 0;
}
.block-featured-image .block-featured-image-img {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding-top: 45%;
}
@media (max-width: 1920px) {
.block-featured-image .container.wmax .block-featured-image-wrap {
border-radius: 0;
}
}
@media (max-width: 992px) {
.block-featured-image .block-featured-image-img {
padding-top: 50%;
}
}
@media (max-width: 768px) {
.block-featured-image .block-featured-image-img {
padding-top: 55%;
}
}
@media (max-width: 460px) {
.block-featured-image .block-featured-image-img {
padding-top: 60%;
}
}
/*--------------------------------------------------------------
Block: Activity Loop
--------------------------------------------------------------*/
.block-activity-loop .block-activity-loop-header {
text-align: center;
margin: 0 0 60px;
}
.block-activity-loop .block-activity-loop-header > h1 {
margin: 0 0 50px;
}
.block-activity-loop .block-activity-loop-filter {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 16px 20px;
}
.block-activity-loop .block-activity-loop-filter a {
padding: 10px 20px;
font-size: var(--12px);
font-weight: 500;
background-color: var(--white);
border-radius: 100px;
color: var(--black);
text-transform: uppercase;
height: auto;
line-height: 20px;
text-align: center;
letter-spacing: 0.13em;
}
.block-activity-loop .block-setting-background-none .block-activity-loop-filter a,
.block-activity-loop .block-setting-background-white .block-activity-loop-filter a {
background-color: var(--beige);
}
.block-activity-loop .block-activity-loop-filter a:hover,
.block-activity-loop .block-activity-loop-filter a.active {
background-color: var(--green);
color: var(--white);
}
.block-activity-loop .block-setting-background-green .block-activity-loop-filter a:hover,
.block-activity-loop .block-setting-background-green .block-activity-loop-filter a.active {
background-color: var(--black);
}
@media (max-width: 768px) {
.block-activity-loop .block-activity-loop-header {
margin: 0 0 50px;
}
}
@media (max-width: 460px) {
.block-activity-loop .block-activity-loop-filter a {
width: 100%;
}
}
/*-----------------------------------------------------------------------
Block: Activity Featured
-----------------------------------------------------------------------*/
.block-activity-featured .container-oneside {
overflow: hidden;
}
.block-activity-featured .block-activity-featured-main .swiper {
overflow: visible;
}
.block-activity-featured .block-activity-featured-main .swiper-slide {
width: calc(100% - 30px);
max-width: 1500px;
height: auto;
margin-right: 40px;
}
@media (max-width: 1560px) {
.block-activity-featured .block-activity-featured-main .swiper-slide {
width: calc(100% - 130px);
}
}
@media (max-width: 992px) {
.block-activity-featured .block-activity-featured-main .swiper-slide {
margin-right: 30px;
}
}
@media (max-width: 600px) {
.block-activity-featured .block-activity-featured-main .swiper-slide {
margin-right: 20px;
}
}
@media (max-width: 460px) {
.block-activity-featured .block-activity-featured-main .swiper-slide {
width: calc(100% - 60px);
}
}
/*-----------------------------------------------------------------------
Block: Package Feed
-----------------------------------------------------------------------*/
.block-package-feed .container-oneside {
overflow: hidden;
}
.block-package-feed .block-package-feed-swiper {
overflow: visible;
}
.block-package-feed .block-package-feed-swiper .package-entry {
margin-right: 40px;
}
@media (max-width: 1560px) {
.block-package-feed .container-oneside {
padding: 0 30px;
}
}
@media (max-width: 992px) {
.block-package-feed .block-package-feed-swiper .package-entry {
margin-right: 30px;
}
}
@media (max-width: 600px) {
.block-package-feed .container-oneside {
padding: 0 20px;
}
.block-package-feed .block-package-feed-swiper .package-entry {
margin-right: 20px;
}
}
/*-----------------------------------------------------------------------
Block: Testimonial Feed
-----------------------------------------------------------------------*/
.block-testimonial-feed .block-testimonial-feed-main .testimonial-entry {
margin-right: 40px;
}
.block-testimonial-feed .block-testimonial-feed-main .testimonial-entry:last-of-type {
margin-right: 0;
}
@media (max-width: 992px) {
.block-testimonial-feed .block-testimonial-feed-main .testimonial-entry {
margin-right: 30px;
}
}
@media (max-width: 600px) {
.block-testimonial-feed .block-testimonial-feed-main .testimonial-entry {
margin-right: 20px;
}
}
/*-----------------------------------------------------------------------
Block: Accommodation Intro
-----------------------------------------------------------------------*/
.block-accommodation-intro .block-accommodation-intro-row {
display: flex;
gap: 40px 240px;
}
.block-accommodation-intro .block-accommodation-intro-left {
flex: 1;
}
.block-accommodation-intro .block-accommodation-intro-right {
flex: 0 0 510px;
}
.block-accommodation-intro .block-accommodation-intro-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
margin: 0 0 32px;
}
.block-accommodation-intro .block-accommodation-intro-meta span {
display: flex;
align-items: center;
gap: 8px;
font-size: var(--14px);
font-weight: 500;
color: var(--tan);
background-color: rgba(var(--beige-rgb), 0.5);
padding: 6px;
min-width: 54px;
line-height: 1;
}
.block-accommodation-intro .block-setting-background-beige .block-accommodation-intro-meta span,
.block-accommodation-intro .block-setting-background-grey .block-accommodation-intro-meta span {
background-color: rgba(var(--white-rgb), 0.5);
}
.block-accommodation-intro .block-accommodation-intro-meta span svg {
width: 20px;
height: 20px;
}
@media (max-width: 1280px) {
.block-accommodation-intro .block-accommodation-intro-row {
gap: 40px 80px;
}
.block-accommodation-intro .block-accommodation-intro-right {
flex: 0 0 460px
}
}
@media (max-width: 992px) {
.block-accommodation-intro .block-accommodation-intro-row {
flex-wrap: wrap;
}
.block-accommodation-intro .block-accommodation-intro-left {
flex: 100%;
}
.block-accommodation-intro .block-accommodation-intro-right {
flex: 100%;
}
}
/*-----------------------------------------------------------------------
Block: Accommodation Features
-----------------------------------------------------------------------*/
.block-features .block-features-row {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.block-features .block-features-content {
flex: 0 0 calc(30% - 30px);
}
.block-features .block-features-list {
display: flex;
flex-wrap: wrap;
flex: 1;
gap: 0 30px;
}
.block-features .block-features-list-column {
flex: 0 0 calc(50% - 15px);
}
.block-features .block-features-list ul.list-style-features li {
padding-left: 40px;
font-family: var(--font-secondary);
font-size: var(--26px);
color: var(--green);
position: relative;
margin: 0 0 4px;
}
.block-features .block-features-list ul.list-style-features li:last-of-type {
margin: 0;
}
.block-features .block-features-list ul.list-style-features li:before {
content: '';
display: block;
position: absolute;
top: 10px;
left: 0px;
width: 20px;
height: 18px;
background: url(../images/icon-leaf-tan.svg) 50% no-repeat;
background-size: contain;
}
.block-features .block-features-list ul.list-style-features li.feature-list-air-conditioning:before { background: url(../images/icon-feature-air-conditioning-tan.svg) 50% no-repeat; }
.block-features .block-features-list ul.list-style-features li.feature-list-bar-fridge:before { background: url(../images/icon-feature-bar-fridge-tan.svg) 50% no-repeat; }
.block-features .block-features-list ul.list-style-features li.feature-list-bbq:before { background: url(../images/icon-feature-bbq-tan.svg) 50% no-repeat; }
.block-features .block-features-list ul.list-style-features li.feature-list-cd-player:before { background: url(../images/icon-feature-disc-tan.svg) 50% no-repeat; }
.block-features .block-features-list ul.list-style-features li.feature-list-ceiling-fan:before { background: url(../images/icon-feature-ceiling-fan-tan.svg) 50% no-repeat; }
.block-features .block-features-list ul.list-style-features li.feature-list-clock-radio:before { background: url(../images/icon-feature-clock-radio-tan.svg) 50% no-repeat; }
.block-features .block-features-list ul.list-style-features li.feature-list-dishwasher:before { background: url(../images/icon-feature-dishwasher-tan.svg) 50% no-repeat; }
.block-features .block-features-list ul.list-style-features li.feature-list-dvd-player:before { background: url(../images/icon-feature-disc-tan.svg) 50% no-repeat; }
.block-features .block-features-list ul.list-style-features li.feature-list-fire-place:before { background: url(../images/icon-feature-fire-place-tan.svg) 50% no-repeat; }
.block-features .block-features-list ul.list-style-features li.feature-list-full-kitchen:before { background: url(../images/icon-feature-kitchen-tan.svg) 50% no-repeat; }
.block-features .block-features-list ul.list-style-features li.feature-list-iron:before { background: url(../images/icon-feature-iron-tan.svg) 50% no-repeat; }
.block-features .block-features-list ul.list-style-features li.feature-list-ironing-board:before { background: url(../images/icon-feature-ironing-board-tan.svg) 50% no-repeat; }
.block-features .block-features-list ul.list-style-features li.feature-list-microwave:before { background: url(../images/icon-feature-microwave-tan.svg) 50% no-repeat; }
.block-features .block-features-list ul.list-style-features li.feature-list-no-cooking-facilities:before { background: url(../images/icon-feature-no-cooking-tan.svg) 50% no-repeat; }
.block-features .block-features-list ul.list-style-features li.feature-list-spa-bath:before { background: url(../images/icon-feature-spa-bath-tan.svg) 50% no-repeat; }
.block-features .block-features-list ul.list-style-features li.feature-list-tea-coffee-making-facilities:before { background: url(../images/icon-feature-coffee-tan.svg) 50% no-repeat; }
.block-features .block-features-list ul.list-style-features li.feature-list-tent-only-site:before { background: url(../images/icon-feature-tent-tan.svg) 50% no-repeat; }
.block-features .block-features-list ul.list-style-features li.feature-list-tv:before { background: url(../images/icon-feature-tv-tan.svg) 50% no-repeat; }
.block-features .block-features-list ul.list-style-features li.feature-list-verandah:before { background: url(../images/icon-feature-verandah-tan.svg) 50% no-repeat; }
.block-features .block-features-list ul.list-style-features li.feature-list-washing-machine-dryer:before { background: url(../images/icon-feature-washing-tan.svg) 50% no-repeat; }
.block-features .block-features-list ul.list-style-features li.feature-list-wi-fi:before { background: url(../images/icon-feature-wi-fi-tan.svg) 50% no-repeat; }
@media (max-width: 992px) {
.block-features .block-features-content {
flex: 100%;
}
.block-features .block-features-list {
flex: 100%
}
}
@media (max-width: 768px) {
.block-features .block-features-list-column {
flex: 100%;
}
.block-features .block-features-list ul.list-style-features li {
font-size: var(--22px);
}
.block-features .block-features-list ul.list-style-features li:before {
top: 8px;
}
}
@media (max-width: 460px) {
.block-features .block-features-list ul.list-style-features li {
font-size: var(--20px);
}
.block-features .block-features-list ul.list-style-features li:before {
top: 6px;
}
}
/*--------------------------------------------------------------
Accommodation: Entry
--------------------------------------------------------------*/
.accommodation-entry-row {
display: flex;
flex-direction: column;
gap: 40px;
}
.accommodation-entry {
border-bottom: 1px solid rgba(var(--tan-rgb), 0.4);
padding: 0 0 40px;
}
.accommodation-entry-row .accommodation-entry:last-of-type {
border-bottom: none;
padding: 0;
}
.accommodation-entry .accommodation-entry-inner {
display: flex;
gap: 32px 40px;
background-color: var(--white);
}
.accommodation-entry .accommodation-entry-image {
flex: 0 0 calc(50% - 40px);
}
.accommodation-entry .accommodation-entry-image img {
aspect-ratio: 16 / 9;
object-fit: cover;
height: 100%;
}
.accommodation-entry .accommodation-entry-main {
flex: 0 0 calc(50% - 0px);
padding: 32px 32px 32px 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.accommodation-entry .accommodation-entry-content h3 {
margin: 0 0 12px;
}
.accommodation-entry .accommodation-entry-content p {
font-size: var(--16px);
margin: 0;
}
.accommodation-entry .accommodation-entry-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
margin: 0 0 32px;
}
.accommodation-entry .accommodation-entry-meta span {
display: flex;
align-items: center;
gap: 8px;
font-size: var(--14px);
font-weight: 500;
color: var(--tan);
background-color: rgba(var(--beige-rgb), 0.5);
padding: 6px;
min-width: 54px;
line-height: 1;
}
.accommodation-entry .accommodation-entry-meta span.icon-only {
min-width: auto;
}
.accommodation-entry .accommodation-entry-meta span svg {
width: 20px;
height: 20px;
}
.accommodation-entry .accommodation-entry-footer {
margin: auto 0 0;
}
@media (max-width: 768px) {
.accommodation-entry .accommodation-entry-inner {
flex-wrap: wrap;
}
.accommodation-entry .accommodation-entry-image {
flex: 100%;
}
.accommodation-entry .accommodation-entry-main {
flex: 100%;
padding: 0 32px 32px 32px;
}
}
@media (max-width: 460px) {
.accommodation-entry-row {
gap: 32px;
}
.accommodation-entry {
padding: 0 0 32px;
}
.accommodation-entry .accommodation-entry-inner {
gap: 20px 40px;
}
.accommodation-entry .accommodation-entry-main {
padding: 0 20px 20px 20px;
}
}
/*--------------------------------------------------------------
Accommodation: Category Entry
--------------------------------------------------------------*/
.accommodation-categories-entry-row {
display: flex;
flex-direction: column;
gap: 32px;
}
.accommodation-categories-entry {
height: 100%;
}
.accommodation-categories-entry .accommodation-categories-entry-inner {
border-radius: 16px;
overflow: hidden;
display: flex;
height: 100%;
}
.accommodation-categories-entry-row .accommodation-categories-entry:nth-of-type(2n+1) .accommodation-categories-entry-inner {
flex-direction: row-reverse;
}
.accommodation-categories-entry .accommodation-categories-entry-image {
flex: 1;
}
.accommodation-categories-entry .accommodation-categories-entry-image img {
aspect-ratio: 16 / 9;
object-fit: cover;
height: 100%;
}
.accommodation-categories-entry .accommodation-categories-entry-main {
background-color: var(--beige);
padding: 50px 32px 32px 32px;
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 0 0 480px;
}
.block-setting-background-beige .accommodation-categories-entry .accommodation-categories-entry-main {
background-color: var(--white);
}
.accommodation-categories-entry .accommodation-categories-entry-header {
margin: 0 0 32px;
}
.accommodation-categories-entry .accommodation-categories-entry-header h3 {
margin: 0 0 12px;
}
.accommodation-categories-entry .accommodation-categories-entry-header .typo-title-allcaps {
margin: 0;
}
.accommodation-categories-entry .accommodation-categories-entry-content {
margin: 0 0 32px;
}
.accommodation-categories-entry .accommodation-categories-entry-content p {
margin: 0;
}
.accommodation-categories-entry .accommodation-categories-entry-footer {
margin: auto 0 0;
}
.accommodation-categories-entry .accommodation-categories-entry-price {
font-size: var(--22px);
font-weight: 500;
color: var(--green);
}
.accommodation-categories-entry .accommodation-categories-entry-price small {
font-size: var(--16px);
font-weight: 400;
}
@media (max-width: 992px) {
.accommodation-categories-entry .accommodation-categories-entry-inner {
flex-wrap: wrap;
flex-direction: column-reverse;
}
.accommodation-categories-entry-row .accommodation-categories-entry:nth-of-type(2n+1) .accommodation-categories-entry-inner {
flex-direction: column-reverse;
}
.accommodation-categories-entry .accommodation-categories-entry-image {
flex: 100%;
}
.accommodation-categories-entry .accommodation-categories-entry-main {
flex: 100%;
padding: 32px;
}
}
@media (max-width: 768px) {
.accommodation-categories-entry .accommodation-categories-entry-price {
font-size: var(--20px);
}
.accommodation-categories-entry .accommodation-categories-entry-price small {
font-size: var(--15px);
}
}
@media (max-width: 460px) {
.accommodation-categories-entry .accommodation-categories-entry-main {
padding: 20px;
}
.accommodation-categories-entry .accommodation-categories-entry-header {
margin: 0 0 24px;
}
.accommodation-categories-entry .accommodation-categories-entry-content {
margin: 0 0 24px;
}
}
/*--------------------------------------------------------------
Activity: Entry
--------------------------------------------------------------*/
.activity-entry-row {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.activity-entry {
flex: 0 0 calc(25% - calc(40px * 3 / 4));
}
.activity-entry .activity-entry-inner {
border-radius: 16px;
overflow: hidden;
display: flex;
flex-direction: column;
height: 100%;
}
.activity-entry .activity-entry-header {
background-color: var(--tan);
color: var(--white);
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 18px 20px;
}
.activity-entry .activity-entry-price {
font-size: var(--14px);
}
.activity-entry .activity-entry-image img {
aspect-ratio: 16 / 9;
object-fit: cover;
height: auto;
}
.activity-entry .activity-entry-main {
background-color: var(--white);
padding: 20px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.block-setting-background-none .activity-entry .activity-entry-main,
.block-setting-background-white .activity-entry .activity-entry-main {
background-color: var(--beige);
}
.activity-entry .activity-entry-content h3 {
margin: 0 0 12px;
}
.activity-entry .activity-entry-content p {
font-size: var(--16px);
margin: 0;
}
@media (max-width: 1280px) {
.activity-entry {
flex: 0 0 calc(33.33333% - calc(40px * 2 / 3));
}
}
@media (max-width: 992px) {
.activity-entry-row {
gap: 32px;
}
.activity-entry {
flex: 0 0 calc(50% - calc(32px * 1 / 2));
}
}
@media (max-width: 600px) {
.activity-entry-row {
gap: 24px;
}
.activity-entry {
flex: 100%;
}
}
/*--------------------------------------------------------------
Activity: Featured Entry
--------------------------------------------------------------*/
.activity-featured-entry {
height: 100%;
}
.activity-featured-entry .activity-featured-entry-inner {
border-radius: 16px;
overflow: hidden;
display: flex;
height: 100%;
}
.activity-featured-entry .activity-featured-entry-image {
flex: 1;
}
.activity-featured-entry .activity-featured-entry-image img {
aspect-ratio: 16 / 9;
object-fit: cover;
height: 100%;
}
.activity-featured-entry .activity-featured-entry-main {
background-color: var(--beige);
padding: 50px 32px 32px 32px;
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 0 0 480px;
}
.block-setting-background-beige .activity-featured-entry .activity-featured-entry-main {
background-color: var(--white);
}
.activity-featured-entry .activity-featured-entry-content h3 {
margin: 0 0 12px;
}
.activity-featured-entry .activity-featured-entry-content p {
margin: 0;
}
@media (max-width: 992px) {
.activity-featured-entry .activity-featured-entry-inner {
flex-wrap: wrap;
}
.activity-featured-entry .activity-featured-entry-image {
flex: 100%;
order: 2;
}
.activity-featured-entry .activity-featured-entry-main {
flex: 100%;
order: 1;
padding: 32px;
}
}
@media (max-width: 460px) {
.activity-featured-entry .activity-featured-entry-main {
padding: 20px;
}
}
/*--------------------------------------------------------------
Package: Entry
--------------------------------------------------------------*/
.package-entry-row {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.package-entry {
flex: 0 0 calc(25% - calc(40px * 3 / 4));
}
.package-entry .package-entry-inner {
border-radius: 16px;
overflow: hidden;
display: flex;
flex-direction: column;
height: 100%;
}
.package-entry .package-entry-header {
background-color: var(--tan);
color: var(--white);
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 18px 20px;
}
.package-entry .package-entry-price {
font-weight: 500;
}
.package-entry .package-entry-price-subtitle {
font-size: var(--14px);
}
.package-entry .package-entry-image img {
aspect-ratio: 16 / 9;
object-fit: cover;
height: auto;
}
.package-entry .package-entry-main {
background-color: var(--green);
padding: 20px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.block-setting-background-black .package-entry .package-entry-main,
.block-setting-background-green .package-entry .package-entry-main {
background-color: var(--white);
}
.package-entry .package-entry-content h3 {
margin: 0 0 12px;
}
.package-entry .package-entry-content p {
font-size: var(--16px);
margin: 0;
}
@media (max-width: 1280px) {
.package-entry {
flex: 0 0 calc(33.33333% - calc(40px * 2 / 3));
}
}
@media (max-width: 992px) {
.package-entry-row {
gap: 30px;
}
.package-entry {
flex: 0 0 calc(50% - calc(30px * 1 / 2));
}
}
@media (max-width: 600px) {
.package-entry-row {
gap: 24px;
}
.package-entry {
flex: 0 0 100%;
}
}
/*--------------------------------------------------------------
Event: Entry
--------------------------------------------------------------*/
.event-entry-row {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.event-entry {
flex: 0 0 calc(25% - calc(40px * 3 / 4));
}
.event-entry .event-entry-inner {
border-radius: 16px;
overflow: hidden;
display: flex;
flex-direction: column;
height: 100%;
}
.event-entry .event-entry-header {
background-color: var(--tan);
color: var(--white);
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 18px 20px;
}
.event-entry .event-entry-date {
font-weight: 500;
}
.event-entry .event-entry-price {
font-size: var(--14px);
}
.event-entry .event-entry-image img {
aspect-ratio: 16 / 9;
object-fit: cover;
height: auto;
}
.event-entry .event-entry-main {
background-color: var(--white);
padding: 20px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.block-setting-background-none .event-entry .event-entry-main,
.block-setting-background-white .event-entry .event-entry-main {
background-color: var(--beige);
}
.event-entry .event-entry-content h3 {
margin: 0 0 12px;
}
.event-entry .event-entry-content p {
font-size: var(--16px);
margin: 0;
}
@media (max-width: 1280px) {
.event-entry {
flex: 0 0 calc(33.33333% - calc(40px * 2 / 3));
}
}
@media (max-width: 992px) {
.event-entry-row {
gap: 32px;
}
.event-entry {
flex: 0 0 calc(50% - calc(32px * 1 / 2));
}
}
@media (max-width: 600px) {
.event-entry-row {
gap: 24px;
}
.event-entry {
flex: 100%;
}
}
/*-----------------------------------------------------------------------
Testimonial: Entry
-----------------------------------------------------------------------*/
.testimonial-entry {
flex: 0 0 calc(25% - calc(40px * 3 / 4));
display: flex;
flex-direction: column;
}
.testimonial-entry .testimonial-entry-inner {
background-color: var(--white);
padding: 20px 20px 40px 20px;
border-radius: 16px;
height: 100%;
}
.block-setting-background-none .testimonial-entry .testimonial-entry-inner,
.block-setting-background-white .testimonial-entry .testimonial-entry-inner {
background-color: var(--beige);
}
.testimonial-entry .testimonial-entry-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
height: 45px;
margin: 0 0 32px;
}
.testimonial-entry .testimonial-entry-stars {
color: var(--yellow);
font-size: var(--20px);
}
.testimonial-entry .testimonial-entry-type {
font-size: var(--30px);
color: var(--green);
}
.testimonial-entry .testimonial-entry-name {
margin: 20px 0 0;
display: flex;
align-items: center;
gap: 10px;
}
.testimonial-entry .testimonial-entry-name span {
background-color: var(--lgreen);
color: var(--white);
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
font-size: var(--20px);
font-weight: 500;
}
.testimonial-entry .testimonial-entry-content {
color: var(--dgrey);
}
@media (max-width: 1280px) {
.testimonial-entry {
flex: 0 0 calc(33.33333% - calc(40px * 2 / 3));
}
}
@media (max-width: 992px) {
.testimonial-entry {
flex: 0 0 calc(50% - calc(30px * 1 / 2));
}
}
@media (max-width: 600px) {
.testimonial-entry {
flex: 0 0 100%;
}
}
/*--------------------------------------------------------------
Post: Archive
--------------------------------------------------------------*/
/* Main */
.post-archive .post-archive-header {
margin: 80px 0 60px 0;
}
.post-archive .post-archive-main {
margin: 0 0 80px;
}
@media (max-width: 768px) {
.post-archive .post-archive-header {
margin: 60px 0 50px 0;
}
.post-archive .post-archive-main {
margin: 0 0 60px;
}
}
/* Filter */
.post-archive-filter {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 16px 20px;
}
.post-archive-filter a {
padding: 10px 20px;
font-size: var(--12px);
font-weight: 500;
background-color: var(--beige);
border-radius: 100px;
color: var(--black);
text-transform: uppercase;
height: auto;
line-height: 20px;
text-align: center;
letter-spacing: 0.13em;
}
.post-archive-filter a:hover,
.post-archive-filter a.active {
background-color: var(--green);
color: var(--white);
}
@media (max-width: 460px) {
.post-archive-filter a {
width: 100%;
}
}
/* Pagination */
.post-archive-pagination {
display: flex;
justify-content: center;
margin: 60px 0 0;
}
.post-archive-pagination .post-archive-pagination-inner {
background-color: var(--beige);
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
padding: 16px 24px;
}
.post-archive-pagination .post-archive-pagination-inner > span,
.post-archive-pagination .post-archive-pagination-inner a {
text-decoration: none;
color: var(--black);
line-height: 1;
font-size: var(--18px);
font-weight: 500;
}
.post-archive-pagination .post-archive-pagination-inner a:hover {
color: var(--green);
}
.post-archive-pagination .post-archive-pagination-inner .nav-prev {
padding: 0 32px 0 0;
}
.post-archive-pagination .post-archive-pagination-inner .nav-next {
padding: 0 0 0 32px;
}
.post-archive-pagination .post-archive-pagination-inner span.nav-prev,
.post-archive-pagination .post-archive-pagination-inner span.nav-next {
color: rgba(var(--black-rgb), 0.6);
}
.post-archive-pagination .post-archive-pagination-inner .current {
text-decoration: underline;
}
.post-archive-pagination .post-archive-pagination-inner .dots {
font-size: var(--18px);
font-weight: 400;
}
@media (max-width: 460px) {
.post-archive-pagination .post-archive-pagination-inner {
padding: 12px 16px;
gap: 8px;
}
.post-archive-pagination .post-archive-pagination-inner > span,
.post-archive-pagination .post-archive-pagination-inner a {
font-size: var(--18px);
}
.post-archive-pagination .post-archive-pagination-inner .nav-prev {
padding: 0 16px 0 0;
font-size: var(--16px);
}
.post-archive-pagination .post-archive-pagination-inner .nav-next {
padding: 0 0 0 16px;
font-size: var(--16px);
}
.post-archive-pagination .post-archive-pagination-inner .dots {
font-size: var(--16px);
}
}
/*--------------------------------------------------------------
Post: Entry
--------------------------------------------------------------*/
.post-entry-row {
display: flex;
flex-wrap: wrap;
gap: 60px 36px;
}
.post-entry {
flex: 0 0 calc(33.33333% - calc(36px * 2 / 3));
}
.post-entry .post-entry-header {
margin-bottom: 32px;
position: relative;
border-radius: 16px;
overflow: hidden;
}
.post-entry .post-entry-image img {
aspect-ratio: 16 / 10;
object-fit: cover;
height: auto;
transition: transform 0.3s ease;
}
.post-entry .post-entry-perma:hover .post-entry-image img {
transform: scale(1.05);
}
.post-entry .post-entry-categories {
position: absolute;
top: 16px;
left: 16px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.post-entry .post-entry-categories span {
background-color: var(--tan);
color: var(--dgrey);
margin: 0;
font-size: var(--12px);
padding: 11px 14px;
}
.post-entry .post-entry-main h3 {
margin: 0;
}
@media (max-width: 1280px) {
.post-entry .post-entry-categories {
top: 12px;
left: 12px;
gap: 8px;
}
.post-entry .post-entry-categories span {
padding: 6px 8px;
}
}
@media (max-width: 992px) {
.post-entry-row {
gap: 40px 30px;
}
.post-entry {
flex: 0 0 calc(50% - calc(30px * 1 / 2));
}
}
@media (max-width: 600px) {
.post-entry-row {
gap: 32px;
}
.post-entry {
flex: 100%;
}
.post-entry .post-entry-header {
margin-bottom: 20px;
}
}
/*--------------------------------------------------------------
Post: Search
--------------------------------------------------------------*/
/* Archive */
.search-archive {
padding: 80px 0;
}
.search-archive .search-archive-header {
text-align: center;
margin: 0 0 60px;
}
.search-archive .search-archive-header h1 {
margin: 0;
}
@media (max-width: 768px) {
.search-archive {
padding: 60px 0;
}
.search-archive .search-archive-header {
margin: 0 0 40px;
}
}
/* Entry */
.search-entry {
display: block;
background-color: var(--white);
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
border-radius: 6px;
margin: 0 0 12px;
text-align: center;
transition: all 0.3s ease;
}
.search-entry:hover {
background-color: var(--green);
}
.search-entry a {
display: block;
padding: 24px 32px;
}
.search-entry .typo-title-allcaps {
font-size: var(--13px);
margin: 0 0 12px;
transition: all 0.3s ease;
}
.search-entry:hover .typo-title-allcaps {
color: var(--white);
}
.search-entry h3 {
margin: 0;
transition: all 0.3s ease;
}
.search-entry:hover h3 {
color: var(--white);
}
/* Search */
.no-results .search-form {
position: relative;
}
.no-results .search-form input[type="text"] {
padding: 24px 170px 24px 24px;
}
.no-results .search-form button[type="submit"] {
position: absolute;
right: 14px;
bottom: 10px;
}
@media (max-width: 460px) {
.no-results .search-form input[type="text"] {
padding: 15px;
}
.no-results .search-form button[type="submit"] {
position: static;
margin: 12px 0 0;
width: 100%;
}
}
/*-----------------------------------------------------------------------
NewBook: Book Online Page
-----------------------------------------------------------------------*/
body.page-template-newbook-book-online {
--nb-primary-colour: var(--green) !important;
--nb-heading-colour: var(--black) !important;
--nb-font-family: var(--font-primary) !important;
}
#newbook_content {
padding: 0 !important;
}
#newbook_content select.month-year-selector {
background-color: transparent !important;
background-image: none !important;
}
.nb-sidebar-area > #newbook_online_sidebar {
top: calc(var(--header-height) + var(--nb-pop-shift-down) + var(--wpadminbar-height) + 20px) !important;
}
/*-----------------------------------------------------------------------
NewBook: Booking Widget
-----------------------------------------------------------------------*/
#booking_widget .booking-widget-header {
background-color: var(--green);
text-align: center;
border-radius: 16px 16px 0 0;
padding: 15px;
}
#booking_widget .booking-widget-header h3 {
color: var(--white);
margin: 0;
}
#booking_widget .booking-widget-content {
background-color: #f4f4f4;
border-radius: 0 0 16px 16px;
padding: 24px 32px;
}
#booking_widget #select_month {
display: flex;
align-items: center;
gap: 8px;
}
#booking_widget #select_month .selector {
width: 100%;
max-width: 60px;
padding: 15px 0;
border-radius: 4px !important;
}
#booking_widget #select_month #calendar_month_selector {
text-align: center;
}
#booking_widget .calendar_wrapper {
margin: 16px 0 0;
position: relative;
}
#booking_widget .calendar_wrapper .loading {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.8);
display: flex;
align-items: center;
justify-content: center;
font-size: var(--26px);
color: var(--green);
}
#booking_widget .availability_table {
margin: 0;
}
#booking_widget .availability_table th {
background-color: var(--black);
border: 1px solid #f4f4f4;
color: var(--white);
width: 14.28%;
padding: 6px 0;
text-align: center;
font-weight: 500;
}
#booking_widget .availability_table td {
background-color: var(--white);
text-align: center;
padding: 8px 0;
border: 1px solid #f4f4f4;
}
#booking_widget .availability_table td.available {
cursor: pointer;
}
#booking_widget .availability_table td.empty {
background: #f4f4f4;
}
#booking_widget .availability_table td.booked {
background: #ddd;
}
#booking_widget .availability_table td.booked.prev_available {
cursor: pointer;
}
#booking_widget .availability_table td.selected {
background: var(--yellow);
}
#booking_widget .calendar_legend {
display: flex;
align-items: center;
gap: 12px;
margin: 16px 0 0;
}
#booking_widget .calendar_legend .day_type {
display: flex;
align-items: center;
gap: 8px;
font-size: var(--15px);
}
#booking_widget .calendar_legend .day_type:before {
content: '';
display: block;
width: 16px;
height: 16px;
}
#booking_widget .calendar_legend .day_type.available:before {
background-color: var(--white);
}
#booking_widget .calendar_legend .day_type.bookedout:before {
background-color: #ddd;
}
#booking_widget .calendar_legend .day_type.selected:before {
background-color: var(--yellow);
}
#booking_widget #check_dates {
margin: 24px 0 0;
}
#booking_widget .form-row {
display: flex;
align-items: center;
gap: 8px;
margin: 8px 0 0;
}
#booking_widget .form-row label {
margin: 0;
white-space: nowrap;
min-width: 100px;
}
#booking_widget .form-row.guests {
flex-wrap: wrap;
}
#booking_widget .form-row.guests label {
flex: 100%;
}
#booking_widget .form-row.guests > div {
flex: 100%;
display: flex;
align-items: center;
gap: 8px;
}
#booking_widget .form-row.guests > div select {
flex: 1;
}
#booking_widget .form-row.results {
margin: 16px 0 0;
}
#booking_widget .form-row.results > div {
flex: 1;
display: flex;
align-items: center;
gap: 8px;
line-height: 24px;
}
#booking_widget .form-row.results #per_night,
#booking_widget .form-row.results #total_cost {
font-weight: 700;
}
#booking_widget .booking_message {
margin: 16px 0 0;
}
#booking_widget .booking_message.availability_message {
color: var(--red);
}
@media (max-width: 500px) {
#booking_widget .form-row.guests > div {
flex-direction: column;
}
}
@media (max-width: 460px) {
#booking_widget .booking-widget-content {
padding: 20px;
}
}
/*-----------------------------------------------------------------------
NewBook: JQueryUI Datepicker
-----------------------------------------------------------------------*/
.block-theme.single-accommodation .ui-datepicker {
padding: 0;
margin: 0;
border-radius: 0;
background-color: var(--white);
border: none;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
min-width: 280px;
width: auto !important;
z-index: 1000 !important;
}
.block-theme.single-accommodation .ui-datepicker table {
font-size: var(--13px);
margin: 0;
border: none;
border-collapse: collapse;
}
.block-theme.single-accommodation .ui-datepicker .ui-widget-header,
.block-theme.single-accommodation .ui-datepicker .ui-datepicker-header {
background: var(--green);
border: none;
color: var(--white);
}
.block-theme.single-accommodation .ui-datepicker .ui-datepicker-header .ui-state-hover {
background: transparent;
border-color: transparent;
cursor: pointer;
}
.block-theme.single-accommodation .ui-datepicker .ui-datepicker-title {
margin: 0;
padding: 10px 0;
color: var(--white);
font-size: var(--14px);
line-height: 14px;
text-align: center;
}
.block-theme.single-accommodation .ui-datepicker .ui-datepicker-prev,
.block-theme.single-accommodation .ui-datepicker .ui-datepicker-next {
position: relative;
top: 0;
height: 34px;
width: 34px;
}
.block-theme.single-accommodation .ui-datepicker .ui-state-hover.ui-datepicker-prev,
.block-theme.single-accommodation .ui-datepicker .ui-state-hover.ui-datepicker-next {
border: none;
}
.block-theme.single-accommodation .ui-datepicker .ui-datepicker-prev,
.block-theme.single-accommodation .ui-datepicker .ui-datepicker-prev-hover {
left: 0;
}
.block-theme.single-accommodation .ui-datepicker .ui-datepicker-next,
.block-theme.single-accommodation .ui-datepicker .ui-datepicker-next-hover {
right: 0;
}
.block-theme.single-accommodation .ui-datepicker .ui-datepicker-prev {
float: left;
}
.block-theme.single-accommodation .ui-datepicker .ui-datepicker-prev:before {
content: "\f341";
}
.block-theme.single-accommodation .ui-datepicker .ui-datepicker-next {
float: right;
}
.block-theme.single-accommodation .ui-datepicker .ui-datepicker-next:before {
content: "\f345";
}
.block-theme.single-accommodation .ui-datepicker .ui-datepicker-next span,
.block-theme.single-accommodation .ui-datepicker .ui-datepicker-prev span {
display: none;
}
.block-theme.single-accommodation .ui-datepicker .ui-datepicker-next.ui-state-disabled,
.block-theme.single-accommodation .ui-datepicker .ui-datepicker-prev.ui-state-disabled {
visibility: hidden;
}
.block-theme.single-accommodation .ui-datepicker .ui-datepicker-next:not(.ui-state-disabled):before,
.block-theme.single-accommodation .ui-datepicker .ui-datepicker-prev:not(.ui-state-disabled):before {
font: normal 20px/34px "dashicons";
padding-left: 7px;
color: var(--white);
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 34px;
height: 34px;
}
.block-theme.single-accommodation .ui-datepicker .ui-datepicker-prev-hover:before,
.block-theme.single-accommodation .ui-datepicker .ui-datepicker-next-hover:before {
opacity: 0.7;
}
.block-theme.single-accommodation .ui-datepicker select.ui-datepicker-month,
.block-theme.single-accommodation .ui-datepicker select.ui-datepicker-year {
width: 33%;
}
.block-theme.single-accommodation .ui-datepicker th {
background: var(--dgreen);
border: 1px solid var(--dgreen);
color: var(--white);
padding: 8px;
text-align: center;
font-weight: 500;
}
.block-theme.single-accommodation .ui-datepicker td {
padding: 0;
border: 1px solid #f0f0f1;
}
.block-theme.single-accommodation .ui-datepicker td.ui-datepicker-other-month {
border: transparent;
}
.block-theme.single-accommodation .ui-datepicker tr:first-of-type td {
border-top: 1px solid #f0f0f1;
}
.block-theme.single-accommodation .ui-datepicker td.ui-datepicker-week-end {
/* background-color: #f6f7f7; */
}
.block-theme.single-accommodation .ui-datepicker td.ui-datepicker-today {
background-color: #f5e6ab;
}
.block-theme.single-accommodation .ui-datepicker td.ui-datepicker-current-day {
background: var(--yellow);
}
.block-theme.single-accommodation .ui-datepicker td.ui-state-disabled {
cursor: default;
opacity: 0.5;
}
.block-theme.single-accommodation .ui-datepicker td.ui-state-disabled .ui-state-default {
background: #ddd;
cursor: default;
}
.block-theme.single-accommodation .ui-datepicker td .ui-state-default {
background: transparent;
border: none;
text-align: center;
text-decoration: none;
width: auto;
display: block;
padding: 5px 10px;
font-weight: normal;
color: var(--black);
}
.block-theme.single-accommodation .ui-datepicker td .ui-state-hover {
background: var(--yellow);
}
.block-theme.single-accommodation .ui-datepicker td .ui-state-default.ui-priority-secondary {
opacity: 0.3;
}
.block-theme.single-accommodation .ui-datepicker td .ui-state-default.ui-priority-secondary.ui-state-hover {
opacity: 1;
}
/*-----------------------------------------------------------------------
Admin: Block Editor
-----------------------------------------------------------------------*/
.edit-post-visual-editor__post-title-wrapper {
background: var(--white);
color: var(--black);
margin: 0 !important;
padding: 0 !important;
}
.edit-post-visual-editor__post-title-wrapper h1.wp-block-post-title {
font-size: var(--24px);
line-height: 28px;
background-color: var(--white);
padding: 10px 30px !important;
max-width: 100% !important;
width: 100% !important;
border-bottom: 1px solid #e0e0e0 !important;
margin: 0 !important;
}
.editor-styles-wrapper {
font-family: var(--font-primary) !important;
font-size: var(--16px) !important;
color: var(--dgrey);
line-height: 1.5;
margin: 0 !important;
padding: 0 !important;
}
.wp-block-post-content {
background: var(--white);
}
.wp-block-post-content > div {
margin: 0 auto;
max-width: calc(100% - 60px);
width: calc(100% - 60px);
}
.wp-block-post-content.is-tablet-preview > div,
.wp-block-post-content.is-mobile-preview > div {
max-width: 100%;
width: 100%;
}
.wp-block-post-content .wp-block {
max-width: 100%;
width: 100%;
margin: 0;
}
.hide-block--active {
opacity: 0.35;
}
.components-popover.block-editor-block-popover {
z-index: 20000000001 !important;
}
.acf-block-body .acf-block-fields {
z-index: 99999999 !important;
}
.editor-styles-wrapper p {
line-height: 1.5 !important;
}
.components-panel__header {
height: 48px;
}
/*-----------------------------------------------------------------------
Admin: Resizable Sideabr
-----------------------------------------------------------------------*/
/* .block-editor .editor-sidebar .acf-block-panel {
display: none !important;
} */
.interface-interface-skeleton__sidebar .interface-complementary-area,
.interface-interface-skeleton__sidebar .interface-complementary-area__fill {
width: 100% !important;
}
.edit-post-layout:not(.is-sidebar-opened) .interface-interface-skeleton__sidebar,
.edit-site-layout:not(.is-sidebar-opened) .interface-interface-skeleton__sidebar {
display: none !important;
}
.interface-interface-skeleton__sidebar.ui-resizable-resizing {
position: relative !important;
}
.interface-interface-skeleton__sidebar {
position: relative !important;
display: block !important;
z-index: 100000 !important;
left: auto !important;
right: 0 !important;
padding-left: 10px;
}
.ui-resizable-handle.ui-resizable-w {
background-color: #f5f5f5 !important;
width: 12px !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
transition: background-color 0.3s ease;
cursor: ew-resize !important;
z-index: 100001 !important;
position: absolute !important;
}
.ui-resizable-resizing .ui-resizable-handle.ui-resizable-w {
background-color: #e0e0e0 !important;
}
.interface-navigable-region.interface-interface-skeleton__sidebar {
padding-left: 12px !important;
}
.ui-resize-indicator {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 2px;
height: 24px;
background-color: #1e1e1e;
border-radius: 2px;
}