/*
Theme Name: Lucid Private Offices
Theme URI: https://demo.studiopress.com/
Description: This is the sample theme created for the Genesis Framework.
Author: StudioPress
Author URI: https://www.studiopress.com/
Version: 2.6.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, accessibility-ready, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Template: genesis
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: genesis-sample
*/
/* Table of Contents
- HTML5 Reset
- Baseline Normalize
- Box Sizing
- Float Clearing
- Defaults
- Typographical Elements
- Headings
- Objects
- Gallery
- Forms
- Tables
- Screen Reader Text
- Structure and Layout
- Site Container
- Site Inner
- Common Classes
- Avatar
- Genesis
- Search Form
- Titles
- WordPress
- Widgets
- Featured Content
- Plugins
- Genesis eNews Extended
- Genesis Simple FAQ
- Jetpack
- Skip Links
- Site Header
- Title Area
- Site Navigation
- Responsive Menu
- Header Menu
- Footer Menu
- Content Area
- Entry Content
- Entry Meta
- Pagination
- Entry Comments
- Sidebar
- Footer Widgets
- Site Footer
- Media Queries
- Min-width: 960px
- Site Header
- Genesis Menu
- Responsive Menu
- Header Menu
- Site Inner
- Content
- Sidebar
- Author Box
- After Entry
- Column Classes
- Entry Misc.
- Footer Widgets
- Print Styles
*/
flex-pao{
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/
:root {
--font-base-size: 16px;
}
body {
font-size: var(--font-base-size);
}
*,:after,:before {
border: 0 solid #e5e7eb;
box-sizing: border-box
}
:after,:before {
--tw-content: ""
}
html {
-webkit-text-size-adjust: 100%;
font-feature-settings: normal;
font-family: var(--font-sans-serif);
font-size: initial;
font-variation-settings: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4
}
body {
line-height: 1.5;
margin: 0
}
hr {
border-top-width: 1px;
color: inherit;
height: 0
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
h1,h2,h3,h4,h5,h6 {
font-size: inherit;
font-weight: inherit
}
a {
color: inherit;
text-decoration: inherit
}
.strong,
b,strong {
font-weight: 600
}
code,kbd,pre,samp {
font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
table {
border-collapse: collapse;
border-color: inherit;
text-indent: 0
}
button,input,optgroup,select,textarea {
color: inherit;
font-family: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
margin: 0;
padding: 0
}
button,select {
text-transform: none
}
[type=button],[type=reset],[type=submit],button {
-webkit-appearance: button;
background-color: transparent;
background-image: none
}
:-moz-focusring {
outline: auto
}
:-moz-ui-invalid {
box-shadow: none
}
progress {
vertical-align: baseline
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
summary {
display: list-item
}
blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
margin: 0
}
fieldset,legend {
padding: 0
}
menu,ol,ul {
list-style: none;
margin: 0;
padding: 0
}
textarea {
resize: vertical
}
input::-moz-placeholder,textarea::-moz-placeholder {
color: var(--color-text-placeholder);
opacity: 1
}
input::placeholder,textarea::placeholder {
color: var(--color-text-placeholder);
opacity: 1
}
[role=button],button {
cursor: pointer
}
:disabled {
cursor: default
}
audio,canvas,embed,iframe,img,object,svg,video {
display: block;
vertical-align: middle
}
img,video {
height: auto;
max-width: 100%
}
[hidden] {
display: none
}
*,:after,:before {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59,130,246,.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59,130,246,.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
.container {
width: 100%
}
@media (min-width: 640px) {
.container {
max-width:640px
}
}
@media (min-width: 768px) {
.container {
max-width:768px
}
}
@media (min-width: 1024px) {
.container {
max-width:1024px
}
}
@media (min-width: 1280px) {
.container {
max-width:1280px
}
}
@media (min-width: 1536px) {
.container {
max-width:1536px
}
}
.sr-only {
clip: rect(0,0,0,0);
border-width: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px
}
.pointer-events-none {
pointer-events: none
}
.invisible {
visibility: hidden
}
.static {
position: static
}
.fixed {
position: fixed
}
.absolute {
position: absolute
}
.relative {
position: relative
}
.sticky {
position: sticky
}
.inset-0 {
inset: 0
}
.inset-x-0 {
left: 0;
right: 0
}
.inset-y-0 {
bottom: 0;
top: 0
}
.inset-y-1\/2 {
bottom: 50%;
top: 50%
}
.bottom-0 {
bottom: 0
}
.bottom-2 {
bottom: .5rem
}
.bottom-4 {
bottom: 1rem
}
.bottom-8 {
bottom: 2rem
}
.left-0 {
left: 0
}
.left-1 {
left: .25rem
}
.left-1\/2 {
left: 50%
}
.left-2 {
left: .5rem
}
.left-4 {
left: 1rem
}
.right-0 {
right: 0
}
.right-1 {
right: .25rem
}
.right-2 {
right: .5rem
}
.right-3 {
right: .75rem
}
.right-4 {
right: 1rem
}
.top-0 {
top: 0
}
.top-1\/2 {
top: 50%
}
.top-16 {
top: 4rem
}
.top-20 {
top: 5rem
}
.top-3 {
top: .75rem
}
.top-4 {
top: 1rem
}
.-z-10 {
z-index: -10
}
.z-0 {
z-index: 0
}
.z-10 {
z-index: 10
}
.z-20 {
z-index: 20
}
.z-30 {
z-index: 30
}
.z-40 {
z-index: 40
}
.z-50 {
z-index: 50
}
.order-1 {
order: 1
}
.order-2 {
order: 2
}
.order-none {
order: 0
}
.col-span-1 {
grid-column: span 1/span 1
}
.col-span-2 {
grid-column: span 2/span 2
}
.col-span-3 {
grid-column: span 3/span 3
}
.col-span-8 {
grid-column: span 8/span 8
}
.col-start-1 {
grid-column-start: 1
}
.col-start-2 {
grid-column-start: 2
}
.col-end-3 {
grid-column-end: 3
}
.col-end-4 {
grid-column-end: 4
}
.row-span-1 {
grid-row: span 1/span 1
}
.row-span-2 {
grid-row: span 2/span 2
}
.row-span-3 {
grid-row: span 3/span 3
}
.row-start-1 {
grid-row-start: 1
}
.row-start-2 {
grid-row-start: 2
}
.row-start-3 {
grid-row-start: 3
}
.row-start-4 {
grid-row-start: 4
}
.row-end-4 {
grid-row-end: 4
}
.row-end-6 {
grid-row-end: 6
}
.-m-3 {
margin: -.75rem
}
.mx-2 {
margin-left: .5rem;
margin-right: .5rem
}
.mx-auto {
margin-left: auto;
margin-right: auto
}
.-mb-8 {
margin-bottom: -2rem
}
.-mt-0 {
margin-top: 0
}
.-mt-0\.5 {
margin-top: -.125rem
}
.-mt-1 {
margin-top: -.25rem
}
.-mt-16 {
margin-top: -4rem
}
.mb-0 {
margin-bottom: 0
}
.mb-0\.5 {
margin-bottom: .125rem
}
.mb-1 {
margin-bottom: .25rem
}
.mb-2 {
margin-bottom: .5rem
}
.mb-3 {
margin-bottom: .75rem;
}
.mb-4 {
margin-bottom: 1rem
}
.mb-6 {
margin-bottom: 1.5rem
}
.mb-8 {
margin-bottom: 2rem
}
.ml-1 {
margin-left: .25rem
}
.ml-2 {
margin-left: .5rem
}
.ml-3 {
margin-left: .75rem
}
.ml-4 {
margin-left: 1rem
}
.mr-10 {
margin-right: 2.5rem
}
.mr-2 {
margin-right: .5rem
}
.mt-1 {
margin-top: .25rem
}
.mt-1\.5 {
margin-top: .375rem
}
.mt-16 {
margin-top: 4rem
}
.mt-2 {
margin-top: .5rem
}
.mt-3 {
margin-top: .75rem
}
.mt-4 {
margin-top: 1rem
}
.mt-6 {
margin-top: 1.5rem
}
.mt-8 {
margin-top: 2rem
}
.line-clamp-1 {
-webkit-line-clamp: 1
}
.line-clamp-1,.line-clamp-2 {
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden
}
.line-clamp-2 {
-webkit-line-clamp: 2
}
.line-clamp-3 {
-webkit-line-clamp: 3
}
.line-clamp-3,.line-clamp-4 {
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden
}
.line-clamp-4 {
-webkit-line-clamp: 4
}
.line-clamp-5 {
-webkit-line-clamp: 5
}
.line-clamp-5,.line-clamp-6 {
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden
}
.line-clamp-6 {
-webkit-line-clamp: 6
}
.block {
display: block
}
.inline-block {
display: inline-block
}
.flex {
display: flex
}
.inline-flex {
display: inline-flex
}
.table {
display: table
}
.grid {
display: grid
}
.hidden {
display: none
}
.aspect-\[16\/9\] {
aspect-ratio: 16/9
}
.aspect-\[18\/9\] {
aspect-ratio: 18/9
}
.aspect-\[21\/9\] {
aspect-ratio: 21/9
}
.aspect-\[3\/2\] {
aspect-ratio: 3/2
}
.aspect-\[4\/3\] {
aspect-ratio: 4/3
}
.aspect-\[3\/4\] {
aspect-ratio: 3/4
}
.aspect-\[7\/5\] {
aspect-ratio: 7/5
}
.aspect-square {
aspect-ratio: 1/1
}
.aspect-video {
aspect-ratio: 16/9
}
.h-0 {
height: 0
}
.h-0\.5 {
height: .125rem
}
.h-10 {
height: 2.5rem
}
.h-14 {
height: 3.5rem
}
.h-16 {
height: 4rem
}
.h-2 {
height: .5rem
}
.h-24 {
height: 6rem
}
.h-4 {
height: 1rem
}
.h-5 {
height: 1.25rem
}
.h-6 {
height: 1.5rem
}
.h-7 {
height: 1.75rem
}
.h-8 {
height: 2rem
}
.h-9 {
height: 2.25rem
}
.h-96 {
height: 24rem
}
.h-\[10vh\] {
height: 10vh
}
.h-\[1px\] {
height: 1px
}
.h-\[30rem\] {
height: 30rem
}
.h-\[60vh\] {
height: 60vh
}
.h-\[90vh\] {
height: 90vh
}
.h-\[92vh\] {
height: 92vh
}
.h-auto {
height: auto
}
.h-full {
height: 100%;
}
.h-screen {
height: 100vh
}
.max-h-60 {
max-height: 15rem
}
.max-h-80 {
max-height: 20rem
}
.max-h-96 {
max-height: 24rem
}
.max-h-\[40vh\] {
max-height: 40vh
}
.max-h-\[70vh\] {
max-height: 70vh
}
.max-h-\[85vh\] {
max-height: 85vh
}
.min-h-\[20rem\] {
min-height: 20rem
}
.min-h-\[550px\] {
min-height: 550px
}
.min-h-\[9rem\] {
min-height: 9rem
}
.min-h-full {
min-height: 100%
}
.min-h-screen {
min-height: 100vh
}
.w-10 {
width: 2.5rem
}
.w-16 {
width: 4rem
}
.w-2 {
width: .5rem
}
.w-24 {
width: 6rem
}
.w-3\/4 {
width: 75%
}
.w-32 {
width: 8rem
}
.w-4 {
width: 1rem
}
.w-5 {
width: 1.25rem
}
.w-6 {
width: 1.5rem
}
.w-64 {
width: 16rem
}
.w-7 {
width: 1.75rem
}
.w-8 {
width: 2rem
}
.w-80 {
width: 20rem
}
.w-9 {
width: 2.25rem
}
.w-full {
width: 100%
}
.w-screen {
width: 100vw
}
.min-w-\[12rem\] {
min-width: 12rem
}
.min-w-\[15rem\] {
min-width: 15rem
}
.min-w-\[18rem\] {
min-width: 18rem
}
.min-w-\[30rem\] {
min-width: 30rem
}
.min-w-fit {
min-width: -moz-fit-content;
min-width: fit-content
}
.max-w-2xl {
max-width: 42rem
}
.max-w-3xl {
max-width: 48rem
}
.max-w-4xl {
max-width: 56rem
}
.max-w-5xl {
max-width: 64rem
}
.max-w-7xl {
max-width: 80rem
}
.max-w-\[15rem\] {
max-width: 15rem
}
.max-w-\[35ch\] {
max-width: 35ch
}
.max-w-\[60ch\] {
max-width: 60ch
}
.max-w-\[75ch\] {
max-width: 75ch
}
.max-w-\[800px\] {
max-width: 800px
}
.max-w-\[80rem\] {
max-width: 80rem
}
.max-w-full {
max-width: 100%
}
.max-w-sm {
max-width: 24rem
}
.max-w-xl {
max-width: 36rem
}
.flex-1 {
flex: 1 1 0%
}
.flex-shrink-0,.shrink-0 {
flex-shrink: 0
}
.flex-grow,.grow {
flex-grow: 1
}
.border-collapse {
border-collapse: collapse
}
.-translate-x-1\/2 {
--tw-translate-x: -50%
}
.-translate-x-1\/2,.-translate-x-full {
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-x-full {
--tw-translate-x: -100%
}
.-translate-y-1\/2 {
--tw-translate-y: -50%
}
.-translate-y-1\/2,.translate-x-0 {
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-0 {
--tw-translate-x: 0px
}
.translate-x-full {
--tw-translate-x: 100%
}
.translate-x-full,.translate-y-0 {
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-0 {
--tw-translate-y: 0px
}
.translate-y-1 {
--tw-translate-y: 0.25rem
}
.-rotate-90,.translate-y-1 {
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-rotate-90 {
--tw-rotate: -90deg
}
.rotate-0 {
--tw-rotate: 0deg
}
.rotate-0,.rotate-180 {
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-180 {
--tw-rotate: 180deg
}
.rotate-90 {
--tw-rotate: 90deg
}
.rotate-90,.scale-100 {
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1
}
.scale-125 {
--tw-scale-x: 1.25;
--tw-scale-y: 1.25
}
.scale-125,.scale-95 {
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-95 {
--tw-scale-x: .95;
--tw-scale-y: .95
}
.transform {
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transform-gpu {
transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@keyframes pulse {
50% {
opacity: .5
}
}
.animate-pulse {
animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite
}
.cursor-default {
cursor: default
}
.cursor-pointer {
cursor: pointer
}
.select-none {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.resize {
resize: both
}
.snap-x {
scroll-snap-type: x var(--tw-scroll-snap-strictness)
}
.snap-start {
scroll-snap-align: start
}
.list-inside {
list-style-position: inside
}
.list-outside {
list-style-position: outside
}
.list-decimal {
list-style-type: decimal
}
.list-disc {
list-style-type: disc
}
.grid-cols-1 {
grid-template-columns: repeat(1,minmax(0,1fr))
}
.grid-cols-2 {
grid-template-columns: repeat(2,minmax(0,1fr))
}
.grid-cols-3 {
grid-template-columns: repeat(3,minmax(0,1fr))
}
.grid-cols-4 {
grid-template-columns: repeat(4,minmax(0,1fr))
}
.grid-cols-8 {
grid-template-columns: repeat(8,minmax(0,1fr))
}
.grid-rows-5 {
grid-template-rows: repeat(5,minmax(0,1fr))
}
.flex-col {
flex-direction: column
}
.flex-wrap {
flex-wrap: wrap;
}
.place-content-center {
place-content: center
}
.items-start {
align-items: flex-start
}
.items-end {
align-items: flex-end
}
.items-center {
align-items: center
}
.justify-end {
justify-content: flex-end
}
.justify-center {
justify-content: center
}
.justify-between {
justify-content: space-between
}
.justify-evenly {
justify-content: space-evenly
}
.gap-0 {
gap: 0
}
.gap-0\.5 {
gap: .125rem
}
.gap-1 {
gap: .25rem
}
.gap-1\.5 {
gap: .375rem
}
.gap-2 {
gap: .5rem
}
.gap-20 {
gap: 5rem
}
.gap-4 {
gap: 1rem
}
.gap-6 {
gap: 1.5rem
}
.gap-8 {
gap: 2rem
}
.gap-x-1 {
-moz-column-gap: .25rem;
column-gap: .25rem
}
.gap-x-2 {
-moz-column-gap: .5rem;
column-gap: .5rem
}
.gap-x-4 {
-moz-column-gap: 1rem;
column-gap: 1rem
}
.gap-x-8 {
-moz-column-gap: 2rem;
column-gap: 2rem
}
.gap-y-1 {
row-gap: .25rem
}
.gap-y-2 {
row-gap: .5rem
}
.gap-y-3 {
row-gap: .75rem
}
.gap-y-4 {
row-gap: 1rem
}
.gap-y-6 {
row-gap: 1.5rem
}
.gap-y-8 {
row-gap: 2rem
}
.space-x-1>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
margin-right: calc(.25rem*var(--tw-space-x-reverse))
}
.space-x-2>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
margin-right: calc(.5rem*var(--tw-space-x-reverse))
}
.space-y-1>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))
}
.space-y-12>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(3rem*var(--tw-space-y-reverse));
margin-top: calc(3rem*(1 - var(--tw-space-y-reverse)))
}
.space-y-16>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(4rem*var(--tw-space-y-reverse));
margin-top: calc(4rem*(1 - var(--tw-space-y-reverse)))
}
.space-y-2>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}
.space-y-2\.5>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(.625rem*var(--tw-space-y-reverse));
margin-top: calc(.625rem*(1 - var(--tw-space-y-reverse)))
}
.space-y-3>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
}
.space-y-4>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(1rem*var(--tw-space-y-reverse));
margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}
.space-y-6>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
}
.space-y-8>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(2rem*var(--tw-space-y-reverse));
margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))
}
.divide-y>:not([hidden])~:not([hidden]) {
--tw-divide-y-reverse: 0;
border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)))
}
.divide-gray-200>:not([hidden])~:not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(229 231 235/var(--tw-divide-opacity))
}
.self-end {
align-self: flex-end
}
.overflow-auto {
overflow: auto
}
.overflow-hidden {
overflow: hidden
}
.overflow-y-auto {
overflow-y: auto
}
.overflow-x-hidden {
overflow-x: hidden
}
.overflow-y-hidden {
overflow-y: hidden
}
.overflow-x-scroll {
overflow-x: scroll
}
.overflow-y-scroll {
overflow-y: scroll
}
.scroll-smooth {
scroll-behavior: smooth
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.rounded {
border-radius: 4px
}
.rounded-2xl {
border-radius: 1rem
}
.rounded-full {
border-radius: 9999px
}
.rounded-lg {
border-radius: .5rem
}
.rounded-md {
border-radius: .375rem
}
.rounded-sm {
border-radius: .125rem
}
.rounded-l-md {
border-bottom-left-radius: .375rem;
border-top-left-radius: .375rem
}
.rounded-l-sm {
border-bottom-left-radius: .125rem;
border-top-left-radius: .125rem
}
.rounded-r-md {
border-bottom-right-radius: .375rem;
border-top-right-radius: .375rem
}
.rounded-r-sm {
border-bottom-right-radius: .125rem;
border-top-right-radius: .125rem
}
.rounded-bl-sm {
border-bottom-left-radius: .125rem
}
.rounded-tl-sm {
border-top-left-radius: .125rem
}
.border {
border-width: 1px
}
.border-2 {
border-width: 2px
}
.border-3 {
border-width: 3px
}
.border-b {
border-bottom-width: 1px
}
.border-l-4 {
border-left-width: 4px
}
.border-r {
border-right-width: 1px
}
.border-r-0 {
border-right-width: 0
}
.border-t {
border-top-width: 1px
}
.border-accent {
--tw-border-opacity: 1;
border-color: rgb(136 114 68/var(--tw-border-opacity))
}
.border-accent\/50 {
border-color: rgba(136,114,68,.5)
}
.border-black {
--tw-border-opacity: 1;
border-color: rgb(0 0 0/var(--tw-border-opacity))
}
.border-gray-100 {
--tw-border-opacity: 1;
border-color: rgb(243 244 246/var(--tw-border-opacity))
}
.border-gray-200 {
--tw-border-opacity: 1;
border-color: rgb(229 231 235/var(--tw-border-opacity))
}
.border-gray-300 {
--tw-border-opacity: 1;
border-color: rgb(209 213 219/var(--tw-border-opacity))
}
.border-gray-400 {
--tw-border-opacity: 1;
border-color: rgb(156 163 175/var(--tw-border-opacity))
}
.border-red-500 {
--tw-border-opacity: 1;
border-color: rgb(239 68 68/var(--tw-border-opacity))
}
.border-r-gray-300 {
--tw-border-opacity: 1;
border-right-color: rgb(209 213 219/var(--tw-border-opacity))
}
.border-t-gray-200 {
--tw-border-opacity: 1;
border-top-color: rgb(229 231 235/var(--tw-border-opacity))
}
.bg-accent {
--tw-bg-opacity: 1;
background-color: rgb(136 114 68/var(--tw-bg-opacity))
}
.bg-accent\/10 {
background-color: rgba(136,114,68,.1)
}
.bg-accent\/20 {
background-color: rgba(136,114,68,.2)
}
.bg-accent\/30 {
background-color: rgba(136,114,68,.3)
}
.bg-accent\/5 {
background-color: rgba(136,114,68,.05)
}
.bg-accent\/75 {
background-color: rgba(136,114,68,.75)
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0/var(--tw-bg-opacity))
}
.bg-black\/10 {
background-color: rgba(0,0,0,.1)
}
.bg-black\/30 {
background-color: rgba(0,0,0,.3)
}
.bg-black\/40 {
background-color: rgba(0,0,0,.4)
}
.bg-black\/50 {
background-color: rgba(0,0,0,.5)
}
.bg-black\/70 {
background-color: rgba(0,0,0,.7)
}
.bg-black\/75 {
background-color: rgba(0,0,0,.75)
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246/var(--tw-bg-opacity))
}
.bg-gray-100\/50 {
background-color: rgba(243,244,246,.5)
}
.bg-gray-200 {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235/var(--tw-bg-opacity))
}
.bg-gray-200\/50 {
background-color: rgba(229,231,235,.5)
}
.bg-gray-200\/75 {
background-color: rgba(229,231,235,.75)
}
.bg-gray-300 {
--tw-bg-opacity: 1;
background-color: rgb(209 213 219/var(--tw-bg-opacity))
}
.bg-gray-400\/20 {
background-color: rgba(156,163,175,.2)
}
.bg-gray-50 {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251/var(--tw-bg-opacity))
}
.bg-gray-600 {
--tw-bg-opacity: 1;
background-color: rgb(75 85 99/var(--tw-bg-opacity))
}
.bg-highlight {
--tw-bg-opacity: 1;
background-color: rgb(11 93 72/var(--tw-bg-opacity))
}
.bg-neutral-800 {
--tw-bg-opacity: 1;
background-color: rgb(38 38 38/var(--tw-bg-opacity))
}
.bg-red-50 {
--tw-bg-opacity: 1;
background-color: rgb(254 242 242/var(--tw-bg-opacity))
}
.bg-transparent {
background-color: transparent
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-white\/50 {
background-color: hsla(0,0%,100%,.5)
}
.bg-white\/75 {
background-color: hsla(0,0%,100%,.75)
}
.bg-opacity-25 {
--tw-bg-opacity: 0.25
}
.bg-gradient-to-b {
background-image: linear-gradient(to bottom,var(--tw-gradient-stops))
}
.bg-gradient-to-r {
background-image: linear-gradient(to right,var(--tw-gradient-stops))
}
.from-black\/0 {
--tw-gradient-from: transparent var(--tw-gradient-from-position);
--tw-gradient-to: transparent var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}
.from-black\/30 {
--tw-gradient-from: rgba(0,0,0,.3) var(--tw-gradient-from-position);
--tw-gradient-to: transparent var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}
.from-black\/40 {
--tw-gradient-from: rgba(0,0,0,.4) var(--tw-gradient-from-position);
--tw-gradient-to: transparent var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}
.from-black\/75 {
--tw-gradient-from: rgba(0,0,0,.75) var(--tw-gradient-from-position);
--tw-gradient-to: transparent var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}
.via-transparent {
--tw-gradient-to: transparent var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)
}
.to-black\/60 {
--tw-gradient-to: rgba(0,0,0,.6) var(--tw-gradient-to-position)
}
.to-black\/75 {
--tw-gradient-to: rgba(0,0,0,.75) var(--tw-gradient-to-position)
}
.to-transparent {
--tw-gradient-to: transparent var(--tw-gradient-to-position)
}
.fill-accent {
fill: var(--color-bg-accent)
}
.fill-gray-400 {
fill: #9ca3af
}
.object-contain {
-o-object-fit: contain;
object-fit: contain
}
.object-cover {
-o-object-fit: cover;
object-fit: cover
}
.object-center {
-o-object-position: center;
object-position: center
}
.p-0 {
padding: 0
}
.p-0\.5 {
padding: .125rem
}
.p-1 {
padding: .25rem
}
.p-1\.5 {
padding: .375rem
}
.p-10 {
padding: 2.5rem
}
.p-2 {
padding: .5rem
}
.p-3 {
padding: .75rem
}
.p-4 {
padding: 1rem
}
.p-6 {
padding: 1.5rem
}
.p-7 {
padding: 1.75rem
}
.p-8 {
padding: 2rem
}
.px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.px-2 {
padding-left: .5rem;
padding-right: .5rem
}
.px-3 {
padding-left: .75rem;
padding-right: .75rem
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem
}
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.px-8 {
padding-left: 2rem;
padding-right: 2rem
}
.py-0 {
padding-bottom: 0;
padding-top: 0
}
.py-0\.5 {
padding-bottom: .125rem;
padding-top: .125rem
}
.py-1 {
padding-bottom: .25rem;
padding-top: .25rem
}
.py-1\.5 {
padding-bottom: .375rem;
padding-top: .375rem
}
.py-16 {
padding-bottom: 4rem;
padding-top: 4rem
}
.py-2 {
padding-bottom: .5rem;
padding-top: .5rem
}
.py-2\.5 {
padding-bottom: .625rem;
padding-top: .625rem
}
.py-3 {
padding-bottom: .75rem;
padding-top: .75rem
}
.py-4 {
padding-bottom: 1rem;
padding-top: 1rem
}
.py-6 {
padding-bottom: 1.5rem;
padding-top: 1.5rem
}
.py-8 {
padding-bottom: 2rem;
padding-top: 2rem
}
.pb-0 {
padding-bottom: 0
}
.pb-16 {
padding-bottom: 4rem
}
.pb-2 {
padding-bottom: .5rem
}
.pb-4 {
padding-bottom: 1rem
}
.pb-40 {
padding-bottom: 10rem
}
.pb-8 {
padding-bottom: 2rem
}
.pl-0 {
padding-left: 0
}
.pl-2 {
padding-left: .5rem
}
.pl-3 {
padding-left: .75rem
}
.pl-4 {
padding-left: 1rem
}
.pl-6 {
padding-left: 1.5rem
}
.pr-0 {
padding-right: 0
}
.pr-10 {
padding-right: 2.5rem
}
.pr-2 {
padding-right: .5rem
}
.pr-4 {
padding-right: 1rem
}
.pr-9 {
padding-right: 2.25rem
}
.pt-0 {
padding-top: 0
}
.pt-1 {
padding-top: .25rem
}
.pt-16 {
padding-top: 4rem
}
.pt-2 {
padding-top: .5rem
}
.pt-2\.5 {
padding-top: .625rem
}
.pt-3 {
padding-top: .75rem
}
.pt-4 {
padding-top: 1rem
}
.pt-8 {
padding-top: 2rem
}
.text-left {
text-align: left
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
.align-middle {
vertical-align: middle
}
.font-mono {
font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace
}
.font-sans {
font-family: var(--font-sans-serif)
}
.font-serif {
font-family: var(--font-serif)
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem
}
.text-3xl {
font-size: 1.875rem;
line-height: 2.25rem
}
.text-4xl {
font-size: 2.25rem;
line-height: 2.5rem
}
.text-5xl {
font-size: 3rem;
line-height: 1
}
.text-\[0\.8rem\] {
font-size: .8rem
}
.text-base {
font-size: 1rem;
line-height: 1.5rem
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem
}
.has-small-font-size,
.text-sm {
font-size: .875rem;
line-height: 1.25rem;
}
.text-sm:not(.caption) {
/* font-size scales but never goes below 16px */
font-size: clamp(16px, 0.875rem, 1rem);
/* line-height scales with font size but minimum 1.5 */
line-height: 1.5;
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem
}
.text-xs {
font-size: .75rem;
line-height: 1rem
}
.font-bold {
font-weight: 700
}
.font-medium {
font-weight: 500
}
.font-normal {
font-weight: 400
}
.font-semibold {
font-weight: 600
}
.font-thin {
font-weight: 100
}
.uppercase {
text-transform: uppercase
}
.italic {
font-style: italic
}
.leading-3 {
line-height: .75rem
}
.leading-5 {
line-height: 1.25rem
}
.leading-7 {
line-height: 1.75rem
}
.leading-\[1\.0\] {
line-height: 1
}
.leading-tight {
line-height: 1.25
}
.tracking-tight {
letter-spacing: -.025em
}
.tracking-tighter {
letter-spacing: -.05em
}
.tracking-wide {
letter-spacing: .025em
}
body .site-container .text-accent {
color: var(--color-text-accent);
}
body .text-secondary{
color: var(--color-text-secondary);
}
.text-accent-light {
--tw-text-opacity: 1;
color: rgb(237 197 140/var(--tw-text-opacity))
}
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0/var(--tw-text-opacity))
}
.text-gray-100 {
--tw-text-opacity: 1;
color: rgb(243 244 246/var(--tw-text-opacity))
}
.text-gray-200 {
--tw-text-opacity: 1;
color: rgb(229 231 235/var(--tw-text-opacity))
}
.text-gray-300 {
--tw-text-opacity: 1;
color: rgb(209 213 219/var(--tw-text-opacity))
}
.text-gray-400 {
--tw-text-opacity: 1;
color: rgb(156 163 175/var(--tw-text-opacity))
}
.text-gray-50 {
--tw-text-opacity: 1;
color: rgb(249 250 251/var(--tw-text-opacity))
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128/var(--tw-text-opacity))
}
.text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99/var(--tw-text-opacity))
}
.text-gray-700 {
--tw-text-opacity: 1;
color: rgb(55 65 81/var(--tw-text-opacity))
}
.text-gray-800 {
--tw-text-opacity: 1;
color: rgb(31 41 55/var(--tw-text-opacity))
}
.text-gray-900 {
--tw-text-opacity: 1;
color: rgb(17 24 39/var(--tw-text-opacity))
}
.text-highlight {
--tw-text-opacity: 1;
color: rgb(11 93 72/var(--tw-text-opacity))
}
.text-red-400 {
--tw-text-opacity: 1;
color: rgb(248 113 113/var(--tw-text-opacity))
}
.text-red-700 {
--tw-text-opacity: 1;
color: rgb(185 28 28/var(--tw-text-opacity))
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255/var(--tw-text-opacity))
}
.text-yellow-500 {
--tw-text-opacity: 1;
color: rgb(234 179 8/var(--tw-text-opacity))
}
.underline {
text-decoration-line: underline
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.opacity-0 {
opacity: 0
}
.opacity-100 {
opacity: 1
}
.opacity-20 {
opacity: .2
}
.opacity-50 {
opacity: .5
}
.opacity-75 {
opacity: .75
}
.shadow {
--tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)
}
.shadow,.shadow-lg {
box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)
}
.shadow-md,.shadow-sm {
box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-sm {
--tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-black\/50 {
--tw-shadow-color: rgba(0,0,0,.5);
--tw-shadow: var(--tw-shadow-colored)
}
.outline-none {
outline: 2px solid transparent;
outline-offset: 2px
}
.outline-2 {
outline-width: 2px
}
.outline-gray-200 {
outline-color: #e5e7eb
}
.ring-1 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.ring-inset {
--tw-ring-inset: inset
}
.ring-black {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity))
}
.ring-black\/5 {
--tw-ring-color: rgba(0,0,0,.05)
}
.ring-gray-300 {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(209 213 219/var(--tw-ring-opacity))
}
.ring-opacity-5 {
--tw-ring-opacity: 0.05
}
.brightness-110 {
--tw-brightness: brightness(1.1)
}
.brightness-110,.brightness-50 {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.brightness-50 {
--tw-brightness: brightness(.5)
}
.contrast-125 {
--tw-contrast: contrast(1.25)
}
.contrast-125,.drop-shadow-\[0_1px_1px_rgba\(0\2c 0\2c 0\2c 0\.9\)\] {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.drop-shadow-\[0_1px_1px_rgba\(0\2c 0\2c 0\2c 0\.9\)\] {
--tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,.9))
}
.drop-shadow-\[0_2px_2px_rgba\(0\2c 0\2c 0\2c 0\.9\)\] {
--tw-drop-shadow: drop-shadow(0 2px 2px rgba(0,0,0,.9))
}
.drop-shadow-\[0_2px_2px_rgba\(0\2c 0\2c 0\2c 0\.9\)\],.drop-shadow-\[0_3px_3px_rgba\(0\2c 0\2c 0\2c 0\.9\)\] {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.drop-shadow-\[0_3px_3px_rgba\(0\2c 0\2c 0\2c 0\.9\)\] {
--tw-drop-shadow: drop-shadow(0 3px 3px rgba(0,0,0,.9))
}
.grayscale {
--tw-grayscale: grayscale(100%)
}
.filter,.grayscale {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.backdrop-blur-2xl {
--tw-backdrop-blur: blur(40px)
}
.backdrop-blur-2xl,.backdrop-blur-md {
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-blur-md {
--tw-backdrop-blur: blur(12px)
}
.backdrop-blur-sm {
--tw-backdrop-blur: blur(4px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.transition {
transition-duration: .15s;
transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
transition-timing-function: cubic-bezier(.4,0,.2,1)
}
.transition-all {
transition-duration: .15s;
transition-property: all;
transition-timing-function: cubic-bezier(.4,0,.2,1)
}
.transition-colors {
transition-duration: .15s;
transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
transition-timing-function: cubic-bezier(.4,0,.2,1)
}
.transition-opacity {
transition-duration: .15s;
transition-property: opacity;
transition-timing-function: cubic-bezier(.4,0,.2,1)
}
.transition-shadow {
transition-duration: .15s;
transition-property: box-shadow;
transition-timing-function: cubic-bezier(.4,0,.2,1)
}
.transition-transform {
transition-duration: .15s;
transition-property: transform;
transition-timing-function: cubic-bezier(.4,0,.2,1)
}
.duration-100 {
transition-duration: .1s
}
.duration-150 {
transition-duration: .15s
}
.duration-200 {
transition-duration: .2s
}
.duration-300 {
transition-duration: .3s
}
.ease-in {
transition-timing-function: cubic-bezier(.4,0,1,1)
}
.ease-in-out {
transition-timing-function: cubic-bezier(.4,0,.2,1)
}
.ease-out {
transition-timing-function: cubic-bezier(0,0,.2,1)
}
.shadow-top {
box-shadow: 0 -2px 10px 0 rgba(0,0,0,.1)
}
.loader {
animation: rotation 1s linear infinite;
border: 5px solid;
border-color: #fff #fff transparent;
border-radius: 50%;
box-sizing: border-box;
display: inline-block;
height: 48px;
width: 48px
}
.last-of-type\:border-r-0:last-of-type {
border-right-width: 0
}
.focus-within\:relative:focus-within {
position: relative
}
.focus-within\:z-20:focus-within {
z-index: 20
}
.hover\:scale-105:hover {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05
}
.hover\:scale-105:hover,.hover\:scale-110:hover {
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:scale-110:hover {
--tw-scale-x: 1.1;
--tw-scale-y: 1.1
}
.hover\:border-accent:hover {
--tw-border-opacity: 1;
border-color: rgb(136 114 68/var(--tw-border-opacity))
}
.hover\:bg-accent\/10:hover {
background-color: rgba(136,114,68,.1)
}
.hover\:bg-accent\/20:hover {
background-color: rgba(136,114,68,.2)
}
.hover\:bg-accent\/30:hover {
background-color: rgba(136,114,68,.3)
}
.hover\:bg-black:hover {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0/var(--tw-bg-opacity))
}
.hover\:bg-black\/75:hover {
background-color: rgba(0,0,0,.75)
}
.hover\:bg-gray-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246/var(--tw-bg-opacity))
}
.hover\:bg-gray-50:hover {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251/var(--tw-bg-opacity))
}
.hover\:bg-highlight\/10:hover {
background-color: rgba(11,93,72,.1)
}
.hover\:bg-white\/75:hover {
background-color: hsla(0,0%,100%,.75)
}
.hover\:fill-accent:hover {
fill: var(--color-bg-accent)
}
.hover\:text-accent:hover {
--tw-text-opacity: 1;
color: rgb(136 114 68/var(--tw-text-opacity))
}
.hover\:text-gray-800:hover {
--tw-text-opacity: 1;
color: rgb(31 41 55/var(--tw-text-opacity))
}
.hover\:text-gray-900:hover {
--tw-text-opacity: 1;
color: rgb(17 24 39/var(--tw-text-opacity))
}
.hover\:text-highlight\/75:hover {
color: rgba(11,93,72,.75)
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255/var(--tw-text-opacity))
}
.hover\:underline{
text-decoration-color: transparent;
transition: text-decoration-color 0.3s ease !important;
}
.hover\:underline:hover {
text-decoration-line: underline;
text-decoration-color: currentcolor;
}
.hover\:shadow-lg:hover {
--tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
}
.hover\:shadow-lg:hover,.hover\:shadow-md:hover {
box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.hover\:shadow-md:hover {
--tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)
}
.hover\:outline:hover {
outline-style: solid
}
.hover\:brightness-110:hover {
--tw-brightness: brightness(1.1)
}
.hover\:brightness-110:hover,.hover\:brightness-75:hover {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.hover\:brightness-75:hover {
--tw-brightness: brightness(.75)
}
.focus\:border-black:focus {
--tw-border-opacity: 1;
border-color: rgb(0 0 0/var(--tw-border-opacity))
}
.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px
}
.focus\:outline:focus {
outline-style: solid
}
.focus\:outline-highlight\/10:focus {
outline-color: rgba(11,93,72,.1)
}
.focus\:ring-2:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.focus\:ring-black:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity))
}
.focus\:ring-gray-600:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(75 85 99/var(--tw-ring-opacity))
}
.focus-visible\:ring:focus-visible {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.focus-visible\:ring-orange-500:focus-visible {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(249 115 22/var(--tw-ring-opacity))
}
.focus-visible\:ring-opacity-50:focus-visible {
--tw-ring-opacity: 0.5
}
.group:hover .group-hover\:ml-1 {
margin-left: .25rem
}
.group:hover .group-hover\:scale-105 {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:text-accent {
--tw-text-opacity: 1;
color: rgb(136 114 68/var(--tw-text-opacity))
}
.group:hover .group-hover\:text-accent\/50 {
color: rgba(136,114,68,.5)
}
.group:hover .group-hover\:opacity-100 {
opacity: 1
}
.group:hover .group-hover\:opacity-40 {
opacity: .4
}
.aria-selected\:bg-accent[aria-selected=true] {
--tw-bg-opacity: 1;
background-color: rgb(136 114 68/var(--tw-bg-opacity))
}
.aria-selected\:text-white[aria-selected=true] {
--tw-text-opacity: 1;
color: rgb(255 255 255/var(--tw-text-opacity))
}
.aria-selected\:opacity-100[aria-selected=true] {
opacity: 1
}
@media (min-width: 640px) {
.sm\:mt-1 {
margin-top:.25rem
}
.sm\:aspect-\[22\/9\] {
aspect-ratio: 22/9
}
.sm\:h-12 {
height: 3rem
}
.sm\:min-h-\[12rem\] {
min-height: 12rem
}
.sm\:w-12 {
width: 3rem
}
.sm\:flex-row {
flex-direction: row
}
.sm\:items-center {
align-items: center
}
.sm\:space-x-4>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
margin-right: calc(1rem*var(--tw-space-x-reverse))
}
.sm\:space-y-0>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(0px*var(--tw-space-y-reverse));
margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
}
.sm\:px-0 {
padding-left: 0;
padding-right: 0
}
.sm\:text-sm {
font-size: .875rem;
line-height: 1.25rem
}
.sm\:text-sm:not(.caption) {
/* font-size scales but never goes below 16px */
font-size: clamp(16px, 0.875rem, 1rem);
/* line-height scales with font size but minimum 1.5 */
line-height: 1.5;
}
.sm\:leading-6 {
line-height: 1.5rem
}
}
@media (min-width: 768px) {
.md\:static {
position:static
}
.md\:bottom-8 {
bottom: 2rem
}
.md\:top-4 {
top: 1rem
}
.md\:col-span-2 {
grid-column: span 2/span 2
}
.md\:col-span-3 {
grid-column: span 3/span 3
}
.md\:col-span-5 {
grid-column: span 5/span 5
}
.md\:col-start-1 {
grid-column-start: 1
}
.md\:row-span-1 {
grid-row: span 1/span 1
}
.md\:row-start-1 {
grid-row-start: 1
}
.md\:row-start-3 {
grid-row-start: 3
}
.md\:mb-4 {
margin-bottom: 1rem
}
.md\:mt-8 {
margin-top: 2rem
}
.md\:block {
display: block
}
.hidden.md\:block{
display: block !important
}
.md\:inline-block {
display: inline-block
}
.md\:flex {
display: flex
}
.md\:hidden {
display: none
}
.md\:aspect-\[16\/9\] {
aspect-ratio: 16/9
}
.md\:aspect-\[3\/4\] {
aspect-ratio: 3/4
}
.md\:aspect-video {
aspect-ratio: 16/9;
}
.md\:h-10 {
height: 2.5rem
}
.md\:h-5 {
height: 1.25rem
}
.md\:h-6 {
height: 1.5rem
}
.md\:h-auto {
height: auto
}
.md\:min-h-\[60vh\] {
min-height: 60vh
}
.md\:w-1\/5 {
width: 20%
}
.md\:w-10 {
width: 2.5rem
}
.md\:w-32 {
width: 8rem
}
.md\:w-5 {
width: 1.25rem
}
.md\:w-6 {
width: 1.5rem
}
.md\:w-\[75\%\] {
width: 75%
}
.md\:w-fit {
width: -moz-fit-content;
width: fit-content
}
.md\:w-full {
width: 100%
}
.md\:min-w-\[30rem\] {
min-width: 30rem
}
.md\:max-w-\[75vw\] {
max-width: 75vw
}
.md\:translate-x-0 {
--tw-translate-x: 0px
}
.md\:translate-x-0,.md\:translate-x-full {
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.md\:translate-x-full {
--tw-translate-x: 100%
}
.md\:scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.md\:columns-2 {
-moz-columns: 2;
column-count: 2
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2,minmax(0,1fr))
}
.md\:grid-cols-3 {
grid-template-columns: repeat(3,minmax(0,1fr))
}
.md\:grid-cols-4 {
grid-template-columns: repeat(4,minmax(0,1fr))
}
.md\:grid-rows-2 {
grid-template-rows: repeat(2,minmax(0,1fr))
}
.md\:flex-row {
flex-direction: row
}
.md\:items-start {
align-items: flex-start
}
.md\:items-center {
align-items: center
}
.md\:justify-end {
justify-content: flex-end
}
.md\:justify-center {
justify-content: center
}
.md\:gap-1 {
gap: .25rem
}
.md\:gap-12 {
gap: 3rem
}
.md\:gap-16 {
gap: 4rem
}
.md\:gap-2 {
gap: .5rem
}
.md\:gap-4 {
gap: 1rem
}
.md\:gap-8 {
gap: 2rem
}
.md\:gap-x-8 {
-moz-column-gap: 2rem;
column-gap: 2rem
}
.md\:gap-y-0 {
row-gap: 0
}
.md\:gap-y-16 {
row-gap: 4rem
}
.md\:gap-y-4 {
row-gap: 1rem
}
.md\:gap-y-6 {
row-gap: 1.5rem
}
.md\:space-x-2>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
margin-right: calc(.5rem*var(--tw-space-x-reverse))
}
.md\:space-y-12>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(3rem*var(--tw-space-y-reverse));
margin-top: calc(3rem*(1 - var(--tw-space-y-reverse)))
}
.md\:space-y-16>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(4rem*var(--tw-space-y-reverse));
margin-top: calc(4rem*(1 - var(--tw-space-y-reverse)))
}
.md\:space-y-4>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(1rem*var(--tw-space-y-reverse));
margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}
.md\:space-y-6>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
}
.md\:space-y-8>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(2rem*var(--tw-space-y-reverse));
margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))
}
.md\:border-b-0 {
border-bottom-width: 0
}
.md\:border-r {
border-right-width: 1px
}
.md\:p-12 {
padding: 3rem
}
.md\:p-4 {
padding: 1rem
}
.md\:p-8 {
padding: 2rem
}
.md\:px-0 {
padding-left: 0;
padding-right: 0
}
.md\:px-4 {
padding-left: 1rem;
padding-right: 1rem
}
.md\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.md\:px-8 {
padding-left: 2rem;
padding-right: 2rem
}
.md\:py-1 {
padding-bottom: .25rem;
padding-top: .25rem
}
.md\:py-16 {
padding-bottom: 4rem;
padding-top: 4rem
}
.md\:py-2 {
padding-bottom: .5rem;
padding-top: .5rem
}
.md\:py-4 {
padding-bottom: 1rem;
padding-top: 1rem
}
.md\:py-8 {
padding-bottom: 2rem;
padding-top: 2rem
}
.md\:pb-0 {
padding-bottom: 0
}
.md\:pb-16 {
padding-bottom: 4rem
}
.md\:pb-4 {
padding-bottom: 1rem
}
.md\:pl-4 {
padding-left: 1rem
}
.md\:pl-8 {
padding-left: 2rem
}
.md\:pr-4 {
padding-right: 1rem
}
.md\:pr-8 {
padding-right: 2rem
}
.md\:pt-0 {
padding-top: 0
}
.md\:pt-16 {
padding-top: 4rem
}
.md\:pt-4 {
padding-top: 1rem
}
.md\:text-left {
text-align: left
}
.md\:text-2xl {
font-size: 1.5rem;
line-height: 2rem
}
.md\:text-3xl {
font-size: 1.875rem;
line-height: 2.25rem
}
.md\:text-4xl {
font-size: 2.25rem;
line-height: 2.5rem
}
.md\:text-5xl {
font-size: 3rem;
line-height: 1
}
.md\:text-base {
font-size: 1rem;
line-height: 1.5rem
}
.md\:text-lg {
font-size: 1.125rem;
line-height: 1.75rem
}
.md\:text-sm {
font-size: .875rem;
line-height: 1.25rem
}
.md\:text-sm:not(.caption) {
/* font-size scales but never goes below 16px */
font-size: clamp(16px, 0.875rem, 1rem);
/* line-height scales with font size but minimum 1.5 */
line-height: 1.5;
}
.md\:text-xl {
font-size: 1.25rem;
line-height: 1.75rem
}
.md\:leading-snug {
line-height: 1.375
}
.md\:leading-tight {
line-height: 1.25
}
.md\:opacity-0 {
opacity: 0
}
.md\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.group:hover .md\:group-hover\:translate-x-0 {
--tw-translate-x: 0px
}
.group:hover .md\:group-hover\:scale-105,.group:hover .md\:group-hover\:translate-x-0 {
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .md\:group-hover\:scale-105 {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05
}
}
@media (min-width: 1024px) {
.lg\:bottom-16 {
bottom:4rem
}
.lg\:order-none {
order: 0
}
.lg\:col-span-2 {
grid-column: span 2/span 2
}
.lg\:col-span-3 {
grid-column: span 3/span 3
}
.lg\:col-span-4 {
grid-column: span 4/span 4
}
.lg\:col-span-6 {
grid-column: span 6/span 6
}
.lg\:row-auto {
grid-row: auto
}
.lg\:row-span-1 {
grid-row: span 1/span 1
}
.lg\:row-span-3 {
grid-row: span 3/span 3
}
.lg\:row-start-1 {
grid-row-start: 1
}
.lg\:row-start-3 {
grid-row-start: 3
}
.lg\:row-start-auto {
grid-row-start: auto
}
.lg\:mb-12 {
margin-bottom: 3rem
}
.lg\:mt-12 {
margin-top: 3rem
}
.lg\:block {
display: block
}
.lg\:flex {
display: flex
}
.lg\:inline-flex {
display: inline-flex
}
.lg\:hidden {
display: none
}
.lg\:aspect-\[21\/9\] {
aspect-ratio: 21/9
}
.lg\:aspect-square {
aspect-ratio: 1/1
}
.lg\:aspect-video {
aspect-ratio: 16/9
}
.lg\:max-h-\[80vh\] {
max-height: 80vh
}
.lg\:min-h-\[70vh\] {
min-height: 70vh
}
.lg\:w-1\/2 {
width: 50%
}
.lg\:w-auto {
width: auto
}
.lg\:w-fit {
width: -moz-fit-content;
width: fit-content
}
.lg\:max-w-xl {
max-width: 36rem
}
.lg\:flex-1 {
flex: 1 1 0%
}
.lg\:columns-3 {
-moz-columns: 3;
column-count: 3
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2,minmax(0,1fr))
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3,minmax(0,1fr))
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4,minmax(0,1fr))
}
.lg\:grid-cols-5 {
grid-template-columns: repeat(5,minmax(0,1fr))
}
.lg\:grid-cols-6 {
grid-template-columns: repeat(6,minmax(0,1fr))
}
.lg\:flex-row {
flex-direction: row
}
.lg\:flex-nowrap {
flex-wrap: nowrap
}
.lg\:place-content-center {
place-content: center
}
.lg\:gap-12 {
gap: 3rem
}
.lg\:gap-2 {
gap: .5rem
}
.lg\:gap-20 {
gap: 5rem
}
.lg\:gap-6 {
gap: 1.5rem
}
.lg\:gap-8 {
gap: 2rem
}
.lg\:gap-x-4 {
-moz-column-gap: 1rem;
column-gap: 1rem
}
.lg\:border-0 {
border-width: 0
}
.lg\:border-l {
border-left-width: 1px
}
.lg\:border-r {
border-right-width: 1px
}
.lg\:border-t-0 {
border-top-width: 0
}
.lg\:border-l-gray-400 {
--tw-border-opacity: 1;
border-left-color: rgb(156 163 175/var(--tw-border-opacity))
}
.lg\:bg-accent\/0 {
background-color: rgba(136,114,68,0)
}
.lg\:bg-accent\/10 {
background-color: rgba(136,114,68,.1)
}
.lg\:p-0 {
padding: 0
}
.lg\:p-16 {
padding: 4rem
}
.lg\:py-4 {
padding-bottom: 1rem;
padding-top: 1rem
}
.lg\:pb-0 {
padding-bottom: 0
}
.lg\:pl-8 {
padding-left: 2rem
}
.lg\:pr-8 {
padding-right: 2rem
}
.lg\:pt-0 {
padding-top: 0
}
.lg\:pt-8 {
padding-top: 2rem
}
.lg\:text-left {
text-align: left
}
.lg\:text-right {
text-align: right
}
.lg\:text-4xl {
font-size: 2.25rem;
line-height: 2.5rem
}
.lg\:text-6xl {
font-size: 3.75rem;
line-height: 1
}
}
@media (min-width: 1280px) {
.xl\:min-h-\[80vh\] {
min-height:80vh
}
.xl\:p-24 {
padding: 6rem
}
}
@media only screen and (min-width: 881px) {
.mobile-only{
display: none;
}
}
@media only screen and (max-width: 880px) {
.desktop-only{
display: none;
}
}
/*=========================*/
/* =========
Variables
========= */
html {
font-size: 18px;
}
:root {
/* Colors */
--color-text-primary: #000000;
--color-text-secondary: #EDEAE3;
--color-text-placeholder: #2F2E2C;
/* Font families */
--font-serif: "freight-display-pro", serif;
--font-sans-serif: "indivisible", sans-serif;
/* =========
Font sizes (clamped for responsive scaling)
Base font size: 18px
========= */
/* Heading Main (h1) */
--fs-heading-main: clamp(3.111rem, 5vw, 4.444rem); /* 56px → 80px */
--lh-heading-main: 0.9;
--fw-heading-main: 400;
--ls-heading-main: -0.02em;
/* Heading XL (h2) */
/*--fs-heading-xl: clamp(2.222rem, 4vw, 3.556rem); 40px → 64px*/
--fs-heading-xl: clamp(2rem, 3.5vw, 3.111rem); /* 36px → 56px */
--lh-heading-xl: 1;
--fw-heading-xl: 400;
--ls-heading-xl: normal;
/* Heading LG (h3) */
--fs-heading-lg: clamp(2rem, 3.5vw, 3.111rem); /* 36px → 56px */
--fs-heading-lg: clamp(1.667rem, 3vw, 2.667rem); /* 30px → 48px */
--lh-heading-lg: 1;
--fw-heading-lg: 400;
--ls-heading-lg: normal;
/* Heading MD (h4) */
--fs-heading-md: clamp(1.667rem, 3vw, 2.667rem); /* 30px → 48px */
--lh-heading-md: 1;
--fw-heading-md: 400;
--ls-heading-md: normal;
/* Heading SM (h5) */
--fs-heading-sm: clamp(1.556rem, 2.5vw, 2rem); /* 28px → 36px */
--lh-heading-sm: 1.2;
--fw-heading-sm: 400;
--ls-heading-sm: normal;
/* Heading XS (h6) */
--fs-heading-xs: clamp(0.722rem, 1.5vw, 0.833rem); /* 13px → 15px */
--lh-heading-xs: 1.23;
--fw-heading-xs: 600;
--ls-heading-xs: 0.2em;
--tt-heading-xs: uppercase;
/* =========
Body text (clamped for responsive scaling)
Default: medium (md)
========= */
/* Body XL */
--fs-body-xl: clamp(1.333rem, 2.5vw, 1.777rem); /* 24px to 32px */
--lh-body-xl: 1.4;
--fw-body-xl: 400;
--ls-body-xl: -0.005em;
/* Body LG */
--fs-body-lg: clamp(1rem, 1.5vw, 1.333rem); /* 18px to 24px */
--lh-body-lg: 1.4;
--fw-body-lg: 400;
--ls-body-lg: -0.005em;
/* Body MD */
--fs-body-md: clamp(0.778rem, 1.5vw, 1rem); /* 14px to 18px */
--fs-body-md-ui: clamp(0.778rem, 1.2vw, 0.889rem); /* 14px to 16px */
--lh-body-md: 1.6;
--fw-body-md: 400;
--ls-body-md: normal;
/* Body SM */
--fs-body-sm: clamp(0.667rem, 1vw, 0.778rem); /* 12px to 14px */
--lh-body-sm: 1.4;
--fw-body-sm: 400;
--ls-body-sm: normal;
/* Body XS */
--fs-body-xs: clamp(0.667rem, 1vw, 0.667rem); /* 12px to 12px */
--lh-body-xs: 1.4;
--fw-body-xs: 400;
--ls-body-xs: normal;
--w-max-wrap: 1662px;
--w-hero-wrap: 1662px;
--w-normal-wrap: 1234px;
/* =========
Palette
========= */
/* =========
Core surfaces & text
========= */
--color-bg-primary: #12120F;
--color-bg-primary-rgb: 18, 18, 15; /* 0x12 = 18, 0x12 = 18, 0x0F = 15 */
--color-text-primary: #FFFFFF;
--color-text-accent: #D2AF6B;
--color-text-accent-rgb: 210 175 107;
--color-bg-accent: #887244;
--color-bg-accent-rgba: 136, 114, 68;
/* Inverse / alternating surface */
--color-bg-inverse: #EDEAE3;
--color-text-inverse: #12120F;
--color-text-inverse-accent: #D2AF6B;
--color-text-inverse-rgb: 18 18 15;
/* =========
Button solid fills
========= */
/* Primary button */
--btn-fill-primary: #604635;
--btn-fill-primary-hover: #D2AF6B;
/* Secondary button */
--btn-fill-secondary: #89523D;
/* Picked to be softer + slightly desaturated
so it doesn’t compete with primary hover */
--btn-fill-secondary-hover: #B08A5A;
/* =========
Button gradients
========= */
/* Primary gradient */
--btn-gradient-primary: linear-gradient(
90deg,
#6F5C38 0%,
#4E3C1C 100%
);
--btn-gradient-vertical: linear-gradient(
180deg,
#B3904C 0%,
#6F5C38 100%
);
/* --btn-gradient-primary-hover: linear-gradient(
90deg,
#B3904C 0%,
#6F5C38 100%
);*/
--btn-gradient-primary-hover: #42341A;
/* Prismatic gradient */
--btn-gradient-prismatic: linear-gradient(
90deg,
#D2AF6B 0%,
#4E3C1C 100%
);
/* Hover version:
brighter on the light end, warmer midtone,
consistent with your primary hover logic */
--btn-gradient-prismatic-hover: linear-gradient(
90deg,
#E6C982 0%,
#6F5C38 100%
);
/* Half gradient */
--gradient-half: linear-gradient(
90deg,
var(--color-bg-primary) 0%,
#88724480 100%
);
--gradient-light: linear-gradient(90deg, rgba(111, 92, 56, 0.20) 0%, rgba(78, 60, 28, 0.20) 100%);
/* Border */
--border-color: #C0B29480;
/* Transition */
--transition-ease-in-out: .3s ease-in-out;
--transition-ease-in-out-cubic: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
--transition-sleek-pop: 0.5s cubic-bezier(0.15, 1.5, 0.5, 1);
}
.flex-wrap{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
@keyframes tab-depress {
0% {
transform: scale(1);
letter-spacing: 0px;
}
40% {
transform: scale(0.96); /* The physical click-down */
opacity: 0.8;
}
100% {
transform: scale(1); /* Snaps back but keeps the shadow depth */
opacity: 1;
letter-spacing: 0.2px; /* Very slight expansion for readability */
}
}
/* HTML5 Reset
---------------------------------------------------------------------------------------------------- */
/* Baseline Normalize
--------------------------------------------- */
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
/* Box Sizing
--------------------------------------------- */
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
/* Float Clearing
--------------------------------------------- */
.author-box::before,
.clearfix::before,
.entry::before,
.entry-content::before,
.footer-widgets::before,
.nav-primary::before,
.nav-secondary::before,
.pagination::before,
.site-container::before,
.site-footer::before,
.site-header::before,
.site-inner::before,
.widget::before,
.wrap::before {
content: " ";
display: table;
}
.author-box::after,
.clearfix::after,
.entry::after,
.entry-content::after,
.footer-widgets::after,
.nav-primary::after,
.nav-secondary::after,
.pagination::after,
.site-container::after,
.site-footer::after,
.site-header::after,
.site-inner::after,
.widget::after,
.wrap::after {
clear: both;
content: " ";
display: table;
}
/* Defaults
---------------------------------------------------------------------------------------------------- */
/* Typographical Elements
--------------------------------------------- */
html {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
transition: all 0.2s ease-in-out;
}
.green{
color: #0B3840;
}
/* .red,
h2.red a{
color: #91B3B5 !important;
}
h2.red a{
text-decoration: none;
} */
.white{
color: #FBF7ED;
}
a {
/*color: rgb(136 114 68 / var(--tw-text-opacity));*/
/*color: rgb(136, 114, 68);*/
text-underline-offset: 3px !important;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
h5 a{
text-decoration: none;
}
.content-sidebar-wrap p > a{
/*font-family: 'maison_neue_extendedbook', sans-erif;*/
/*letter-spacing: .4rem;*/
}
/*.has-black-background-color + * a{*/
.has-black-background-color + *:not(.wp-block-group):not(.wp-block-cover) a{
color: inherit;
}
body :where(.wp-block-cover-image.is-light:not(.has-text-color)),
body :where(.wp-block-cover.is-light:not(.has-text-color)),
body :where(.wp-block-cover-image:not(.has-text-color)),
body :where(.wp-block-cover:not(.has-text-color)){
color: inherit;
}
a.link,
.entry-content a:not([class]){
}
a:focus,
a:hover {
/*color: #ba7b47;*/
text-decoration: none;
}
.meeting-search .ajax-listings .listing-entry .listing-name,
.meeting-search .ajax-listings .listing-entry .location-details .meta-address a,
/*.custom-header .locations-variant a,*/
.custom-header .locations-variant a > span:not(.badge),
.site-footer a{
text-decoration: underline !important;
text-decoration-color: transparent !important;
/*transition: text-decoration-color 0.3s ease;*/
transition: text-decoration-color 0.2s ease, color 0.1s ease-in-out;
}
.meeting-search .ajax-listings .listing-entry .listing-name:hover,
.meeting-search .ajax-listings .listing-entry .location-details .meta-address a:focus,
/*.custom-header .locations-variant a:focus,*/
.custom-header .locations-variant a:focus > span:not(.badge),
.site-footer a:focus{
/*text-decoration: underline !important;*/
text-decoration-color: inherit !important;
}
.meeting-search .ajax-listings .listing-entry .location-details .meta-address a{
display: inline-block;
}
/*.meeting-search .ajax-listings .listing-entry .listing-name{
position: relative;
}
.meeting-search .ajax-listings .listing-entry .listing-name::after {
content: "";
position: absolute;
left: 50%;
bottom: -2px;
width: 100%;
height: 1px;
background: #f3eee7;
transform: translateX(-50%) scaleX(0);
transition: transform .3s ease
}*/
.meeting-search .ajax-listings .listing-entry .listing-name:hover:after {
transform: translateX(-50%) scaleX(1)
}
.meeting-search .ajax-listings .listing-entry .listing-name,
.meeting-search .ajax-listings .listing-entry .listing-name:hover{
text-decoration-thickness: 1px !important;
}
a:not([class]):hover{
text-decoration: underline;
}
/*body:not(.templated) p:not(.m-0) {*/
/*body:not(.templated) p:not(.m-0):not(.tw) {*/
body p{
/*margin: 0 0 24px;*/
margin-bottom: 24px;
padding: 0;
}
ol,
ul {
margin: 0;
padding: 0;
}
ul li {
list-style-type: none;
}
.fancybox-content li{
list-style-type: initial;
}
hr {
border: 0;
border-collapse: collapse;
border-top: 1px solid #eee;
clear: both;
margin: 30px 0;
}
b,
strong {
font-weight: bolder;
}
blockquote,
cite,
em,
i {
font-style: italic;
}
mark {
background: #ddd;
color: #333;
}
blockquote {
margin: 0px;
}
blockquote::before {
content: "\201C";
display: block;
font-size: 30px;
font-size: 3rem;
height: 0;
left: -20px;
position: relative;
top: -10px;
}
/* Headings
--------------------------------------------- */
/* Objects
--------------------------------------------- */
embed,
iframe,
img,
object,
video,
.wp-caption {
max-width: 100%;
}
img {
height: auto;
vertical-align: top;
}
figure {
margin: 0;
}
/* Gallery
--------------------------------------------- */
.gallery {
overflow: hidden;
}
.gallery img {
border: 1px solid #eee;
height: auto;
padding: 4px;
}
.gallery img:focus,
.gallery img:hover {
border: 1px solid #999;
outline: none;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.6666%;
}
.gallery-columns-7 .gallery-item {
width: 14.2857%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.1111%;
}
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
clear: left;
}
.gallery-item {
float: left;
margin: 0 0 30px;
text-align: center;
}
/* Forms
--------------------------------------------- */
input,
select,
textarea {
background-color: #fff;
border: 1px solid #ddd;
color: #333;
/*font-size: var(--font-base-size);*/
font-size: var(--fs-body-md);
font-weight: 400;
padding: 8px;
width: 100%;
}
input:focus,
textarea:focus {
border: 1px solid #999;
outline: none;
}
input[type="checkbox"],
input[type="image"],
input[type="radio"] {
width: auto;
}
::-moz-placeholder {
color: #333;
opacity: 1;
}
::-webkit-input-placeholder {
color: #333;
}
body:not(.templated) input[type="button"],
body:not(.templated) input[type="reset"],
body:not(.templated) input[type="submit"],
body:not(.templated) .button {
background-color: #333;
border: 0;
color: #fff;
cursor: pointer;
font-size: var(--font-base-size);
text-decoration: none;
white-space: normal;
width: auto;
}
.fancybox-button{
outline: 0px !important;
}
button.fancybox-button:focus,
button.fancybox-button:hover,
button.fancybox-close-small:focus,
button.fancybox-close-small:hover{
background-color: transparent !important;
}
.entry-content .button:focus,
.entry-content .button:hover {
color: #fff;
}
.button {
display: inline-block;
}
a.button.small,
button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small {
padding: 8px 16px;
}
.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
background-color: #eee;
border-width: 0;
color: #777;
cursor: not-allowed;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
display: none;
}
/* Tables
--------------------------------------------- */
table {
border-collapse: collapse;
border-spacing: 0;
line-height: 2;
margin-bottom: 40px;
width: 100%;
word-break: break-all;
}
tbody {
border-bottom: 1px solid #eee;
}
td,
th {
text-align: left;
}
td {
border-top: 1px solid #eee;
padding: 6px;
}
th {
font-weight: 400;
padding: 0 6px;
}
td:first-child,
th:first-child {
padding-left: 0;
}
/* Screen Reader Text
--------------------------------------------- */
.screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.widget_search input[type="submit"]:focus {
background: #fff;
box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
clip: auto !important;
color: #333;
display: block;
font-size: 1em;
font-weight: bold;
height: auto;
padding: 15px 23px 14px;
text-decoration: none;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
.more-link {
position: relative;
}
/* Structure and Layout
---------------------------------------------------------------------------------------------------- */
/* Site Container
--------------------------------------------- */
.site-container {
-webkit-animation: fadein 1s;
animation: fadein 1s;
word-wrap: break-word;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Site Inner
--------------------------------------------- */
.site-inner {
clear: both;
margin: 0 auto;
padding: 60px 30px 0;
}
/* Common Classes
---------------------------------------------------------------------------------------------------- */
/* Avatar
--------------------------------------------- */
.avatar {
border-radius: 50%;
float: left;
}
.author-box .avatar,
.alignleft .avatar {
margin-right: 20px;
}
.alignright .avatar {
margin-left: 20px;
}
.comment .avatar {
margin: 0 15px 20px 0;
}
/* Search Form
--------------------------------------------- */
.search-form {
overflow: hidden;
}
.entry-content .search-form {
margin-bottom: 40px;
width: 50%;
}
.post-password-form input[type="submit"],
.search-form input[type="submit"] {
margin-top: 10px;
}
.widget_search input[type="submit"] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
}
/* Titles
--------------------------------------------- */
.archive-description .entry-title,
.archive-title,
.author-box-title {
font-size: 20px;
font-size: 2rem;
font-weight: 600;
margin-bottom: 10px;
}
.entry-title a,
.sidebar .widget-title a {
color: #333;
text-decoration: none;
}
.entry-title a:focus,
.entry-title a:hover {
color: #91B3B5;
}
/* WordPress
--------------------------------------------- */
.aligncenter {
text-align: center;
}
@media only screen and (max-width: 880px) {
.m-aligncenter{
text-align: center;
}
}
a.aligncenter img {
display: block;
margin: 0 auto;
}
a.alignnone {
display: inline-block;
}
.alignleft {
float: left;
text-align: left;
}
.alignright {
float: right;
text-align: right;
}
a.alignleft,
a.alignnone,
a.alignright {
max-width: 100%;
}
img.centered,
.aligncenter {
display: block;
/* margin: 0 auto 30px; */
margin-left: auto;
margin-right: auto;
}
img.alignnone,
.alignnone {
margin-bottom: 15px;
}
a.alignleft,
img.alignleft,
.wp-caption.alignleft {
margin: 0 20px 20px 0;
}
a.alignright,
img.alignright,
.wp-caption.alignright {
margin: 0 0 20px 20px;
}
.gallery-caption,
.wp-caption-text {
font-size: 14px;
font-size: 1.4rem;
font-weight: 600;
margin: 0;
text-align: center;
}
.entry-content p.wp-caption-text {
margin-bottom: 0;
}
.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
margin: 0 0 30px;
}
/* Widgets
---------------------------------------------------------------------------------------------------- */
.widget {
margin-bottom: 20px;
}
.widget p:last-child,
.widget ul > li:last-of-type {
margin-bottom: 0;
}
.widget ul > li:last-of-type {
padding-bottom: 0;
}
.widget ol > li {
list-style-position: inside;
list-style-type: decimal;
padding-left: 20px;
text-indent: -20px;
}
.widget li li {
border: 0;
margin: 0 0 0 30px;
padding: 0;
}
.widget_calendar table {
width: 100%;
}
.widget_calendar td,
.widget_calendar th {
text-align: center;
}
/* Featured Content
--------------------------------------------- */
.featured-content .entry {
border-bottom: 1px solid #eee;
margin-bottom: 20px;
}
.featured-content .entry:last-of-type {
border-bottom: none;
margin-bottom: 0;
}
.featured-content .entry-image {
height: 75px;
width: 75px;
}
.featured-content .entry-title {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 5px;
margin-top: 10px;
}
/* Jetpack
--------------------------------------------- */
#wpstats {
display: none;
}
/* Skip Links
---------------------------------------------------------------------------------------------------- */
.genesis-skip-link {
margin: 0;
}
.genesis-skip-link .skip-link-hidden {
display: none;
visibility: hidden;
}
.genesis-skip-link li {
height: 0;
list-style: none;
width: 0;
}
/* Display outline on focus */
:focus {
/*color: #333;*/
/*outline: #ccc solid 1px;*/
}
/* Site Header
---------------------------------------------------------------------------------------------------- */
.site-header {
background-color: #fff;
box-shadow: 0 0 20px rgba(0,0,0,0.05);
padding: 0 30px;
}
/* Title Area
--------------------------------------------- */
.title-area {
float: left;
padding-bottom: 25px;
padding-top: 25px;
}
.wp-custom-logo .title-area {
max-width: 350px;
padding-bottom: 5px;
padding-top: 5px;
}
.site-title {
font-size: 20px;
font-size: 2rem;
font-weight: 600;
line-height: 1;
margin-bottom: 0;
}
.site-title a,
.site-title a:focus,
.site-title a:hover {
color: #333;
text-decoration: none;
}
.site-description,
.wp-custom-logo .site-title {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
/* Site Navigation
---------------------------------------------------------------------------------------------------- */
.genesis-nav-menu {
clear: both;
line-height: 1;
/* width: 100%; */
}
.genesis-nav-menu .menu-item {
display: block;
float: none;
position: relative;
}
.genesis-nav-menu a {
color: #333;
display: block;
font-size: 15px;
font-size: 1.5rem;
font-weight: 400;
outline-offset: -1px;
padding-bottom: 12px;
padding-top: 12px;
text-decoration: none;
}
.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
/*color: #115A66;*/
text-decoration: none;
}
.genesis-nav-menu .sub-menu,
.genesis-nav-menu .sub-menu a {
width: 100%;
}
.genesis-nav-menu .sub-menu {
clear: both;
display: none;
left: -9999px;
margin: 0;
opacity: 1;
/* padding-left: 15px; */
position: absolute;
z-index: 99;
}
.genesis-nav-menu .sub-menu li{
position: relative !important;
}
.genesis-nav-menu .sub-menu a {
/* background-color: #ffffff; */
font-size: 14px;
font-size: 1.4rem;
position: relative;
word-wrap: break-word;
width: 100% !important;
}
.genesis-nav-menu .menu-item:focus,
.genesis-nav-menu .menu-item:hover {
position: relative;
}
.genesis-nav-menu .menu-item:hover > .sub-menu {
left: 0px;
}
/* Responsive Menu
--------------------------------------------- */
.menu .menu-item:focus {
position: static;
}
.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
left: auto;
opacity: 1;
}
.genesis-responsive-menu {
/* display: none; */
padding-bottom: 15px;
position: relative;
}
.menu-toggle,
.sub-menu-toggle {
background-color: transparent !important;
border-width: 0;
color: #333 !important;
display: block;
margin: 0 auto;
overflow: hidden;
text-align: center;
visibility: visible;
}
.menu-toggle:focus,
.menu-toggle:hover,
.sub-menu-toggle:focus,
.sub-menu-toggle:hover {
background-color: transparent;
border-width: 0;
}
.menu-toggle {
float: right;
line-height: 20px;
margin-bottom: 10px;
margin-top: 10px;
padding: 15px 0;
position: relative;
z-index: 1000;
}
.menu-toggle.activated::before {
content: "\f335";
}
.site-header .menu-toggle::before {
float: left;
margin-right: 5px;
position: relative;
text-rendering: auto;
top: 1px;
}
/*.sub-menu-toggle {
float: right;
padding: 9px 10px;
position: absolute;
right: 5px;
top: 0;
z-index: 100;
}*/
.sub-menu-toggle {
float: right;
padding: 0px 16px;
height: 36px;
position: absolute;
right: 5px;
top: 0;
z-index: 100;
}
.sub-menu-toggle::before {
display: inline-block;
text-rendering: auto;
-webkit-transform: rotate( 0 );
-ms-transform: rotate( 0 );
transform: rotate( 0 );
transition: transform .25s ease-in-out;
}
.sub-menu-toggle.activated::before {
-webkit-transform: rotate( 180deg );
-ms-transform: rotate( 180deg );
transform: rotate( 180deg );
}
/* Header Menu
--------------------------------------------- */
.nav-primary {
clear: left;
/* width: 100%; */
}
/* Footer Menu
--------------------------------------------- */
.nav-secondary {
margin-top: 10px;
}
.nav-secondary .genesis-nav-menu {
line-height: 1.5;
}
.nav-secondary .menu-item {
display: inline-block;
}
.nav-secondary a {
margin-left: 10px;
margin-right: 10px;
padding: 0;
}
/* Content Area
---------------------------------------------------------------------------------------------------- */
/* Entry Content
--------------------------------------------- */
.entry {
margin-bottom: 40px;
}
.entry-content ol,
.entry-content ul {
margin-bottom: 30px;
margin-left: 40px;
}
.entry-content ol:last-child,
.entry-content ul:last-child {
margin-bottom: 0px;
}
.entry-content ol > li {
list-style-type: decimal;
}
.entry-content ul > li {
list-style-type: disc;
}
.entry-content ol ol,
.entry-content ul ul {
margin-bottom: 0;
}
.entry-content code {
background-color: #f5f5f5;
}
.entry-content .caption {
/*font-size: 14px;*/
/*font-weight: 600;*/
/*text-align: center;*/
}
.content .sticky {
/*padding: 30px;*/
}
/* Entry Meta
--------------------------------------------- */
p.entry-meta {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 0;
}
.entry-header .entry-meta {
margin-bottom: 20px;
}
.entry-footer .entry-meta {
border-top: 1px solid #eee;
padding-top: 20px;
}
.entry-categories,
.entry-tags {
display: block;
}
.entry-comments-link::before {
content: "\2014";
margin: 0 6px 0 2px;
}
/* Pagination
--------------------------------------------- */
.pagination {
clear: both;
margin: 60px 0;
}
.adjacent-entry-pagination {
margin-bottom: 0;
}
.archive-pagination li {
display: inline;
}
.archive-pagination li a {
background-color: #f5f5f5;
color: #333;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 4px;
padding: 8px 12px;
text-decoration: none;
}
.archive-pagination li a:focus,
.archive-pagination li a:hover,
.archive-pagination li.active a {
background-color: #333;
color: #fff;
}
/* Entry Comments
--------------------------------------------- */
.comment-respond,
.entry-comments,
.entry-pings {
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 40px;
}
.comment-list li {
padding: 40px 0 0 30px;
}
.comment-list .depth-1 {
padding-left: 0;
}
.comment-list .bypostauthor {
}
.comment-header {
margin-bottom: 30px;
}
.comment-content {
clear: both;
}
.comment-content ul > li {
list-style-type: disc;
}
.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
width: 50%;
}
.comment-respond label {
display: block;
margin-right: 12px;
}
.comment-header p {
margin-bottom: 0;
}
.entry-pings .reply {
display: none;
}
/* Sidebar
---------------------------------------------------------------------------------------------------- */
.sidebar {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
.sidebar .widget {
margin-bottom: 40px;
}
.sidebar p {
margin-bottom: 20px;
}
/* Footer Widgets
---------------------------------------------------------------------------------------------------- */
.footer-widgets {
background-color: #fff;clear: both; padding: 60px 0;
}
.footer-widgets .wrap {
margin-left: auto;
margin-right: auto;
}
.footer-widget-area {
margin-bottom: 40px;
padding-left: 30px;
padding-right: 30px;
}
.footer-widget-area:last-child ,
.footer-widgets .widget:last-child {
margin-bottom: 0;
}
/* Site Footer
---------------------------------------------------------------------------------------------------- */
/* Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 881px) {
/* Site Header
--------------------------------------------- */
.site-header {
position: fixed;
width: 100%;
z-index: 9999;
}
/* Genesis Menu
--------------------------------------------- */
.genesis-nav-menu .menu-item {
display: inline-block;
}
.genesis-nav-menu .menu-item:focus,
.genesis-nav-menu .menu-item:hover {
position: relative;
}
.genesis-nav-menu > .menu-bold > a {
font-weight: 700;
}
.genesis-nav-menu > .menu-highlight > a {
background-color: #333;
border-radius: 3px;
color: #fff;
font-weight: 600;
margin-left: 15px;
padding-left: 20px;
padding-right: 20px;
}
.genesis-nav-menu > .menu-highlight > a:hover,
.genesis-nav-menu > .menu-highlight > a:focus {
background-color: #0073e5;
}
.genesis-responsive-menu .genesis-nav-menu .sub-menu{
width: auto ;
}
.genesis-responsive-menu .genesis-nav-menu .sub-menu,
.genesis-responsive-menu .genesis-nav-menu .sub-menu a {
max-width: 800px;
}
.genesis-nav-menu .sub-menu {
opacity: 0;
padding-left: 0;
position: absolute;
margin-top: -8px;
/* transition: opacity .4s ease-in-out; */
}
.genesis-nav-menu .sub-menu a {
}
.genesis-nav-menu .sub-menu .sub-menu {
margin: -46px 0 0 179px;
}
/* Responsive Menu
--------------------------------------------- */
.genesis-responsive-menu {
display: block;
}
.menu-toggle,
.sub-menu-toggle {
display: none;
visibility: hidden;
}
/* Header Menu
--------------------------------------------- */
.nav-primary {
clear: none;
float: right;
width: auto;
}
/* Site-Inner
--------------------------------------------- */
.site-inner {
margin-top: 70px;
max-width: 1140px;
}
/* Content
--------------------------------------------- */
.content {
float: left;
width: 65%;
}
.sidebar-content .content {
float: right;
}
.full-width-content .content,
.landing-page .content {
float: none;
margin-left: auto;
margin-right: auto;
}
/* Sidebar
--------------------------------------------- */
.sidebar {
float: right;
width: 30%;
}
.sidebar-content .sidebar {
float: left;
}
/* Author Box
--------------------------------------------- */
.author-box {
background-color: #f5f5f5;
padding: 30px;
}
/* After Entry
--------------------------------------------- */
.after-entry {
padding: 40px 60px;
}
.after-entry .enews {
padding-left: 30px;
padding-right: 30px;
}
/* Column Classes
--------------------------------------------- */
.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
float: left;
margin-left: 2.564102564102564%;
}
.one-half,
.three-sixths,
.two-fourths {
width: 48.717948717948715%;
}
.one-third,
.two-sixths {
width: 31.623931623931625%;
}
.four-sixths,
.two-thirds {
width: 65.81196581196582%;
}
.one-fourth {
width: 23.076923076923077%;
}
.three-fourths {
width: 74.35897435897436%;
}
.one-sixth {
width: 14.52991452991453%;
}
.five-sixths {
width: 82.90598290598291%;
}
.first {
clear: both;
margin-left: 0;
}
/* Entry Misc.
--------------------------------------------- */
.after-entry,
.archive-description,
.author-box,
.comment-respond,
.entry,
.entry-comments,
.entry-pings{
margin-bottom: 60px;
}
/* Footer Widgets
--------------------------------------------- */
.footer-widgets .wrap {
max-width: 1140px;
}
.footer-widget-area {
float: left;
margin-bottom: 0;
width: 33.33%; /* fallback for older browsers */
width: calc(100% / 3);
}
}
/* Print Styles
---------------------------------------------------------------------------------------------------- */
@media print {
*,
*::before,
*::after {
background: transparent !important;
box-shadow: none !important;
color: #333 !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]::after {
content: " (" attr(href) ")";
}
abbr[title]::after {
content: " (" attr(title) ")";
}
a[href^="javascript:"]::after,
a[href^="#"]::after,
.site-title > a::after {
content: "";
}
thead {
display: table-header-group;
}
img,
tr {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 2cm 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
blockquote,
pre {
border: 1px solid #999;
page-break-inside: avoid;
}
.content,
.content-sidebar {
width: 100%;
}
button,
input,
select,
textarea,
.breadcrumb,
.comment-edit-link,
.comment-form,
.comment-list .reply a,
.comment-reply-title,
.edit-link,
.entry-comments-link,
.entry-footer,
.genesis-box,
.header-widget-area,
.hidden-print,
.home-top,
.nav-primary,
.nav-secondary,
.post-edit-link,
.sidebar {
display: none !important;
}
.title-area {
text-align: center;
width: 100%;
}
.site-title > a {
margin: 0;
text-decoration: none;
text-indent: 0;
}
.site-inner {
padding-top: 0;
position: relative;
top: -100px;
}
.author-box {
margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
orphans: 3;
page-break-after: avoid;
page-break-inside: avoid;
widows: 3;
}
img {
page-break-after: avoid;
page-break-inside: avoid;
}
blockquote,
pre,
table {
page-break-inside: avoid;
}
dl,
ol,
ul {
page-break-before: avoid;
}
}
/* =================================================================================== */
/*CUSTOM CSS*/
/* Typography */
/* Chrome fix */
/* Typography */
/* Default body uses medium */
body {
background: var(--color-bg-primary);
font-family: var(--font-sans-serif);
font-weight: var(--fw-body-md);
font-size: var(--fs-body-md);
line-height: var(--lh-body-md);
letter-spacing: var(--ls-body-md);
color: var(--color-text-primary);
}
/* Optional specific classes for different sizes */
.body-xl {
font-size: var(--fs-body-xl);
line-height: var(--lh-body-xl);
font-weight: var(--fw-body-xl);
letter-spacing: var(--ls-body-xl);
}
body .has-large-font-size,
.body-lg {
font-size: var(--fs-body-lg) !important;
line-height: var(--lh-body-lg);
font-weight: var(--fw-body-lg);
letter-spacing: var(--ls-body-lg);
}
body .has-large-font-size > strong{
font-weight: 600;
}
.body-md {
font-size: var(--fs-body-md);
line-height: var(--lh-body-md);
font-weight: var(--fw-body-md);
letter-spacing: var(--ls-body-md);
}
.body-sm {
font-size: var(--fs-body-sm);
line-height: var(--lh-body-sm);
letter-spacing: var(--ls-body-sm);
}
.body-xs {
font-size: var(--fs-body-xs);
line-height: var(--lh-body-xs);
letter-spacing: var(--ls-body-xs);
}
h1 {
font-family: var(--font-serif);
font-weight: var(--fw-heading-main);
font-size: var(--fs-heading-main);
line-height: var(--lh-heading-main);
letter-spacing: var(--ls-heading-main);
color: var(--color-text-primary);
}
@media only screen and (max-width: 545px) {
h1 {
font-size: 45px;
}
}
h2 {
font-family: var(--font-serif);
font-weight: var(--fw-heading-xl);
font-size: var(--fs-heading-xl);
line-height: var(--lh-heading-xl);
letter-spacing: var(--ls-heading-xl);
color: var(--color-text-primary);
}
.heading-xl{
font-family: var(--font-serif);
font-weight: var(--fw-heading-xl);
font-size: var(--fs-heading-xl);
line-height: var(--lh-heading-xl);
letter-spacing: var(--ls-heading-xl);
}
h3 {
font-family: var(--font-serif);
font-weight: var(--fw-heading-lg);
font-size: var(--fs-heading-lg);
line-height: var(--lh-heading-lg);
letter-spacing: var(--ls-heading-lg);
color: var(--color-text-primary);
}
h4,
.heading-md {
font-family: var(--font-serif);
font-weight: var(--fw-heading-md);
font-size: var(--fs-heading-md);
line-height: var(--lh-heading-md);
letter-spacing: var(--ls-heading-md);
color: var(--color-text-primary);
}
.heading-md {
display: block;
}
h5,
.heading-sm {
font-family: var(--font-sans-serif);
font-weight: var(--fw-heading-sm);
font-size: var(--fs-heading-sm);
line-height: var(--lh-heading-sm);
letter-spacing: var(--ls-heading-sm);
color: var(--color-text-primary);
}
body h2.has-small-font-size,
body h3.has-small-font-size,
body h6,
body .heading-xs,
body .has-small-font-size{
font-family: var(--font-sans-serif);
font-weight: var(--fw-heading-xs);
font-size: var(--fs-heading-xs) !important;
line-height: var(--lh-heading-xs);
letter-spacing: var(--ls-heading-xs);
text-transform: var(--tt-heading-xs);
color: var(--color-text-primary);
}
.entry-content .has-small-font-size,
.wp-block-cover:not(.has-background) .wp-block-cover__inner-container > .has-small-font-size,
.wp-block-group:not(.has-background) .wp-block-group__inner-container > .has-small-font-size,
.wp-block-cover:not(.has-background) .wp-block-column > .has-small-font-size,
.wp-block-group:not(.has-background) .wp-block-column > .has-small-font-size{
color: var(--color-text-accent);
}
h2.has-small-font-size,
h3.has-small-font-size,
p.has-small-font-size{
margin-bottom: 16px !important;
}
.has-small-font-size + .wp-block-heading{
margin-top: 16px !important;
}
.no-margin{
margin: 0px;
}
.emphasized{
font-size: 25px;
}
.has-background p,
.has-background h1,
.has-background h2,
.has-background h3,
.has-background h4,
.has-background h5,
.has-background h6{
color: var(--color-text-inverse);
}
/* End Typography */
/* HEADER */
/* Mobile Button */
.mobile-menu-button,
.mobile-menu-button a{
outline: 0 !important;
}
.mobile-menu-button {
position: relative;
height: 35px;
width: 33px;
color: #fff;
text-align: center;
border-bottom: 0px;
float: none;
cursor: pointer;
overflow: visible;
}
.mobile-menu-button .word {
position: absolute;
top: 16px;
left: 22px;
font-weight: 600;
text-transform: uppercase;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
transition: opacity 0.2s ease-in-out;
font-family: "Poppins",sans-serif;
font-size: 12px;
letter-spacing: 1.7px;
color: #fff;
}
.burger-bar {
position: absolute;
left: 01px;
height: 3px;
width: 33px;
background: #F7F7F2;
border-radius: 2px;
display: block;
transition: all 0.2s ease-in-out;
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
top: 10px !important;
}
.custom-header:not(.unfix):not(.fixed) .burger-bar {
background-color: #F7F7F2;
}
.burger-bar:first-child {
margin-top: -10px;
}
.burger-bar:last-child {
margin-top: 10px;
}
.page-template-default.services .burger-bar {
}
.js-menu-active {
overflow: hidden
}
.js-menu-active .burger-bar:first-child {
margin-top: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.js-menu-active .burger-bar:nth-child(2) {
margin-top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.mobile-menu-button.js-menu-active .burger-bar:last-child{
opacity: 0;
}
.js-menu-active .word {
opacity: 0
}
.js-menu-active.page-template-default.services .burger-bar {
background: #fff
}
.mobile-menu-button:hover,
.mobile-menu-button.js-menu-active{
color: #fff;
}
.mobile-menu-button:hover .burger-bar,
.mobile-menu-button.js-menu-active .burger-bar{
}
.mobile-menu-button.js-menu-active .burger-bar{
background-color: #F7F7F2;
}
.mobile-menu-button:hover .burger-bar{
background-color: #ffffff;
}
button.menu-toggle,
.mobile-menu-button{
display: none;
}
/* End Mobile Button */
.title-area{
display: none;
}
/*Menu*/
.custom-header{
width: 100%;
top: 0px;
position: fixed;
/*z-index: 999;*/
z-index: 9999;
}
.custom-header .wrap:after{
content: "";
clear: both;
display: block;
}
.custom-header .logo-wrapper{
display: inline-block;
z-index: 20;
font-size: inherit;
margin-top: 0px;
}
.custom-header .logo-wrapper a{
outline: none !important;
display: block;
}
.custom-header .logo-wrapper a .img-logo{
height: 30px;
width: 229px;
display: block;
background-size: contain;
background-position: left center !important;
background-repeat: no-repeat;
transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
}
.custom-header .logo-wrapper a{
transition: .3s ;
}
.custom-header .logo-wrapper a:hover{
opacity: .85;
}
.custom-header .nav-primary{
border-bottom: 0px;
padding-bottom: 0px;
position: relative;
float: right;
border-top: 0px;
}
.custom-header .nav-primary li a{
font-size: 16px;
display: inline-block;
color: #F7F7F2;
}
.custom-header .nav-primary li.menu-button a{
font-size: 14px;
}
.mobile-only .menu-item-region li:not(.menu-button) > a{
display: flex;
flex-wrap: wrap;
gap: 5px;
}
@media only screen and (min-width: 881px) {
.custom-header .wrap{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
width: 100%;
align-items: center;
}
.genesis-nav-menu .sub-menu {
background-color: rgb(255, 255, 255);
box-shadow: 0 1rem 2rem -0.05rem rgba(0,0,0,0.05);
overflow: hidden;
}
.custom-header .nav-primary > ul > li.menu-item-has-children > a:after{
content: "";
background-image: var(--wpr-bg-c0961d47-cf58-4016-a62f-099b1b38daf6);
background-size: contain;
background-position: center center;
width: 14px; height: 7px;
margin-left: 8px;
top: -1px;
position: relative;
-webkit-transition: -webkit-transform 0.3s ease;
-moz-transition: -moz-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
}
.custom-header .nav-primary > ul > li.menu-item-has-children.active > a:after{
-webkit-transform: rotate(180deg); /* Chrome, Safari */
-moz-transform: rotate(180deg); /* Firefox */
-ms-transform: rotate(180deg); /* IE 9 */
-o-transform: rotate(180deg); /* Old Opera */
transform: rotate(180deg);
}
.custom-header .nav-primary .sub-menu li.menu-item-has-children > a:after{
content: "\f105";
font-family: 'fontawesome';
margin-left: 5px;
position: absolute;
right: 10px;
color: #9d9d9d;
}
.custom-header .genesis-nav-menu .sub-menu{
display: block !important;
}
}
/* Mobile Menu */
@media only screen and (max-width: 880px) {
.genesis-responsive-menu .wrap {
padding: 0;
}
.sub-menu-toggle {
margin-top: 6px;
outline: 0px;
}
.sub-menu .sub-menu-toggle {
right: -15px;
margin-top: 0px;
}
.sub-menu-toggle::before {
content: "\f107";
font-family: 'fontawesome';
font-size: 18px;
display: inline-block;
text-rendering: auto;
-webkit-transform: rotate( 0 );
-ms-transform: rotate( 0 );
transform: rotate( 0 );
-webkit-transition: transform .25s ease-in-out;
-ms-transition: transform .25s ease-in-out;
transition: transform .25s ease-in-out;
}
.sub-menu-toggle.activated::before {
-webkit-transform: rotate( 180deg );
-ms-transform: rotate( 180deg );
transform: rotate( 180deg );
color: #7c7c7c;
color: #F7F7F2;
}
.genesis-responsive-menu .genesis-nav-menu .menu-item {
display: block;
float: none;
position: relative;
text-align: left;
}
.genesis-responsive-menu .genesis-nav-menu .menu-item:focus,
.genesis-responsive-menu .genesis-nav-menu .menu-item:hover {
position: relative;
}
.genesis-responsive-menu .genesis-nav-menu .menu-item:not(.menu-button) a {
/* border: none; */
margin-bottom: 1px;
padding: 10px 0px;
width: 100%;
}
.genesis-responsive-menu .genesis-nav-menu .sub-menu {
border: none;
}
.genesis-responsive-menu .genesis-nav-menu .menu-item > a:focus ul.sub-menu,
.genesis-responsive-menu .genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu {
left: 0;
margin-left: 0;
}
.genesis-responsive-menu .genesis-nav-menu > .menu-item-has-children > a::after {
content: none;
}
.mobile-menu-button{
display: block;
top: 38px;right: 1rem;
position: absolute;
transition: 0.1s;
}
.mobile-menu-button.js-menu-active{
position: fixed;
}
.custom-header .mobile-menu-button,
.custom-header.fixed .mobile-menu-button{
top: 20px;
}
#genesis-nav-primary.nav-primary{
display: block;
position: fixed !important;
top: 0px; left: 0px;
background-color: #000000;
width: 100%;
height: 100%;
z-index: 20;
margin-top: 0px;
padding-left: 0px;
overflow: scroll;
pointer-events: none;
background-color: rgba(0,0,0,0.4);
backdrop-filter: blur(6px);
opacity: 0;
/*transition: backdrop-filter 0.4s ease-in-out, opacity 0.4s ease-in-out;*/
transition:
backdrop-filter 0.4s ease-in-out,
opacity 0.4s ease-in-out 0.4s;
/* -webkit-transition: background-color 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out, opacity 0.4s ease-in-out;
-moz-transition: background-color 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out, opacity 0.4s ease-in-out;
-o-transition: background-color 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out, opacity 0.4s ease-in-out;
-ms-transition: background-color 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out, opacity 0.4s ease-in-out;
*/
/* transition: transform .9s cubic-bezier(.645,.045,.355,1);
-webkit-transition: transform .9s cubic-bezier(.645,.045,.355,1);
-moz-transition: transform .9s cubic-bezier(.645,.045,.355,1);
-o-transition: transform .9s cubic-bezier(.645,.045,.355,1);
-ms-transition: transform .9s cubic-bezier(.645,.045,.355,1);
*/
/* Prevent the "Flash" during the paint cycle */
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch; /* Smooth iOS scroll */
overscroll-behavior: contain; /* Prevents scroll chaining to the body */
}
body.js-menu-active {
overflow: hidden;
position: fixed; /* Crucial for iOS Safari to prevent toolbar movement */
width: 100%;
height: 100%;
}
.js-menu-active #genesis-nav-primary.nav-primary{
background-color: rgba(0,0,0,0.4);
backdrop-filter: blur(6px);
opacity: 1;
pointer-events: initial;
display: block;
height: 100%;
transition: background-color 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
/* Exit transition */
#genesis-nav-primary > .wrap{
opacity: 0;
/*transition:none !important;*/
transition: opacity 0s 0.9s, left 0.4s ease-in !important;
}
/* Enter transition */
.js-menu-active #genesis-nav-primary > .wrap{
opacity: 1;
transition: opacity 0s 0s, left 0.9s cubic-bezier(.645,.045,.355,1) !important;
}
.js-menu-active .custom-header ~ *{
/*transition: transform 0.4s ease-in-out !important;*/
/*transform:translateX(320px) !important; */
}
#genesis-nav-primary.nav-primary .wrap {
display: table;
height: 100%; width: 100%;
}
.nav-primary #menu-main-menu{
width: 100%;
text-align: center;
position: relative;
display: block;
}
.custom-header .nav-primary .menu-button{
margin-left: 0px;
}
.nav-primary .genesis-nav-menu li .sub-menu {
background: rgba(38, 38, 38, 0.05);
border-radius: 5px;
}
.nav-primary .genesis-nav-menu li .sub-menu li{
padding: 0px;
}
.genesis-responsive-menu .genesis-nav-menu .sub-menu {
clear: both;
display: none;
margin: 0;
opacity: 1;
position: static;
width: 100%;
border-radius: 0px !important;
}
.genesis-responsive-menu .genesis-nav-menu .sub-menu .sub-menu {
margin: 0;
}
}
/* End Mobile Menu */
.unfix:not(.fixed) .burger-bar {
/*background: #212121; */
}
.unfix:not(.fixed) .mobile-menu-button .word {
color: #212121;
}
@media only screen and (min-width: 881px) {
.custom-header .main-menu{
display: none;
}
.custom-header.unfix:not(.fixed) .nav-primary li a{
/* color: red; */
}
.unfix + *{
margin-top: 90px !important;
}
#genesis-nav-primary.nav-primary .logo-wrapper {
display: none;
}
.custom-header .wrap{
padding: 0px;
padding: 0px 16px;
max-width: 100%;
}
.custom-header .mega-menu .wrap{
max-width: var(--w-max-wrap);
}
}
#genesis-nav-primary .mobile-only{
display: none;
}
@media only screen and (max-width: 880px) {
#genesis-nav-primary .desktop-only{
display: none;
}
.custom-header .mega-menu.wrap{
display: none;
}
.unfix + *{
margin-top: 64px !important;
}
#genesis-nav-primary .mobile-only{
display: block;
}
.sub-menu-toggle::before {
/* transform: scale(1.4); */
}
.sub-menu-toggle.activated::before{
/* -webkit-transform:scale(1.4) rotate( 180deg );
-ms-transform: scale(1.4) rotate( 180deg );
transform: scale(1.4) rotate( 180deg ); */
color: rgb(75, 85, 99);
}
.sub-menu-toggle:hover{
color: rgb(75, 85, 99);
}
}
/* END HEADER */
/* Common */
.flex-wrap > *,
.flex > *{
/*min-width: 0;*/
}
.owl-carousel:not(.owl-loaded){
display: block;
}
.testimonial-block .owl-carousel:not(.owl-loaded) > *:not(:first-child),
.tabbed-cards-section .owl-carousel:not(.owl-loaded) > *:not(:first-child){
display: none;
}
.wp-block-separator{
margin-top: 24px;
margin-bottom: 24px;
margin-left: auto; margin-right: auto;
border-top: 1px solid rgba(var(--color-bg-accent-rgba), 0.5) !important;
}
.wp-block-separator.fade{
margin: 0px;
position: relative;
border: 0px !important;
width: calc(100vw);
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.wp-block-separator.fade:before{
content: "";
background: linear-gradient(180deg, rgba(18, 18, 15, 0.50) 41.37%, rgba(120, 120, 100, 0.25) 246.17%);
height: 690px;
/*width: 100vw;*/
width: calc(100vw);
position: absolute;
bottom: 0px;
}
.entry-content p:empty{
margin-bottom: 0px;
}
.wp-block-separator.fade.reverse:before{
display: none;
}
.wp-block-separator.fade.reverse + *{
position: relative;
}
.wp-block-separator.fade.reverse + *:before{
content: "";
background: linear-gradient(180deg, rgba(18, 18, 15, 0.50) 41.37%, rgba(120, 120, 100, 0.25) 246.17%);
height: 690px;
max-height: 100%;
width: 100vw;
position: absolute;
top: 0px;
z-index: 0;
transform: rotate(180deg);
}
.wp-block-separator.fade.reverse + * > *{
/* needed here /brokers/ */
z-index: 2;
position: relative;
}
.home .wp-block-cover h1{
/* font-size: 3.75rem;
line-height: 1;
font-weight: 600;
margin-bottom: 10px;
margin-top: 0px;*/
color: #ffffff;
filter: drop-shadow(rgba(0, 0, 0, 0.9) 0px 3px 3px);
}
.home .wp-block-cover h1 + p{
font-size: 1.25rem;
line-height: 1.75rem;
font-style: italic;
color: #ffffff;
filter: drop-shadow(rgba(0, 0, 0, 0.9) 0px 1px 1px);
font-weight: 600;
}
@media (max-width: 880px) {
/* body:not(.templated) .content-sidebar-wrap h2:not(.tw){
font-size: 1.5rem;
line-height: 2rem;
}
body:not(.templated) .content-sidebar-wrap h3:not(.tw){
font-size: 1.25rem;
line-height: 1.75rem;
}*/
.home .wp-block-cover h1{
/* font-size: 2.25rem;
line-height: 2.5rem;*/
}
}
.single-tribe_events .tribe-events-single-event-title{
margin-bottom: 20px;
}
.entry-content ul{
margin-left: 40px;
}
.entry-content strong{
/*font-weight: 600;*/
}
.entry-content ul li{
}
.entry-content *:last-child{
margin-bottom: 0px !important;
}
/* body:not(.custom):not(.single-listing) .site-inner .entry-content .wrap .wp-block-group:first-child, */
body .site-inner .entry-content .wrap > section:first-child,
body .site-inner .entry-content .wrap > .wp-block-group:not(.has-background) + .wp-block-group:not(.has-background),
body .site-inner .entry-content .wrap > .floating-sidebar:first-child + .wp-block-group,
body .site-inner .entry-content .wrap > .floating-sidebar:first-child + section{
padding-top: 0px !important;
}
body .site-inner .content section:last-child,
body .site-inner .entry-content .wrap > .wp-block-group:not(.has-background):last-child,
body .site-inner .entry-content .wrap > .wp-block-group ~ .wp-block-group:not(.has-background):last-child,
body .site-inner .entry-content .wrap > section:last-child{
padding-bottom: 0px;
}
.large-wrap{
max-width: 968px;
margin: 0 auto;
}
body.custom .site-inner > .wrap{
max-width: 100%;
padding: 0px;
}
.wrap{
margin: 0 auto;
}
.narrow-wrap{
margin-left: auto;
margin-right: auto;
/* max-width: 1020px; */
max-width: 928px;
/* used on location detail page */
}
.intro-wrap{
max-width: 954px;
margin: 0 auto;
}
.intro-wrap h2{
max-width: 750px;
margin: 0 auto;
}
.dockright{
margin: 0;
margin-left: auto;
}
.dockleft{
margin: 0;
margin-right: auto;
}
@media only screen and (max-width: 880px) {
.dockright,
.dockleft{
margin: unset;
max-width: unset !important;
}
}
/* Site Container */
.site-container,
.site-footer{
overflow: hidden;
}
/* Site Inner */
body.custom .site-inner{
max-width: 100%;
}
.site-inner{
padding: 100px 0;
margin-top: 0px;
}
body .site-inner{
padding: 0px;
}
body.custom .site-inner{
padding: 0px;
}
body .site-container *:last-child{
margin-bottom: 0 !important;
}
/* Content Sidebar */
body .content-sidebar-wrap{
}
body.home .content-sidebar-wrap{
padding-top: 0px !important;
}
body.home .unfix + *{
margin-top: 0px !important;
}
body:not(.page) .content-sidebar-wrap:after{
content: "";
clear: both;
display: block;
}
body.custom .content-sidebar-wrap{
padding: 0px;
}
/* Entry content */
.content-sidebar-wrap .entry{
margin-bottom: 0px;
}
.content-sidebar-wrap .entry *:last-child{
margin-bottom: 0px;
}
.post-edit-link{
display: none;
}
/* Wrap */
.wrap,
.site-inner{
max-width: 1280px;
}
.wrap{
padding-left: 1rem;
padding-right: 1rem;
}
body.custom:not(.templated) .content-sidebar-wrap .entry-content > .wrap{
padding: 0px !important;
}
body.custom .content-sidebar-wrap .wrap .wrap{
padding-left: 20px;
padding-right: 20px;
}
body.custom .content-sidebar-wrap .entry-content > .wrap{
max-width: 100%;
}
/* Wrap descendants */
/* Sectioned Blocks */
.full-width-content .content,
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .entry-content .woocommerce{
max-width: 100%;
width: 100%;
}
.site-inner .content section:first-child,
.site-inner .content .wp-block-group:first-child{
background-position: center;
background-size: cover;
}
@media (max-width: 1023px) {
body:not(.templated) .entry-contet > .wrap >
body:not(.templated) .site-inner .content .wp-block-columns:not(.custom-block){
/*Disable mobile stacking on custom blocks*/
/*flex-direction: column;*/
}
body:not(.templated) .site-inner .meeting-search .wp-block-columns{
flex-direction: initial;
}
}
.site-container .full-width-bg:last-child{
padding-bottom: 4rem !important;
margin-bottom: -4rem !important;
}
.site-container .full-width-bg:first-child{
padding-top: 4rem !important;
margin-top: -4rem !important;
}
@media only screen and (max-width: 767px) {
.entry-content > .wrap > .wp-block-group.has-background:last-child{
margin-bottom: -2rem !important;
}
/*body:not(.templated) .content-sidebar-wrap{*/
body:not(.templated):not(.tax-region) .content-sidebar-wrap{
padding-top: 2rem;
padding-bottom: 2rem;
}
.site-container .full-width-bg:last-child{
padding-bottom: 2rem !important;
margin-bottom: -2rem !important;
}
.site-container .full-width-bg:first-child{
padding-top: 2rem !important;
margin-top: -2rem !important;
}
}
/* ===============================
Section Padding & Margins
================================ */
/*paosan*/
/*body:not(.templated) .site-inner .content .wp-block-group,
.site-footer,
.post-footer{
padding: 2rem 0;
}
@media (min-width: 768px) {
body:not(.templated) .site-inner .content .wp-block-group,
.site-footer,
.post-footer{
padding-top: 4rem;
padding-bottom: 4rem;
}
}
@media (min-width: 768px) {
body:not(.templated) .site-inner .content .wp-block-columns.has-background{
padding: 4rem;
}
}
*/
.site-footer,
.site-inner .content .wp-block-group,
#pre-footer .widget_block,
body .wp-block-cover:not(.tw),
.section-py {
padding-top: 100px;
padding-bottom: 100px;
}
.site-footer{
padding-bottom: 20px;
}
.section-pt { padding-top: 100px; }
.section-pb { padding-bottom: 100px; }
.section-my {
margin-top: 100px !important;
margin-bottom: 100px !important;
}
.section-mt { margin-top: 100px !important; }
.section-mb { margin-bottom: 100px !important; }
.wp-block-spacer{
height: 100px !important;
}
.wp-block-spacer.half{
height: 50px !important;
}
.wp-block-group > .wp-block-group__inner-container > .wp-block-columns:not(:last-child){
margin-bottom: 100px;
}
@media only screen and (max-width: 880px) {
.wp-block-spacer{
height: 60px !important;
}
.wp-block-spacer.half{
height: 30px !important;
}
.wp-block-group > .wp-block-group__inner-container > .wp-block-columns:not(:last-child){
margin-bottom: 60px;
}
.site-inner,
.site-inner .content .wp-block-group,
#pre-footer .widget_block,
body .wp-block-cover:not(.tw),
.section-py {
padding-top: 60px;
padding-bottom: 60px;
}
.section-pt { padding-top: 60px; }
.section-pb { padding-bottom: 60px; }
.section-my {
margin-top: 60px !important;
margin-bottom: 60px !important;
}
.section-mt { margin-top: 60px !important; }
.section-mb { margin-bottom: 60px !important; }
}
/* ===============================
Small (sm)
================================ */
.section-py-sm {
padding-top: 10px;
padding-bottom: 10px;
}
.section-pt-sm { padding-top: 10px; }
.section-pb-sm { padding-bottom: 10px; }
/* ===============================
Half
================================ */
.section-py-half {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.section-pt-half { padding-top: 50px !important; }
.section-pb-half { padding-bottom: 50px !important; }
.section-my-half {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.section-mt-half { margin-top: 50px !important; }
.section-mb-half { margin-bottom: 50px !important; }
@media only screen and (max-width: 880px) {
.section-py-half {
padding-top: 25px !important;
padding-bottom: 25px !important;
}
.section-pt-half { padding-top: 25px !important; }
.section-pb-half { padding-bottom: 25px !important; }
.section-my-half {
margin-top: 25px !important;
margin-bottom: 25px !important;
}
.section-mt-half { margin-top: 25px !important; }
.section-mb-half { margin-bottom: 25px !important; }
}
/* ===============================
Medium (md)
================================ */
.section-py-md {
padding-top: 50px;
padding-bottom: 50px;
}
.section-pt-md { padding-top: 50px; }
.section-pb-md { padding-bottom: 50px; }
.section-my-md {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.float-wrap { margin-top: -50px; }
.float-wrap > *,
.section-mt-md {
margin-top: 50px !important;
}
.section-mb-md { margin-bottom: 50px !important; }
@media only screen and (max-width: 880px) {
.section-py-md {
padding-top: 40px;
padding-bottom: 40px;
}
.section-pt-md { padding-top: 40px; }
.section-pb-md { padding-bottom: 40px; }
.section-my-md {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.float-wrap {
margin-top: 0;
display: flex;
flex-wrap: wrap;
}
.float-wrap > * {
margin-top: 0 !important;
}
.section-mt-md { margin-top: 40px !important; }
.two-col .col,
.section-mb-md {
margin-bottom: 40px !important;
}
}
/* ===============================
Large (lg)
================================ */
.section-py-lg {
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 880px) {
.section-py-lg {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
}
.section-my-lg {
margin-top: 70px !important;
margin-bottom: 70px !important;
}
@media only screen and (max-width: 880px) {
.section-my-lg {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
}
/* ===============================
Zero spacing
================================ */
.section-p-0 { padding: 0 !important; }
.section-pt-0 { padding-top: 0 !important; }
.section-pb-0 { padding-bottom: 0 !important; }
body:not(.home) .container.section-pb-0 + .container {
padding-top: 50px;
}
body.custom .content-sidebar-wrap .entry{
margin-bottom: 0px;
}
.mt-0,
.wp-block-heading + .mt-0{
margin-top: 0px !important;
}
/* ===============================
END Global Padding & Margins
================================ */
/* Custom Offset */
.entry-content > .wrap > .wp-block-cover:last-child{
margin-bottom: -100px !important;
}
@media only screen and (max-width: 880px){
.entry-content > .wrap > .wp-block-cover:last-child{
margin-bottom: -50px !important;
}
}
body:not(.custom) .entry-content .wrap > section:last-child{
padding-bottom: 0px;
}
.wp-block-group{
width: 100%;
}
.entry-content > .wrap > .custom-html-block{
width: calc(100vw);
position: relative;
left: 50%;
right: 50%;
margin-left: calc(-50vw);
margin-right: calc(-50vw);
}
/*body .site-container,
.wp-block-group:not(.has-background){*/
body .site-container{
background: var(--color-bg-primary);
}
.wp-block-group .wp-block-group__inner-container{
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 1315px) {
.wp-block-group{
width: calc(100vw - 14px);
position: relative;
left: 50%;
right: 50%;
margin-left: calc(-50vw + 7px);
margin-right: calc(-50vw + 7px);
}
.wp-block-group .wp-block-group__inner-container{
max-width: 1280px;
padding: 0 1rem;
}
}
@media only screen and (max-width: 1314px) {
.wp-block-group.has-background{
position: relative;
}
/* .wp-block-group.has-background:before{
content: "";
display: block;
position: absolute;
width: 1rem;
height: 100%;
background: inherit;
left: -1rem;
top: 0px;
}
.wp-block-group.has-background:after{
content: "";
display: block;
position: absolute;
width: 1rem;
height: 100%;
background: inherit;
right: -1rem;
top: 0px;
} */
/*Has sticky body*/
/*3ple nothing changed, but check*/
.wp-block-group{
width: calc(100vw);
position: relative;
left: 50%;
right: 50%;
margin-left: calc(-50vw);
margin-right: calc(-50vw);
}
.wp-block-group:not(.meeting-search):not(.page-nav-wrapper){
overflow: hidden;
}
.wp-block-group:not(.meeting-search).has-background{
overflow: visible;
}
.wp-block-group .wp-block-group__inner-container{
max-width: 1280px;
padding: 0 1rem;
}
.fancybox-container #contact-us{
overflow: visible;
}
}
/*3ple*/
@media only screen and (max-width: 1314px) {
body .custom-header{
padding: 0px !important;
}
/*.wrap,*/
.site-inner .wrap,
.site-footer,
.custom-header{
width: calc(100vw) !important;
left: 50% !important;
right: 50% !important;
margin-left: calc(-50vw) !important;
margin-right: calc(-50vw) !important;
}
.site-inner .wrap,
.site-footer{
position: relative;
}
/*.*/
/* to be moved */
body .docked-cta{
width: calc(100vw);
left: 50%;
right: 50%;
margin-left: calc(-50vw);
margin-right: calc(-50vw);
padding-left: 10px !important;
padding-right: 10px !important;
}
.docked-cta > .flex{
gap: 0px;
}
.archive .wrap .mx-auto,
.blog .wrap .mx-auto,
.single-post .wrap .mx-auto{
padding: 0px;
}
}
/*end 3ple*/
/* End Custom Wrap */
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0{
opacity: 0 !important;
}
/*END Custom Offset*/
.custom .post-edit-link{
display: none;
}
.custom-header .nav-primary li{
background: none !important;
}
body .custom-header .mega-menu.wrap nav > ul > li:not(.menu-button) > a:hover,
body .custom-header .mega-menu.wrap nav > ul > li:not(.menu-button) > a span:hover,
.custom-header .nav-primary li.btn a:hover{
text-decoration: none !important;
}
/* Button Stylings */
/* Primary */
.btn:not(.dropdown-toggle),
.wp-block-button a{
display: flex;
width: max-content;
padding: 16px 24px;
justify-content: center;
align-items: center;
border-radius: var(--radius-sm, 4px);
background: linear-gradient(90deg, rgba(111, 92, 56, 0.20) 0%, rgba(78, 60, 28, 0.20) 100%);
color: var(--color-text-primary);
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14px;
letter-spacing: 0.233em;
text-transform: uppercase;
}
.btn:not(.dropdown-toggle):hover,
.wp-block-button a:hover{
background: linear-gradient(90deg, rgba(111, 92, 56, 0.20) 0%, rgba(78, 60, 28, 0.80) 100%);
}
@media (max-width: 880px) {
.btn:not(.dropdown-toggle),
.wp-block-button a{
height: 40px;
}
.site-footer .post-footer .btn{
height: 48px;
}
}
/* Primary Buttons */
/*.btn,*/
.pseudo-button,
.wpcf7 .btn,
.wpcf7 .button,
input[type="submit"],
.btn:not(.dropdown-toggle),
.wp-block-button a,
li.menu-button > a{
color: #F7F7F2;
/* paopaosan */
font-style: normal;
font-weight: 500;
font-weight: 400;
font-size: 12px; /* 12px to 14px */
font-size: clamp(0.667rem, 1vw, 14px); /* 12px to 14px */
line-height: 14px;
letter-spacing: 0.2em;
text-transform: uppercase;
transition-duration: .15s;
transition-property: transform;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
/*padding: 0;*/
/*padding: 0 !important;*/
padding: 11px 24px;
line-height: inherit;
border-radius: 4px !important;
position: relative;
overflow: hidden !important;
bordeR: none !important;
/* border: 1.5px solid transparent; */
transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
will-change: transform; /* Performance boost for your PC */
}
input[type="submit"]{
display: inline-block;
-webkit-appearance: none;
appearance: none;
}
/*Additionals*/
.social-media-links a,
.fancybox-container .contact-details > a{
transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
will-change: transform; /* Performance boost for your PC */
}
.fancybox-container .contact-details > a{
overflow: hidden;
}
.fancybox-button:active,
a.rounded-full:active,
.social-media-links a:active,
.fancybox-container .contact-details > a:active,
/*Additionals*/
.pseudo-button:active,
.wpcf7 .btn:not(.dropdown-toggle):active,
.wpcf7 .button:active,
input[type="submit"]:active,
.btn:not(.dropdown-toggle):active,
.wp-block-button a:active,
li.menu-button > a:active{
transform: scale(0.95);
transition: transform 0.05s linear;
}
/* 3. The "Pop Out" Animation (Optional for extra character) */
/* If you want a more complex 'pop', apply this class on click via JS */
.btn-pop-anim {
animation: apple-spring 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
@keyframes apple-spring {
0% { transform: scale(0.95); }
50% { transform: scale(1.03); } /* The "Overshoot" pop */
100% { transform: scale(1); }
}
.pseudo-button{
padding: 0px;
}
.pseudo-button span,
.wpcf7 .btn:not(.dropdown-toggle) span,
.wpcf7 .button span,
input[type="submit"] span,
.btn:not(.dropdown-toggle) span,
.wp-block-button a span,
li.menu-button > a span{
z-index: 1;
position: relative;
/*padding: 11px 24px; */
/*moved padding from anchor*/
}
input[type="submit"]{
/*padding: 11px 24px !important; */
/*moved padding from anchor*/
}
@media only screen and (min-width: 881px){
/* .custom-header .mega-menu.wrap nav > ul > li.menu-button > a span{
padding: 13px 16px;
}*/
/*moved padding from anchor*/
}
/* On Active / Focus */
/* Ensure the parent span is the container */
.pseudo-button button,
.wpcf7 .btn:not(.dropdown-toggle) span,
.wpcf7 .button span,
input[type="submit"] span,
.btn:not(.dropdown-toggle) span,
.wp-block-button a span,
li.menu-button > a span {
position: relative;
}
/* The dynamic ripple element */
.ripple-circle {
position: absolute;
background: rgba(255, 255, 255, 0.4);
width: 10px;
height: 10px;
margin-top: -5px; /* Offset by half-width to center on cursor */
margin-left: -5px;
border-radius: 100%;
pointer-events: none;
transform: scale(0);
opacity: 0;
z-index: 2222;
}
/* The Animation Trigger */
.ripple-circle.is-active {
animation: ripple-effect 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes ripple-effect {
0% {
transform: scale(0);
opacity: 0.5;
}
100% {
transform: scale(40); /* Adjust based on button size */
opacity: 0;
}
}
/* 4. Your Animation Keyframes */
/*@keyframes ripple {
0% {
transform: scale(0, 0);
opacity: 0.5;
}
100% {
transform: scale(40, 40);
}
}
*/
/*==================================*/
.pseudo-button:before,
.wpcf7 .btn:not(.dropdown-toggle):before,
.wpcf7 .button:before,
input[type="submit"]:before,
.btn:not(.dropdown-toggle):before,
.wp-block-button a:before,
li.menu-button > a:before{
content: "";
width: 100%; height: 100%;
top: 0px; left: 0px;
background: var(--btn-gradient-primary);
display: flex;
position: absolute;
}
.pseudo-button *:not(.ripple-circle){
background: transparent !important;
}
.pseudo-button:after,
.wpcf7 .btn:not(.dropdown-toggle):after,
.wpcf7 .button:after,
input[type="submit"]:after,
.btn:not(.dropdown-toggle):after,
.wp-block-button a:after,
li.menu-button > a:after{
content: "";
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: var(--btn-gradient-primary-hover);
display: flex;
position: absolute;
opacity: 0;
transition: .4s ease-in-out;
-webkit-transition: .4s ease-in-out;
-moz-transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
-ms-transition: .4s ease-in-out;
}
.pseudo-button:hover:after,
.wpcf7 .btn:hover:after,
.wpcf7 .button:hover:after,
input[type="submit"]:hover:after,
.btn:not(.dropdown-toggle):hover:after,
.wp-block-button a:hover:after,
li.menu-button > a:hover:after{
opacity: 1;
}
.pseudo-button:before,
.pseudo-button:after{
z-index: 0;
}
.pseudo-button{
overflow: hidden;
border-radius: 4px;
display: flex;
align-items: center;
}
.pseudo-button{
justify-content: center;
}
.pseudo-button input,
.pseudo-button button{
position: relative;
z-index: 10;
}
/* Outline */
.menu-item.outline a,
.wp-block-button.is-style-outline.gradient a,
#hero-section .btn.outline{
position: relative;
}
.menu-item.outline a,
.menu-button.outline a,
.pseudo-button.outline,
.btn.outline:not(.dropdown-toggle),
.wp-block-button.is-style-outline a,
#hero-section .btn.outline{
padding: 0px !important;
}
.menu-item.outline a span,
.menu-button.outline a span,
.pseudo-button.outline span,
.btn.outline:not(.dropdown-toggle) span,
.wp-block-button.is-style-outline a span,
#hero-section .btn.outline span{
padding: 11px 24px;
}
.pseudo-button.outline,
.btn.outline:not(.dropdown-toggle),
.wp-block-button.is-style-outline a,
li.menu-button.outline > a{
background: var( --btn-gradient-primary);
position: relative;
}
.pseudo-button.outline.gradient,
.btn.outline.gradient :not(.dropdown-toggle),
.wp-block-button.is-style-outline.gradient a,
li.menu-button.outline.gradient > a{
background: var( --btn-gradient-prismatic);
border: 0px !important;
}
.pseudo-button.outline:not(.gradient):hover,
.btn.outline:not(.dropdown-toggle):not(.gradient):hover,
.wp-block-button.is-style-outline:not(.gradient) a:hover,
li.menu-button.outline:not(.gradient) > a:hover{
/* 1. Clear any background color that might be spilling out */
background: transparent !important;
background-image: none !important;
/* 2. Clear any outer borders that are causing the expanding look */
border-color: transparent !important;
/* 3. Force the 2px effect strictly INSIDE the current dimensions */
box-shadow: inset 0 0 0 1px var(--btn-fill-primary) !important;
}
.pseudo-button.outline:before,
.btn.outline:not(.dropdown-toggle):before,
.wp-block-button.is-style-outline a:before,
li.menu-button.outline > a:before{
z-index: unset;
width: calc(100% - 3px);
height: calc(100% - 3px);
left: 1.5px;
top: 1.5px;
border: 0px !important;
border-radius: 2px;
background: var(--color-bg-primary);
/* background : red; */
}
.pseudo-button.outline span,
.btn.outline:not(.dropdown-toggle) span,
.wp-block-button.is-style-outline a span,
li.menu-button.outline > a span{
z-index: 1;
width: 100%;
/* height: 100%; */
}
.pseudo-button.outline span:before,
.btn.outline:not(.dropdown-toggle) span:before,
.wp-block-button.is-style-outline a span:before,
li.menu-button.outline > a span:before{
content: "";
width: 100%;
height: 100%;
width: calc(100% - 3px);
height: calc(100% - 3px);
left: 1.5px;
top: 1.5px;
position: absolute;
background: var(--gradient-light);
z-index: -1;
}
/*.pseudo-button:hover,*/
.btn:not(.dropdown-toggle).gradient:hover,
.wp-block-buttons .wp-block-button.gradient a:hover{
/*transform: scaleX(1.05) scaleY(1.05);*/
/*transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);*/
will-change: transform;
}
.has-background .menu-item.outline a:not(:hover):not(:focus) span,
.has-background .wp-block-button.is-style-outline.gradient a:not(:hover):not(:focus) span,
.has-background #hero-section .btn.outline:not(:hover):not(:focus) span{
color: #12120F !important;
}
.has-background .pseudo-button:before,
.has-background .wpcf7 .btn:before,
.has-background .wpcf7 .button:before,
.has-background input[type="submit"]:before,
.has-background .btn:not(.dropdown-toggle):before,
.has-background .wp-block-button a:before,
.has-background li.menu-button > a:before,
.has-background .menu-item.outline a:before{
/*only needed by outlined version*/
/*background: #EDEAE3; */
/*Prevents sub-pixel/decimal pixel artifacts*/
/* width: calc(100% - 4px);
height: calc(100% - 4px);
left: 2px;
top: 2px; */
}
/*moved here intead*/
.has-background .wp-block-button.is-style-outline.gradient a:before{
background: #EDEAE3;
/*Prevents sub-pixel/decimal pixel artifacts*/
width: calc(100% - 4px);
height: calc(100% - 4px);
left: 2px;
top: 2px;
}
.has-background .wp-block-button a:after{
/*background: transparent;*/
}
.has-background .wp-block-button a{
background: : transparent;
}
.has-background .pseudo-button.outline span:before,
.has-background .btn.outline:not(.dropdown-toggle) span:before,
.has-background .wp-block-button.is-style-outline a span:before,
.has-background li.menu-button.outline > a span:before{
background: transparent;
}
.pseudo-button.outline:hover:before,
.btn.outline:not(.dropdown-toggle):hover:before,
.wp-block-button.is-style-outline a:hover:before,
li.menu-button.outline > a:hover:before{
opacity: 0;
}
/*Animated buttons (in white background)*/
.has-background .wp-block-button.is-style-outline a:hover{
/* background: linear-gradient(90deg, #D2AF6B 0%, #4E3C1C 100%); */
/* background: linear-gradient(90deg, #6F5C38 0%, #d4ba79 25%, #6F5C38 50%, #d4ba79 75%, #6F5C38 100%); */
background: linear-gradient(90deg, #d4ba79 0%, #6F5C38 25%, #d4ba79 50%, #6F5C38 75%, #d4ba79 100%);
background-size: 200% 100%;
/*animation: loading-smooth 3s linear infinite;*/
animation: loading-smooth 9s linear infinite;
opacity: 1;
}
.has-background .wp-block-button.is-style-outline a:hover span{
background: linear-gradient(90deg, #6F5C38 0%, var(--color-text-inverse) 25%, #6F5C38 50%, var(--color-text-inverse) 75%, #6F5C38 100%);
background-size: 200% 100%;
animation: loading-smooth 3s linear infinite;
opacity: 1;
-webkit-background-clip: text;
background-clip: text;
display: inline-block;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent !important;
color: transparent !important;
/* color: var(--color-text-inverse); */
}
/* . */
.wp-block-button a span i{
font-style: normal;
}
/* Shared base styles for both flare orbs */
.has-background .wp-block-button.is-style-outline a span i:before,
.has-background .wp-block-button.is-style-outline a span i:after {
content: "";
position: absolute;
width: 40px;
height: 40px;
background: radial-gradient(
circle,
rgba(255, 255, 255, 1) 0%,
rgba(255, 255, 255, 0.4) 30%,
transparent 70%
);
offset-path: rect(-10px calc(100% + 20px) calc(100% + 10px) -20px round 12px);
offset-anchor: 50% 50%;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s;
}
/* POLE 1: The Blue Flare (After) */
.has-background .wp-block-button.is-style-outline a:hover:not(:focus) span i:after {
opacity: 1;
/* Standard 3s loop */
animation: travel 3s linear infinite;
}
/* POLE 2: The Red Flare (Before) */
.has-background .wp-block-button.is-style-outline a:hover:not(:focus) span i:before {
opacity: 1;
/* Negative delay of exactly HALF the duration (1.5s) */
animation: travel 3s linear -1.5s infinite;
}
@keyframes travel {
from { offset-distance: 0%; }
to { offset-distance: 100%; }
}
/* . */
/* Disable flare */
.has-background .wp-block-button.is-style-outline a:hover:not(:focus) span i:before,
.has-background .wp-block-button.is-style-outline a:hover:not(:focus) span i:after{
display: none !important;
}
/* focus changed to hover*/
.has-background .wp-block-button.is-style-outline a span,
.has-background .wp-block-button.is-style-outline a:before{
transition: .4s ease-in-out;
-webkit-transition: .4s ease-in-out;
-moz-transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
-ms-transition: .4s ease-in-out;
}
.has-background .wp-block-button.is-style-outline a:hover:before{
opacity: 1 !important;
}
.has-background .wp-block-button.is-style-outline a:hover:after{
opacity: 0;
}
.has-background .wp-block-button.is-style-outline a:hover{
background: var(--btn-gradient-primary-hover) !important;
background: var(--btn-gradient-prismatic) !important;
color: #ffffff !important;
}
.has-background .wp-block-button.is-style-outline a:focus{
color: inherit;
}
.has-background .wp-block-button.is-style-outline a:hover:before{
background: transparent;
}
.has-background .wp-block-button.is-style-outline a:hover span{
color: #ffffff !important;
background-clip: initial !important;
-webkit-background-clip: initial !important;
-webkit-text-fill-color: initial !important;
background: none !important;
}
.has-background .wp-block-button.is-style-outline a:hover span:before{
display: none;
}
/* end focus changed to hover*/
/*Grouped Buttons*/
.wp-block-buttons{
gap: 1rem;
}
.wp-block-button a{
display: inline-flex;
column-gap: .5rem;
}
.btn-wrap{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
justify-content: center;
gap: 15px;
}
/* Button Icon */
.wp-block-button.icon a:before{
content: "";
width: 24px; height: 24px;
display: inline-block;
background-repeat: none;
background-position: center center;
}
.wp-block-button.icon.icon-headshot a:before{
background-image: var(--wpr-bg-eba0932e-cb89-4387-93a9-8a040db18a67);
}
.wp-block-button.icon.icon-search a:before{
background-imagE: var(--wpr-bg-32d240a2-d152-48a0-b419-6ac689363a79);
}
.flex-wrap.vertical-center{
align-items: center;
}
ul.flex-wrap{
margin: 0px;
}
ul.flex-wrap li{
list-style: none;
display: block;
overflow-wrap: unset;
/*width: 20%;*/
}
@media only screen and (min-width: 881px){
.float-wrap:after{
content: "";
clear: both;
display: block;
}
.float-wrap > *{
float: left;
}
.float-wrap > *:nth-child(2n+2){
float: right;
}
}
@media only screen and (min-width: 881px){
.flex-wrap.reverse{
flex-direction: row-reverse;
}
}
ul.vertical-list li{
list-style-type: none !important;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
@media only screen and (min-width: 501px) {
ul.vertical-list {
column-count: 2;
gap: 60px !important;
padding: 0px !important;
}
ul.vertical-list li{
padding-left: 22px;
}
ul.vertical-list li:before{
left: 0px !important;
}
}
.featured-img{
aspect-ratio: 12 / 7;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #797979;
}
.full-width-bg{
position: relative;
}
.full-width-bg:before{
content: "";
width: 10000px;
height: 100%;
background-color: inherit;
position: absolute;
top: 0px;
left: -10000px;
pointer-events: none;
}
.full-width-bg:after{
content: "";
width: 10000px;
height: 100%;
background-color: inherit;
position: absolute;
top: 0px;
left: 100%;
pointer-events: none;
}
.bg-grey{
background-color: #F2F4F3;
}
.two-col .col{
width: 50%;
}
@media only screen and (min-width: 881px){
.two-col {
margin-left: -25px;
margin-right: -25px;
}
.two-col .col{
padding: 0 25px;
}
.two-col.flex-wrap .col{
max-width: 570px;
}
.two-col.flex-wrap .col:first-child{
margin-right: auto;
}
.two-col.flex-wrap .col:first-child + .col{
margin-left: auto;
}
}
@media only screen and (max-width: 880px){
.two-col .col{
width: 100%;
}
.two-col .col.custom-width{
width: 100% !important;
}
.width-offset{
margin-right: 0px !important;
}
}
/* Image Text */
.image-text .image-wrap{
/*text-align: center;*/
}
.two-col .col .image-wrap img{
width: 100%;
max-width: 397px;
}
@media only screen and (max-width: 880px) and (min-width: 550px){
.image-text {
padding-left: 300px;
margin-left: -12.5px;
margin-right: -12.5px;
}
.image-text .col{
padding-left: 12.5px;
padding-right: 12.5px;
}
.image-text.reverse .col:last-child{
position: absolute;
left: 0px;
}
.image-text.reverse .col:last-child{
width: 300px;
}
.image-text.reverse .col:first-child{
width: 100%;
}
}
@media only screen and (max-width: 880px){
.two-col .col img{
/* max-width: 100% !important; */
}
.two-col .col .narrow-wrap{
max-width: unset !important;
}
}
@media only screen and (max-width: 700px) and (min-width: 550px){
.image-text {
padding-left: 200px;
}
.image-text.reverse .col:last-child{
width: 200px;
}
.image-text .col{
margin-bottom: 0px !important;
}
}
@media only screen and (max-width: 650px){
.image-text .image-wrap{
max-width: 266px;
margin: 0 auto;
}
}
@media only screen and (max-width: 549px){
.two-col .col .image-wrap{
max-width: 350px !important;
margin: 0 auto;
}
}
@media only screen and (max-width: 549px){
.two-col .col .image-wrap{
max-width: 266px !important;
margin: 0 auto;
}
.image-text .image-wrap{
max-width: 266px !important;
margin: 0 auto;
}
}
/* END Image Text */
/* Animations */
.anim-zoom{
position:relative;
z-index: 1;
-webkit-transition: -webkit-transform .5s cubic-bezier(.68,-.55,.265,1.55);
transition: -webkit-transform .5s cubic-bezier(.68,-.55,.265,1.55);
transition: transform .5s cubic-bezier(.68,-.55,.265,1.55);
transition: transform .5s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .5s cubic-bezier(.68,-.55,.265,1.55);
}
.anim-zoom:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.anim-homing{
}
/* End Animations */
/* List */
.entry-content ol{
padding-left: calc(16px + .375rem);
}
ul.wp-block-list,
.excerpt ul,
.entry-content ul{
padding-left: calc(16px + .375rem);
margin-left: 0px;
list-style-type: none !important;
}
.entry-content ol li{
margin-bottom: 1em;
}
.entry-content ul li{
margin-bottom: 1em;
/* font-size: 1.125rem;
line-height: 1.75rem; */
}
ul.wp-block-list li,
.excerpt ul li,
.entry-content ul li{
list-style-type: none;
position: relative;
}
ul.wp-block-list li:not(:first-child),
.excerpt ul li:not(:first-child){
margin-top: 10px;
}
.faq-item li:before,
ul.wp-block-list li:before,
.excerpt ul li:before{
content: "";
position: absolute;
left: calc(-16px - .375rem); top: 8px;
color: #282828;
width: 13px;
height: 10.9px;
background-image: var(--wpr-bg-a5f7847d-f606-4ac4-8bc3-7ec82eeb1ac0);
background-size: contain;
background-repeat: no-repeat;
}
.has-black-background-color + .wp-block-cover__inner-container ul li:before{
color: #e3dbce;
}
.wp-block-cover__inner-container ul li{
text-align: center;
}
/* END List */
/* Re-order */
@media only screen and (max-width: 880px) {
.fancybox-slide{
padding: 0px;
}
.fancybox-slide--video .fancybox-content{
width: 100% !important;
max-width: unset;
max-height: unset;
padding-bottom: 56.25% !important;
}
}
/* END Re-order */
section.bg-gray-100:not(.border-b) + section.bg-gray-100,
.bg-transparent:not(.border-b) + .bg-transparent{
padding-top: 0px;
}
/* End Common */
/* Contact Form */
.btn-group.form-control{
position: relative;
}
.form-control .btn.dropdown-toggle{
display: flex !important;
display: -webkit-flex !important;
justify-content: center !important;
align-items: center !important;
}
.wpcf7 .bootstrap-select .btn,
form .wpcf7-form-control-wrap input,
form .form-control input{
display: block;
height: 48px;
}
.bootstrap-select ~ .wpcf7-form-control-wrap input{
display: none;
}
.gform_wrapper .ginput_container > *:not([type="submit"]),
.gform_wrapper .btn span,
.wpcf7 .wpcf7-form-control:not([type="submit"]),
.wpcf7 .bootstrap-select .btn span{
color: #000000;
font-weight: 100;
line-height: 1;
border: 0px;
font-weight: 400;
}
.bootstrap-select .btn .caret{
border: 0px;
}
.has-black-background-color + * .gform_wrapper .ginput_container > *:not([type="submit"]),
.has-black-background-color + *.gform_wrapper .btn span,
.has-black-background-color + * .wpcf7 .wpcf7-form-control:not([type="submit"]),
.has-black-background-color + * .wpcf7 .bootstrap-select .btn span{
color: inherit;
}
.wpcf7 .col > br{
display: none;
}
.gform_wrapper .gfield_label{
font-weight: 700 !important;
color: #91B3B5;
}
.gform_wrapper textarea{
}
/* END Hidden field + bootstrap-select */
.wpcf7 .two-col{
margin-left: -15px;
margin-right: -15px;
}
.wpcf7 .two-col .col{
padding: 0 15px;
}
/* Form select */
.gform_wrapper .bootstrap-select .btn,
.wpcf7 .bootstrap-select .btn{
/*padding-right: 40px !important;*/
}
.bootstrap-select {
border-radius: 5px !important !important;
}
.gform_wrapper .bootstrap-select .btn,
.wpcf7 .bootstrap-select .btn{
background-color:#EDEAE3;
position: relative;
text-transform: none;
border-radius: 5px;
}
.gform_wrapper .bootstrap-select .btn{
text-transform: none;
}
/* Green Select */
.bootstrap-select.green .btn{
background-color: #0B3840;
}
.bootstrap-select.green .btn span{
color: #ffffff;
}
.bootstrap-select.green .caret:before{
color: #fff;
}
/* End Green Select */
.gform_footer{
text-align: center;
}
.gform_wrapper input[type="submit"],
.wpcf7 input[type="submit"]{
width: auto;
/*line-height: inherit !important;*/
}
.gform_wrapper .btn-wrap,
.wpcf7 .btn-wrap{
margin-top: 0px;
position: relative;
}
.wpcf7-form .wpcf7-not-valid-tip{
font-size: 16px;
font-weight: 600;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
top: 50%;
right: 0px;
width: 27px;
margin: 0px !important;
display: flex;
align-items: center;
justify-content: center;
}
.gform_wrapper .caret,
.gform_wrapper .ginput_container .caret,
.wpcf7 .form-control .caret{
border: none;
}
.bootstrap-select .caret:before,
.gform_wrapper .caret:before,
.wpcf7 .caret:before{
content: "\f107";
font-family: 'fontawesome';
position: absolute;
/* top: 50%; right: 0px; */
display: inline-block;
line-height: 20px;
font-size: 20px;
color: #a4a4a4;
}
.bootstrap-select .caret:before,
.gform_wrapper .caret:before,
.wpcf7 .caret:before{
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='8' viewBox='0 0 15 8' fill='none'%3E%3Cpath d='M13.616 0.228605C13.9326 -0.0762017 14.4459 -0.0762017 14.7626 0.228605C15.0791 0.53342 15.0792 1.02751 14.7626 1.3323L8.07331 7.77159C7.77647 8.05726 7.30693 8.0749 6.98852 7.8249L6.92674 7.77159L0.23748 1.3323C-0.0791601 1.02749 -0.0791601 0.53342 0.23748 0.228605C0.554129 -0.0762017 1.06738 -0.0762017 1.38403 0.228605L7.49998 6.11604L13.616 0.228605Z' fill='%2312120F'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 15px; height: 8px;
margin-top: -4px;
position: absolute;
top: 0px; right: 0px;
display: inline-block;
line-height: 20px;
font-size: 20px;
color: #a4a4a4;
transition-duration: .15s;
transition-property: transform;
transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.bootstrap-select .dropdown-menu.inner li{
margin-bottom: 0px;
color: #000000;
}
.bootstrap-select .dropdown-menu.inner a{
border: 0px !important;
outline: none !important;
font-size: 18px;
padding-left: .75rem;
padding-right: .75rem;
padding-bottom: .5rem;
padding-top: .5rem;
}
.bootstrap-select .dropdown-menu.inner .selected a{
padding-right: 2.25rem;
}
.bootstrap-select > select{
display: none !important;
}
.bootstrap-select .dropdown-toggle:focus{
outline: none !important;
}
/* Contact Form Status */
div.wpcf7-response-output {
border: none !important;
margin-left: 0px !important;
margin-right: 0px !important;
text-align: center;
font-size: 16px;
line-height: 1.5;
padding: 10px !important;
width: 100%;
}
div.wpcf7-mail-sent-ok {
background: #caf5b8;
border: none !important;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
background: #fdc3c3;
border: none !important;
}
div.wpcf7-spam-blocked {
background: #ffebc6;
border: none !important;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
background: #fffaac;
border: none !important;
}
.wpcf7-form h4{
margin-top: 0px;
margin-bottom: 30px;
font-size: 17px;
font-weight: 800;
}
.wpcf7-form .wpcf7-not-valid-tip{
display: inline;
text-transform: none;
color: #e2686c;
}
.wpcf7-form:not(.invalid) .wpcf7-not-valid-tip{
display: none !important;
}
.wpcf7-form.invalid .wpcf7-not-valid{
/* border-color: #e4474a !important; */
border: 1.5px solid rgba(169, 50, 52, 0.7) !important;
}
.grecaptcha-badge{
display: none !important;
}
/*Thuds*/
.invalid .wpcf7-response-output{
/* Apply the animation */
animation: expand-and-settle 0.45s ease-out forwards;
}
@keyframes expand-and-settle {
0% {
opacity: 0;
transform: scale(0.8) translateY(-20px);
}
50% {
opacity: 1;
transform: scale(1.05) translateY(0); /* Slightly larger */
}
75% {
transform: scale(1) translateY(5px); /* The "drop" below original axis */
}
100% {
transform: scale(1) translateY(0); /* Back to original position */
}
}
/* New Status message */
.wpcf7-form.invalid .wpcf7-response-output{
background: rgba(243, 209, 209, 0.6);
color: #8f3333;
border: 1.5px solid rgba(169, 50, 52, 0.7) !important;
border-radius: 4px;
}
.site-footer .wpcf7-form.invalid .wpcf7-response-output{
background: none;
border: 0px !important;
border-radius: 4px;
text-align: left;
padding: 0px !important;
}
.site-footer .wpcf7-form.invalid .wpcf7-response-output{
color: #f2f2f2;
}
.wpcf7-form.sent .wpcf7-response-output{
background: #e8f5d9;
color: #638f33;
border: 2px solid #d1e3bd !important;
}
.wpcf7-form .wpcf7-not-valid-tip{
margin-top: 10px !important;
display: block;
}
/* END Contact Form Status */
/* GForms Misc */
.gform_wrapper .ginput_container > *:not([type="submit"]):not(.validation_message){
border: 2px solid transparent;
}
.gform_wrapper .ginput_container > *:not([type="submit"]):not(.validation_message):focus{
border-color: #282828 !important;
}
.gform_wrapper,
.gform_wrapper .gform_anchor,
.gform_wrapper form,
.gform_wrapper ul.gform_fields,
.gform_wrapper form > div.validation_error {
border: 0px !important;
}
.gform_wrapper .gform_anchor{
visibility: hidden;
}
/* END GForms Misc */
/* Form fields */
.wpcf7-form input{
border-color: #e8e8e8;
}
.wpcf7-form input:focus{
border-color: #000000;
}
input, select, textarea{
padding: 5px;
}
.wpcf7-form textarea{
height: 96px;
margin-bottom: -5px;
}
.mc4wp-checkbox input[type="checkbox"]{
margin-right: 10px !important;
margin-left: 2px;
box-shadow: none !important;
position: relative;
top: 2.5px;
-ms-transform: scale(1.5); /* IE */
-moz-transform: scale(1.5); /* FF */
-webkit-transform: scale(1.5); /* Safari and Chrome */
-o-transform: scale(1.5); /* Opera */
padding: 10px;
}
.wpcf7-recaptcha{
margin-top: 30px;
margin-bottom: 30px;
}
.entry-content .gform_wrapper{
margin: 0px;
max-width: unset;
}
.wp-block-group__inner-container .gform_wrapper{
max-width: 1226px;
margin-left: auto;
margin-right: auto;
}
.gform_body .ginput_container > *{
width: 100% !important;
}
.entry-content .gform_wrapper .gfield_label{
margin-top: 0px ;
font-style: normal;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.entry-content .gform_wrapper .top_label .gfield_label:empty{
display: none;
}
.entry-content .gform_wrapper .top_label .gfield_label .gfield_required{
color: #282828;
margin-left: 0px;
}
@media only screen and (min-width: 641px){
.entry-content .gform_wrapper textarea{
height: 350px !important;
}
}
.survey-form_wrapper .gform_footer{
text-align: center;
}
.site-container a:not([class]):focus{
outline: none;
}
.site-container .gform_confirmation_wrapper {
text-align: center;
margin-top: 60px;
}
.ginput_recaptcha{
text-align: center;
}
.ginput_recaptcha ~ .validation_message{
text-align: center;
}
/*.*/
form.wpcf7-form .row{
}
form.wpcf7-form .row .col{
position: relative;
width: 100%;
}
/* Custom Form */
.wpcf7 .field-wrap{
position: relative;
}
.wpcf7 textarea,
.wpcf7 .wpcf7-form-control-wrap textarea.wpcf7-form-control,
.wpcf7 .bootstrap-select button,
.wpcf7 input:not([type=submit]):not([type=button]):not([type=checkbox]){
border-radius: 4px;
border: 1px solid transparent;
background: #EDEAE3;
padding: 12px 16px;
/*padding: 12px 16px !important;*/
line-height: 1.5;
transition: all 0.2s ease-in-out !important;
}
.wpcf7 textarea:active,
.wpcf7 textarea:focus,
.site-container .wpcf7 textarea.wpcf7-form-control:active,
.site-container .wpcf7 textarea.wpcf7-form-control:focus,
.wpcf7 .bootstrap-select.open button,
.wpcf7 input:not([type=submit]):not([type=button]):not([type=checkbox]):active,
.wpcf7 input:not([type=submit]):not([type=button]):not([type=checkbox]):focus{
/*border: 1px solid rgb(62 62 62) !important;*/
/*border: 1px solid #0b5d48 !important;*/
/*border: 2px solid var(--color-bg-accent) !important;*/
border: 1px solid var(--color-bg-accent) !important;
background-color: #ffffff !important;
}
.site-footer .wpcf7 textarea:active,
.site-footer .wpcf7 textarea:focus,
.site-footer .site-container .wpcf7 textarea.wpcf7-form-control:active,
.site-footer .site-container .wpcf7 textarea.wpcf7-form-control:focus,
.site-footer .wpcf7 .bootstrap-select.open button,
.site-footer .wpcf7 input:not([type=submit]):not([type=button]):not([type=checkbox]):active,
.site-footer .wpcf7 input:not([type=submit]):not([type=button]):not([type=checkbox]):focus{
border: 1px solid var(--color-text-accent) !important;
}
.wpcf7 .field-wrap br{
display: none;
}
/*.wpcf7 .field-wrap label.required:after{*/
.wpcf7 .invalid .field-wrap label.required:after{
content: "*";
color: #CF2027;
}
.wpcf7-form {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
row-gap: 1.5rem;
}
.wpcf7-form .row{
flex: 100%;
margin: 0px !important;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
gap: 16px;
}
.wpcf7-form .row .col{
padding: 0px !important;
margin: 0px !important;
flex-grow: 1;
flex: 1;
}
.wpcf7-form .row ~ .field-wrap{
margin: 0px !important;
width: 100%;
}
.wpcf7-form label{
font-weight: 500;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
[data-name="terms"] .wpcf7-list-item{
margin: 0px;
}
[data-name="terms"] .wpcf7-list-item input{
display: inline-block;
line-height: 1 !important;
cursor: pointer;
}
[data-name="terms"] .wpcf7-list-item input + span{
display: none;
}
.cb-label{
font-size: .875rem;
line-height: 1.25rem;
display: inline;
cursor: pointer;
}
.cb-label br{
display: none !important;
}
.wpcf7-form input[type="submit"]{
width: 100%;
}
.wpcf7-form label a{
color: rgb(136, 114, 68);
}
.wpcf7-form label a:hover{
text-decoration: underline;
}
.wpcf7-form .submit-wrap{
width: max-content;
overflow: hidden;
}
.submit-wrap{
position: relative;
}
.submit-wrap .wpcf7-spinner{
display: none;
}
.wpcf7-not-valid-tip{
display: none !important;
}
.wpcf7 form .wpcf7-response-output{
margin: 0px !important;
}
/* END Custom Form */
/* Bootstrap Select custom */
.bootstrap-select{
width: 100% !important;
position: relative;
}
.bootstrap-select > .btn > .filter-option {
white-space: nowrap; /* Don't break to a new line */
overflow: hidden; /* Hide overflowing content */
text-overflow: ellipsis; /* Show "..." at the end */
padding-right: 20px;
}
.bootstrap-select.btn-group .dropdown-toggle > .bs-caret{
position: relative;
}
.bootstrap-select > .btn > .filter-option > .text-muted{
display: none;
}
.bootstrap-select .dropdown-menu{
max-width: 100%;
}
.bootstrap-select .dropdown-menu li .text{
white-space: normal;
font-size: .875rem;
line-height: 1.25rem;
/* font-size scales but never goes below 16px */
font-size: var(--fs-body-md-ui);
/* line-height scales with font size but minimum 1.5 */
line-height: 1.5;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.bootstrap-select.btn-group .dropdown-menu li a span.text small{
display: block;
padding: 0px;
color: rgb(107 114 128);
font-size: .75rem;
line-height: 1rem;
}
.bootstrap-select.open .caret:before{
transform: rotate(180deg);
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
margin-top: -8px;
}
.bootstrap-select .dropdown-menu.inner li.selected a{
font-weight: 600;
}
.bootstrap-select .dropdown-menu.inner li.selected a .text-muted{
font-weight: 300;
}
.bootstrap-select .dropdown-menu.inner li.selected a{
}
.bootstrap-select.btn-group .dropdown-menu li.selected a span.check-mark{
display: block;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{
position: absolute;
z-index: 1;
right: 16px;
top: 50%; margin-top: -10px;
display: none;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{
margin-top: -10px;
}
/*.bootstrap-select.btn-group .dropdown-menu li a span.check-mark:before{*/
.bootstrap-select.btn-group .dropdown-menu li a:not([aria-disabled="true"]) span.check-mark:before {
/* content: "\f00c"; */
content: '';
background: var(--wpr-bg-7b3aa900-8db9-4579-af93-e23ed408c77d);
width: 20px; height: 20px;
display: block;
background-size: contain;
z-index: 1;
}
.bootstrap-select.btn-group .dropdown-menu li:hover a span.check-mark:before{
background: var(--wpr-bg-36c1590e-394e-4b3b-964a-b0cb9979f165);
}
/* END Bootstrap Select custom */
/* End Contact Form */
/* PRE-FOOTER */
/* END PRE-FOOTER */
/* FOOTER */
.main-footer h3,
.main-footer .widget-title{
font-size: 22px;
line-height: 35px;
color: #ffffff;
margin-bottom: 10px;
}
.footer-widgets{
background-color: #212121;
color: #FBF7ED;
padding-top: 80px;
padding-bottom: 0px;
}
.footer-widgets .wrap{
padding-right: 480px;
}
.footer-widgets .footer-widget-area{
float: left;
padding: 0px;
margin-bottom: 0px;
}
.footer-widgets .footer-widgets-1{
width: 100%;
}
.footer-widgets .footer-widgets-2{
width: 170px;
float: left;
}
.footer-widgets .footer-widgets-2{
width: 47%;
padding-left: 25px;
}
.footer-widgets .footer-widgets-1 .row{
padding-left: 112px;
margin: 0px;
position: relative;
}
.footer-widgets .footer-widgets-1 .left{
position: absolute;
left: 0px;
top: 0px;
}
.footer-widgets .svg-footer-logo{
width: 92px; height: 92px;
background-image: var(--wpr-bg-cb027462-7193-4ef7-843f-582667b99f89);
}
.footer-widgets .social-media-icons{
margin-left: -10px;
margin-right: -10px;
}
.footer-widgets .social-media-icons li{
margin: 0 10px;
}
.footer-widgets .footer-widgets-2 .widget{
max-width: 405px;
text-align: left;
float: right;
}
.footer-widgets .footer-widgets-2 .widget ul{
font-size: 14px;
column-count: 2;
column-gap: 0;
}
.footer-widgets .footer-widgets-2 .widget ul li{
margin-bottom: 5px;
}
.footer-widgets .widget-title{
font-size: 24px;
font-weight: 350;
line-height: 1.2;
margin-bottom: 25px;
color: #FBF7ED;
}
@media only screen and (max-width: 880px){
.footer-widgets{
padding-top: 50px;
}
.footer-widgets .footer-widget-area{
width: 100%;
padding: 0px;
margin-bottom: 50px;
}
.footer-widgets .footer-widgets-1 .row{
padding-left: 0px;
text-align: center;
}
.footer-widgets .left{
position: relative !important;
}
.footer-widgets .social-media-icons{
justify-content: center;
}
.footer-widgets .svg-footer-logo{
margin: 0 auto;
margin-bottom: 25px !important;
}
.footer-widgets .footer-widget-area .widget{
max-width: 600px !important;
float: unset;
margin: 0 auto;
}
.footer-widgets .footer-widgets-2 *{
text-align: center !important;
}
.footer-widgets .footer-widgets-2 .widget ul li{
font-size: 12px;
}
}
@media only screen and (max-width: 550px){
.footer-widgets .footer-widgets-2 .widget ul {
column-count: unset;
column-gap: unset;
}
}
#footer-bottom .textwidget > br{
display: none;
}
.site-footer{
background-color:#ba7b47;
color: #000000;
text-align: left;
line-height: 23px;
}
.site-footer hr{
border-top: 2px solid #8f8c87;
margin: 40px 0;
}
.site-footer .left .red{
color: #91B3B5;
}
.site-footer a{
text-decoration: unset;
}
.site-footer a:hover{
color: #000000;
text-decoration: underline;
}
.site-footer .left .divider{
margin: 0 9px;
}
.site-footer .left{
float: left;
}
.site-footer .right{
float: right;
}
#footer-bottom p{
font-size: 14px;
line-height: 25px;
/* text-align: center; */
}
.site-footer .svg-yello{
font-size: 0px;
width: 60px;
height: 23px;
display: inline-block;
/*background-image: url("../../../../../../../themes/genesis-sample/images/yello_cream 1.svg");*/
background-image: var(--wpr-bg-7b1408fc-8874-4e99-a4cd-40ab76c06336);
background-size: 100%;
margin-left: 10px;
position: relative;
top: 50%;
transform: translateY(-65%);
background-repeat: no-repeat;
}
.site-footer #scroll-to-top{
width: 50px; height: 50px;
display: inline-block;
position: fixed;
bottom: 30px;
right: 25px;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center center;
border-radius: 100% !important;
cursor: pointer;
text-align: center;
opacity: 0;
box-shadow: 0 0 20px -10px rgba(0,0,0,0.5);
transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
z-index: 50;
display: none;
}
.site-footer #scroll-to-top i{
color: #949494;
line-height: 50px;
transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
}
.site-footer #scroll-to-top:hover i{
color: #151515;
}
.site-footer #scroll-to-top:hover{
background-color: #fff1bb;
}
.site-footer #scroll-to-top.visible{
/*opacity: 1;*/
}
/* Alternating Sections */
ul.check-list{
margin-left: 0px;
}
ul.check-list li{
list-style: none;
padding-left: 35px;
margin-bottom: 28px;
font-size: 25px;
color: #414042;
position: relative;
line-height: 1.3;
}
li.icon-check:before{
content: "";
display: block;
width: 20px; height: 20px;
background-position: center center;
background-repeat: no-repeat;
background-image: var(--wpr-bg-6494333c-62bc-4a52-9caf-1f01ff26c52c);
position: absolute;
left: 0px;
top: 4px;
}
ul.check-list li span{
display: block;
font-size: 20px;
color: #7a7c7f;
margin-top: 4px;
line-height: 1.4;
}
.alternating-sections{
padding-top: 50px;
/*max-width: 1195px;*/
width: 100%;
margin: 0 auto;
}
.alternating-sections .content{
z-index: 100;
}
.alternating-sections .content .inner-wrap{
/* max-width: 655px; */
}
.alternating-sections .content h2 span,
.alternating-sections .content h3 span{
font-weight: inherit !important;
}
.alternating-sections .cta-wrap{
margin-top: 25px;
}
@media only screen and (min-width: 1285px){
#hero-section.with-image ~ .site-inner .alternating-sections{
/*margin-top: 60px !important;*/
}
}
@media only screen and (max-width: 880px){
.alternating-sections .content{
/* padding: 30px; */
}
.alternating-sections .content .inner-wrap{
/* max-width: 700px; */
margin: 0 auto;
}
}
.alternating-sections:not(.is-vertical-align){
padding-top: 0px;
}
.alternating-sections .entry{
/* background-color: #ffffff; */
margin-bottom: 90px;
padding-bottom: 0px !important;
}
.home .alternating-sections .entry:not(:last-child){
padding-bottom: 90px;
}
.home .alternating-sections .entry:last-child{
padding-bottom: 60px;
}
.alternating-sections .entry.empty{
display: none;
}
.alternating-sections .entry .wrap{
padding: 0px;
max-width: 100%;
}
.alternating-sections .entry:nth-child(even){
/* background-color: #fffcf7; */
}
.alternating-sections .entry .image-wrap {
background-image: none !important;
overflow: hidden;
position: relative;
}
.alternating-sections .entry .image img{
/* display: none; */
position: absolute; top: 0px; left: 0px;
object-fit: cover;
width: 100%; height: 100%;
}
.alternating-sections .content .blurb{
margin-bottom: 35px;
}
.alternating-sections .image {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
align-items: center;
}
.alternating-sections:not(.is-vertical-align) .image {
align-items: baseline;
}
.alternating-sections .image .image-wrap{
width: 100%;
/* height: 100%; */
height: 100%;
/* padding-top: 56.42%; */
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
display: block;
background-color: #f6f6f6;
}
.alternating-sections .entry h2{
/* max-width: 600px; */
}
.alternating-sections .entry .wrap > .inner-wrap{
z-index: 2;
position: relative;
}
@media only screen and (min-width: 1001px){
.alternating-sections .section{
position: relative;
}
.alternating-sections .inner-wrap .image,
.alternating-sections .inner-wrap .content {
max-width: 566px;
}
/* Normal */
.alternating-sections .entry .wrap > .inner-wrap{
padding-left: 600px;
position: relative;
min-height: 323px;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
align-items: flex-start;
}
.alternating-sections .entry:nth-child(even) .wrap > .inner-wrap{
padding-left: 0px;
padding-right: 600px;
z-index: 2;
}
.alternating-sections .entry:nth-child(odd) .content > .inner-wrap{
/* margin-left: auto; */
/* margin-right: 0; */
/* margin-left: 20px; */
/* padding-left: 15px; */
padding-right: 0px;
/* padding-left: 30px; */
}
.alternating-sections .entry:nth-child(even) .content > .inner-wrap{
padding-right: 0px;
}
.alternating-sections .image{
width: 566px;
/*height: 323px;*/
height: 100%;
position: absolute;
left: 0px;
}
.alternating-sections.with-subscript .image{
top: -20px;
}
.alternating-sections .entry:nth-child(even) .image{
left: initial;
right: 0px;
}
.alternating-sections .image.wider{
width: 530px;
}
/* END Normal */
/* Reverse */
.alternating-sections.reverse .entry:not(.full) .wrap > .inner-wrap{
padding-left: 0px;
padding-right: 509px;
z-index: 2;
}
.alternating-sections.reverse .entry:not(.full):nth-child(even) .wrap > .inner-wrap{
padding-right: 0px;
padding-left: 509px;
position: relative;
min-height: 333px;
}
.alternating-sections.reverse .entry:not(.full):nth-child(even) .content > .inner-wrap{
margin-left: auto;
margin-right: 0;
padding-left: 15px;
padding-right: 0px;
}
.alternating-sections.reverse .entry:not(.full):nth-child(odd) .content > .inner-wrap{
margin-right: auto;
margin-left: 0;
padding-left: 15px;
padding-right: 0px;
}
.alternating-sections.reverse .image{
width: 489px;
height: 100%;
position: absolute;
left: initial;
right: 0px; top: 0px;
}
.alternating-sections.reverse .entry:nth-child(even) .image{
right: initial;
left: 0px; top: 0px;
}
/* End Reverse */
.alternating-sections .entry:last-child .wrap > .inner-wrap{
/* min-height: 430px !important; */
}
.alternating-sections .entry:last-child{
}
.alternating-sections .entry.d-custom-padding:last-child{
padding-bottom: 0px;
}
.alternating-sections .d-custom-margin.image{
margin-top: 30px;
}
.alternating-sections .image{
/* min-height: 747px; */
z-index: 1;
}
.alternating-sections .section .wrap{
max-width: unset;
padding: 0px;
min-height: 475px;
position: relative;
padding: 0px !important;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
align-items: center;
}
.alternating-sections h2.custom-one-line{
margin-right: -90px;
}
.alternating-sections .content > .inner-wrap{
/* max-width: 660px; */
padding-right: 15px;
}
.alternating-sections .wrap:after{
content: "";
clear: both;
display: block;
}
}
@media only screen and (max-width: 1218px) and (min-width: 1001px){
.alternating-sections .entry:nth-child(odd) .content > .inner-wrap{
padding-left: 20px;
}
.alternating-sections .entry:nth-child(even) .content > .inner-wrap{
padding-right: 20px;
}
}
@media only screen and (max-width: 1000px){
.alternating-sections .entry{
padding-bottom: 0px;
padding-top: 0px;
margin-bottom: 50px;
}
.alternating-sections .entry .image,
.alternating-sections .entry .image{
/* margin-bottom: 30px; */
}
.alternating-sections .entry .image .image-wrap{
/* background: none !important; */
padding-top: 60%;
/* max-width: 489px; */
margin: 0 auto;
background-position: center center;
}
}
@media only screen and (max-width: 1260px) and (min-width: 1001px){
.alternating-sections .entry .wrap > .inner-wrap{
padding-left: 50%;
}
.alternating-sections .entry:nth-child(even) .wrap > .inner-wrap{
padding-right: 50%;
padding-left: 0px;
}
.alternating-sections .content > .inner-wrap{
padding-right: 30px;
}
}
.alternating-sections .image{
width: 50%;
}
}
@media only screen and (max-width: 1000px){
.alternating-sections{
padding-top: 0px;
}
.alternating-sections .entry .image, .alternating-sections .entry .image{
width: 100%;
margin-bottom: 25px;
}
}
@media only screen and (max-width: 880px){
.alternating-sections .entry .image .image-wrap{
padding-top: 0px;
width: 100%;
padding-top: 70%;
}
.alternating-sections{
padding-top: 0px;
}
}
.alternating-sections .entry.full .wrap > .inner-wrap{
padding: 0px;
}
@media only screen and (max-width: 880px){
.alternating-sections .content .blurb{
margin-bottom: 25px;
}
}
.btn-container{
text-align: center;
}
.btn-container .btn{
margin: 10px;
margin-bottom: 0px;
min-width: 210px;
}
/* END ALTERNATING SECTIONS */
/* Blog Listings */
.ajax-map-wrap #misha_filters .bootstrap-select .btn {
border-bottom: 0px !important;
}
body.page-id-213 #hero-section .wrap,
body.page-id-213 .site-inner {
max-width: 1185px;
width: 100%;
}
.blog-listings{
position: relative;
}
.blog-listings .filter-wrap .btn span{
font-size: 20px;
line-height: 1.3;
}
.blog-listings .emphasized-wrap{
position: relative;
margin-bottom: 70px;
width: 100%;
}
.blog-listings ~ .blog-listings{
margin-top: 70px;
}
.blog-listings h3{
}
@media only screen and (min-width: 981px){
.blog-listings:first-child .emphasized-wrap .blog-entry:first-child h3{
font-size: 35px;
line-height: 1.3;
}
}
.blog-listings:first-child .blog-entry:first-child h3{
margin-bottom: 20px;
}
.blog-listings:first-child .blog-entry:not(:first-child) h3,
.blog-listings ~ .blog-listings .blog-entry h3{
/* .blog-listings .emphasized-wrap .blog-entry:first-child + .blog-entry h3{ */
/*font-size: 24px;*/
/*line-height: 32px;*/
}
.blog-listings .featured-img{
/* margin-bottom: 38px; */
display: block;
position: relative;
padding-top: 0px;
overflow: hidden;
}
.blog-listings .featured-img .img{
background-color: #e1e1e1;
width: 100%; height: 100%;
display: block;
padding-top: 56.25%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
-webkit-transition: all 1s ease-in-out!important;
transition: all 1s ease-in-out!important;
}
.blog-listings .blog-entry .featured-img:after {
content:"";
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.2);
position: absolute;
top: 0px; left: 0px;
-webkit-transition: all 1s ease-in-out!important;
transition: all 1s ease-in-out!important;
opacity: 0;
}
.blog-listings .blog-entry:hover .featured-img:after {
opacity: 1;
}
.blog-listings .blog-entry:hover .featured-img .img{
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: center center;
transform-origin: center center;
}
.blog-listings .flex-wrap > .blog-entry .featured-img,
.blog-listings .flex-wrap > .blog-entry .blog-listings .post-meta{
margin-bottom: 20px;
}
.blog-listings .post-meta{
/*font-size: 16px;*/
margin-bottom: 13px;
}
.blog-listings .post-meta a{
text-decoration: none;
/*pointer-events: none;*/
}
.blog-listings .post-meta{
line-height: 1.3;
}
.blog-listings .post-meta span{
color: #FF493B;
/* display: block; */
}
.blog-listings .excerpt{
display: none;
}
.blog-listings:first-child .blog-entry:first-child .excerpt{
display: block;
}
.blog-listings .post-meta .categories *:not(:first-child):before{
content: ",";
color: #0B3840;
margin-right: 5px;
}
.blog-listings .post-meta span:not(:first-child):before{
content: "\2022";
margin: 0 5px;
color: #0B3840;
}
.home .blog-listings .post-meta span:not(:first-child):before{
color: #FBF7ED;
}
.blog-listings h3 a{
text-decoration: none;
}
.blog-listings h3 a,
.blog-listings h3 ~ a{
}
.blog-listings h3 a:hover{
text-decoration: underline;
}
.blog-listings .blog-wrap .flex-wrap{
column-gap: 44px;
}
.blog-listings .blog-entry{
}
.blog-wrap{
min-height: 100px;
}
.blog-listings ~ .blog-listings .emphasized-wrap{
position: relative;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
justify-content: space-between;
column-gap: 44px;
}
@media only screen and (min-width: 1201px){
.blog-wrap{
position: relative;
}
.blog-wrap #misha_filters,
.blog-listings:first-child .filter-wrap{
position: absolute;
top: 0px;
right: 0px;
width: 100%;
}
.single .blog-listings .blog-entry,
.blog-listings ~ .blog-listings .blog-entry,
.blog-listings:first-child .flex-wrap > .blog-entry{
flex: 1;
}
.blog-listings:first-child .emphasized-wrap .blog-entry:first-child + .blog-entry{
position: absolute;
top: 0px;
right: 0px;
padding-top: 100px;
padding-left: 0px;
padding-right: 0px;
}
.blog-wrap #misha_filters{
max-width: 256px;
}
.blog-listings:first-child .filter-wrap,
.blog-listings:first-child .emphasized-wrap .blog-entry:first-child + .blog-entry{
max-width: 404px;
width: 100%;
}
.blog-listings:first-child .emphasized-wrap{
padding-right: 445px; /* +25px padding */
width: 100%;
}
.blog-listings .flex-wrap > .blog-entry .featured-img,
.blog-listings .flex-wrap > .blog-entry .blog-listings .post-meta,
.blog-listings .emphasized-wrap .blog-entry:first-child + .blog-entry .featured-img,
.blog-listings ~ .blog-listings .emphasized-wrap .blog-entry .featured-img{
margin-bottom: 35px;
}
.blog-listings .post-meta{
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1200px){
.blog-listings .emphasized-wrap{
position: relative;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.blog-listings ~ .blog-listings,
.blog-listings:not(.owl-carousel) .blog-entry{
width: 100%;
}
.blog-listings .emphasized-wrap,
.blog-listings .blog-wrap .flex-wrap{
gap: 44px;
}
.blog-listings ~ .blog-listings{
margin-top: 44px;
}
.blog-listings .blog-entry{
flex: 1;
}
.blog-listings .emphasized-wrap{
margin-bottom: 0px;
}
.blog-listings .filter-wrap{
margin-bottom: 40px;
}
.blog-listings .emphasized-wrap .blog-entry .featured-img{
margin-bottom: 20px;
}
#misha_filters{
margin-bottom: 20px;
}
}
@media only screen and (max-width: 880px){
.blog-listings .blog-entry{
flex: 100%;
}
.blog-listings .featured-img{
margin-bottom: 15px !important;
}
.blog-listings .post-meta,
.blog-listings h3,
.blog-listings p{
margin-bottom: 10px;
}
}
.blog-entry{
transition: .4s ease-in-out;
-webkit-transition: .4s ease-in-out;
-moz-transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
-ms-transition: .4s ease-in-out;
}
.blog-entry.fadeOut{
opacity: 0;
position: relative;
}
/* END Blog Listings */
/* Blog Single */
.single .entry-header .post-meta{
text-align: center;
}
.single.single-post #hero-section{
padding: 0px !important;
}
.single h1{
margin-bottom: 0px;
}
.single-post .entry-content .wrap{
max-width: 1100px;
margin: 0 auto;
}
.social-share-icons{
padding-left: 0px !important;
width: 58px;
margin-top: -17px;
}
.social-share-icons li{
line-height: 26px;
letter-spacing: 0em;
text-align: left;
text-align: center;
margin-top: 17px;
color: #2E2E3A;
}
.social-share-icons li:before{
display: none;
}
.social-share-icons li a:before{
content: "";
display: block;
width: 30px; height: 30px;
background-position: center center;
background-repeat: no-repeat;
margin: 0 auto;
}
.social-share-icons li a:hover:before{
opacity: 0.8;
}
.social-share-icons li a:before{
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.social-share-icons li a.icon-email:before{
background-image: var(--wpr-bg-8ea81f91-309b-427d-9a9e-1405b0beb765);
width: 26.67px;
height: 21.33px;
}
.social-share-icons li a.icon-facebook:before{
background-image: var(--wpr-bg-95462725-5f5a-4281-83ca-a61e331927ba);
width:: 14.67px;
height: 26.67px ;
}
.social-share-icons li a.icon-linkedin:before{
background-image: var(--wpr-bg-fd0ebb95-d528-4e65-94be-1dbb58461db8);
width: 26.67px;
height: 25.33px;
}
.social-share-icons li a.icon-link:before{
background-image: var(--wpr-bg-57b47218-3573-46cb-9c49-78bd1e20a9fb);
width: 26.52px;
height: 26.49px;
}
.social-share-icons li a.icon-twitter:before{
background-image: var(--wpr-bg-b171c9a6-e889-4949-aa65-76d2f910a715);
width: 29.33px;
height: 23.92px;
}
body.single .social-share-wrap {
position: absolute;
top: 0px; left: 0px;
height:100%;
}
body.single .social-share-icons {
position: -webkit-sticky; /* Safari */
position: sticky;
top: 110px;
left: 0px;
}
body.single-post .site-container{
/* overflow: visible; */
}
body.single-post .content .inner-wrap{
padding-left: 103px;
position: relative;
}
body.single .content .blog-listings .inner-wrap{
padding: 0px;
}
body.single-post .content .entry-content .inner-wrap{
min-height: 270px;
}
body.single .post-meta .categories *:not(:first-child):before{
content: ",";
color: #2E2E3A;
margin-right: 5px;
}
body.single .post-meta > *:not(:first-child):before{
content: "\2022";
margin: 0 15px;
color: #9c9c9f;
}
body.single .post-meta a{
text-decoration: none;
pointer-events: none;
}
body.single .entry-title + .post-meta span {
/* color: #0B3840; */
}
body.single .entry-header{
}
.single-post .featured-img{
/*margin-bottom: 90px;*/
}
body.single-post .entry-header{
margin-bottom: 50px;
}
body.single-post .featured-img{
margin-bottom: 0px;
}
@media only screen and (max-width: 880px){
.single-post .featured-img{
/*margin-bottom: 30px;*/
}
body.single.single-post h1{
/* font-size: 30px; */
/* line-height: 1.2 !important; */
}
body.single-post .entry-header{
margin-bottom: 35px;
}
body.single .entry-content > .wrap{
/* padding-left: 90px; */
}
}
@media only screen and (max-width: 560px){
body.single-post .content .inner-wrap{
padding-left: 0px;
}
body.single .social-share-wrap,
.social-share-wrap .social-share-icons{
position: relative;
top: 0px;
}
.social-share-wrap .social-share-icons{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
width: 100%;
margin-left: -4px;
margin-right: -4px;
padding-bottom: 30px;
margin-top: -6px;
}
.social-share-wrap .social-share-icons li{
display: inline-block;
width: auto;
padding: 0 4px;
margin-top: 5px;
}
.social-share-wrap .social-share-icons li:first-child{
margin-right: 10px;
}
}
body.single .post-footer{
margin-top: 54px;
}
body.single .post-footer .tags *:not(:first-child):before {
content: ",";
color: #0B3840;
margin-right: 5px;
}
body.single .about-author{
margin-top: 50px;
padding-top: 40px;
border-top: 1px solid #000000;
}
body.single .about-author .bio{
margin-bottom: 25px;
}
@media only screen and (max-width: 880px){
body.single .post-footer{
margin-top: 30px;
}
body.single .about-author{
margin-top: 30px;
padding-top: 30px;
}
body.single .about-author h3{
margin-bottom: 20px;
}
}
/* End Blog Single */
/*.team-listings .headshot,*/
/*.cta-banner .image-wrap .image,*/
.testi-slide .display-photo,
#hero-section .floating-image,
.image .image-wrap {
visibility: hidden;
opacity: 0;
/*margin-top: 100px;*/
transition: .6s ease-in-out;
-webkit-transition: .6s ease-in-out;
-moz-transition: .6s ease-in-out;
-o-transition: .6s ease-in-out;
-ms-transition: .6s ease-in-out;
}
#hero-section .image{
margin-top: 0px;
}
@media only screen and (min-width: 1001px){
.testi-slide .display-photo:not(.fadeIn){
margin-top: -200px;
}
}
#hero-section .floating-image:not(.fadeIn),
.image .image-wrap:not(.fadeIn) {
margin-top: 100px;
}
.fadeIn {
/* -webkit-animation: animat_show 0.8s;
animation: animat_show 0.8s;*/
opacity: 1 !important;
visibility: visible !important;
/*margin-top: 0px !important;*/
}
/*@-webkit-keyframes animat_show{
0%{opacity:0}
100%{opacity:1}
}*/
@media only screen and (max-width: 330px){
.team-listings .headshot,
.alternating-sections .entry .image .image-wrap{
max-width: 268px;
width: 100%;
height: auto;
padding-top: 100%;
}
}
.single-team .wavy + section{
position: relative;
z-index: 1;
}
@media only screen and (max-width: 742px){
/* Top */
.alternating-sections .entry:nth-child(even):not(:first-child):after,
.site-container section.wavy.wavy-top:after{
width: 742px;
margin-left: -371px;
}
/* Bottom */
.alternating-sections .entry:nth-child(even):not(:last-child):after,
.site-container section.wavy.wavy-bottom:after{
width: 742px;
margin-left: -371px;
}
}
/* --------------------------------------------- */
/*body:not(.templated) .site-inner .content .wp-block-group:not(.has-background) + .wp-block-group:not(.full-width-bg):not(.has-background),
body:not(.templated) .site-inner .content .wp-block-group:not(.has-background) + section:not(.full-width-bg):not(.has-background),
body:not(.templated) .site-inner .content section:not(.has-background) + section:not(.full-width-bg):not(.has-background){
padding-top: 0px;
}*/
body:not(.templated) .site-inner .content .wp-block-group:not(.has-background):not(.border-b) + .wp-block-group:not(.full-width-bg):not(.has-background),
body:not(.templated) .site-inner .content .wp-block-group:not(.has-background):not(.border-b) + section:not(.full-width-bg):not(.has-background),
body:not(.templated) .site-inner .content section:not(.has-background):not(.border-b) + section:not(.full-width-bg):not(.has-background){
/* padding-top: 0px; */
padding-top: 0px;
}
/* Icon list */
/* Vertical Order Wrap */
.vertical-order-wrap{
max-width: 1088px;
margin-left: auto;
margin-right: auto;
background: #282828;
color: #ffffff;
padding: 0px !important;
}
.vertical-order-wrap .wp-block-group__inner-container{
/* max-width: 810px; */
margin: 0 auto;
padding: 82px 20px;
}
.vertical-order-wrap .wp-block-group__inner-container > p {
text-align: center;
}
.vertical-order-wrap ul{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
width: 100%;
align-items: center;
padding-left: 0px;
margin-top: -30px;
max-width: 920px;
margin-left: auto !important;
}
.vertical-order-wrap ul li{
width: 25%;
margin-bottom: 0px;
margin-top: 30px;
font-weight: bold;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.vertical-order-wrap ul li:before{
display: none;
}
@media only screen and (max-width: 1125px) {
.vertical-order-wrap ul {
margin-left: auto;
margin-right: auto;
}
.vertical-order-wrap ul li{
text-align: center;
}
}
@media only screen and (max-width: 880px) {
.vertical-order-wrap .wp-block-group__inner-container{
padding: 50px 20px;
}
.vertical-order-wrap ul li{
width: 50%;
}
}
/* END Vertical Order Wrap */
/* Client List */
.client-list{
margin-top: -100px;
}
.client-list .heading{
color: #91B3B5;
font-weight: bold;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-bottom: 0px;
}
.client-list .entry{
margin-top: 100px;
}
.client-list .flex-wrap{
padding-left: 417px;
align-items: center;
}
.client-list .entry .logo-wrap{
max-width: 315px;
position: absolute;
left: 0px;
}
.client-list .content p{
margin-bottom: 0px;
}
@media only screen and (max-width: 880px) {
.client-list {
margin-top: -50px;
}
.client-list .entry{
margin-top: 50px;
}
.client-list .flex-wrap{
padding-left: 260px;
align-items: center;
}
.client-list .entry .logo-wrap{
max-width: 215px;
}
}
@media only screen and (max-width: 550px) {
.client-list .flex-wrap{
padding-left: 0px;
}
.client-list .entry{
text-align: center;
}
.client-list .entry .logo-wrap{
max-width: 100%;
text-align: center;
position: relative;
margin-bottom: 20px;
width: 100%;
}
.client-list .entry .logo-wrap img{
max-width: 215px;
width: 100%;
}
}
/* END Client List */
/* Ajax Listings */
.alm-listing .alm-reveal{
position: relative;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
justify-content: center;
}
.listings-archive-wrap{
/*background-color: #e4e4e4;*/
padding-top: 0px;
}
/* End Ajax Listings */
/* ======================================================= */
/* ======================================================= */
/* Listing Archive Tweaks */
/* Listing Entry */
/* Pagination */
.listings-archive .tab:not(.current){
display: none;
}
.tab-pagination a.current{
color: #272727;
}
.tab-pagination li{
position: relative;
}
.listings-archive .tab-pagination{
margin-left: 0px;
margin-left: -37px;
margin-right: -37px;
margin-bottom: 50px;
background-color: #ffffff;
padding: 0px;
justify-content: center;
}
.tab-pagination .btn.current{
pointer-events: none;
background-color: transparent;
color: #91B3B5 !important;
border-color: #91B3B5;
}
.tab-pagination li{
display: inline-block;
padding: 0px 37px;
width: auto !important;
margin-bottom: 0px !important;
}
.tab-pagination li:before{
display: none;
}
.tab-pagination li:first-child{
border-left: 0px;
}
.listings-archive .alm-btn-wrap{
text-align: right;
}
.alm-load-more-btn.more.done{
display: none;
}
.alm-btn-wrap {
text-align: center !important;
}
.alm-btn-wrap .alm-load-more-btn{
font-weight: unset;
display: inline-block;
min-width: 240px;
}
@media only screen and (max-width: 880px) {
.tab-pagination li{
padding: 0 10px !important;
}
.tab-pagination li .btn{
border-radius: 0px;
}
}
@media only screen and (max-width: 580px) {
.tab-pagination{
background-color: #91B3B5 !important;
}
.tab-pagination li{
padding: 0px !important;
}
.tab-pagination .btn{
padding: 12px 20px;
min-width: auto;
border-color: transparent !important;
border-radius: 0px !important;
}
.tab-pagination .btn.current{
background-color: #ffffff;
/*border-top-left-radius: 5px !important;*/
/*border-top-right-radius: 5px !important;*/
}
.page-id-1932 .content-sidebar-wrap{
padding-top: 0px
}
}
/* End Pagination */
/* Carousel Listings */
/* End Carousel Listings */
/* LOGO LIST */
.logo-list{
gap: 30px !important;
}
.logo-list > div{
background: #2B2926;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
min-width: 180px; height: 94px;
border-radius: 4px;
}
/* =========================
Animation (GLOBAL)
========================= */
@keyframes marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
/* =========================
Desktop DEFAULT (no marquee)
========================= */
.logo-track {
animation: none;
}
/* Pause on hover (safe globally) */
.logo-marquee:hover .logo-track {
animation-play-state: paused;
}
@media (min-width: 881px) {
.logo-list.clone {
display: none !important;
}
}
/* =========================
MOBILE ONLY
========================= */
@media (max-width: 880px) {
.logo-list.clone {
/*margin-left: 30px; */
}
/* Outer viewport */
.logo-marquee {
overflow: hidden;
width: 100%;
width: calc(100% + 2rem);
margin-left: -1rem;
}
/* Moving track */
.logo-track {
display: flex;
width: max-content;
animation: marquee 25s linear infinite;
gap: 0px;
}
.logo-list > div {
margin-right: 30px; /* spacing between logos */
}
.logo-list > div:last-child {
/*margin-right: 0;*/
}
/* One horizontal row */
.logo-list {
display: flex !important; /* override old grid */
flex-wrap: nowrap !important; /* disable wrapping */
align-items: center !important;
justify-content: flex-start !important; /* left-align logos */
width: auto !important; /* prevent full-width shrink */
gap: 0px !important; /* spacing between logos */
}
/* Individual logo container */
.logo-list > div {
flex: 0 0 auto;
width: 120px;
aspect-ratio: 16 / 9;
display: flex;
align-items: center;
justify-content: center;
}
/* Hover effect */
.logo-list > div:hover img {
filter: grayscale(0%);
}
}
.home .wp-block-cover:first-child .dropdown-wrap{
padding-bottom: 72px;
}
.home .wp-block-cover:first-child + .wp-block-group .logo-marquee{
background: var(--color-bg-primary);
padding: 24px;
margin-left: -24px;
margin-right: -24px;
}
.home .wp-block-cover:first-child + .wp-block-group{
margin-top: -170px;
}
@media (max-width: 880px){
.home .wp-block-cover:first-child + .wp-block-group{
margin-top: -130px;
}
}
/* END LOGO LIST */
/* Listing Entry */
/* Carousel Slider */
.gallery .owl-stage-outer{
padding-top: 62.7%;
position: relative;
}
.gallery .owl-stage{
position: absolute;
top: 0px;
height: 100%;
/* position: relative; */
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.gallery .owl-stage *{
height: 100%;
}
.gallery .owl-item .gallery-item a{
display: block;
overflow: hidden;
position: relative;
pointer-events: none;
}
.gallery .owl-item.active .gallery-item a{
pointer-events: unset;
}
.gallery .owl-item img {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
max-height: none;
max-width: none;
min-height: 100%;
min-width: 100%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.gallery .owl-stage .owl-item{
float: none;
}
.gallery .gallery-item{
float: unset;
height: 100%;
}
.gallery .gallery-item img{
border: 0px;
padding: 0px;
}
.gallery-slider-wrap{
padding:43px 14px;
background-color: #f5f5f5;
padding-right: 0px;
margin-top: 50px;
margin-bottom: 50px;
}
.gallery-slider-wrap .inner-wrap{
overflow: hidden;
padding-right: 12%;
margin-left: -20px;
}
.gallery-slider-wrap .gallery-item{
padding: 0 20px;
position: relative;
width: 100% !important;
}
.gallery-slider-wrap .gallery-item,
.gallery-slider-wrap .gallery-item a{
cursor: grab !important;
}
.gallery-slider-wrap .owl-carousel{
overflow: visible;
}
.gallery-slider-wrap .owl-stage-outer{
/* left: -100px; */
overflow: visible;
}
@media only screen and (max-width: 680px){
.gallery-slider-wrap .inner-wrap{
overflow: hidden;
padding-right: 12%;
margin-left: -10px;
}
.gallery-slider-wrap .gallery-item{
padding: 0 10px;
position: relative;
}
}
/* Carousel Nav */
.gallery {
position: relative;
}
.gallery .owl-nav{
position: unset;
}
.gallery .owl-nav > *{
position: absolute;
top: 50%;
/*z-index: 9999;*/
width: 60px;
height: 60px;
margin: 0px !important;
border-radius: 100% !important;
outline: 0px !important;
background-color: transparent!important;
padding: 0px !important;
}
.gallery .owl-nav > *:hover{
/* background-color: #1d2b36 !important; */
}
.gallery .owl-nav .owl-prev{
left: 10px;
margin-top: -30px !important;
}
.gallery .owl-nav .owl-next{
right: 10px;
margin-top: -30px !important;
}
.gallery .owl-nav > * span{
font-size: 60px;
color: #ffffff;
line-height: 60px;
}
.owl-nav .owl-prev span{
margin-left: -3px;
}
.owl-nav .owl-next span{
margin-left: 3px;
}
.gallery .owl-nav > *:hover span{
color: #91B3B5 !important;
}
@media only screen and (max-width: 620px){
.gallery .owl-nav .owl-prev,
.gallery .owl-nav .owl-next{
width: 50px; height: 50px;
margin-top: -25px !important;
}
.gallery .owl-nav .owl-prev{
left: 15px;
}
.gallery .owl-nav .owl-next{
right: -25px;
}
.gallery .owl-nav > * span{
font-size: 40px;
color: #ffffff;
line-height: 50px;
/*color: #1d2b36;*/
}
}
.owl-nav > *{
text-align: center;
}
.fancybox-navigation button:hover{
background-color: unset;
}
.page-hero-slider .gallery-slider-wrap{
margin: 0px;
padding: 0px;
}
.page-hero-slider .gallery-slider-wrap .inner-wrap{
padding: 0px;
margin: 0px;
}
.page-hero-slider .gallery .owl-stage-outer{
padding-top: 50%;
}
.page-hero-slider .gallery-slider-wrap .gallery-item{
padding: 0px;
}
.page-hero-slider .gallery .owl-nav .owl-next{
right: 15px;
}
@media only screen and (max-width: 880px){
.page-hero-slider .gallery .owl-stage-outer{
padding-top: 66%;
}
}
@media only screen and (max-width: 620px){
.page-hero-slider .gallery .owl-nav .owl-next{
right: 5px;
}
}
/* End Carousel Nav */
/* End Carousel Slider */
/* End Listing Entry */
@keyframes fadeIn {
0% {
opacity: 0.0;
}
100% {
opacity: 1.0;
}
}
/*Gallery*/
/* Gallery Slider */
.gallery-slider-block{
overflow: hidden;
margin-bottom: 30px;
}
@media only screen and (max-width: 880px){
.gallery-slider-block{
margin-bottom: 25px;
}
}
.gallery-slider-block .owl-nav .owl-prev{
/* margin-left: -150px; */
left: 0px;
height: 100%;
top: 0px;
background-color: rgb(32 53 55 / 40%) !important;
margin-top: 0px !important;
outline: 0px !important;
}
.gallery-slider-block .owl-nav .owl-next{
margin-left: -50px;
left: 100%;
height: 100%;
top: 0px;
background-color: rgb(32 53 55 / 40%) !important;
margin-top: 0px !important;
outline: 0px !important;
}
.gallery-slider-block .owl-nav button:hover{
background-color: rgba(0,0,0,0.5) !important;
}
.gallery-slider-block .owl-carousel .slide{
padding-top: 56.25%;
position: relative;
}
.gallery-slider-block .owl-carousel .slide .image{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background-size: cover;
background-position: center center;
}
.gallery-slider-block .owl-carousel .owl-stage-outer{
overflow: visible;
}
.gallery-slider-block .owl-carousel .owl-item{
/* padding: 0 5px; */
}
.gallery-slider-block .owl-nav{
width: 100%;
margin: 0px !important;
opacity: 0;
transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
}
.gallery-slider-block:hover .owl-nav{
opacity: 1;
}
.gallery-slider-block .owl-nav button{
position: absolute;
top: 50%; left: 30px; margin-top: -25px !important;
z-index: 100;
display: block;
/* pointer-events: none; */
text-align: center;
width: 50px; height: 50px;
}
.gallery-slider-block .owl-nav button:hover:after{
opacity: 1 !important;
}
.gallery-slider-block .owl-nav button span{
font-size: 0px;
display: none;
}
.gallery-slider-block .owl-nav button.owl-prev:after{
content: "\f104";
font-family: 'Fontawesome';
font-size: 50px;
line-height: 50px;
color: #ffffff;
opacity: 0.9;
/* text-shadow: 1px 1px 10px rgba(0,0,0,0.5); */
z-index: 100;
display: block;
pointer-events: none;
text-align: center;
}
.gallery-slider-block .owl-nav button.owl-next:after{
content: "\f105";
font-family: 'Fontawesome';
font-size: 50px;
width: 50px; height: 50px;
line-height: 50px;
color: #ffffff;
opacity: 0.9;
/* text-shadow: 1px 1px 10px rgba(0,0,0,0.5); */
z-index: 100;
display: block;
pointer-events: none;
text-align: center;
}
@media only screen and (max-width: 880px){
.gallery-slider-block{
overflow: hidden;
}
}
@media only screen and (max-width: 500px){
.gallery-slider-block{
overflow: hidden;
}
.gallery-slider-block .owl-nav .owl-prev{
margin-left: -0px;
left: 0px;
}
.gallery-slider-block .owl-nav .owl-next{
margin-left: -50px;
left: 100%;
}
}
.gallery-slider-block .owl-dots{
position: absolute;
bottom: 30px;
border-radius: 16px;
background: rgba(255,255,255,0.5) !important;
left: 50%;
transform: translate(-50%, 0);
line-height: 1;
}
.gallery-slider-block .owl-dots .owl-dot{
width: 10px;
height: 10px;
background-color: transparent;
border-radius: 100%;
border: 2px solid #ba7b47;
margin: 5px 4px !important;
font-size: 0px;
display: inline-block;
cursor: pointer;
}
.gallery-slider-block .owl-dots .owl-dot.active{
background: #ba7b47;
}
/* End Gallery Slider */
/* END Project */
/* Post Listings */
.listing-entry{
list-style: none;
display: block;
overflow-wrap: unset;
}
/* Post Listing */
.owl-carousel,
.wp-block-columns.owl-carousel,
.post-listing{
gap: initial;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
gap: 41px;
}
.owl-carousel.card-list{
gap: 30px;
}
.wp-block-columns.owl-carousel{
position: relative;
}
.owl-carousel:not(.owl-loaded),
.wp-block-columns:not(.owl-loaded).owl-carousel,
.post-listing.owl-carousel:not(.owl-loaded){
display: flex;
display: -webkit-flex;
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
}
.icon-list.owl-carousel:not(.owl-loaded) .card-entry,
.wp-block-columns:not(.owl-loaded).owl-carousel .wp-block-column,
.post-listing.owl-carousel:not(.owl-loaded) .listing-entry{
max-width: 33.33%;
min-width: calc(33.33% - 41px);
flex: 1;
/* display: block !important; */
}
@media only screen and (min-width: 1100px){
/* --- 4 Column Override --- */
.cols-4.owl-carousel:not(.owl-loaded) .card-entry {
max-width: 25% !important;
min-width: calc(25% - 41px) !important;
}
}
.wp-block-columns.owl-carousel .wp-block-image:first-child,
.listing-entry .listing-img{
background-size: cover;
background-position: center center;
position: relative;
padding-top: 0px !important;
overflow: hidden;
border-radius: 4px;
}
.wp-block-columns.owl-carousel .wp-block-image:first-child,
.listing-entry .listing-img{
display: block;
width: 100%;
/*height: 100%;*/
aspect-ratio: 1/1;
background-color: #1e1e1e;
}
.offerings-variant .featured-img img,
.blog .grid > .flex .aspect-video img,
.archive .grid > .flex .aspect-video img,
.wp-block-columns.owl-carousel .wp-block-image:first-child img,
.listing-entry .listing-img img{
object-fit: cover;
width: 100%; height: 100%;
transition: var(--transition-ease-in-out);
}
.offerings-variant .featured .card:hover .featured-img img,
.blog .grid > .flex:hover .aspect-video img,
.archive .grid > .flex:hover .aspect-video img,
.wp-block-columns.owl-carousel .wp-block-column:hover .wp-block-image:first-child a img,
.listing-entry:hover img{
transform: scale(1.1);
/* border: 1px solid var(--color-text-accent); */
}
.wp-block-columns.owl-carousel .wp-block-column .wp-block-image:hover:after,
.listing-entry .listing-img:hover:after {
opacity: 1;
}
.wp-block-columns.owl-carousel .wp-block-column .wp-block-image img,
.listing-entry .listing-img .img{
background-color: #e1e1e1;
width: 100%; height: 100%;
display: block;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.wp-block-columns.owl-carousel .wp-block-column:hover .wp-block-image a img,
.listing-entry .listing-img:hover .img{
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: center center;
transform-origin: center center;
}
.wp-block-columns.owl-carousel .wp-block-column .wp-block-image a{
display: flex;
position:relative;
}
.blog .grid > .flex .aspect-video:before,
.archive .grid > .flex .aspect-video:before,
.wp-block-columns.owl-carousel .wp-block-column .wp-block-image a:before,
.post-listing .listing-img:before{
content: "";
width: 100%; height: 100%;
top: 0px; left: 0px;
/* background: var(--gradient-half); */
background-color: rgba( var(--color-bg-accent-rgba), .3);
/* background-color: rgba( 0,0,0, .3); */
/*background: linear-gradient(90deg, rgba(111, 92, 56, 0.20) 0%, rgba(78, 60, 28, 0.20) 100%);*/
/*background: linear-gradient(90deg, rgba(111, 92, 56, 0.20) 0%, rgba(78, 60, 28, 0.80) 100%);*/
display: flex;
position: absolute;
z-index: 1;
opacity: 0;
transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
transform-origin: center;
}
.wp-block-columns.owl-carousel .wp-block-column:hover .wp-block-image a,
.post-listing .listing-entry:hover .listing-img{
/*border-bottom: 2px solid rgb(var(--color-text-accent-rgb) / 0.8) !important;*/
}
.blog .grid > .flex:hover .aspect-video:before,
.archive .grid > .flex:hover .aspect-video:before,
.wp-block-columns.owl-carousel .wp-block-column:hover .wp-block-image a:before,
.post-listing .listing-entry:hover .listing-img:before{
opacity: 1;
}
.wp-block-columns.owl-carousel .wp-block-column .wp-block-image a:after,
.post-listing .listing-img:after{
/* content: '';
position: absolute;
top: -50%;
left: -75%;
width: 50%;
height: 200%;
background: linear-gradient(
120deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,0.3) 50%,
rgba(255,255,255,0) 100%
);
transform: skewX(-20deg);
opacity: 0;
transition: left 0.7s ease, opacity 0.7s ease;
pointer-events: none;*/
}
/* On hover: slide the shine across logo */
.wp-block-columns.owl-carousel .wp-block-column:hover .wp-block-image a:after,
.post-listing .listing-entry:hover .listing-img:after{
left: 125%;
/*opacity: 0.75;*/
}
.listing-entry .title{
color: var(--color-text-primary);
}
.wp-block-columns:not(.owl-loaded).owl-carousel .wp-block-column{
flex: 1;
height: 100%;
display: flex !important;
display: -webkit-flex !important;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-direction:column;
flex:1;
align-content: flex-start;
}
.wp-block-columns.owl-carousel .wp-block-column,
.listing-entry .content{
flex: 1;
height: 100%;
display: flex !important;
display: -webkit-flex !important;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-direction:column;
flex:1;
align-content: flex-start;
gap: 15px;
}
.listing-entry .content{
padding-top: 24px;
}
.wp-block-columns.owl-carousel .wp-block-column > *{
margin: 0px;
}
.wp-block-columns .wp-block-column .wp-block-image:first-child{
margin-bottom: 17px;
}
.wp-block-columns .wp-block-column .wp-block-image:first-child:last-child{
height: 100%;
}
.wp-block-columns .wp-block-column .wp-block-image img{
/*height: 100%;*/
height: 100% !important;
width: 100% !important;
object-fit: cover;
}
.listing-entry .content > *{
width: 100%;
}
.listing-entry .content .excerpt{
margin-bottom: 15px !important;
}
.listing-entry .content .btn-wrap{
margin-top: auto;
}
.listing-entry .content h3{
margin: 0px;
}
.listing-entry .categories{
gap: 10px;
}
.single-post .content-sidebar-wrap .category,
.grid .flex div.category,
.listing-entry .categories span a{
padding: 8px 12px;
border-radius: var(--radius-sm, 4px);
color: var(--color-text-primary);
background: var(--btn-fill-secondary);
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 14px;
letter-spacing: 2.4px;
text-transform: uppercase;
text-decoration: none;
}
.listing-entry .content .post-meta{
margin: 0px;
text-transform: uppercase;
font-weight: 700;
font-size: 13px;
}
.listing-entry .content .post-meta *{
text-transform: uppercase;
font-weight: 700 !important;
font-size: 14px;
}
.listing-entry .content > *:not(:last-child){
margin-bottom: 5px;
}
.listing-entry .content > p:not(:last-child){
margin-bottom: 20px;
}
.listing-entry .content p:empty{
display: none;
}
.listing-entry .btn-wrap{
justify-content: flex-start;
/*margin-top: 25px;*/
margin-top: 25px !important;
}
.listing-entry .btn-wrap .btn{
min-width: 0px;
}
.listing-entry .content .btn-wrap{
column-gap: 10px !important;
}
.icon-list.owl-carousel,
.icon-list.owl-carousel .owl-stage-outer,
.icon-list.owl-carousel .owl-stage,
.wp-block-columns.owl-carousel,
.wp-block-columns.owl-carousel .owl-stage-outer,
.wp-block-columns.owl-carousel .owl-stage,
.post-listing.owl-carousel,
.post-listing.owl-carousel .owl-stage-outer,
.post-listing.owl-carousel .owl-stage{
overflow: visible;
}
.post-listing .listing-entry a:not(.btn){
text-decoration: underline;
text-decoration-color: transparent;
transition: text-decoration-color 0.3s ease;
}
.post-listing .listing-entry a:not(.btn):focus{
text-decoration-color: currentcolor;
}
@media only screen and (min-width: 881px){
.post-listing.owl-carousel:not(.desktop-slider) .owl-stage{
/*pointer-events: none;*/
}
.post-listing.owl-carousel:not(.desktop-slider) .owl-stage .listing-entry a{
/*pointer-events: auto;*/
}
.post-listing.owl-carousel.desktop-slider,
.post-listing.owl-carousel.desktop-slider .owl-stage-outer,
.post-listing.owl-carousel.desktop-slider .owl-stage{
overflow: visible;
}
}
/* Padding offset on last item */
.owl-carousel.reached-max{
/* padding-right: 0px !important; */
}
.owl-carousel .owl-stage{
display: flex;
display: -webkit-flex;
}
.owl-carousel .owl-item{
display: flex;
flex: 1 0 auto;
}
.owl-carousel .owl-item > *{
width: 100%;
}
/* END Padding offset on last item */
@media only screen and (max-width: 1100px){
.cols-4.icon-list.owl-carousel,
.cols-4.wp-block-columns.owl-carousel,
.cols-4.post-listing.owl-carousel {
padding-right: 60px;
gap: 24px;
/*offsetOwlPadding */
transition: padding 0.25s ease-out !important;
}
/*offsetOwlPadding */
.cols-4.icon-list.owl-carousel.reached-max.owl-drag,
.cols-4.wp-block-columns.owl-carousel.reached-max.owl-drag,
.cols-4.post-listing.owl-carousel.reached-max.owl-drag {
padding-left: 60px;
padding-right: 0px;
}
}
@media only screen and (max-width: 880px){
.post-listing{
gap: 24px !important;
}
.post-listing.owl-carousel:not(.owl-loaded) .listing-entry{
min-width: calc(50% - 24px);
max-width: calc(50% - 24px);
width: 100%;
}
.wp-block-columns.owl-carousel,
.owl-carousel.card-list{
gap: 12px !important;
}
.card-list.owl-carousel:not(.owl-loaded) > .wp-block-column,
.wp-block-columns.owl-carousel:not(.owl-loaded) .wp-block-column{
min-width: calc(50% - 12px);
max-width: calc(50% - 12px);
}
.owl-carousel.staff-grid,
.owl-carousel.icon-list{
gap: 16px !important;
}
.icon-list:not(.owl-loaded).owl-carousel .card-entry{
min-width: calc(50% - 16px);
max-width: calc(50% - 16px);
}
.wp-block-columns:not(.owl-loaded).owl-carousel,
.post-listing.owl-carousel:not(.owl-loaded){
flex-wrap: nowrap !important;
}
/* paosan7 */
.wp-block-columns:not(.owl-loaded).owl-carousel .owl-item:not(.active),
.post-listing.owl-carousel .owl-item:not(.active){
pointer-events: none;
}
.icon-list.owl-carousel,
.wp-block-columns.owl-carousel,
.post-listing.owl-carousel {
padding-right: 40px;
/*offsetOwlPadding */
transition: padding 0.25s ease-out !important;
}
/*offsetOwlPadding */
.icon-list.owl-carousel.reached-max.owl-drag,
.wp-block-columns.owl-carousel.reached-max.owl-drag,
.post-listing.owl-carousel.reached-max.owl-drag {
padding-left: 40px;
padding-right: 0px;
}
/* Padding offset on last item */
/* END Padding offset on last item */
.post-listing.owl-carousel .owl-stage-outer {
overflow: visible;
}
/* .wp-block-columns .wp-block-column .wp-block-image:first-child{
margin-bottom: 10px;
}*/
.owl-carousel .wp-block-column .wp-block-image:first-child{
margin-bottom: 10px;
}
}
@media only screen and (max-width: 580px){
.icon-list.owl-carousel:not(.owl-loaded) .card-entry,
.wp-block-columns:not(.owl-loaded).owl-carousel .wp-block-column,
.post-listing.owl-carousel:not(.owl-loaded) .listing-entry{
min-width: 100%;
width: 100%;
max-width: 100% !important;
}
}
.post-listing + .btn-wrap{
margin-top: 30px;
text-align: left !important;
justify-content: flex-start;
}
/* END Post Listing */
/* Tiled Gallery */
.tiled-gallery{
margin-left: -15px; margin-right: -15px;
}
.tiled-gallery__gallery .tiled-gallery__item{
padding: 15px;
}
.tiled-gallery__gallery .tiled-gallery__item a{
overflow: hidden;
}
.tiled-gallery__gallery .tiled-gallery__item a img{
object-fit: cover;
width: 100%;
height: 100%;
}
@media only screen and (max-width: 880px){
.tiled-gallery{
margin-left: -7.5px; margin-right: -7.5px;
}
.tiled-gallery__gallery .tiled-gallery__item{
padding: 7.5px;
}
}
/* END Tiled Gallery */
/* Custom Footer */
/* Heading */
@media only screen and (min-width: 881px) {
.content-sidebar-wrap form div:first-child + h2{
margin-top: 0px;
}
}
/* Infite Loop */
@mixin white-gradient {
background: linear-gradient(
to right,
rgba(255, 255, 255, 1) 0%,
rgba(255, 255, 255, 0) 100%
);
}
:root {
--animationSpeed: 30s;
}
/* Animation */
/*@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-250px * 7));
}
}*/
/* Styling */
/* Breadcrumbs */
.breadcrumb-wrap{
background: #FEB9A1;
color: #233C4F;
height: 64px;
font-size:16px;
}
.breadcrumb-wrap .wrap{
height: 100%;
justify-content:flex-start;
align-items: center;
}
.breadcrumb-wrap span span{
padding: 0 10px;
}
.breadcrumb-wrap span span:first-child{
padding-left: 0px;
}
.breadcrumb-wrap span span:last-child{
padding-right: 0px;
}
.breadcrumb-wrap span span:not(:first-child):before{
content: "\f105";
font-family: fontawesome;
margin-left: -13px;
position: absolute;
}
.breadcrumb-wrap span span a{
text-decoration: none;
}
.breadcrumb-wrap span span a:hover{
text-decoration: underline;
text-underline-offset: 2px;
}
.breadcrumbs *,
.breadcrumbs a{
color: #EDEAE3;
}
.wrap .breadcrumbs .wrap{
/*padding: 0px;*/
}
.breadcrumbs .flex > span {
display: flex;
align-items: center;
font-size: clamp(0.667rem, 1vw, 0.778rem);
color: #EDEAE3; /* Tailwind's text-gray-500 */
flex-wrap: wrap !important;
}
/*.breadcrumbs .flex > span a:last-child{*/
.breadcrumbs .flex > span *:last-child{
color: #ffffff !important;
font-weight: 600;
pointer-events: none;
}
.breadcrumbs a:hover{
text-decoration: underline;
}
.breadcrumbs .flex > span > * {
margin-right:8px; /* Tailwind's space-x-1 = 4px */
}
@media (min-width: 768px) {
.breadcrumbs .flex > span > * {
margin-right: 8px; /* Tailwind's md:space-x-2 = 8px */
}
}
/* END Breadcrumbs */
/*
===========================================================================
===========================================================================
===========================================================================
*/
/* Map */
@media( max-width: 880px ){
/* 1. Force the entire popup and its background card to pass gestures to the map */
.mapboxgl-popup,
.mapboxgl-popup-content {
pointer-events: none;
}
/* 2. Explicitly re-enable touches ONLY on links, buttons, and the close button */
/*.mapboxgl-popup-content a,*/
.mapboxgl-popup-content button,
.mapboxgl-popup-close-button {
pointer-events: auto;
}
}
/*.*/
.map-container{
height: 100%;
/*padding-bottom: 13px;*/
}
.mapboxgl-canvas {
/* Gives it a warm, antique brown tint */
filter: hue-rotate(220deg) saturate(100%) brightness(88%);
}
.map {
/*position:absolute;
left:33.3333%;
width:66.6666%;*/
width: 100%;
height: 100%;
top:0;bottom:0;
}
.marker {
border: none;
cursor: pointer;
height: 50px;
width: 50px;
background-image: var(--wpr-bg-c77ecd68-2830-4ff8-9a14-4265926a9061);
background-color: rgba(0, 0, 0, 0);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.clearfix { display:block; }
.clearfix:after {
content:'.';
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* Marker tweaks */
#map .marker{
/*pointer-events: none;*/
}
.mapboxgl-popup {
padding-bottom: 24px;
}
.mapboxgl-popup-close-button {
/*display:none;*/
color: #000000;
padding: 0px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
top: 0px;
z-index: 1;
font-size: 16px;
}
.mapboxgl-popup{
max-width: 300px !important;
}
.mapboxgl-popup-content {
font:400 15px/22px 'Source Sans Pro', 'Helvetica Neue', Sans-serif;
padding:0;
width:300px;
/* border: 1px solid #e3e3e3; */
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 30px;
}
.mapboxgl-popup-content .map-info{
padding-left: 100px;
position: relative;
display: block;
}
.mapboxgl-popup-content .map-info .thumb{
width: 100px;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
background-size: cover;
background-position: center center;
background-color: #d7d7d7;
}
.mapboxgl-popup-content-wrapper {
padding:1%;
}
.mapboxgl-popup-content h3 {
/*background-color: #f0e9e3;*/
background-color: #F5EFE7;
color: #2c3330;
margin:0;
display:block;
padding:10px;
border-radius:3px 3px 0 0;
font-weight:700;
/*margin-top:-15px;*/
font-family: 'Circular', sans-serif;
font-size: 16px;
}
.mapboxgl-popup-content a.map-info{
text-decoration: none;
pointer-events: none;
}
.mapboxgl-popup-content h4 {
margin:0;
display:block;
padding: 10px 10px 10px 10px;
font-weight:400;
font-size: 14px;
font-family: 'Circular', sans-serif;
color: #232e40;
line-height: 1.3;
}
.mapboxgl-popup-content div {
/*padding:10px;*/
}
.mapboxgl-container .leaflet-marker-icon {
cursor:pointer;
}
.mapboxgl-popup-anchor-top > .mapboxgl-popup-content {
/*margin-top: 15px;*/
}
.mapboxgl-popup-anchor-top > .mapboxgl-popup-tip {
border-bottom-color: #e9f0c8;
}
.mapboxgl-ctrl-attrib,
.mapboxgl-ctrl-logo{
display: none !important;
}
/* Ease motion / blur */
.marker.active-marker{
/*pointer-events: none;*/
}
.mapboxgl-map .mapboxgl-popup{
transition:
opacity .3s ease,
padding.3s ease; /* Waits .4s for opacity to finish */
}
.mapboxgl-map.map-blur .mapboxgl-popup{
opacity: 0 !important;
padding-bottom: 0px !important;
}
.mapboxgl-map.map-blur:after{
/* content: "";
position: absolute;
opacity: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
pointer-events: none;
transition: opacity 0.4s ease-in-out;
z-index: 1; */
}
.mapboxgl-map.map-blur:after{
/* opacity: 1; */
}
/* Target only the map tiles canvas */
.mapboxgl-canvas {
/*transition: filter 0.4s ease-in-out;*/
}
/* When moving, blur the canvas only */
.map-blur .mapboxgl-canvas {
/*filter: blur(5px) grayscale(20%); */
/* Grayscale helps markers pop more */
}
/* End Ease motion */
/*.*/
.map-wrap{
padding-bottom: 0px !important;
}
.map-wrap > .wp-block-group__inner-container{
display: flex;
flex-direction: column-reverse;
max-width: 100% !important;
width: 100% !important;
left: 0px;
padding: 0px !important;
}
.map-wrap .map-container + .wrap{
margin: 0 auto !important;
width: 100% !important;
left: 0px !important;
right: 0px !important;
}
.map-wrap .map-container + .wrap .wp-block-group__inner-container{
width: 50%;
margin: 0px !important;
padding-right: 50px;
}
.map-wrap .map-container {
position: absolute;
left: 50%;
width: 50%; height: 100%;
z-index: 900;
}
.map-wrap .map-container .map{
height: 100%;
}
body:not(.custom) .site-inner .entry-content .wrap .floating-sidebar:first-child + .map-wrap{
margin-top: -100px;
}
@media only screen and (max-width: 880px){
body:not(.custom) .site-inner .entry-content .wrap .floating-sidebar:first-child + .map-wrap{
margin-top: 0px;
}
.map-wrap .map-container + .wrap .wp-block-group__inner-container{
width: 100%;
}
.map-wrap .map-container{
position: relative;
padding-top: 56.25%;
/* padding-top: 100%; */
left: 0px;
width: 100%;
}
.map-wrap .map-container .map-wrap{
position: absolute;
width: 100%;
height: 100%;
left: 0px; top: 0px;
}
.map-wrap .map-container + .wrap{
padding-bottom: 30px;
padding-top: 0px;
}
.wp-block-group.map-wrap{
width: 100%;
left: initial;right: initial;
margin: 0px;
/*padding: 60px 0 !important;*/
}
.wp-block-group.map-wrap .wp-block-group__inner-container{
/*padding: 0px;*/
}
}
.single-location .map-container + .wrap .wp-block-group__inner-container{
padding-bottom: 100px !important;
}
@media only screen and (max-width: 880px){
.single-location .map-container + .wrap .wp-block-group__inner-container{
padding-bottom: 60px !important;
}
}
/* END Map */
/*
===========================================================================
===========================================================================
===========================================================================
*/
/* Location Page */
/* Floating Sidebar */
.floating-sidebar{
text-align: center;
}
.floating-sidebar h3{
margin-bottom: 8px;
}
.floating-sidebar .address{
color: #149DA6;
font-weight: 500;
font-size: 14px;
line-height: 18px;
margin-bottom: 16px;
}
.floating-sidebar .btn-wrap {
gap: 16px;
}
.floating-sidebar .btn-wrap a{
width: 100%;
}
@media only screen and (min-width: 881px){
.has-floating-sidebar #hero-section > .overlay > .wrap,
.has-floating-sidebar .breadcrumb-wrap > .wrap,
.has-floating-sidebar .content .entry-content > .wrap,
.single-location #hero-section > .overlay > .wrap,
.single-location .breadcrumb-wrap > .wrap,
.single-location .content .entry-content > .wrap{
/*padding-right: 325px;*/
}
.has-floating-sidebar #hero-section > .overlay > .wrap,
.has-floating-sidebar .content .entry-content > .wrap,
.single-location #hero-section > .overlay > .wrap,
.single-location .content .entry-content > .wrap{
/*padding-right: 325px;*/
}
.has-floating-sidebar .content .entry-content > .wrap,
.single-location .content .entry-content > .wrap{
position: relative;
}
.has-sticky-element,
.has-floating-sidebar,
.single-location{
overflow-x: hidden;
}
.has-sticky-element .site-container,
.has-floating-sidebar .site-container,
.single-location .site-container{
overflow: visible;
}
.floating-sidebar-wrap{
position: relative;
}
.floating-sidebar{
position: absolute;
right: 25px;
width: 268px;
margin-top: -400px;
height: calc(100% + 400px);
}
.floating-sidebar .wrap{
padding: 0px;
height: 100%;
}
.floating-sidebar .sidebar-block{
/*border-radius: 4px;*/
background: #F5EFE7;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 3px 4px 0px rgba(0, 0, 0, 0.08), 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
padding: 24px;
/*min-height: 200px;*/
position: sticky;
top: 125px;
z-index: 1000;
}
.floating-sidebar ~ .wp-block-group {
/* Offset parent wrapper's right padding, i.e. padding-right: 325px / 2 */
/* -webkit-transform: translate(162px, 0);
-ms-transform: translate(162px, 0);
transform: translate(162px, 0);*/
/* Offset parent wrapper's right padding, i.e. padding-right: 325px / 2 - some offest*/
-webkit-transform: translate(158px, 0);
-ms-transform: translate(158px, 0);
transform: translate(158px, 0);
}
.floating-sidebar ~ .wp-block-group > .wp-block-group__inner-container{
padding-right: 325px;
left: -10px !important;
position: relative;
}
}
@media only screen and (max-width: 880px){
.floating-sidebar .sidebar-block{
border-radius: 4px;
background: #F5EFE7;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 3px 4px 0px rgba(0, 0, 0, 0.08), 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
padding: 24px;
text-align: center;
z-index: 1000;
/*position: relative;*/
margin-bottom: 48px !important;
}
.floating-sidebar > .wrap{
padding: 0px;
}
}
/* END Floating Sidebar */
/* Floating Sidebar Template */
@media only screen and (min-width: 1001px){
body.has-floating-sidebar .alternating-sections .entry:nth-child(even) .wrap > .inner-wrap{
padding-right: 50%;
padding-left: 0px;
}
body.has-floating-sidebar .alternating-sections .entry .wrap > .inner-wrap{
padding-left: 50%;
padding-right: 0px;
}
}
body.has-floating-sidebar .post-listing .listing-entry{
width: 100%;
}
/* END Floating Sidebar Template */
.single-location .post-listing.cards .listing-entry{
width: 100%;
}
.single-location .services-section .listing-entry{
width: 100%;
}
.google-reviews-widget .es-badge-container{
background: none !important;
box-shadow: none !important;
}
.google-reviews-widget .es-badge-container:after{
/* background: none !important; */
}
.hero-grid .google-reviews-widget .es-card-badge-container{
justify-content: flex-start;
align-items: flex-start;
gap: 10px;
padding: 0px;
}
.hero-grid .google-reviews-widget .es-badge-rating-container{
justify-content: flex-start;
align-items: flex-start;
}
/* END Location Page */
/*
===========================================================================
===========================================================================
===========================================================================
*/
/* Tab Accordion */
.tab-accordion{
margin-top: 40px;
}
.tab-accordion ul{
margin: 0px;
margin-bottom: 35px;
}
.tab-accordion ul:after{
content: "";
clear: both;
display: block;
}
.tab-accordion ul li{
list-style-type: none;
float: left;
}
.tab-accordion ul.two-col li{
width: 50%;
display: table;
height: 102px;
}
.tab-accordion li a.active-tab{
pointer-events: none;
}
.tab-accordion li a.active-tab,
.tab-accordion li a.active-tab:focus{
background: transparent !important;
border: 1px solid #149DA6 !important;
color: #149DA6 !important;
}
.tab-accordion li a.btn:hover{
background: transparent !important;
border: 1px solid #212322 !important;
color: #212322 !important;
}
.tab-accordion li a:not(.active-tab){
color: #D3DAD7;
border-color: #D3DAD7;
}
/* Lined Tab Accordion */
.tab-accordion ul.lined.two-col li a{
display: block;
width: 100%;
text-decoration: none;
display: table-cell;
text-align: center;
vertical-align: middle;
outline: 0px;
}
.tab-accordion ul.lined li a:not(.btn){
/* padding: 40px 85px; */
/* display: inline-block; */
padding: 10px;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 40px;
color: rgba(0, 81, 165, 0.25);
border-bottom: 3px solid rgba(0,81,165,0.25);
}
.tab-accordion ul.lined li a:not(.btn).active-tab{
color: #0051A5;
border-bottom: 3px solid #0051A5;
}
.tab-accordion .tab-content > div:not(:first-child){
display: none;
}
/*.tab-accordion .tab-accordion .tab-content > div:not(:first-child){
display: unset;
width: 0px;
}*/
@media only screen and (max-width: 800px){
.tab-accordion ul.lined.two-col li a{
font-size: 24px;
line-height: 30px;
}
}
@media only screen and (max-width: 450px){
.tab-accordion ul.lined.two-col {
/* min-width: 295px; */
}
.tab-accordion ul.lined.two-col li a{
font-size: 18px;
line-height: 30px;
}
}
@media only screen and (max-width: 360px){
.tab-accordion ul.lined.two-col li a{
font-size: 16px;
line-height: 25px;
}
}
@media only screen and (min-width: 650px){
.tab-accordion ul.lined.two-col li a br{
content: "";
}
.tab-accordion ul.lined.two-col li a br:before {
content: " ";
}
}
/* End Lined Tab Accordion */
/* Auto-Col Tab Accordion */
.tab-accordion .auto-col{
display: inline-block;
}
.tab-accordion .auto-col{
overflow: hidden;
position: relative;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
display: list-item;
scrollbar-width: none;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
width: 100%;
align-items: center;
gap: 20px;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.tab-accordion .auto-col::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE and Edge */
.tab-accordion .auto-col {
-ms-overflow-style: none;
/* text-align: center; */
}
.tab-accordion .auto-col li{
/* padding: 0 6px; */
float: none;
display: inline-block;
}
.tab-accordion .auto-col li a{
display: block;
font-family: 'rbc_displayregular', sans-serif;
font-style: normal;
font-weight: bold;
outline: 0px;
}
.tab-accordion .auto-col li a:not(.active){
/*border-color: transparent;*/
}
.tab-nav-wrap{
margin-bottom: 30px;
}
.tab-nav{
list-style: none !important;
}
.tab-nav-wrap .cta-wrap br{
display: none;
}
@media only screen and (min-width: 901px){
.tab-nav-wrap .cta-wrap{
display: none;
}
}
@media only screen and (max-width: 900px){
.tab-accordion .auto-col li{
/* padding: 0px; */
}
.tab-accordion .auto-col{
/* margin: 0px; */
}
.tab-nav-wrap{
/* padding: 0 25px; */
overflow: hidden;
position: relative;
}
.tab-nav-wrap .cta-wrap:after{
content: "";
clear: both;
display: block;
}
.tab-nav-wrap .cta-wrap .swiper{
position: absolute;
top: 50%; margin-top: -25px;
left: 0px;
width: 30px;
height: 50px;
line-height: 40px;
text-align: center;
font-size: 40px;
}
.tab-nav-wrap .cta-wrap .swiper.right{
right: 0px;
left: unset;
}
.tab-nav-wrap .cta-wrap .swiper.disable{
opacity: 0.6;
pointer-events: none;
}
.tab-nav-wrap .cta-wrap .swiper i{
z-index: 1000;
position: relative
}
.tab-nav-wrap .cta-wrap .swiper{
outline: 0px;
}
.tab-nav-wrap .cta-wrap .swiper.right:not(.disable):after{
content: "";
width: 80px;
height: 100%;
position: absolute;
right: 0px; top: -6px;
z-index: 1;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 57%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 57%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 57%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.tab-nav-wrap .cta-wrap .swiper.left:not(.disable):after{
content: "";
width: 80px;
height: 100%;
position: absolute;
left: 0px; top: -6px;
z-index: 1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+43,ffffff+100&1+43,0+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 43%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 43%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 43%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
}
@media only screen and (min-width: 451px){
.tab-content .toggle{
padding: 0px;
border-bottom: 0px;
pointer-events: none;
}
.tab-content .toggle:before{
display: none;
}
.tab-content .toggle + .content{
padding-top: 20px !important;
display: block !important;
}
}
@media only screen and (max-width: 450px){
.tab-accordion .tab-nav{
display: none;
}
.featured-locations .tab-content > div{
display: block !important;
margin-bottom: 20px;
}
.featured-locations .tab-content > div .toggle{
margin-bottom: 20px !important;
}
.featured-locations .btn-wrap .btn{
width: 100%;
}
}
.entry-content ul.tab-nav li:before{
display: none;
}
.entry-content ul.tab-nav {
padding: 0px;
}
/* End Auto-Col Tab Accordion */
/* CTA Banner */
.cta-banner .image-wrap .image{
background-size: cover;
background-position: center right;
}
@media only screen and (min-width: 881px) {
.cta-banner{
position: relative;
}
.cta-banner > .inner-wrap{
height: 100%;
position: relative;
padding-left: 310px;
display: flex;
display: -webkit-flex;
padding-top: 56px;
padding-bottom: 56px;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.cta-banner .content{
max-width: 368px;
width: 368px !important;
height: 100%;
min-height: 100%;
left: -310px;
position: relative;
top: 0px;
margin: 0px;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
width: 100%;
align-items: center;
z-index: 1;
}
.cta-banner .content .align-wrap{
padding: 24px;
background: #ffffff;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
border-radius: 4px;
}
.cta-banner .image-wrap{
width: 100%;
height: 100%;
min-height: 100%;
flex: 100%;
min-height: 100%;
position: absolute;
top: 0px;
left: 0px;
padding-left: 310px;
}
.cta-banner .image{
background-color: #e7e7e7;
width: 100%;
height: 100%;
}
}
@media only screen and (max-width: 880px) {
.cta-banner .image-wrap .image{
padding-top: 56.25%;
background-color: #e7e7e7;
margin-top: -60px;
margin-left: -25px;
margin-right: -25px;
}
.cta-banner .content{
}
.cta-banner .content .align-wrap{
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
border-radius: 4px;
padding: 24px;
background: #ffffff;
margin-top: -114px;
}
}
@media only screen and (max-width: 550px) {
.cta-banner .content .align-wrap{
margin-top: -50px;
}
.cta-banner .btn{
width: 100%;
}
}
/* END CTA Banner */
/* Post listing navigation */
.recent-post .navigation{
display: none;
}
.post-listing-wrap + .navigation ul{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
width: 100%;
align-items: center;
list-style: none;
gap: 8px;
padding: 0px;
justify-content: center;
margin-top: 90px;
}
.post-listing-wrap + .navigation ul li:before{
display: none;
}
.post-listing-wrap + .navigation ul li.prev a:before{
content: "";
/* font-family: fontawesome; */
background-image: var(--wpr-bg-378d69c9-6999-49a5-b516-7487fb648791);
width: 16px; height: 16px;
display: block;
}
.post-listing-wrap + .navigation ul li.next a:before{
content: "";
/* font-family: fontawesome; */
background-image: var(--wpr-bg-b5eb2351-7192-4087-a102-dc61f084301c);
width: 16px; height: 16px;
display: block;
}
.post-listing-wrap + .navigation ul li a{
text-decoration: none !important;
color: #233C4F;
}
.post-listing-wrap + .navigation ul li.active a,
.post-listing-wrap + .navigation ul li a:hover{
font-weight: 700;
}
.post-listing-wrap + .navigation ul li a.null{
opacity: 0.5;
pointer-events: none;
}
.navigation ul li{
margin-bottom: 0px;
}
/* Custom Blog */
body.category .post-listing,
body.blog .post-listing {
max-width: 965px;
margin: 0 auto;
}
body.category .post-listing + .btn-wrap,
body.blog .post-listing + .btn-wrap{
display: none;
}
body.category .post-listing .listing-entry,
body.blog .post-listing .listing-entry{
width: 100%;
}
body.category .post-listing.blog .listing-entry .listing-img,
body.blog .post-listing.blog .listing-entry .listing-img{
width: 268px;
}
.wp-block-group__inner-container > p + div{
margin-top: 25px;
}
.single-post .entry-header .wrap,
.single-post .entry-content .wrap{
max-width: 818px;
}
blockquote:before{
display: none;
}
.single-post blockquote > *:first-child:before{
content: "\201C";
font-size: 30px;
font-size: 3rem;
height: 0;
position: relative;
}
/* Card listing Accordion */
.listing-entry .accordion .content{
padding: 0px;
margin-top: 20px;
display: none;
height: auto;
}
.listing-entry .accordion .toggle{
cursor: pointer;
display: inline-block;
}
.listing-entry .accordion .toggle:after{
content: "\f107";
font-family: 'fontawesome';
margin-left: 7px;
}
.listing-entry .accordion.active .toggle:after{
content: "\f106";
}
/* END Card listing Accordion */
/*.*/
.single-post .entry-content .wrap > p img{
width: 100% !important;
}
/* . */
/* Custom CSS */
/* END Header */
/* Block Cover */
body .wp-block-cover, body .wp-block-cover-image {
padding: 0;
}
.wp-block-cover .wp-block-cover__inner-container{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
width: 100%;
align-items: center;
justify-content: center;
flex-direction: column;
}
.wp-block-cover .wp-block-cover__inner-container > *:not(.video-embed ){
z-index: 1;
}
.wp-block-cover .wp-block-cover__inner-container > *:last-child{
margin-bottom: 40px;
}
@media only screen and (min-width: 881px){
.wp-block-cover{
width: calc(100vw - 14px);
/*width: calc(100dvw);*/
position: relative;
left: 50%;
right: 50%;
margin-left: calc(-50vw + 7px);
margin-right: calc(-50vw + 7px);
}
.wp-block-cover{
/*aspect-ratio: 21 / 8.75;*/
aspect-ratio: 21 / 7;
}
.wp-block-cover:first-child:not(.meeting-search){
max-height: 1000px
}
.wp-block-cover:not(:first-child):not(.meeting-search){
max-height: 800px;
}
.wp-block-cover.alignleft,
.wp-block-cover.alignright{
width: 100%;
max-width: initial !important;
float: none;
text-align: initial;
width: calc(100vw) !important;
}
/* Fit Text */
.wp-block-cover.fit-text .wp-block-columns{
display: flex;
display: -webkit-flex;
position: relative;
flex-wrap: wrap !important;
-webkit-flex-wrap: wrap !important;
align-items: initial;
width: 100%;
}
.wp-block-cover.fit-text .wp-block-columns .wp-block-column{
height: auto !important;
flex-grow: 1 !important;
padding: 20rem 0;
position: relative;
}
.wp-block-cover.fit-text .wp-block-columns .wp-block-column.is-vertically-aligned-center{
align-self: stretch;
}
.wp-block-cover.fit-text .wp-block-columns .wp-block-column:not(.no-cover-image) .wp-block-image{
height: 100% !important;
min-height: 0px !important;
position: absolute !important;
display: flex !important;
flex-grow: 1;
}
.wp-block-cover.fit-text .wp-block-columns .wp-block-column .wp-block-image img{
height: 100% !important;
top: 0px;
}
.wp-block-cover.fit-text{
height: auto;
min-height: 0px;
aspect-ratio: initial;
}
/* END Fit Text */
}
/*.fancybox-active .custom-header,
.fancybox-active .site-footer,
.fancybox-active .wp-block-group {
width: calc(100vw);
left:unset;
right:unset;
margin: unset;
}
*/
.wp-block-cover:not(.tw){
padding: 0px !important;
}
.entry-content > .wrap > .wp-block-group:first-child,
.entry-content > .wrap > .wp-block-cover:first-child{
/*margin-top: calc(-4rem - 66px);*/
}
@media only screen and (max-width: 880px){
.entry-content > .wrap > .wp-block-group:first-child,
.entry-content > .wrap > .wp-block-cover:not(.meeting-search):first-child{
/* margin-top: calc(-4rem - 64px); */
}
.entry-content .wp-block-cover{
position: relative !important;
margin-left: -1rem;
margin-right: -1rem;
}
}
.wp-block-cover .wp-block-cover__inner-container{
max-width: 100% !important;
padding: 0 1rem;
}
.wp-block-cover .wp-block-cover__inner-container .wp-block-columns{
gap: 0px;
}
.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container .wp-block-columns,
.wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column,
.wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column > .wp-block-image,
.wp-block-cover.carousel .wp-block-cover__inner-container .wp-block-columns .wp-block-gallery{height: 100%;}
.wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column.is-vertically-aligned-center{
display: flex;
display: -webkit-flex;
/*flex-wrap: wrap;*/
/*-webkit-flex-wrap: wrap;*/
width: 100%;
align-items: center;
justify-content: center;
flex-direction: column;
}
.wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column > *{
/*flex: 100%;*/
}
/*.wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column > .wp-block-image img{*/
.wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column > .wp-block-image,
.wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column:not(.no-cover-image) > .wp-block-image img{
width: 100% !important; height: 100%;
}
.wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-image img{
object-fit: cover !important;
object-position: center !important;
}
.wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column > *:not(.wp-block-image):not(.wp-block-gallery):not(.map-container):not(iframe):not(.booking-form-embed):not(.hbspt-form){
/* max-width: 500px; */
}
.wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column > *:not(.wp-block-image):not(.wp-block-gallery):not(.ajax-map-wrap):not(.map-container):not(iframe):not(.booking-form-embed):not(.hbspt-form){
padding-left: 20px;
padding-right: 20px;
}
@media only screen and (max-width: 880px){
.wp-block-group .wp-block-group__inner-container .wp-block-columns .wp-block-column > *,
.wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column > *{
max-width: 100% !important;
}
.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container .wp-block-columns,
.wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column:not(.no-cover-image),
.wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column:not(.no-cover-image) > .wp-block-image,
/*.wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column > .wp-block-image img,*/
.wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column:not(.no-cover-image) > .wp-block-image img,
.wp-block-cover.carousel .wp-block-cover__inner-container .wp-block-columns .wp-block-gallery{
min-height: 300px;
}
.wp-block-cover.auto-height .wp-block-cover__inner-container{
min-height: 0px;
}
.meeting-search .wp-block-columns:not(.featured-regions),
div:nth-child(1n of .wp-block-cover) .wp-block-cover__inner-container .wp-block-columns,
.site-inner .wp-block-cover .wp-block-cover__inner-container .wp-block-columns.reverse-on-mobile{
flex-direction: column-reverse !important;
}
div:nth-child(2n of .wp-block-cover) .wp-block-cover__inner-container .wp-block-columns{
flex-direction: column !important;
}
/*.site-inner .wp-block-cover.force-direction-column .wp-block-cover__inner-container .wp-block-columns{*/
.site-inner .wp-block-cover .wp-block-cover__inner-container .wp-block-columns.direction-column,
.site-inner .wp-block-cover .wp-block-cover__inner-container .wp-block-columns.force-direction-column{
flex-direction: column !important;
}
.wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column{
padding: 50px 0;
overflow: hidden;
flex-basis:100%!important;
}
.wrap > .wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column:not(.no-cover-image) .wp-block-image,
.wrap > .wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column .wp-block-gallery{
margin-top: -50px;
margin-bottom: -50px !important;
}
.wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column:not(.no-cover-image) > figure{
padding-top: 50%;
position: relative;
}
.wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column > figure > img,
.wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column:not(.no-cover-image) > figure.wp-block-gallery > *{
position: absolute;
top: 0px;
width: 100% !important; height: 100%;
}
}
/* END Block Cover */
/*
===============================================================
===============================================================
===============================================================
*/
/*.*/
/* Custom starts here */
.ease{
transition: all 1.3s ease-in-out;
-webkit-transition: all 1.3s ease-in-out;
-moz-transition: all 1.3s ease-in-out;
-o-transition: all 1.3s ease-in-out;
-ms-transition: all 1.3s ease-in-out;
}
.custom-header .mega-menu{
min-height: 90px;
}
.site-inner{
margin-top: 90px !important;
}
.custom-header .main-menu{
min-height: 64px;
}
@media only screen and (min-width: 881px) {
.menu-primary{
display: flex;
gap: 32px;
}
}
@media only screen and (max-width: 950px) {
.menu-primary{
gap: 20px;
}
.custom-header .mega-menu.wrap .nav-primary{
gap: 30px !important;
}
}
.menu-login a{
padding: 0px;
}
.menu-login a span{
font-size: 0px;
}
.menu-login a span:before{
content: "";
background: var(--wpr-bg-111ad13f-1fd4-4361-aa0e-842f3fb7a692);
width: 40px;
height: 40px;
display: inline-block;
}
@media screen and (min-width: 881px) {
.outside{
position: fixed;
width: 100%;
height: 100%;
background-color: transparent;
z-index: -1;
left: -100%;
/*transition: opacity .4s ease-in-out;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity.4s ease-in-out;
-ms-transition: opacity .4s ease-in-out; */
cursor: pointer;
opacity: 0;
transition: left 0s 0.4s, background-color 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out, opacity 0.4s 0.4s ease-in-out;
-webkit-transition: left 0s 0.4s, background-color 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out, opacity 0.4s 0.4s ease-in-out;
-moz-transition: left 0s 0.4s, background-color 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out, opacity 0.4s 0.4s ease-in-out;
-o-transition: left 0s 0.4s, background-color 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out, opacity 0.4s 0.4s ease-in-out;
-ms-transition: left 0s 0.4s, background-color 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out, opacity 0.4s 0.4s ease-in-out;
}
.outside.active{
left: 0px;
z-index: -1;
background-color: rgba(0,0,0,0.4);
backdrop-filter: blur(6px);
opacity: 1;
transition: background-color 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out, opacity 0.4s ease-in-out;
-webkit-transition: background-color 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out, opacity 0.4s ease-in-out;
-moz-transition: background-color 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out, opacity 0.4s ease-in-out;
-o-transition: background-color 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out, opacity 0.4s ease-in-out;
-ms-transition: background-color 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.outside.active:hover{
backdrop-filter: none;
}
}
/* Header */
.custom-header.fixed .mega-menu,
.custom-header.fixed{
/*transition: 1s ease-in-out;*/
transition-property: top;
}
.custom-header.fixed.peek-out .mega-menu,
.custom-header.fixed.peek-out{
top: -190px !important;
}
.custom-header.mega-menu-hovered.fixed.peek-out{
top: 0px !important;
background: #233C4F;
}
/*New Mega Menu and Dynamic List here:*/
.custom-header .mega-menu.wrap{
padding: 0px !important;
background-color: #12120F;
backdrop-filter: blur(12px);
}
/*spao*/
.custom-header .mega-menu.wrap nav > ul > li:not(.menu-button) > a:focus,
.custom-header .mega-menu.wrap nav .featured a:focus span{
animation: tab-depress 0.25s cubic-bezier(0.2, 0, 0, 1) forwards;
}
.custom-header .mega-menu.wrap nav > ul > li > a{
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-weight: 400;
}
.custom-header .mega-menu.wrap nav > ul > li.btn > a{
border-radius: 0px;
color: #ffffff;
line-height: normal !important;
padding: 0 8rem;
}
@media only screen and (max-width: 880px){
.custom-header .main-menu{
height: 100%;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
padding: 0px 1 rem;
}
.custom-header .main-menu .nav-primary .logo-wrapper{
display: none;
}
.custom-header .main-menu .nav-primary li a{
line-height: 28px;
}
}
@media only screen and (min-width: 881px) {
.custom-header .mega-menu.wrap .nav-primary{
display: -webkit-flex !important;
display: flex !important;
-webkit-align-items: center !important;
align-items: center !important;
width: 100%;
flex: none !important;
height: 66.8px;
gap: 60px;
}
.custom-header .mega-menu.wrap .nav-primary:before,
.custom-header .mega-menu.wrap .nav-primary:after{
display: none;
}
.custom-header .mega-menu .nav-primary > ul,
.custom-header .mega-menu .nav-primary > ul:first-child{
float: none !important
}
.custom-header .mega-menu .nav-primary > ul:first-child{
display: -webkit-flex;
display: flex;
-webkit-flex: 1 1;
flex: 1 1;
height: 100%;
}
.custom-header .mega-menu .nav-primary > ul:last-child{
display: -webkit-flex;
display: flex;
-webkit-flex: 1 1;
flex: 1 1;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.custom-header .mega-menu .nav-primary .logo-wrapper{
position: relative;
height: 100%;
text-align: center;
align-items: center;
display: flex;
}
.custom-header .mega-menu .nav-primary .logo-wrapper a .img-logo{
text-align: center !important;
margin: 0 auto;
background-position: center center !important;
}
.custom-header .mobile-only{
display: none !important;
}
.menu-primary .sub-menu.custom > .wrap{
padding: 0px;
line-height: 20px;
}
.menu-primary .sub-menu > .wrap {
width: 576px;
}
.menu-primary .sub-menu > .wrap > .row {
width: 100%;
max-width: 100%;
}
.menu-primary > li > .sub-menu > .wrap > .row > ul{
width: 100%;
padding: 20px;
column-count: 2;
}
.menu-primary .sub-menu > .wrap > .row > ul > li{
width: 100%;
}
.has-featured-image.menu-item a{
padding: 8px !important;
display: flex !important;
gap: 16px;
border-radius: 5px;
}
.has-featured-image.menu-item a:hover{
background: rgb(249, 250, 251);
opacity: 1;
}
.has-featured-image.menu-item a .featured-image{
min-width: 48px; height: 48px;
display: flex !important;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-color: rgba(0,0,0,0.1);
background-size: 24px 24px;
border-radius: 5px;
}
.desktop-only a span,
.has-featured-image.menu-item a span{
display: block;
color: rgb(107, 114, 128);
font-weight: 400;
}
.sub-menu .desktop-only .right svg{
width: 24px; height: 24px;
color: rgb(156, 163, 175);
}
.menu-primary .sub-menu .desktop-only{
padding: 20px;
background: rgb(249, 250, 251);
}
.menu-primary .sub-menu ul > .desktop-only:last-child{
display: none;
}
.menu-primary .sub-menu .desktop-only a{
padding: 8px;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
width: 100%;
align-items: center;
justify-content: space-between;
border-radius: 6px;
}
.menu-primary .desktop-only a:hover{
background: rgb(243, 244, 246) !important;
}
.menu-primary .sub-menu .desktop-only p{
margin: 0px;
}
.menu-primary .sub-menu .left p ~ *{
font-weight: 400;
color: rgb(107, 114, 128);
}
/* Switch order */
.custom-header .mega-menu .nav-primary > ul:first-child > li:first-child{
order: 2;
}
.custom-header .nav-primary li.menu-item-has-children a{
cursor: pointer !important;
}
.genesis-nav-menu .sub-menu {
transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out; /* For Safari and older WebKit browsers */
-moz-transition: all 0.1s ease-in-out; /* For Firefox (older versions) */
-o-transition: all 0.1s ease-in-out; /* For Opera (older versions) */
-ms-transition: all 0.1s ease-in-out; /* For Internet Explorer (older versions) */
margin-top: 0px;
left: 0;
height: 0;
box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
background: var(--color-bg-primary);
color: var(--color-text-primary);
width: 100vw !important;
max-width: 100vw !important;
position: fixed;
display: flex;
}
.genesis-nav-menu .menu-item > .sub-menu {
height: auto;
visibility: visible;
left: 0;
top: auto;
}
.genesis-nav-menu .menu-item.active > .sub-menu {
opacity: 1;
}
.genesis-nav-menu .menu-item > .sub-menu .wrap{
max-width: var(--w-normal-wrap);
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
}
.genesis-nav-menu .menu-item > .sub-menu .wrap > .flex-wrap{
width: 100%;
}
.genesis-nav-menu .menu-item > .sub-menu .wrap > .flex-wrap a{
color: var(--color-text-primary);
}
/* Offerings Variant */
.sub-menu .wrap > .flex-wrap .offerings-variant{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
width: 100%;
gap: 32px;
}
.sub-menu .wrap > .flex-wrap .offerings-variant .featured{
display: flex;
/*flex-grow: 1;*/
flex: 1 1 0;
gap: 32px;
}
.sub-menu .wrap > .flex-wrap .offerings-variant .featured .card{
flex: 1; /* Both cards will be equal width */
display: flex;
flex-direction: column;
padding: 24px;
border: 1px solid var(--border-color) !important;
border-radius: 1px !important;
gap: 18px;
background: var(--color-bg-primary);
}
.sub-menu .wrap > .flex-wrap .offerings-variant .featured .card:hover{
border-color: rgb(var(--color-text-accent-rgb) / 0.8) !important;
}
/* .sub-menu .wrap > .flex-wrap .offerings-variant .featured .card:hover{
background: var(--gradient-half);
}*/
/* Pseudo Gradient ease */
.offerings-variant .additional ul li a,
.locations-variant .tabs-column .tab,
.sub-menu .wrap > .flex-wrap .offerings-variant .featured .card{
/* background: var(--gradient-half); */
position: relative;
background: transparent !important;
transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
}
/*None to Gradient*/
.offerings-variant .additional ul li a:after,
.locations-variant .tabs-column .tab:after,
.sub-menu .wrap > .flex-wrap .offerings-variant .featured .card:after{
content: "";
width: 100%; height: 100%;
top: 0px; left: 0px;
background: var(--gradient-half);
display: flex;
position: absolute;
z-index: -1;
opacity: 0;
transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
}
.offerings-variant .additional ul li a:hover:after,
.locations-variant .tabs-column .tab.active:after,
.locations-variant .tabs-column .tab:hover:after,
.sub-menu .wrap > .flex-wrap .offerings-variant .featured .card:hover:after{
opacity: 1;
}
.locations-variant .tabs-column .tab:not(.active):hover:after{
opacity: 0.5;
}
.post-listing .listing-img:after{
z-index: 1;
}
/* END Pseudo Gradient ease */
.offerings-variant .featured .card .featured-img{
aspect-ratio: 12 / 7;
flex: 1;
background-size: cover;
background-position: center center;
overflow: hidden;
}
.offerings-variant .featured .card {
padding: 0;
}
.offerings-variant .featured .card span{
font-size: var(--fs-body-xl);
line-height: var(--lh-body-xl);
font-weight: var(--fw-body-xl);
letter-spacing: var(--ls-body-xl);
font-family: var(--font-serif);
display: flex;
align-items:center;
line-height: 1;
}
.offerings-variant .featured .card span:after{
content: "";
background-image: var(--wpr-bg-047aed2f-840b-42a5-8347-5731bedb73e3);
background-size: contain;
background-position: center center;
width: 14px; height: 7px;
margin-top: 6px;
margin-left: 8px;
position: relative;
display: block;
-webkit-transition: -webkit-transform 0.3s ease;
-moz-transition: -moz-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
transform: rotate(270deg);
}
.offerings-variant .featured .card:hover span:after{
transform: rotate(270deg) scale(1.1) translateY(5px);
}
.sub-menu .wrap > .flex-wrap .offerings-variant .additional,
.locations-variant .tabs-column{
max-width: 360px;
width: 100%;
}
.sub-menu .wrap > .flex-wrap .offerings-variant .additional .text-accent{
margin-bottom: 10px;
font-size: 16px;
line-height: 18px;
letter-spacing: 0.2em;
font-weight: 600;
}
.offerings-variant .additional ul{
display: flex;
flex-direction: column;
}
.offerings-variant .additional ul li,
.locations-variant .tabs-column .tab {
width: 100%;
flex: 1;
}
.offerings-variant .additional ul li a,
.locations-variant .tabs-column .tab {
border-bottom: 1px solid var(--border-color) !important;
}
.offerings-variant .additional ul li a,
.locations-variant .tabs-column .tab {
font-size: var(--fs-body-lg);
line-height: var(--lh-body-lg);
font-weight: var(--fw-body-lg);
letter-spacing: var(--ls-body-lg);
padding: 17px 0;
}
.offerings-variant .additional ul li a:hover,
.locations-variant .tabs-column .tab.active {
background: var(--gradient-half);
}
.offerings-variant .additional ul li a:focus span,
.locations-variant .tabs-column .tab.active > *{
display: block;
animation: tab-depress 0.25s cubic-bezier(0.2, 0, 0, 1) forwards;
}
.offerings-variant .additional ul li a:hover,
.locations-variant .tabs-column .tab:hover {
/*border-color: var(--color-text-accent) !important;*/
border-color: rgb(var(--color-text-accent-rgb) / 0.8) !important;
}
.sub-menu .wrap > .flex-wrap .locations-variant{
display: flex;
display: -webkit-flex;
width: 100%;
gap: 44px;
}
.locations-variant .tab{
cursor: pointer;
}
.locations-variant .contents-column {
display: flex;
flex-grow: 1;
}
.locations-variant .contents-column > div:not(.active) {
/* display: none; */
visibility: hidden;
max-width: 0px; max-height: 0px;
transform: translateY(-20px);
transition: none;
opacity: 0;
}
.locations-variant .contents-column > div.active {
position: relative;
transform: translateY(0px);
opacity: 1;
transition:
/*transform 0.4s ease-in-out;*/
transform 0.4s ease-in-out,
opacity 0.1s ease-in-out;
}
/* .locations-variant .contents-column .location-grid{
column-count: 3;
column-gap: 30px;
list-style: none;
padding: 0;
margin: 0;
width: 100%;
gap: 27px;
}
.locations-variant .contents-column .location-grid li {
break-inside: avoid-column;
-webkit-column-break-inside: avoid;
margin-bottom: 8px;
display: block;
width: 100%;
}*/
/*. 2nd version xx */
/* .locations-variant .contents-column .location-grid {
column-count: 3;
column-gap: 30px;
column-fill: autro;
width: 100%;
display: block;
list-style: none;
padding: 0;
margin: 0;
}
.locations-variant .contents-column .location-grid li {
break-inside: avoid-column;
-webkit-column-break-inside: avoid;
display: inline-block;
width: 100%;
margin-bottom: 8px;
}*/
.locations-variant .contents-column{
padding-right: 16px;
}
.locations-variant .contents-column .city-pane {
width: 100%;
}
.locations-variant .contents-column .location-grid {
/* 1. Force the count */
column-count: 3;
column-gap: 40px;
/* 2. Fix the typo and force filling logic */
column-fill: balance;
/* 3. Ensure the container takes up all available horizontal space */
width: 100%;
max-width: 100%;
display: block;
/* 4. Critical: Prevent the browser from calculating width based on text */
column-width: auto;
list-style: none;
padding: 0;
margin: 0;
}
/* Prevent subregion groups from splitting across columns and add space between groups */
.locations-variant .contents-column .location-grid .location-subregion-group {
display: block;
width: 100%;
break-inside: avoid;
break-inside: avoid-column;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
margin-bottom: 30px; /* Gap between groups in the column flow */
}
/* Apply colors and bottom border to the subregion title */
.locations-variant .contents-column .location-grid .location-subregion-title {
display: block;
color: var(--color-text-accent) !important;
border-bottom: 1px solid var(--btn-fill-primary);
padding-bottom: 6px;
margin-bottom: 10px;
font-size: 12px;
letter-spacing: 0.2em;
font-weight: 500;
text-transform: uppercase;
}
.locations-variant .contents-column .location-grid li {
/* 5. Switch from inline-block to block */
/* inline-block can cause width 'shrugging' based on text length */
display: block;
width: 100%;
/* Keep your break prevention */
break-inside: avoid-column;
-webkit-column-break-inside: avoid;
/* 6. Ensure long words don't push the column wider */
overflow-wrap: break-word;
word-break: break-word;
}
/*Location Grid v2*/
.test.locations-variant .contents-column .location-grid {
display: flex;
flex-direction: column;
flex-wrap: wrap;
max-height: 50px;
gap: 12px 30px;
/* 1. CRITICAL: Forces all columns to pack closely together from the top */
align-content: flex-start;
width: 100%;
max-width: 100%;
list-style: none;
padding: 0;
margin: 0;
}
/* Keep entire subregion groups intact in Flex columns and handle spacing */
.test.locations-variant .contents-column .location-grid .location-subregion-group {
display: flex;
flex-direction: column;
break-inside: avoid;
break-inside: avoid-column;
-webkit-column-break-inside: avoid;
margin-bottom: 24px; /* Spacing in flex-direction: column flow */
}
/* Fallback styling for subregion titles inside Test/V2 Grid */
.test.locations-variant .contents-column .location-grid .location-subregion-title {
display: block;
color: var(--color-text-accent);
border-bottom: 1px solid var(--btn-fill-primary);
padding-bottom: 6px;
margin-bottom: 10px;
font-weight: 600;
}
.test.locations-variant .contents-column .location-grid li {
/* 2. Change flex-grow from 1 to 0 so they don't stretch vertically */
flex: 0 1 calc(33.333% - 20px);
max-width: 100%;
box-sizing: border-box;
overflow-wrap: break-word;
word-break: break-word;
}
/*END Location Grid v2*/
.locations-variant .contents-column .location-grid li a{
padding: 6px 0;
font-weight: 400;
font-size: 15px;
gap: 6px;
}
/* .locations-variant .pane-header a:hover,
.locations-variant .contents-column .location-grid li a:hover{
color: var(--color-text-accent) !important;
}
*/
.locations-variant .pane-header a span:not(.badge),
.locations-variant .contents-column .location-grid li a span:not(.badge){
text-decoration-color: transparent !important;
transition: text-decoration-color 0.3s ease !important;
}
.locations-variant .pane-header a:hover span:not(.badge),
.locations-variant .contents-column .location-grid li a:hover span:not(.badge){
/* color: var(--color-text-accent) !important; */
text-decoration: underline !important;
text-decoration-color: currentcolor !important;
}
.locations-variant .contents-column .pane-header{
padding: 24px 0;
margin-bottom: 5px;
}
.locations-variant .contents-column .pane-header a{
font-size: 12px;
letter-spacing: 0.2em;
font-weight: 500;
}
.locations-variant .contents-column .pane-header a span{
display: flex;
align-items: center;
text-transform: uppercase;
}
.locations-variant .contents-column .pane-header a span:after{
content: "";
background-image: var(--wpr-bg-ef7a1bf7-e26a-479d-8395-302a36117cd9);
background-size: contain;
background-position: center center;
width: 8px; height: 4px;
margin-left: 10px;
position: relative;
display: block;
-webkit-transition: -webkit-transform 0.3s ease;
-moz-transition: -moz-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
transform: rotate(270deg);
}
.mega-menu li:not(.active) .sub-menu {
/*transition: opacity var(--transition-ease-in-out-cubic);*/
}
.mega-menu li.active .sub-menu {
/*transition: var(--transition-ease-in-out-cubic);*/
}
.mega-menu li .sub-menu {
transition: var(--transition-ease-in-out-cubic);
transition-delay: 0.3s;
}
.mega-menu li .sub-menu .wrap{
opacity: 0;
top: -20px;
position: relative;
-webkit-transition: 1s ease;
-moz-transition: 1s ease;
-o-transition: 1s ease;
transition: 1s ease;
transition: var(--transition-ease-in-out-cubic);
transition-duration: 0.5s;
transition-delay: 0.3s;
transition:
top 0.5s ease,
opacity 0.3s ease-out;
/* Optional: helps with stuttering during multi-property transitions */
will-change: top, opacity;
}
.mega-menu li.active .sub-menu .wrap{
opacity: 1;
top: 0px;
}
.genesis-nav-menu .menu-item > .sub-menu {
/* padding-bottom: 20px !important; */
transition: top var(--transition-ease-in-out-cubic);
transition-duration: 1s;
transition-delay: 0.3s;
/*margin-top: -20px;*/
z-index: -1111;
left: -99999px;
}
.genesis-nav-menu .menu-item.active > .sub-menu {
padding-bottom: 0px !important;
/*margin-top: 0px;*/
z-index: 99;
left: 0px;
}
/* end desktop mega menu */
}
@media only screen and (min-width: 881px) and (max-width: 1111px) {
.locations-variant .contents-column .location-grid{
column-count: 2;
}
}
.location-grid li a{
line-height: 1.6;
display: flex !important;
flex-wrap: wrap;
/*gap: 6px;*/
}
.sub-menu .badge{
background: var(--btn-gradient-vertical);
color: #ffffff;
padding: 3px 12px;
border-radius: 20px;
font-size: 12px;
font-weight: 500;
/*margin-left: 6px;*/
position: relative;
top: 0px !important;
text-decoration: none !important;
overflow: hidden;
display: inline-block;
/*vertical-align: middle;*/
}
@media( min-width: 881px){
.sub-menu .badge{
padding: 1px 10px;
height: 20px;
}
}
.site-footer .dynamic-list .badge{
display: none;
}
.sub-menu .badge::after {
content: '';
position: absolute;
top: 0%;
left: -75%;
width: 50%;
height: 100%;
background: linear-gradient(
120deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,0.3) 50%,
rgba(255,255,255,0) 100%
);
transform: skewX(-20deg);
opacity: 0;
transition: left 0.7s ease, opacity 0.7s ease;
pointer-events: none;
}
.sub-menu a:hover .badge::after {
left: 125%;
opacity: 1;
}
.custom-header .mega-menu.wrap nav > ul > li:not(.menu-button) > a:not([href="#"]):hover{
text-decoration: underline !important;
}
.custom-header .mega-menu.wrap nav > ul > li.menu-button {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
}
/* END Dynamic List */
/* Mobile Menu */
.custom-header .row{
margin: 0px;
}
@media only screen and (max-width: 880px) {
.custom-header{
height: 64px;
padding: 0 16px !important;
}
.site-inner{
margin-top: 64px !important;
}
.custom-header:before{
content: "";
height: 64px;
width: 100%;
background-color: var(--color-bg-primary);
backdrop-filter: blur(12px);
position: absolute;
top: 0px; left: 0px;
}
.logo-mobile a .img-logo{
width: 36px;
height: 36px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#genesis-nav-primary.nav-primary > .wrap{
max-width: 320px;
overflow-x: hidden;
overflow-y: scroll;
margin: 0px;
height: 100%;
background: var(--color-bg-primary);
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
position: relative;
padding-top: 16px;
}
#genesis-nav-primary.nav-primary {
cursor: pointer;
}
#genesis-nav-primary.nav-primary .wrap{
cursor: auto;
}
.custom-header .main-menu .nav-primary li a {
font-size: 16px;
/*line-height: 1;*/
line-height: 1.5;
}
.mobile-only .mobile-menu-button{
transform: scale(0.7);
position: absolute !important;
}
.mobile-only .burger-bar{
background-color: var(--color-text-primary) !important;
}
.mobile-only .mobile-menu-button:hover .burger-bar{
background-color: var(--color-text-accent) !important;
}
.js-menu-active .burger-bar:last-child{
opacity: 0;
}
.nav-primary > .wrap {
transition: left 0.3s ease-in-out;
-webkit-transition: left 0.3s ease-in-out; /* For Safari and older WebKit browsers */
-moz-transition: left 0.3s ease-in-out; /* For Firefox (older versions) */
-o-transition: left 0.3s ease-in-out; /* For Opera (older versions) */
-ms-transition: left 0.3s ease-in-out; /* For Internet Explorer (older versions) */
left: -100% !important;
}
.js-menu-active ~ .nav-primary > .wrap {
left: 0px !important;
}
.mobile-only .logo-mobile{
margin-bottom: 16px;
margin-top: 13px;
}
.mobile-only .logo-mobile,
.mobile-only ul > li{
padding: 0 16px;
}
.mobile-only .logo-mobile{
width: max-content;
}
.menu-primary > li > .sub-menu{
margin-bottom: 10px !important;
}
.menu-primary > li li a:hover{
/* text-decoration: underline; */
}
.genesis-responsive-menu .genesis-nav-menu .sub-menu{
}
.main-menu > .mobile-menu-button.js-menu-active{
display: none;
}
/* Custom nesting */
.custom-header .wrap{
padding-top: 0px !important;
}
.custom-header .mobile-only{
display: flex !important;
flex-direction: column;
flex: 1;
height: 100%;
}
.custom-header .menu-primary {
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
}
.custom-header .menu-primary .docked-bottom{
margin-top: auto;
/* flex: 1; */
}
.menu-primary > .menu-item > a{
color: #D2AF6B !important;
font-size: 14px !important;
text-transform: uppercase;
letter-spacing: 0.2em;
font-weight: 600;
}
.menu-primary > .menu-item .sub-menu{
display: block;
color: var(--color-text-primary);
}
.menu-primary .tabs-column{
display: none !important;
}
.menu-primary > .menu-item .sub-menu a{
color: var(--color-text-primary);
}
.menu-primary > .menu-item .sub-menu .pane-header a:hover,
.menu-primary > .menu-item .sub-menu li:not(.menu-button) > a:hover{
color: var(--color-text-accent);
}
.menu-primary .location-grid{
display: none !important;
}
.menu-primary .sub-menu-toggle{
display: none;
}
.menu-primary .sub-menu .flex-wrap{
flex-direction: column;
}
.menu-primary .additional .text-accent{
display: none;
}
.menu-primary .additional ul{
flex-direction: column;
}
.menu-primary .additional ul li{
width: 100%;
}
.custom-header .menu-primary .docked-bottom{
display: flex !important;
gap: 10px;
flex-direction: column;
}
.docked-bottom > a{
display: none !important;
}
.docked-bottom .menu-button a:hover{
background: var(--btn-gradient-primary-hover);
}
.docked-bottom .menu-button span{
/* padding: 0 !important; */
/* display: flex;
flex-direction: column; */
z-index: 1;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.docked-bottom .menu-button.outline a:before{
content: "";
position: absolute;
width: calc(100% - 4px);
height: calc(100% - 4px);
display: block;
top: 2px;
left: 2px;
z-index: 0;
border-radius: 2px;
}
.docked-bottom .flex-wrap{
gap: 10px;
display: flex;
flex-direction: column;
}
.docked-bottom{
padding-bottom: 20px !important;
}
/* End Custom Nesting */
/* Mobile Submenu */
#menu-header-menu-mobile .menu-item-region .sub-menu{
display: none;
}
.sub-menu-toggle::before{
content: "";
background-image: url(../../../../../../../themes/genesis-sample/images/icon-caret.png);
background-size: contain;
background-position: center center;
width: 14px; height: 7px;
margin-left: 8px;
top: 1px;
position: relative;
-webkit-transition: -webkit-transform 0.3s ease;
-moz-transition: -moz-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
}
.sub-menu-toggle.activated::before{
-webkit-transform: rotate(180deg); /* Chrome, Safari */
-moz-transform: rotate(180deg); /* Firefox */
-ms-transform: rotate(180deg); /* IE 9 */
-o-transform: rotate(180deg); /* Old Opera */
transform: rotate(180deg);
}
#menu-header-menu-mobile .menu-item-region > a{
display: inline-block;
width: max-content !important;
}
#menu-header-menu-mobile .menu-item-region .sub-menu-toggle{
display: block !important;
}
.genesis-responsive-menu .menu-item-region .sub-menu{
border: 1px solid var(--border-color) !important;
border-radius: 1px !important;
padding: 10px 20px;
background: var(--background-gradient, linear-gradient(180deg, rgba(18, 18, 15, 0.50) 41.37%, rgba(120, 120, 100, 0.25) 246.17%)) !important;
/* background: linear-gradient(90deg, #d4ba79 0%, #6F5C38 25%, #d4ba79 50%, #6F5C38 75%, #d4ba79 100%); */
}
body .menu-item-region .sub-menu{
/*margin-bottom: 10px !important;*/
/*margin-top: 10px !important;*/
}
.menu-item-region .sub-menu{
/* Hide physically and visually */
display: none; /* jQuery will change this to block */
opacity: 0 !important;
transform: scale(0.85) translateY(-20px);
/* Transition for CLOSING */
transition:
transform 0.3s ease,
opacity 0.2s ease;
/* 1. The GPU trigger */
will-change: transform, opacity;
/* 2. Fixes the "blurry text" snap in Chrome/Safari */
backface-visibility: hidden;
/* 3. Forces 3D rendering (another way to stop flickering) */
transform-style: preserve-3d;
/* 4. Improves font rendering during scaling */
-webkit-font-smoothing: subpixel-antialiased;
}
.menu-item-region .sub-menu-toggle.activated ~ .sub-menu {
opacity: 1 !important;
transform: scale(1) translateY(0px);
/* Transition for OPENING */
/* We keep the timings the same but ensure they are here */
transition:
transform 0.3s ease,
opacity 0.1s ease;
}
.sub-menu .badge:after{
display: none !important;
}
/* Apply gap spacing between groups in the mobile sub-menu flow */
.mobile-only .sub-menu .location-subregion-group {
display: block;
margin-bottom: 20px;
}
.mobile-only .sub-menu .location-subregion-group:first-child {
margin-top: 10px;
}
/* Apply the accent color, bottom border, and text formatting to the mobile titles */
.mobile-only .sub-menu .location-subregion-title {
display: block;
color: var(--color-text-accent) !important;
border-bottom: 1px solid var(--btn-fill-primary);
padding-bottom: 6px;
margin-bottom: 10px;
font-size: 12px !important;
letter-spacing: 0.2em;
font-weight: 500;
text-transform: uppercase;
}
/* END Mobile Submenu */
}
/*@media only screen and (max-width: 880px) and (min-width: 571px) {
.js-menu-active .custom-header ~ *{
transition: transform 0.4s ease-in-out !important;
transform:translateX(320px) !important;
}
}
*/
@media only screen and (max-width: 570px) {
#genesis-nav-primary.nav-primary > .wrap{
max-width: 100%;
}
#genesis-nav-primary.nav-primary .mobile-only {
max-width: 400px;
margin: 0 auto;
}
}
@media only screen and (max-width: 1080px) and (min-width: 881px){
.custom-header .wrap .logo-wrapper .img-logo{
width: 170px;
}
}
/* END Header */
/* Footer */
.site-footer{
background-color: var(--color-bg-primary);
color: var(--color-text-primary);
}
.site-footer .grid > div:first-child img{
max-width: 240px;
}
.site-footer .widget-title{
color: var(--color-text-accent);
font-family: var(--font-sans-serif);
font-size: var(--fs-heading-xs);
font-style: normal;
font-weight: 600;
line-height: 16px; /* 106.667% */
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 24px;
display: block;
}
.site-footer a{
color: var(--color-text-primary);
}
.site-footer a:hover{
color: var(--color-text-accent);
text-decoration: none;
}
.site-footer ul.menu,
.site-footer ul.sub-menu,
.site-footer .dynamic-list{
row-gap: 16px;
display: flex;
flex-direction: column;
}
.site-footer .dynamic-list{
row-gap: 1rem;
}
.site-footer .dynamic-list .menu-item-has-children > a{
color: rgb(17 24 39 / var(--tw-text-opacity));
text-transform: uppercase;
font-size: .875rem;
line-height: 1.25rem;
/* font-size scales but never goes below 16px */
font-size: clamp(16px, 0.875rem, 1rem);
/* line-height scales with font size but minimum 1.5 */
line-height: 1.5;
font-weight: 500;
}
.site-footer .dynamic-list li{
margin: 0px;
}
.site-footer .dynamic-list .menu-item-has-children > .sub-menu{
margin-top: .5rem;
}
.post-footer{
display: flex;
display: -webkit-flex;
width: 100%;
align-items: flex-end;
justify-content: space-between;
gap: 50px;
}
.post-footer .social-media-links{
padding-bottom: 10px;
}
/* Post footer Newsletter form */
.post-footer > .widget_text:first-child{
max-width: 998px;
width: 100%;
margin: 0px;
}
.post-footer > .widget_text:first-child form > .flex-wrap{
width: 100%;
max-width: 795px;
gap:16px;
flex-wrap: nowrap;
}
.post-footer > .widget_text:first-child form > .flex-wrap .fields-wrap,
.post-footer > .widget_text:first-child form > .flex-wrap .submit-wrap{
display: flex;
gap:16px;
}
.post-footer > .widget_text:first-child form > .flex-wrap .fields-wrap{
flex-wrap: nowrap;
flex: 1;
}
.post-footer > .widget_text:first-child form .fields-wrap .col{
width: 100%;
}
.post-footer > .widget_text:first-child form .fields-wrap .col:first-child{
max-width: 280px;
width: 100%;
}
.post-footer > .widget_text:first-child form .wpcf7-form-control-wrap input{
max-width: 360px;
width: 100%;
}
.post-footer > .widget_text:first-child form input[type="submit"]{
white-space: nowrap;
line-height: 1;
}
.post-footer .turnstile-wrap{
display: none;
}
.post-footer h4{
margin-bottom: 20px;
}
.post-footer .selectpicker ~ br{
display: none;
}
.post-footer .bootstrap-select:not(.has-value) .filter-option{
color: var(--color-text-placeholder);
}
.post-footer .social-media-links a:hover svg{
/* 1. brightness(0) turns #f3f3f3 to black */
/* 2. The remaining filters turn that black into #D2AF6B */
filter: brightness(0) saturate(100%) invert(81%) sepia(18%) saturate(1039%) hue-rotate(351deg) brightness(89%) contrast(85%);
}
.copyright{
padding-top: 20px;
position: relative;
font-size: var(--fs-body-sm);
}
.copyright:before{
content: "";
width: 100%; height: 1px;
top: 0px; left: 0px;
background: var(--btn-gradient-prismatic);
display: flex;
position: absolute;
}
/* END Post footer Newsletter form */
@media only screen and (min-width: 1101px) {
/* Target the parent container to redistribute the 5 columns */
.site-footer .grid {
display: grid !important;
/* This gives the logo (1) less space and the menus (2,3,4) more space */
grid-template-columns: 1fr 1.5fr 1.5fr 2fr 0.5fr !important;
}
/* Optional: Specifically control the Logo container */
.site-footer .grid > div:nth-child(1) {
/* Prevents the logo column from taking up more than 20% if you want it tight */
max-width: 200px;
}
/* Target Locations, Office Types, and Resources to prevent text wrapping */
.site-footer .grid > div:nth-child(2),
.site-footer .grid > div:nth-child(3),
.site-footer .grid > div:nth-child(4) {
width: 214px;
}
}
@media only screen and (max-width: 1100px) {
.site-footer .grid{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
width: 100%;
gap: 30px;
}
.site-footer .grid > div{
/* text-align: center; */
}
.site-footer .grid > div:nth-child(1) {
flex: 0 0 100%;
/* text-align: center; */
margin-bottom: 20px;
}
.site-footer .grid > div:nth-child(1) img{
/* margin: 0 auto; */
}
.site-footer .social-media-links{
text-align: center;
justify-content: center;
}
.site-footer .grid > div:nth-child(n+2) {
flex: 0 0 calc((100% - 60px) / 3); /* 60px = 2 gaps of 30px */
}
}
@media only screen and (max-width: 880px) {
.post-footer{
flex-direction: column;
align-items: flex-start;
gap: 30px;
}
}
@media only screen and (max-width: 767px) {
.post-footer{
align-items: flex-start;
}
.post-footer > .widget_text:first-child form > .flex-wrap{
flex-direction: column;
}
.post-footer > .widget_text:first-child form > .flex-wrap .fields-wrap .col{
max-width: 100% !important;
}
.post-footer > .widget_text:first-child form > .flex-wrap .fields-wrap .col input{
max-width: 100%;
}
.post-footer > .widget_text:first-child form > .flex-wrap .fields-wrap, .post-footer > .widget_text:first-child form > .flex-wrap .submit-wrap{
flex: 1;
width: 100%;
}
.post-footer > .widget_text:first-child form > .flex-wrap .fields-wrap, .post-footer > .widget_text:first-child form > .flex-wrap .submit-wrap .col{
width: 100%;
}
.post-footer .submit-wrap .pseudo-button,
.post-footer .submit-wrap .pseudo-button input{
width: 100%;
}
}
@media only screen and (max-width: 600px) {
.site-footer .grid > div:nth-child(n+2) {
flex: 0 0 100%;
text-align: left;
}
}
@media only screen and (max-width: 530px) {
.post-footer > .widget_text:first-child form > .flex-wrap .fields-wrap{
flex-direction: column;
}
.post-footer > .widget_text:first-child form .fields-wrap .col{
max-width: 100% !important;
width: 100%;
}
}
/* END Footer */
/* Docked CTA */
.docked-cta {
padding: 16px;
background: rgba(18, 18, 15, 0.15);
backdrop-filter: blur(6px);
gap: 16px;
border-color: #4a4a4a;
}
.docked-cta:after {
content:"";
position: absolute;
bottom: -100px;
height: 100px; width: 100%; left: 0px;
background: rgba(18, 18, 15, 0.15);
backdrop-filter: blur(6px);
}
.docked-cta {
/* Initial State: Sunk deep below the screen */
translate: 0 100px;
scale: 0.9;
opacity: 0;
pointer-events: none;
/*
The Peeking Easing:
The '0.175, 0.885, 0.32, 1.275' values create a slight
back-and-forth "elastic" settle at the end of the move.
*/
transition:
translate 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275),
scale 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275),
opacity 0.4s ease;
will-change: translate, scale;
}
/* When the JS triggers this class on the tag */
.above-the-fold .docked-cta {
translate: 0 0;
scale: 1;
opacity: 1;
pointer-events: auto;
}
.docked-cta > .flex{
border-radius: var(--radius-sm, 4px);
background: linear-gradient(90deg, #6F5C38 0%, #4E3C1C 100%);
}
.docked-cta a{
color: var(--color-text-primary);
background: transparent;
padding: 16px;
font-size: var(--fs-body-sm);
font-style: normal;
font-weight: 500;
line-height: 14px;
letter-spacing: 2.4px;
text-transform: uppercase;
/* Smooth return to normal state */
transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
will-change: transform; /* Optimizes performance for mobile */
}
.docked-cta a:hover{
filter: brightness(1.1);
height: 100%;
transform: translateZ(0); /* Enables transform context (GPU acceleration) */
object-fit: cover;
transform: scale(1.10); /* Scales the element up by 25% */
}
@media only screen and (max-width: 880px) {
.docked-cta {
display: flex !important;
}
}
/*offset docked cta*/
@media (min-width: 881px) {
body .site-footer {
padding-bottom: 50px;
}
}
@media (max-width: 880px) {
body .site-footer {
padding-bottom: 100px;
}
}
/* END Docked CTA */
/* Pre-footer */
.wp-block-cover.h-auto {
height: auto !important;
}
.wp-block-cover .wp-block-cover__background{
background: transparent !important;
}
.wp-block-cover:not(:first-child) + .wp-block-spacer{
height: 200px !important;
background: var(--color-bg-primary);
width: calc(100vw);
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
/*.*/
.wp-block-cover.bg-inverse + .wp-block-spacer{
background: var(--color-bg-inverse);
height: 230px !important;
}
.wp-block-cover.bg-inverse + .wp-block-spacer + .wp-block-group.overlap:before{
/*background: var(--color-bg-inverse);*/
}
.wp-block-cover.bg-inverse + .wp-block-spacer + .wp-block-group.overlap{
margin-bottom: 10px !important;
}
/*.*/
.wp-block-cover + .wp-block-spacer + .wp-block-group.overlap{
max-width: 1232px;
margin: unset;
width: 100%;
left: unset; right: unset;
width: calc(100% - 0px);
margin-top: -400px;
margin-left: auto;
margin-right: auto;
padding-left: 18px;
padding-right: 18px;
padding-top: 64px;
padding-bottom: 64px;
overflow: hidden;
z-index: 3;
}
.wp-block-cover + .wp-block-spacer + .wp-block-group.overlap:before{
content: "";
width: 100%;
height: 100%;
background: inherit;
width: 200vw;
left: -100%;
position: absolute;
z-index: -1;
}
.wp-block-cover + .wp-block-spacer + .wp-block-group.overlap:after{
display: none;
}
.wp-block-cover + .wp-block-spacer + .wp-block-group.overlap .wp-block-group__inner-container{
max-width: 835px;
margin: 0 auto;
}
.wp-block-cover,.wp-block-cover-image {
min-height: 440px !important;
}
/* END Pre-footer */
/* Contact Us Modal [Keep for now] */
/* Only hide it if it's inside the active Fancybox container */
body.is-initialized:not(.premature-modal) .fancybox-container.is-ready .fancybox-slide:not(.fancybox-slide--image) .fancybox-content {
opacity: 0;
transform: translateY(20px);
margin-top: 20px;
transition: opacity 0.5s ease, transform 0.5s ease;
visibility: hidden; /* Added for extra safety */
}
/* The Reveal Class */
body.is-initialized .fancybox-container.is-ready .fancybox-slide:not(.fancybox-slide--image) .fancybox-content.is-visible{
opacity: 1;
transform: none;
margin-top: 0px;
visibility: visible;
}
/*body.is-initialized:not(.premature-modal) .fancybox-container.is-ready .fancybox-slide:not(.fancybox-slide--image) .fancybox-content > *:first-child{
transform: translateY(20px);
}
body.is-initialized .fancybox-container.is-ready .fancybox-slide:not(.fancybox-slide--image) .fancybox-content.is-visible > *:first-child{
transform: translateY(0);
}*/
/* 3. THE FIX: The "Static" State
Once the animation is done, we kill the transform to release the fixed button */
/*body.is-initialized .fancybox-content.is-static {
transform: none !important;
}*/
body.is-initialized .fancybox-slide:not(.fancybox-slide--image):not(:fancybox-slide--html) .fancybox-content.is-static {
/*if caused future issue, try isolate only on .fancybox-content.gallery-overlay*/
/*body.is-initialized .fancybox-slide:not(.fancybox-slide--image) .fancybox-content.is-static {*/
transform: none !important;
}
.fancybox-inner{
padding: 1rem;
}
#contact-us{
display: none;
}
/* Force user to silently detect popup cloudflare */
#contact-us:not(.fancybox-content){
/* height: 0px; */
padding: 0px;
position: fixed !important;
bottom: 0px;
z-index: 99999;
bottom: 0px !important;
height: fit-content !important;
width: fit-content !important;
background: transparent;
border-radius: 0px;
/*opacity: 0;*/
pointer-events: none;
}
#contact-us:not(.fancybox-content) form > *:not(.turnstile-wrap){
display: none;
}
#contact-us:not(.fancybox-content) .wp-block-columns:first-child .wp-block-heading{
display: none;
/* flex-direction: column; */
}
#contact-us:not(.fancybox-content) .wp-block-columns .wp-block-column{
padding: 0px !important;
}
#contact-us:not(.fancybox-content) .wp-block-columns .wp-block-column:first-child{
overflow: hidden !important;
}
#contact-us:not(.fancybox-content) .wp-block-contact-form-7-contact-form-selector{
margin-top: 0px;
}
#contact-us:not(.fancybox-content) .wp-block-columns .wp-block-column + .wp-block-column{
display: none;
}
#contact-us .wp-block-group__inner-container{
max-width: 100%;
padding: 0px !important;
}
#contact-us.wp-block-group{
position: relative;
left: initial;
right: initial;
margin-left: initial;
margin-right: initial;
}
#contact-us .wp-block-columns {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
width: 100%;
margin: 0px;
}
#contact-us .wp-block-columns .wp-block-column:first-child{
max-height: 80vh;
overflow-y: scroll;
padding-right: 2rem;
}
#contact-us .wp-block-columns .wp-block-column:first-child p{
margin: 0px;
}
#contact-us .wp-block-columns .wp-block-column + .wp-block-column{
max-width: 282px;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
/* End Force */
.wpcf7-form input[type="submit"]{
/*transform: none;*/
}
.fancybox-container .fancybox-bg{
background-color: rgba(0,0,0,0.5);
}
.site-inner,
.site-footer,
.top-bar,
.custom-header{
transition: filter .4s ease-in-out;
-webkit-transition: filter .4s ease-in-out;
-moz-transition: filter .4s ease-in-out;
-o-transition: filter .4s ease-in-out;
-ms-transition: filter .4s ease-in-out;
}
.fancybox-container .fancybox-slide #contact-us{
background: #edeae3;
padding: 40px;
width: calc(100vw - 2rem);
margin-top: 1rem;
margin-bottom: 1rem;
}
@media (max-width: 768px) {
.fancybox-container .fancybox-slide #contact-us{
padding: 1rem;
}
}
.fancybox-container .fancybox-slide #pre-leasing-special{
overflow: hidden !important;
padding: 40px;
padding-bottom: calc(40px + 82px);
width: calc(100vw - 2rem);
margin-top: 1rem;
margin-bottom: 1rem;
max-width: 980px;
background: var(--color-bg-inverse);
color: var(--color-text-inverse) !important;
}
.fancybox-container .fancybox-slide #pre-leasing-special .fixed{
background: var(--color-bg-inverse);
}
.fancybox-container .fancybox-slide #pre-leasing-special h3,
.fancybox-container .fancybox-slide #pre-leasing-special p,
.fancybox-container .fancybox-slide #pre-leasing-special ul li{
color: var(--color-text-inverse) !important;
}
body.fancybox-active .site-inner,
body.fancybox-active .site-footer,
body.fancybox-active .top-bar,
body.fancybox-active .custom-header{
filter: blur(6px) !important;
}
body.fancybox-active .custom-header .mega-menu{
backdrop-filter: none !important;
}
.fancybox-container .contact-details a{
background: var(--color-bg-accent);
color: #ffffff;
}
.fancybox-container .contact-details .social-media-links a{
background: none !important;
}
/* Now this will work perfectly without needing to target 'path' */
.fancybox-container .contact-details .social-media-links a svg {
fill: var(--color-bg-accent) !important;
}
.fancybox-container .contact-details .social-media-links a svg {
/* This makes the image look like a specific color.
Note: You'll need to calculate the filter for your specific hex code. */
/*filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(345deg) brightness(100%) contrast(101%);*/
filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(345deg) brightness(100%) contrast(101%);
filter: invert(47%) sepia(13%) saturate(1915%) hue-rotate(1deg) brightness(95%) contrast(89%);
}
.fancybox-container .contact-details > a *,
.fancybox-container .contact-details a div *{
color: #ffffff;
}
.contact-details a p{
margin: 0px;
}
.contact-details a {
with: 100%;
}
.contact-details .social-media-links{
justify-content: center;
}
/* .site-container .wp-block-columns > .wp-block-column, */
@media only screen and (max-width: 880px) {
#contact-us .wp-block-columns{
flex-direction: column;
}
#contact-us .wp-block-columns .wp-block-column{
max-width: 100%;
}
#contact-us .wp-block-columns .wp-block-column:first-child{
max-height: 100% !important;
overflow: hidden;
padding: 0px;
}
.fancybox-container .wp-block-columns > .wp-block-column{
flex-basis: 100% !important;
flex-grow: 0;
}
#contact-us .wp-block-columns .wp-block-column + .wp-block-column{
max-width: 100%;
}
.contact-details > a{
text-align: center !important;
justify-content: center;
}
.contact-details > a > svg + *{
width: 170px;
max-width: 100%;
text-align: left;
}
.fancybox-is-open .fancybox-stage .fancybox-slide{
padding: 16px;
}
}
.fancybox-slide--html .fancybox-close-small{
color: rgb(17, 24, 39);
background: rgb(243 244 246/var(--tw-bg-opacity));
padding: .25rem;
width: auto;
height: auto;
border-radius: 100%;
top: .60rem;
right: .60rem;
transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
}
.fancybox-slide--html .fancybox-close-small svg{
width: 1.5rem;
height: 1.5rem;
}
.fancybox-slide--html .fancybox-close-small:hover{
background: #000000 !important;
color: #ffffff;
}
/* END Contact Us Modal */
/* Review Card */
.wp-block-columns.wp-container-core-columns-is-layout-4{
gap: 1rem;
}
.wp-block-column .review-card{
height: 100%;
}
/* Logo List */
.logo-list {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
width: 100%;
align-items: center;
gap: 2rem;
justify-content: center;
}
.logo-list > div {
width: calc(100% / 6 - 2rem); /* 6 columns */
aspect-ratio: 16 / 9;
display: flex;
align-items: center;
justify-content: center;
transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.logo-list > div img{
filter: brightness(0) invert(1);
transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.logo-list > div:hover{
/* background: var(--color-bg-inverse); */
}
.logo-list > div:hover img{
filter: invert(1) brightness(2) grayscale(1);
}
/* Wrap the logo to hold the shine */
.logo-list > div {
position: relative;
overflow: hidden; /* clip the shine */
pointer-events: none;
}
/* Gloss effect: hidden by default */
.logo-list > div::after {
content: '';
position: absolute;
top: -50%;
left: -75%;
width: 50%;
height: 200%;
background: linear-gradient(
120deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,0.3) 50%,
rgba(255,255,255,0) 100%
);
transform: skewX(-20deg);
opacity: 0;
transition: left 0.7s ease, opacity 0.7s ease;
pointer-events: none;
}
/* On hover: slide the shine across logo */
.logo-list > div:hover::after {
left: 125%;
/*opacity: 1;*/
opacity: 0.3;
}
/* Optional: slight pop/brightness on hover */
.logo-list > div:hover img {
/* filter: invert(1) brightness(2.3) grayscale(1); */
transform: scale(1.05);
}
@media (max-width: 880px) {
.logo-list {
gap: 1rem;
}
.logo-list > div {
width: calc(100% / 3 - 2rem); /* 6 columns */
max-width: 150px;
}
}
/*=========================================*/
/* Tabbed Cards */
.owl-carousel:not(.owl-loaded) .tc-card-item:not(:first-child){
display: none;
}
.tabbed-cards-section .owl-carousel{
display: block;
}
.tabbed-cards-section .owl-carousel:before,
.tabbed-cards-section .owl-carousel:after{
display: none;
}
.tc-card-item .wp-block-button a{
pointer-events: all;
}
/* Base Styles */
.tabbed-cards-section {
/*background-color: var(--color-bg-primary);*/
color: #ffffff;
font-family: inherit;
margin-top: 80px !important;
}
.tc-container {
margin: 0 auto;
}
/* Desktop Navigation (Tabs) */
.tc-desktop-nav {
display: none; /* Mobile first: hidden */
margin-bottom: 80px;
}
.tc-nav-list {
display: flex;
justify-content: center;
list-style: none;
padding: 0;
margin: 0;
/*border-bottom: 1px solid rgba(255, 255, 255, 0.1);*/
border-bottom: 1px solid rgba(var(--color-bg-accent-rgba), 0.5);
gap: 36px;
width: max-content;
margin: 0 auto !important;
padding: 0px !important;
}
.tc-nav-item {
cursor: pointer;
padding: 15px 0;
text-transform: uppercase;
opacity: 0.5;
transition: opacity 0.3s ease;
position: relative;
font-size: var(--fs-heading-xs);
font-style: normal;
font-weight: 600;
line-height: 1.3; /* 106.667% */
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 0px !important;
padding-bottom: 30px;
}
.tc-nav-item:before{
display: none;
}
.tc-nav-item:hover,
.tc-nav-item.is-active {
opacity: 1;
}
.tc-nav-item.is-active::after {
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 2px;
background-color: #c5a059; /* Your gold accent */
}
/* Grid & Content */
.tc-grid {
display: flex;
flex-direction: column;
gap: 30px;
}
.tc-image-wrapper img {
width: 100%;
height: auto;
display: block;
}
/* Mobile Pager (Thin Bar Line) */
@media (min-width: 581px) {
/* .tc-mobile-pager .tc-progress-line{
opacity: 0 !important;
}
*/
}
.wp-block-columns.owl-carousel + .tc-mobile-pager{
/*margin-top: -23px !important;*/
}
.wp-block-columns.owl-carousel:not(.owl-loaded){
padding-bottom: 28px;
}
.tc-mobile-pager {
margin-top: 25px;
}
.tc-pager-top {
display: flex;
align-items: center;
gap: 25px;
margin-bottom: 12px;
}
.tc-progress-line {
flex-grow: 1;
height: 4px; /* The thin bar line */
background-color: rgba(255, 255, 255, 0.2);
position: relative;
}
.tc-progress-bar {
height: 100%;
background-color: #ffffff;
width: 0%;
transition: var(--transition-ease-in-out);
}
.tc-custom-nav {
display: flex;
gap: 15px;
}
.tc-custom-nav button {
background: none;
border: none;
color: #fff;
cursor: pointer;
padding: 5px;
opacity: 0.6;
transition: opacity 0.3s;
}
.tc-custom-nav button:hover { opacity: 1; }
.tc-label-desktop { display: none; }
.tc-main-title {
margin-bottom: 30px;
}
.tc-description {
opacity: 0.8;
line-height: 1.7;
margin-bottom: 30px;
}
.tc-image{
width: 100%;
}
.tc-image-wrapper{
height: 360px;
background-color: #1e1e1e;
}
.tc-image-wrapper img{
object-fit: cover;
height: 100%;
width: 100%;
}
/* Desktop Breakpoint */
@media (min-width: 1024px) {
.tc-mobile{
display: none !important;
}
.tc-desktop-nav { display: block; }
.tc-mobile-pager { display: none !important; }
.tc-mobile-pager .tc-progress-line {
opacity: 0 !important;
}
.tc-grid {
align-items: flex-start;
gap: 60px;
}
.tc-grid .tc-content{
gap: 44px;
max-width: 978px;
margin: 0 auto;
width: 100%;
}
.tc-grid .tc-content .col {
flex: 1;
gap: 40px;
}
.tc-grid .tc-content .col:first-child {
max-width: 426px;
}
.tc-main-title{
margin-bottom: 40px !important;
}
.tc-description{
margin-top: 30px;
}
.tc-label-desktop {
display: block;
margin-bottom: 15px;
font-size: var(--fs-heading-xs, 15px);
font-style: normal;
font-weight: 600;
line-height: 16px; /* 106.667% */
letter-spacing: 3px;
text-transform: uppercase;
}
}
/* Mobile Breakpoint */
@media (max-width: 1023px) {
.tc-container {
}
.tabbed-cards-section{
margin-top: 48px !important;
position: relative;
}
.tabbed-cards-section .owl-carousel{
padding-right: 40px !important;
}
.tabbed-cards-section .owl-carousel.reached-max .owl-item.active{
margin-right: -20px !important;
}
.tabbed-cards-section .owl-carousel .owl-stage-outer{
overflow: visible !important;
}
.tabbed-cards-section .owl-carousel .owl-stage{
overflow-x: visible;
}
.tabbed-cards-section .owl-carousel .owl-item{
transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.tabbed-cards-section .owl-carousel .owl-item:not(.active){
opacity: 0.5;
}
.tc-desktop{
display: none !important;
}
.tc-grid,
.tc-content,
.tc-content .col {
display: flex !important;
flex-direction: column;
gap: 16px !important;
}
.tc-content{
padding-right: 40px;
}
.tc-content .col * {
margin: 0px !important;
}
.tc-image-wrapper{
height: auto;
aspect-ratio: 16 / 9;
}
.tc-content .col .tc-description {
margin-bottom: 10px !important;
}
.tc-content .tc-mobile .btn {
white-space: normal !important; /* Allows text wrap */
word-break: break-word !important; /* Breaks long words if they don't fit */
overflow: visible !important; /* Ensures text isn't hidden if it wraps */
height: auto !important; /* Lets button expand vertically */
/* Layout Fixes */
display: inline-block !important; /* Often works better than block for wrapping text inside flex layouts */
width: 100% !important; /* Forces the button to take up full width so text has room to wrap */
max-width: 100% !important; /* Prevents it from clipping its parent */
flex-shrink: 1 !important; /* Forces it to respect boundaries if inside a flexbox container */
}
}
.tc-custom-nav svg{
transform: scale(1.5);
}
.tc-custom-nav button{
transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media (min-width: 881px){
.tc-custom-nav button:hover{
transform: scale(1.5);
opacity: 1 !important;
}
}
@media (max-width: 880px){
.tc-custom-nav button:active{
transform: scale(1.5);
opacity: 1 !important;
}
}
.tc-custom-nav button:hover svg{
color: #ffffff;
}
/* paopao */
#tabbedCardCarousel .owl-stage {
cursor: grab;
}
@media (min-width: 1024px) {
/* paopaohere */
/* 1. Remove sliding animation on navigation clicks (makes it instant) */
#tabbedCardCarousel:not(.owl-grab):not(.post-grab) .owl-stage {
transition: transform 0ms linear !important;
}
#tabbedCardCarousel.owl-grab .owl-stage {
/* transition: transform 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; */
/* -webkit-transition: transform 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; */
}
/* 2. Setup the baseline layout for items (side-by-side but fading) */
#tabbedCardCarousel:not(.owl-grab) .owl-item {
opacity: 0;
visibility: hidden;
transition: opacity 600ms ease-in-out, visibility 600ms ease-in-out;
}
/* 3. Bring active items to full opacity */
#tabbedCardCarousel .owl-item.active {
opacity: 1;
visibility: visible;
}
}
@media (max-width: 1023px){
#tabbedCardCarousel {
position: relative;
}
#tabbedCardCarousel ~ .pseudo.tc-mobile-pager{
position: absolute !important;
top: 0px;
width: 100%;
z-index: 9999;
margin: 0px;
padding-right: 40px !important;
}
/*. fix overlap*/
#tabbedCardCarousel ~ .pseudo.tc-mobile-pager{
height: 0px;
}
#tabbedCardCarousel ~ .pseudo.tc-mobile-pager *{
pointer-events: none;
}
#tabbedCardCarousel ~ .pseudo.tc-mobile-pager .tc-pager-top,
#tabbedCardCarousel ~ .pseudo.tc-mobile-pager .tc-pager-top *{
pointer-events: auto;
}
/*.*/
#tabbedCardCarousel ~ .pseudo.tc-mobile-pager .tc-pager-top{
margin-top: 25px;
}
#tabbedCardCarousel ~ .pseudo.tc-mobile-pager .tc-pager-label,
#tabbedCardCarousel ~ .pseudo.tc-mobile-pager .tc-image-wrapper{
opacity: 0;
}
#tabbedCardCarousel .tc-mobile-pager .tc-pager-top{
opacity: 0;
}
#tabbedCardCarousel ~ .pseudo.tc-mobile-pager .tc-pager-top{
opacity: 1;
}
}
#tabbedCardCarousel .owl-nav{
display: flex !important;
justify-content: flex-end;
gap: 10px;
margin-top: 20px;
}
@media (max-width: 1023px) {
#tabbedCardCarousel .owl-nav{
margin-right: -40px !important;
display: none !important;
}
}
#tabbedCardCarousel .owl-nav button{
width: 40px; height: 40px;
display: flex;
justify-content: center;
align-items: center !important;
border-radius: 4px;
background: rgba(var(--color-bg-accent-rgba), 0.8) !important;
}
#tabbedCardCarousel .owl-nav button:hover{
background: rgba(var(--color-bg-accent-rgba), 1) !important;
}
#tabbedCardCarousel .owl-nav button.is-disabled{
background: rgba(var(--color-bg-accent-rgba), 0.3) !important;
}
#tabbedCardCarousel .owl-nav button span{
font-size: 24px;
}
#tabbedCardCarousel .owl-nav{
}
/* END Tabbed Cards */
/*=========================================*/
/* Try Us */
.entry-content .wp-block-columns.flex > .wp-block-column{
flex-basis: initial;
flex-grow: initial;
width: initial;
}
@media (max-width: 1023px) {
.entry-content .wp-block-columns.flex .wp-block-column{
align-self: initial;
}
}
/* In the News */
.wp-block-image[class*="aspect-"] img{
width: 100%;
height: 100%;
object-fit: cover;
}
h3.has-small-font-size{
letter-spacing: -.025em;
line-height: 1.75rem;
font-weight: 500;
font-size: 1.125rem !important;
font-family: var(--font-sans-serif);
}
.wp-block-image[class*="aspect-"] + h3{
margin-top: .5rem;
margin-bottom: 0px !important;
}
.wp-block-image[class*="aspect-"] + h3 + p{
margin-bottom: 0px;
}
.wp-block-column {
position: relative;
}
.wp-block-column .wp-block-read-more a{
position: absolute;
font-size: 0px;
width: 100%;
height: 100%;
top: 0px;
}
/* Service Template */
body.tax-region .site-inner,
body.single-location .site-inner,
body.single-service .site-inner{
max-width: 100%;
}
/*body.home .unfix + *,*/
body.single-service .unfix + *{
margin-top: 0px !important;
}
/* For medium screens and above */
@media (min-width: 768px) {
.md\:order-1 {
order: 1;
}
.md\:order-2 {
order: 2;
}
}
/* Splide */
.splide:not(.is-initialized) .splide__list {
height:fit-content;
position: relative;
}
.thumbnail-carousel:not(.is-initialized){
height: 2.5rem !important;
}
.splide:not(.is-initialized) .splide__slide {
height:fit-content;
max-width: 100% !important;
width: 100% !important;
}
.is-initialized .splide__list{
transition: 0.3s;
}
.splide__track--nav>.splide__list>.splide__slide.is-active{
border: 0px;
}
.single-image img,
.splide__slide img{
aspect-ratio: 16/9;
object-fit: cover;
width: 100%;
}
.thumbnail-carousel{
/*display: flex; */
height: fit-content !important;
overflow: visible !important;
}
.thumbnail-carousel .splide__track {
height: fit-content !important;
overflow: visible !important;
padding-bottom: .5rem !important;
padding-top: .5rem !important;
box-sizing: border-box !important;
}
.thumbnail-carousel .splide__list {
height: 2.5rem;
}
.thumbnail-carousel .splide__slide {
filter: brightness(0.5) contrast(1.25);
height: 100%;
transform: translateZ(0); /* Ensures transform context is set */
object-fit: cover;
border: 0px !important;
outline: 0px !important;
}
.thumbnail-carousel .splide__slide:hover {
filter: brightness(0.75);
}
.thumbnail-carousel .splide__slide.is-active{
filter: brightness(1.1);
height: 100%;
transform: translateZ(0); /* Enables transform context (GPU acceleration) */
object-fit: cover;
transform: scale(1.25); /* Scales the element up by 25% */
z-index: 1;
}
.is-initialized .thumbnail-carousel .splide__slide{
transition: all 0.2s ease-in-out; /* Default Tailwind transition settings */
}
.is-initialized .thumbnail-carousel .splide__slide.is-active{
transition: all 0.2s ease-in-out; /* Tailwind's default */
}
.thumbnail-carousel .splide__arrows{
display: none;
}
.splide__arrow {
background: rgba(0,0,0,.5);
}
button.splide__arrow:disabled {
background: rgba(0,0,0,.5);
opacity: 1;
}
.splide__arrow:hover {
background: rgba(0,0,0,.75);
}
.splide__arrow svg{
fill: #ffffff !important;
stroke-width: 0;
}
.has-caption .splide__pagination {
bottom: 40px;
}
.splide__pagination {
bottom: 15px;
}
.splide__pagination__page{
background-color: rgba(255,255,255,0.5);
width: 9px; height: 9px;
}
.splide__pagination__page.is-active{
transform: scale(1);
}
.splide .splide__arrow {
/*top: calc(50% - 12.75px);*/
top: 50%;
}
.splide .splide__pagination li{
margin-bottom: 0px;
line-height: 1;
}
.splide .splide__slide {
margin-bottom: 0px;
}
.splide__slide div.image{
cursor: grab;
}
.hero-grid .splide-wrap{
max-width: 85%;
height: 100%;
overflow: visible;
}
.hero-grid .splide-wrap .main-carousel,
.hero-grid .splide-wrap .main-carousel .splide__track {
height: 100%;
}
.hero-grid .splide-wrap .main-carousel .splide__slide img{
height: 100%;
}
.hero-grid .splide-wrap .main-carousel .splide__track{
overflow: visible;
}
.hero-grid .splide__track--nav>.splide__list>.splide__slide{
border-top: 0px !important;
border-bottom: 0px !important;
}
.hero-grid .splide__slide.is-next {
pointer-events: none;
}
.hero-grid .splide__track--nav>.splide__list>.splide__slide.is-active{
/* border: 0px; */
border-color: transparent;
border-top: 0px !important;
border-bottom: 0px !important;
}
.hero-grid .splide__pagination {
display: none;
}
/* End Splide */
/* Amenities */
.amenities-list {
display: flex;
flex-wrap: wrap;
gap: 2rem; /* optional spacing between items */
}
.amenity-item {
flex: 0 0 calc(33.333% - 2rem);
box-sizing: border-box;
display: flex;
gap: 1rem;
/* max-width: calc(33.333% - 2rem); */
}
.amenity-item .amenity-icon{
width: 2.4rem;
height: 2.5rem;
}
.amenity-icon svg{
color: rgb(136, 114, 68)
}
.amenity-icon svg,
.amenity-icon img{
width: 24px;
height: 24px;
}
.amenity-item .details{
display: flex;
flex-direction: column;
gap: 10px;
}
.amenity-item .details.gap-0{
gap: 0px;
}
.amenity-item .details .accordion-toggle{
text-align: left;
width: auto;
}
.amenity-item h3{
font-family: var(--font-sans-serif);
}
.amenity-item .amenity-description{
display: none;
}
.faq-toggle svg,
.accordion-toggle svg{
-webkit-transform: rotate( 0 );
-ms-transform: rotate( 0 );
transform: rotate( 0 );
transition: transform .25s ease-in-out;
}
.faq-toggle.active svg,
.accordion-toggle.active svg{
-webkit-transform: rotate( 180deg );
-ms-transform: rotate( 180deg );
transform: rotate( 180deg );
}
@media (max-width: 1025px) {
.amenity-item {
flex: 1 1 calc(50.00% - 2rem);
}
}
@media (max-width: 767px) {
.amenity-item {
flex: 1 1 calc(100%);
}
}
.image-modal{
/*padding: 0px; */
}
#meeting-room-in-hundreds-places{
/*max-height: 92vh;*/
}
#meeting-room-in-hundreds-places img{
/*width: 100%; */
/*height: auto;*/
}
/* END Amenities */
.fully-furnished .thumbnail-carousel{
display: none;
}
.flexible-lease-terms{
padding: 0px !important;
}
.flexible-lease-terms .wp-block-columns{
margin: 0px;
}
.faq-toggle{
outline: none !important;
border: none !important;
}
.faq-toggle ~ .answer{
display: none;
}
.contact-private-office .wp-block-column strong{
font-size: 1rem;
line-height: 1.5rem;
color: rgb(75 85 99/var(--tw-text-opacity));
font-weight: 600;
}
.contact-private-office .wp-block-column:first-child p{
font-size: .875rem;
line-height: 1.25rem;
/* font-size scales but never goes below 16px */
font-size: clamp(16px, 0.875rem, 1rem);
/* line-height scales with font size but minimum 1.5 */
line-height: 1.5;
}
@media (min-width: 768px) {
.contact-private-office .wp-block-column strong{
font-size: 1.125rem;
line-height: 1.75rem;
}
.contact-private-office .wp-block-column p{
font-size: 1rem;
line-height: 1.5rem;
}
}
.wpcf7-form .wpcf7-submit.w-full,
.contact-private-office .wpcf7-form input[type="submit"]{
width: 100%;
}
.contact-private-office .wpcf7-form p{
font-size: initial;
line-height: 1.5;
}
.contact-private-office{
margin-bottom: 0px;
}
.bootstrap-select .btn{
font-size: 0px;
}
.bootstrap-select .btn span{
font-size: var(--fs-body-md);
}
/* common ammends */
/*body.templated .bg-transparent + .wp-block-group{*/
body.templated .bg-transparent + .wp-block-group:not(.bg-transparent):not(.bg-accent/10){
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.text-white > a{
color: inherit;
}
.bg-accent > a{
text-decoration: none !important;
}
.excerpt.text-sm ul,
.excerpt.text-sm ul li{
font-size: inherit;
}
.excerpt.text-sm ul li{
margin-top: calc(.5rem * (1 - var(--tw-space-y-reverse)));
margin-bottom:0px;
line-height: 1.5rem;
}
/* end common ammends */
#meeting-room-membership .wp-block-columns{
align-items: center !important;
}
@media only screen and (max-width: 768px) {
#meeting-room-membership li:before{
position: relative;
display: inline-block;
left: 0px;
margin-right: 5px;
}
}
.rounded-full a:hover{
text-decoration: none;
}
#virtual-office-membership .wp-block-heading + p{
margin-top: 0px;
}
#virtual-office-membership .wp-block-columns{
align-items: center !important;
}
.wp-block-group .wp-block-columns .wp-block-column.reset{
flex-basis: initial;
flex-grow: initial;
}
.auto-height .single-image img{
aspect-ratio: initial;
}
/* Card Carousel */
.card-carousel .owl-item > *{
min-width: 0px;
}
.locations-carousel.card-carousel{
padding-right: calc(50% / 2 - 16px);
overflow: visible;
}
.locations-carousel.card-carousel .owl-stage-outer{
overflow: visible;
}
.locations-carousel.card-carousel .owl-nav{
height: 0px;
}
.listing-entry{
max-width: 100%;
width: 100%;
}
.listing-entry .location-details .badge{
display: flex;
height: 26px;
padding: 4px 8px 2px 8px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 2px;
background: #2F2E2C;
position: absolute;
right: 24px;
top: -8px;
font-size: var(--fs-body-sm);
font-weight: 500;
overflow: hidden;
z-index:5;
}
.listing-entry .location-details .badge::after {
content: '';
position: absolute;
top: -50%;
left: -75%;
width: 50%;
height: 200%;
background: linear-gradient(
120deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,0.3) 50%,
rgba(255,255,255,0) 100%
);
transform: skewX(-20deg);
opacity: 0;
transition: left 0.7s ease, opacity 0.7s ease;
pointer-events: none;
}
.listing-entry:hover .location-details .badge::after {
left: 125%;
opacity: 1;
}
.listing-entry .location-details a{
white-space: nowrap; /* Prevent line break */
/*overflow: hidden; */
text-overflow: ellipsis; /* Show "..." */
}
.listing-entry .location-details .flex > div:first-child{
max-width: calc(100% - 40px - 2rem);
}
.listing-entry .location-details .flex > div:first-child a{
/*display: block;*/
}
.owl-nav button svg{
color: #ffffff;
}
.owl-nav button.disabled{
opacity: 0;
}
/* END Card Carousel */
/*============================================================= */
/*============================================================= */
/*============================================================= */
/* Map Ajax */
#secondary-clear-filters{
/*display: block !important;*/
position: fixed;
width: 123px;
/* left: 50px;
top: 10px;*/
left: 50%; margin-left: 70px;
top: 75px;
text-decoration: none;
z-index: 20;
background: #ffffff;
color: #06345d;
padding: 5px 20px;
border: 2px solid #06345d;
border-radius: 5px;
white-space: nowrap;
}
.hidden #secondary-clear-filters{
display: none !important;
}
#secondary-clear-filters:hover{
background: #06345d;
color: #ffffff
}
.map-container > a{
text-decoration: none;
letter-spacing: 0px !important;
font-size: 14px;
text-align: center;
padding-bottom: 2px !important;
}
/* Toggle Map */
@media screen and (max-width: 880px) {
body.has-sticky-element .site-container{
overflow: visible;
}
.ajax-map-wrap #misha_filters{
position: sticky;
}
.ajax-map-wrap #misha_filters .filter-wrap{
padding-left: 0px;
}
.meeting-search #misha_posts_wrap{
/* margin-top: 0px; */
}
.entry-content > .wrap > .wp-block-cover.meeting-search:first-child,
.wp-block-cover.meeting-search{
overflow: visible;
}
.wp-block-cover.fit-text.meeting-search .wp-block-columns .wp-block-column:first-child{
padding-top: 0px;
}
.wp-block-cover.fit-text.meeting-search .wp-block-columns .wp-block-column + .wp-block-column .map-container{
height: calc(50vh - 70px) !important;
}
.wp-block-cover.meeting-search #misha_posts_wrap .ajax-listings{
margin-bottom: 0px;
}
.wp-block-cover.meeting-search .wp-block-columns{
display: flex;
display: -webkit-flex;
flex-direction: column-reverse;
align-items:flex-start;
align-content:flex-start;
overflow: visible;
}
.wp-block-cover.meeting-search .wp-block-columns .wp-block-column{
width: 100%;
overflow: visible;
}
.meeting-search .wp-block-columns .map-container{
display: block;
}
.meeting-search .map-wrap{
height: 100%;
}
.wp-block-cover.fit-text.meeting-search .wp-block-columns .wp-block-column + .wp-block-column .map-container{
position: relative;
top: 0px;
}
}
.map-toggle{
position: absolute;
left: 50px;
top: 60px;
z-index: 20;
background: var(--btn-fill-primary);
color: #ffffff;
padding: 5px 20px;
border: 2px solid #272727;
border-radius: 5px;
width: 123px;
text-align: center;
white-space: nowrap;
}
.hidden .map-toggle{
background: #ba7b47;
border-color: transparent;
}
.map-toggle:hover{
/* color: #ffffff;
background: #06345d;*/
}
.map-toggle:active{
color: #000000;
background: var(--btn-fill-primary-hover);
}
.map-toggle:focus{
color: #ffffff;
}
@media screen and (max-width: 880px) {
.map-toggle:not(.active) span:first-child{
display: inline;
}
.map-toggle:not(.active) span + span{
display: none;
}
.map-toggle.active span:first-child{
display: none;
}
.map-toggle.active span + span{
display: inline;
}
.map-toggle.active + #secondary-clear-filters{
display: none !important;
}
.meeting-search .map-container.hidden{
display: block !important;
transition: .4s;
-webkit-transition: .4s ;
-moz-transition: .4s ;
-o-transition: .4s ;
-ms-transition: .4s;
}
.meeting-search .map-container.hidden .map-toggle{
top: 0px;
width: 100%;
left: 0px;
border-radius: 0px;
}
.wp-block-cover.fit-text.meeting-search .wp-block-columns .wp-block-column + .wp-block-column .map-container.hidden{
height: 34px !important;
}
}
@media screen and (min-width: 881px) {
.map-container .map-toggle{
display: none !important;
}
.meeting-search .wp-block-columns .map-container.hidden,
.meeting-search .wp-block-columns .map-container .map-wrap{
display: block !important;
}
}
@media screen and (max-width: 540px) {
.ajax-map-wrap #misha_filters{
margin-bottom: 0px !important;
background: transparent;
padding-left: 0px;
padding-right: 0px;
}
.ajax-map-wrap #misha_filters:before{
height: 115px !important;
top: 0px;
}
}
/* END Toggle Map */
/* END Map Ajax */
/* START MAP */
.is-sticky .map.ajax{
height: calc(100vh - 90px) ;
top: 90px;
position: sticky;
}
.map-container .map-wrap{
width: 100%; height: 100%;
}
.meeting-search.wp-block-cover {
overflow: visible;
min-height: calc( 100vh - 67px );
}
.meeting-search.wp-block-cover .wp-block-cover__inner-container{
padding: 0px;
}
.meeting-search.wp-block-cover.fit-text .wp-block-columns .wp-block-column{
padding: 0px;
}
.meeting-search.wp-block-cover.fit-text .wp-block-columns .wp-block-column:first-child{
padding: 1rem;
}
.filter-wrap:not(.grid) .bootstrap-select .btn{
/* padding-top: 22px;
padding-bottom: 5px;
padding-left: 8px; padding-right: 8px;*/
}
.filter-wrap .form-wrap {
position: relative;
}
.filter-wrap .form-wrap > span{
position: absolute;
z-index: 2;
top: 5px; left: 8px;
}
.filter-wrap:not(.grid) .bootstrap-select .btn{
--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border-radius: .25rem;
border: 1px solid #e5e7eb;
}
.filter-wrap .dropdown-menu .divider{
margin: 0px;
border: 0px;
display: none;
}
.filter-wrap .dropdown-menu .dropdown-header {
font-weight: 600;
text-transform: uppercase;
}
.filter-wrap .dropdown-menu .dropdown-header {
display: none;
}
.filter-wrap .dropdown-menu .dropdown-header,
.filter-wrap .dropdown-menu .dropdown-header + li{
/*.filter-wrap .dropdown-menu .dropdown-header + li{*/
/* padding-left: 0.75rem;
padding-right: 0.75rem;*/
}
body .filter-wrap.grid > *:first-child .form-wrap .dropdown-menu.inner .dropdown-header + li a,
.filter-wrap.grid .form-wrap .dropdown-menu.inner .dropdown-header + li a,
body .filter-wrap:not(.grid) .form-wrap .dropdown-menu.inner .dropdown-header + li a{
padding-left: 0.75rem !important;
text-transform: uppercase;
font-weight: 600;
}
.filter-wrap .dropdown-menu > li:first-child span{
font-weight: 600 !important;
}
.filter-wrap .dropdown-menu > li{
text-align: left;
}
.filter-wrap .form-wrap .dropdown-menu.inner > li a{
padding-top: 5px;
padding-bottom: 5px;
}
.filter-wrap.grid > *:first-child .form-wrap .dropdown-menu.inner > li a,
.filter-wrap:not(.grid) .form-wrap .dropdown-menu.inner > li a{
padding-right: 2.25rem !important;
padding-left: 1.5rem !important;
}
.filter-wrap .form-wrap .dropdown-menu.inner > li:first-child a,
.filter-wrap .form-wrap:first-child .dropdown-menu.inner > li:first-child a,
.filter-wrap .dropdown-menu.inner > li:first-child a,
.filter-wrap .dropdown-menu.inner .dropdown-header{
padding-left: .75rem !important;
}
.filter-wrap:not(.grid){
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
width: 100%;
align-items: center;
gap: 8px;
position: relative;
}
.filter-wrap > span{
margin-bottom: 0px !important;
color: var(--color-text-primary) !important;
}
.filter-wrap > span:first-child{
margin-right: 16px;
}
@media only screen and (max-width: 678px) {
.filter-wrap > span:first-child{
margin: 0px !important;
margin-bottom: 8px !important;
}
.is-sticky .filter-wrap > span:first-child{
display: none;
}
}
/*.filter-wrap:not(.grid) .form-wrap{
width: calc(50% - 10px - 15px)
}*/
@media only screen and (min-width: 679px) {
body:not(.home) .wp-block-cover:first-child .filter-wrap .has-small-font-size,
.filter-wrap > span{
margin-bottom: 0px !important;
}
}
/*Removed Clear filter*/
/*Remove entire block to revert*/
#misha_filters #clear-filters{
display: none !important;
}
.filter-wrap:not(.grid) .form-wrap{
min-width: 1px;
}
@media only screen and (min-width: 679px) {
.filter-wrap:not(.grid){
/*padding-right: 60px;*/
padding-right: 20px;
}
.filter-wrap:not(.grid) .form-wrap{
flex: 1;
}
}
@media only screen and (max-width: 678px) {
body .filter-wrap:not(.grid) .form-wrap {
width: calc(100%) !important;
}
}
@media screen and (max-width: 880px) {
body .ajax-map-wrap #misha_filters .filter-wrap {
padding-right: 0px !important;
}
}
/*END Removed Clear filter*/
#misha_filters{
z-index:1;
}
@media only screen and (max-width: 678px) {
.filter-wrap:not(.grid) .form-wrap{
width: calc( 100% - 45px)
}
.filter-wrap:not(.grid){
align-items: flex-start;
}
.ajax-map-wrap #misha_filters .filter-wrap #clear-filters{
margin-top: 10px;
}
}
.ajax-map-wrap #misha_filters .filter-wrap #clear-filters{
/*position: absolute;*/
right: 0px;
font-size: 0px;
width: 36px;
height: 36px;
display: inline-block;
background-image: url(../../../../../../../themes/genesis-sample/images/clear-filters.svg);
background-size: initial;
background-repeat: no-repeat;
background-position: center center;
z-index: 11;
transition-duration: .15s;
transition-property: all;
transition-timing-function: cubic-bezier(.4,0,.2,1);
background-color: var(--btn-fill-primary);
background-size: 20px 20px;
border-radius: 100%;
}
.ajax-map-wrap #misha_filters .filter-wrap #clear-filters:hover{
transform: scale(1.09);
}
.meeting-search .ajax-listings {
/* flex-direction: column; */
gap: 20px;
}
.meeting-search .ajax-listings .listing-entry > *{
background: var(--color-bg-primary);
border: 1px solid rgba(var(--color-bg-primary-rgb), 0.5);
border: 1px solid rgba(136, 114, 68, 0.50);
overflow: hidden;
transition: var(--transition-ease-in-out);
}
.meeting-search .ajax-listings .listing-entry.highlight > *,
.meeting-search .ajax-listings .listing-entry:hover > *{
border: 1px solid rgb(var(--color-text-accent-rgb) / 0.8) !important;
}
.meeting-search .ajax-listings .listing-entry{
transition: var(--transition-ease-in-out);
}
.meeting-search .ajax-listings .listing-entry.emphasis{
transform: scale(1.05);
}
.meeting-search .ajax-listings .listing-entry .location-details{
transition: var(--transition-ease-in-out);
}
@media screen and (min-width: 881px) {
.meeting-search .ajax-listings .listing-entry.highlight .location-details,
.meeting-search .ajax-listings .listing-entry:hover .location-details{
background: var(--gradient-light);
}
}
@media screen and (max-width: 880px) {
.meeting-search .ajax-listings .listing-entry.highlight > .flex,
.meeting-search .ajax-listings .listing-entry:hover > .flex{
background: var(--gradient-light);
}
}
.post-listing .listing-entry:hover .listing-img:after{
border: 0px !important;
}
.meeting-search .ajax-listings .listing-entry .location-details a{
white-space: wrap;
}
.meeting-search .ajax-listings .listing-entry .location-details .meta-address a:hover{
/*color: var(--color-text-accent);*/
}
.ajax-listings .listing-entry .listing-img{
min-width: 260px;
max-width: 260px;
/* height: 280px; */
height: auto;
align-self: stretch;
}
.ajax-listings .listing-entry:hover .listing-img{
border: none !important;
}
.ajax-listings .listing-entry .location-details {
padding: 32px;
}
.meeting-search .ajax-wrap{
width: 100%;
}
#misha_posts_wrap .inner-wrap{
max-width: 100%;
}
#misha_posts_wrap > p,
.meeting-search .ajax-listings{
margin-top: 20px;
}
.meeting-search .ajax-wrap .flex-wrap{
gap: 16px;
}
.meeting-search .ajax-wrap .flex-wrap .listing-entry > .flex{
align-items: center;
gap: 0px;
align-items: stretch;
}
.meeting-search .ajax-wrap .flex-wrap .listing-entry > .flex > .location-details{
width: 100%;
min-width: 0;
justify-content: center;
height: unset !important;
}
.meeting-search .ajax-wrap {
height: 100%;
display: flex;
}
.meeting-search .ajax-wrap .flex-wrap{
flex: 100%;
height: fit-content !important;
}
.flex .relative.group.overflow-hidden{
/* display: none; */
}
.meeting-search .wp-block-column{
min-height: 0px !important;
}
@media only screen and (min-width: 881px) {
.meeting-search.wp-block-cover > div > .wp-block-columns > .wp-block-column:first-child{
/* max-width: 640px; */
width: 100%;
}
}
@media only screen and (max-width: 880px) {
.is-sticky .map.ajax{
height: 100%;
}
.ajax-listings .listing-entry .location-details {
padding: 20px 16px;
}
}
@media only screen and (max-width: 880px) {
.meeting-search .map-container.hidden{
display: block !important;
transition: .4s;
-webkit-transition: .4s ;
-moz-transition: .4s ;
-o-transition: .4s ;
-ms-transition: .4s;
}
.meeting-search .map-container.hidden .map-toggle{
top: 0px;
width: 100%;
left: 0px;
border-radius: 0px;
}
.wp-block-cover.fit-text.meeting-search .wp-block-columns .wp-block-column + .wp-block-column .map-container.hidden{
height: 34px !important;
}
}
@media only screen and (max-width: 770px) {
.listing-entry > .flex{
flex-direction: column;
}
.listing-entry .listing-img{
aspect-ratio: 280/280;
max-width: 100%;
}
.ajax-listings .listing-entry .listing-img{
aspect-ratio: 344/180;
max-width: 100%;
}
.ajax-listings .listing-entry a.btn{
padding: 5px 0px;
height: auto;
background: none;
}
.ajax-map-wrap:not(.condensedx) .ajax-listings .listing-entry a.btn:before,
.ajax-map-wrap:not(.condensedx) .ajax-listings .listing-entry a.btn:after,
.ajax-map-wrap:not(.condensedx) .ajax-listings .listing-entry a.btn{
background: none;
}
.ajax-map-wrap:not(.condensedx) .ajax-listings .listing-entry a.btn span:after{
content: "";
width: 8px; height: 4px;
background-image: var(--wpr-bg-3a13a800-2f5b-4911-b76c-03e41efd4dac);
background-size: contain;
background-position: center center;
top: -3px;
margin-left: 4px;
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.3s ease;
-moz-transition: -moz-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
transform: rotate(270deg);
}
.ajax-map-wrap:not(.condensedx) .ajax-listings .listing-entry a.btn:hover {
color: var(--color-text-accent);
}
.ajax-map-wrap:not(.condensedx) .ajax-listings .listing-entry a.btn:hover span:after{
transform: rotate(270deg) scale(1.1) translateY(3px);
}
}
/* Toggle Map */
@media screen and (max-width: 880px) {
body.has-sticky-element .site-container{
overflow: visible;
}
.ajax-map-wrap #misha_filters{
position: sticky;
}
.ajax-map-wrap #misha_filters .filter-wrap{
padding-left: 0px;
}
.ajax-map-wrap #misha_filters{
backdrop-filter: initial !important;
}
.ajax-map-wrap #misha_filters:before{
content: "";
height: 100%;
width: calc(100% + 32px);
left: -16px; top: 0px;
position: absolute;
z-index: 0 !important;
}
.ajax-map-wrap #misha_filters:after{
content: "";
height: 100%;
width: calc(100% + 32px);
left: -16px;
bottom: 0px;
position: absolute;
z-index: 0 !important;
background: rgb(242 240 230,0.8);
backdrop-filter: blur(18px);
}
.ajax-map-wrap #misha_filters .filter-wrap{
z-index: 1;
}
.meeting-search #misha_posts_wrap{
/* margin-top: 0px; */
}
.entry-content > .wrap > .wp-block-cover.meeting-search:first-child,
.wp-block-cover.meeting-search{
overflow: visible;
}
.wp-block-cover.fit-text.meeting-search .wp-block-columns .wp-block-column:first-child{
}
.meeting-search .wp-block-columns .wp-block-column + .wp-block-column .map-container,
.wp-block-cover.fit-text.meeting-search .wp-block-columns .wp-block-column + .wp-block-column .map-container{
height: calc(55vh) !important;
}
.meeting-search #misha_posts_wrap .ajax-listings,
.wp-block-cover.meeting-search #misha_posts_wrap .ajax-listings{
margin-bottom: 0px;
}
.wp-block-cover.meeting-search .wp-block-columns{
display: flex;
display: -webkit-flex;
flex-direction: column-reverse;
align-items:flex-start;
align-content:flex-start;
overflow: visible;
}
.meeting-search .wp-block-columns .wp-block-column,
.wp-block-cover.meeting-search .wp-block-columns .wp-block-column{
width: 100%;
overflow: visible;
flex-basis: 100% !important;
}
.meeting-search .ajax-map-wrap{
max-width: 100% !important;
}
.meeting-search .wp-block-columns .map-container{
display: block;
}
.meeting-search .map-wrap{
height: 100%;
}
.wp-block-cover.fit-text.meeting-search .wp-block-columns .wp-block-column + .wp-block-column .map-container{
position: relative;
top: 0px;
}
}
.map-toggle{
display: block;
position: absolute;
left: 50px;
top: 60px;
z-index: 20;
color: #000000;
padding: 14px 16px;
border: 2px solid #272727 !important;
border-radius: 4px !important;
width: 123px;
text-align: center;
white-space: nowrap;
}
.hidden .map-toggle{
background: var(--btn-fill-primary);
border-color: transparent;
}
/*.map-toggle:hover{*/
/*.map-toggle:focus{
color: #000000;
background: var(--btn-fill-primary-hover);
}*/
.map-toggle:focus{
}
@media screen and (max-width: 880px) {
.map-toggle:not(.active) span:first-child{
display: inline;
}
.map-toggle:not(.active) span + span{
display: none;
}
.map-toggle.active span:first-child{
display: none;
}
.map-toggle.active span + span{
display: inline;
}
.map-toggle.active + #secondary-clear-filters{
display: none !important;
}
.meeting-search .map-container{
display: block !important;
transition: .4s;
-webkit-transition: .4s ;
-moz-transition: .4s ;
-o-transition: .4s ;
-ms-transition: .4s;
}
.meeting-search .map-container.hidden .map-toggle{
top: 0px;
width: 100%;
left: 0px;
border-radius: 0px;
}
.wp-block-cover.fit-text.meeting-search .wp-block-columns .wp-block-column + .wp-block-column .map-container.hidden{
height: 34px !important;
}
}
@media screen and (min-width: 881px) {
.map-container .map-toggle{
display: none !important;
}
.meeting-search .wp-block-columns .map-container.hidden,
.meeting-search .wp-block-columns .map-container .map-wrap{
display: block !important;
}
.meeting-search .wp-block-columns:not(.featured-regions) .map-container .map-wrap{
padding-top: 142px;
}
body.tax-region .wp-block-group.meeting-search .wp-block-columns .map-container .map-wrap,
.wp-block-group.meeting-search .wp-block-columns:not(.featured-regions) .map-container .map-wrap{
padding-top: 120px;
}
}
@media screen and (max-width: 540px) {
.ajax-map-wrap #misha_filters{
margin-bottom: 0px !important;
background: transparent;
padding-left: 0px;
padding-right: 0px;
}
.ajax-map-wrap #misha_filters:before{
/*height: 160px !important;*/
height: 92px !important;
top: 0px;
}
}
/* END Toggle Map */
@media screen and (max-width: 880px) {
#secondary-clear-filters{
display: none !important;
}
.meeting-search .map-wrap {
/*height: 0px;*/
}
.map-toggle-wrap{
position: fixed;
bottom: 10px;left: 0px;
z-index: 9999999;
text-align: center;
margin: 0 auto !important;
pointer-events: none;
width: 100%;
}
.map-toggle-wrap .map-toggle{
position: relative !important;
top: 0px;
left: 0px;
/*margin: 0 auto;*/
pointer-events: all;
}
.wp-block-cover.fit-text.meeting-search .wp-block-columns .wp-block-column + .wp-block-column{
flex-grow: 0;
}
.wp-block-cover.fit-text.meeting-search .wp-block-columns .wp-block-column + .wp-block-column,
.map-container{
z-index: 1;
position: relative;
}
.meeting-search .wp-block-columns .wp-block-column + .wp-block-column .map-container.hidden,
.wp-block-cover.fit-text.meeting-search .wp-block-columns .wp-block-column + .wp-block-column .map-container.hidden{
height: 0px !important;
overflow: hidden;
}
/* Map Default hidden */
.meeting-search .wp-block-columns .wp-block-column + .wp-block-column .map-container .map-wrap,
.wp-block-cover.fit-text.meeting-search .wp-block-columns .wp-block-column + .wp-block-column .map-container .map-wrap{
display: block !important;
}
.map-toggle-wrap .map-toggle{
width: fit-content !important;
display: flex !important;
display: -webkit-flex !important;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
width: 100%;
align-items: center;
justify-content: center;
gap: 5px;
text-transform: uppercase;
color: #FFF;
font-family: Indivisible;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 18px; /* 150% */
letter-spacing: 2.4px;
text-transform: uppercase;
margin: 0 auto;
}
.map-toggle-wrap .map-toggle:before{
content: "";
width: 20px;
height: 20px;
position: relative;
display: inline;
background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10L22 4L42 10L60 4V54L42 60L22 54L4 60V10Z' stroke='white' stroke-width='4' fill='none'/%3E%3Cpath d='M22 4V54' stroke='white' stroke-width='4'/%3E%3Cpath d='M42 10V60' stroke='white' stroke-width='4'/%3E%3C/svg%3E");
background-position: center center;
background-size: cover;
margin-right: 5px;
}
.map-toggle-wrap .map-toggle:not(.active):before{
background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10L22 4L42 10L60 4V54L42 60L22 54L4 60V10Z' stroke='white' stroke-width='4' fill='none'/%3E%3Cpath d='M22 4V54' stroke='white' stroke-width='4'/%3E%3Cpath d='M42 10V60' stroke='white' stroke-width='4'/%3E%3Cline x1='16' y1='16' x2='48' y2='48' stroke='red' stroke-width='5'/%3E%3Cline x1='48' y1='16' x2='16' y2='48' stroke='red' stroke-width='5'/%3E%3C/svg%3E");
}
/* Initial state: hidden and positioned off-screen at the bottom */
.map-toggle-wrap {
position: fixed;
bottom: -100px; /* Start off-screen */
left: 50%;
transform: translateX(-50%) scale(0); /* Start hidden and scaled down */
opacity: 0;
transition: bottom 0.3s ease, opacity 0.3s ease;
display: flex;
justify-content: center;
}
/* When it becomes visible: slide up and pop */
.map-toggle-wrap.visible {
bottom: 80px; /* The position you want it to be at */
bottom: 20px; /* The position you want it to be at */
opacity: 1;
animation: popEffect 0.4s ease-in-out forwards;
transform: translateX(-50%) scale(1); /* Ensure it's at normal size */
}
/*offset docked cta*/
.above-the-fold body.single-location .map-toggle-wrap.visible,
.above-the-fold .map-toggle-wrap.visible {
bottom: 85px; /* The position you want it to be at */
}
/*end offset docked cta*/
/* When it becomes invisible: slide down and shrink */
.map-toggle-wrap.hidden {
bottom: -20px; /* Position it off-screen again */
opacity: 0;
animation: shrinkEffect 0.4s ease-in-out forwards;
/*transform: translateX(-50%) scale(0); */
transform: scale(0); /* Shrink and hide */
display: block !important;
}
/* Keyframe animation for the "pop" effect (when it comes into view) */
@keyframes popEffect {
0% {
transform: translateX(-50%) scale(0); /* Start from scale 0 */
}
50% {
transform: translateX(-50%) scale(1.4); /* Scale up to 1.4x */
}
100% {
transform: translateX(-50%) scale(1); /* Return to normal size */
}
}
/* Keyframe animation for the "shrink" effect (when it goes out of view) */
@keyframes shrinkEffect {
0% {
transform: translateX(-50%) scale(1); /* Start at normal scale */
}
50% {
transform: translateX(-50%) scale(1.2); /* Pop up slightly */
}
100% {
transform: translateX(-50%) scale(0); /* Shrink down */
}
}
}
@media screen and (min-width: 881px) {
.map-toggle-wrap{
display: none;
}
}
.ajax-map-wrap{
max-width: 625px;
margin-left: auto;
}
.featured-regions .ajax-map-wrap{
max-width: 100%;
}
#secondary-clear-filters.hidden{
display: none !important;
}
.ajax-map-wrap:not(.is-featured) #misha_filters {
/*.ajax-map-wrap #misha_filters {*/
z-index: 999;
position: sticky;
top: 70px; /* -20px for padding bump */
margin-top: -1rem;
padding: 1rem 0;
}
.ajax-map-wrap:not(.is-featured) #misha_filters > .filter-wrap{
transition: .4s ease-in-out;
}
.ajax-map-wrap:not(.is-featured) #misha_filters.is-sticky > .filter-wrap{
padding-top: 20px;
}
.ajax-map-wrap:not(.is-featured) #misha_filters:before {
content: "";
background-color: rgba(var(--color-bg-primary-rgb), 0.7);
backdrop-filter: blur(6px);
position: absolute;
top: 0px; left: -42px;
width: 100%; height: 100%;
}
.ajax-map-wrap:not(.is-featured) #misha_filters.is-sticky:before {
left: 0px;
}
@media screen and (min-width: 881px) {
.ajax-map-wrap:not(.is-featured) #misha_filters{
margin-right: -60px;
}
.ajax-map-wrap .ajax-listings{
margin-right: -60px;
position: relative;
z-index: 1;
}
/*.featured-regions .ajax-map-wrap .ajax-listings{*/
body:not(.tax-region) .featured-regions .ajax-map-wrap .ajax-listings{
position: static;
}
}
@media screen and (max-width: 880px) {
.ajax-map-wrap:not(.is-featured) #misha_filters {
top: 44px; /* -20px for padding bump */
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}
}
.map-container{
z-index: 0;
}
.location-template-region-template #secondary-clear-filters{
display: none !important;
}
/* END MAP */
/* Markers and Popups */
.marker {
background-image: none;
width: 40px;
height: 40px;
}
.marker svg{
width: 100%;
height: 100%;
}
.mapboxgl-popup-content{
font-size: 12px;
width: 240px;
padding: 10px;
}
.mapboxgl-popup-content a:not(.text-accent){
color: #000000;
}
/* END Markers and Popups */
/* Region Clusters */
#map:not(.region-is-active) .mapboxgl-marker:not(.region-cluster-marker){
display: none !important;
}
#map.region-is-active .mapboxgl-marker.region-cluster-marker{
display: none !important;
}
.region-cluster-marker{
cursor: pointer;
}
.region-cluster-marker .cluster-circle {
background-color: rgba(141, 81, 63, 1); /* from your request */
color: white;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 16px;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
transform: scale(1);
transition: transform 0.2s;
}
/* OPTIONAL: Add hover effect */
.region-cluster-marker:hover .cluster-circle {
transform: scale(1.1);
}
/* KEYFRAMES FOR POP-IN */
@keyframes popIn {
0% {
transform: scale(0);
opacity: 0;
}
60% {
transform: scale(1.2);
opacity: 1;
}
100% {
transform: scale(1);
}
}
/* END Region Clusters */
/* Map buttons */
body:not(.tax-region) .featured-regions .btn:not(.dropdown-toggle):after,
body:not(.tax-region) .featured-regions .btn:not(.dropdown-toggle):before{
background: #12120F !important;
}
body:not(.tax-region) .featured-regions .btn:hover{
/*transform: scale(1.05);*/
}
body:not(.tax-region) .featured-regions .mapboxgl-control-container{
/*display: none;*/
}
.mapboxgl-control-container .mapboxgl-ctrl {
margin-left: 50px;
margin-top: 21px;
}
@media (max-width: 1280px) and (min-width: 881px){
.mapboxgl-control-container .mapboxgl-ctrl {
margin-left: 75px;
margin-top: 21px;
}
.wp-block-group .mapboxgl-control-container .mapboxgl-ctrl {
margin-left: 50px;
}
}
body:not(.tax-region) .featured-regions .mapboxgl-control-container .mapboxgl-ctrl {
margin-left: 21px;
margin-top: 21px;
}
.mapboxgl-control-container .mapboxgl-ctrl {
gap: 10px;
display: flex;
flex-direction: column;
box-shadow: none; border: 0px;
background: transparent;
}
.mapboxgl-control-container .mapboxgl-ctrl button{
background: var(--color-bg-primary);
color: var(--color-text-primary) !important;
opacity: 1;
border: 2px solid #ffffff;
border-radius: 8px !important;
}
.mapboxgl-control-container .mapboxgl-ctrl button:hover{
background: var(--color-bg-inverse);
border-color: var(--color-bg-primary);
}
.mapboxgl-control-container .mapboxgl-ctrl button:not(:hover) span{
color: var(--color-text-primary) !important;
opacity: 1;
filter: brightness(0) invert(1);
}
.mapboxgl-control-container .mapboxgl-ctrl button.mapboxgl-ctrl-compass{
display: none;
}
@media screen and (max-width: 880px) {
.mapboxgl-control-container .mapboxgl-ctrl {
margin-left: 1rem;
margin-top: 1rem;
}
}
.map-toggle-wrap{
/* display: none !important; */
}
/* END Map buttons */
#misha_filters .bootstrap-select .dropdown-menu{
max-height:405px !important;
}
@media (max-width: 880px) {
#misha_filters .bootstrap-select .dropdown-menu{
max-height:333px !important;
}
}
.ajax-listings.hide-adjacent:not(.persist){
margin: 0px !important;
padding: 0px !important;
}
.ajax-listings.hide-adjacent:not(.persist) .category-heading,
.ajax-listings.hide-adjacent:not(.persist) h2,
.ajax-listings.hide-adjacent:not(.persist) h3{
display: none;
}
.meeting-search .wp-block-columns{
width: 100%;
}
.listing-entry .location-details p{
margin-bottom: 0px;
}
.wp-block-group.coworking-space-grid .wp-block-columns ~ .wp-block-columns{
margin-top: 2rem !important;
}
@media (min-width: 768px) {
.wp-block-group.coworking-space-grid .wp-block-columns{
--tw-space-y-reverse: 0;
margin-bottom: calc(3rem * var(--tw-space-y-reverse));
margin-top: calc(3rem * (1 - var(--tw-space-y-reverse))) !important;
}
.wp-block-group.coworking-space-grid .wp-block-columns ~ .wp-block-columns{
margin-top: 2rem !important;
}
}
.archive h1{
margin-bottom: 0px;
}
/*.wp-block-group .wp-block-column .dropdown-menu{
max-height: 420px !important;
}*/
.fancybox-stage .wp-block-column .dropdown-menu{
max-height: 265px !important;
}
.locations-nearby .listing-entry{
flex: 1 1 0% !important;
min-width: 18rem;
}
.bg-transparent + .wp-block-group.featured-news{
background: rgb(243 244 246/var(--tw-bg-opacity));
}
.mobile-only .menu-primary li a .text span{
display: none;
}
@media (max-width: 1024px) {
.day-office-registration .wp-block-columns{
display: grid !important;
}
.day-office-registration .wp-block-columns .wp-block-column{
width: 100% !important;
}
}
.fancybox-slide{
padding: 1rem;
}
.fancybox-content{
padding: 0px;
}
.has-caption .fancybox-slide,
.has .fancybox-content,
.fancybox-show-caption .fancybox-slide,
.fancybox-show-caption .fancybox-content{
padding: 0px !important;
}
.has-caption .fancybox-stage,
.fancybox-show-caption .fancybox-stage{
background: rgba(0,0,0,0.4);
}
.has-caption .fancybox-content,
.fancybox-show-caption .fancybox-content{
background: transparent;
}
.has-caption .fancybox-content,
.fancybox-show-caption .fancybox-content{
width: 100%;
overflow: visible;
}
.has-caption .fancybox-close-small,
.fancybox-show-caption .fancybox-close-small,
.has-caption .fancybox-caption,
.fancybox-show-caption .fancybox-caption{
display: none !important;
}
.fancybox-content#video {
background-color: rgb(38 38 38/var(--tw-bg-opacity));
}
.fancybox-slide--html{
transform: none !important;
}
/*.fancybox-content {
padding: 0 !important;
}
.fancybox-content.p-10{
padding: 2.5rem !important;
}
*/
.popup-gallery .image .caption {
position: absolute;
bottom: 2rem;
font-size: 1rem;
line-height: 1.5rem;
text-align: center;
width: 100%;
filter: drop-shadow(rgba(0, 0, 0, 0.9) 0px 1px 1px);
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.popup-gallery.fancybox-content{
background: transparent !important;
overflow-x: hidden;
overflow: auto; /* or scroll */
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none;/* IE 10+ */
}
.popup-gallery .splide:not(.reinitialized){
opacity: 0 !important;
}
.fancybox-show-caption .fancybox-content ,
.fancybox-show-caption .fancybox-content .flex ,
.fancybox-show-caption .fancybox-content .flex > .relative{
pointer-events: none !important;
}
.fancybox-show-caption .fancybox-content *{
pointer-events: initial !important;
}
.fancybox-content .flex > .relative img{
margin: 0 auto;
}
.popup-gallery .splide__pagination {
display: none;
}
.fancybox-content.image-modal{
max-height: 100% !important;
}
.fancybox-show-caption .fancybox-content .flex .relative{
display: flex;
align-items: center;
justify-content: center;
}
.single-location .flexible-lease-terms{
width: 100%;
left: initial; right: initial;
margin: 0;
}
.single-location .flexible-lease-terms .wp-block-group__inner-container{
padding: 0px;
}
.locations-nearby .excerpt{
display: none;
}
.locations-nearby .location-details{
padding-left: 0px;
padding-right: 0px;
}
.locations-nearby .border{
box-shadow: none;
border: 0px;
}
.locations-nearby .arrow{
display: none;
}
.region-flexible-terms .wp-block-columns .wp-block-column{
background:rgb(229, 231, 235);
}
.locations-nearby-and-map .listing-entry{
flex: 1 1 0% !important;
min-width: 18rem;
}
body:not(.templated) .entry-content .wrap .reviews-block > div{
padding: 0px;
}
.reviewer-name{
margin: 0px !important;
}
/* Workspace Filter */
.workspace-filter{
padding: 16px;
border-radius: var(--radius-sm, 4px);
border: 1.5px solid rgba(136, 114, 68,1);
background: rgba(18, 18, 15, 0.15);
backdrop-filter: blur(6px);
gap: 16px;
max-width: 580px;
margin: 0 auto;
}
.filter-wrap .form-wrap > .form-control{
appearance: none; /* Standard */
-webkit-appearance: none; /* Chrome, Safari */
-moz-appearance: none; /* Firefox */
background-image: none; /* Extra safety */
}
.filter-wrap .form-wrap > select.form-control, /* pre-styled */
.filter-wrap .form-wrap .bootstrap-select button,
.workspace-filter .filter-wrap .bootstrap-select button{
background: #ffffff;
padding: 0 16px;
/*padding-right: 36px;*/
}
.filter-wrap .form-wrap > select.form-control, /* pre-styled */
.filter-wrap .bootstrap-select button span{
color: #2F2E2C;
font-size: var(--fs-body-md-ui);
}
.workspace-filter .filter-wrap .bootstrap-select .dropdown-menu{
/*margin-top: 5px;*/
}
.filter-wrap .form-wrap > select.form-control, /* pre-styled */
.workspace-filter .filter-wrap .bootstrap-select button,
.filter-wrap .form-wrap .bootstrap-select button,
.workspace-filter .submit-wrap button{
height: 56px;
border-radius: 4px;
}
.workspace-filter .submit-wrap button{
white-space: nowrap;
padding: 16px 24px;
color: var(--color-text-primary);
font-size: var(--fs-body-sm);
font-style: normal;
/*font-weight: 500;*/
font-weight: 400;
line-height: 16px; /* 114.286% */
letter-spacing: 2.8px;
text-transform: uppercase;
}
.workspace-filter .bootstrap-select.btn-group .dropdown-toggle .caret{
border: 0px !important;
}
.workspace-filter .bootstrap-select .caret:before{
margin-top: -2px;
}
.wp-block-cover.overflow-y-visible{
overflow-y: visible !important;
}
.workspace-filter .dropdown-menu ul{
max-height: 320px !important;
}
@media (min-width: 769px) {
.workspace-filter .dropdown-menu{
width: 100% !important;
min-width: max-content !important;
margin-top: 16px;
}
.workspace-filter .dropdown-menu ul{
/*max-height: 320px !important;*/
max-height: 300px !important;
}
}
@media (max-width: 768px) {
.workspace-filter .dropdown-menu{
margin-top: 16px;
}
.workspace-filter .dropdown-menu ul{
/*max-height: 320px !important;*/
max-height: 300px !important;
}
.workspace-filter .bootstrap-select .dropdown-menu li,
.workspace-filter .bootstrap-select .dropdown-menu li .text{
/* font-size: .75rem; */
/* line-height: 1rem; */
}
}
@media (max-width: 550px) {
.workspace-filter{
flex-direction: column;
gap: 16px;
margin-top: 30px;
}
.workspace-filter > *{
width: 100%;
}
.workspace-filter .pseudo-button {
justify-content: center;
}
}
/* END Workspace Filter */
@media (min-width: 881px) {
.dynamic-list .menu-toggle,
.dynamic-list .sub-menu-toggle{
display: none;
}
}
.single-post .wp-block-image,
.single-post .content-area p{
margin-bottom: 24px;
}
.single-post .wrap{
padding-left: 0px;
padding-right: 0px;
}
.featured-posts .excerpt p:not(:last-child){
margin-bottom: 10px;
}
.tw.wp-block-gallery-is-layout-flex.grid{
display: grid !important;
}
.tw.wp-block-gallery-is-layout-flex.grid .wp-block-image{
width: 100% !important;
}
@media (max-width: 1023px) {
.mobile-reverse{
flex-direction: column-reverse !important;
}
}
/* Block cover refinements */
.home .wp-block-cover:not(.meeting-search) {
max-height: 100vh;
height: 100vh;
}
.home .wp-block-cover:not(.meeting-search){
/*height: 30rem;*/
/*padding-top: 2rem !important;*/
margin-top: 0px !important;
}
.home .wp-block-cover .wp-block-cover__inner-container{
justify-content: flex-end;
padding-bottom: 4rem;
}
@media (min-width: 881px){
.home .wp-block-cover:not(.meeting-search){
/*aspect-ratio: 21 / 9;*/
}
}
@media (min-width: 768px) {
/* .wp-block-cover:not(.meeting-search){
margin-top: 90px !important;
}*/
}
@media (max-width: 880px) {
.wp-block-cover:not(.meeting-search){
/*margin-top: 64px !important;*/
max-height: 75vh;
}
}
/* Hero cover Mask */
.hero-mask{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
width: 100%;
height: 100%;
left: 0px; top: 0px;
position: absolute;
/*pointer-events: none;*/
}
.hero-mask:after{
content:"";
width: 100%; height: 50%;
background: pink;
position: absolute;
bottom: 0px;
left: 0px;
background: linear-gradient(180deg, rgba(18, 18, 15, 0.00) 0%, var(--color-bg-surface, #12120F) 100%);
pointer-events: none;
}
.hero-mask .flex-wrap{
max-width: 1430px;
width: 100%; height: 100%;
margin: 0 auto;
position: relative;
}
.hero-mask .flex-wrap:before,
.hero-mask .flex-wrap:after{
content: "";
position: absolute;
background: var(--color-bg-primary);
height: 100%; width: 100%;
left: -100%;
}
.hero-mask .flex-wrap:after{
left: 100%;
}
.hero-mask .flex-wrap .col{
border-left: 13.5px solid var(--color-bg-primary);
border-right: 13.5px solid var(--color-bg-primary);
flex: 1;
position: relative;
transition: var(--transition-ease-in-out);
}
.hero-mask .flex-wrap .col:first-child{
border-left: 27px solid var(--color-bg-primary);
}
.hero-mask .flex-wrap .col:last-child{
border-right: 27px solid var(--color-bg-primary);
}
.hero-mask .flex-wrap .col .block{
width: 100%;
height: 10vh;
position: absolute;
top: 0px; width: 100%;
background: var(--color-bg-primary);
}
.hero-mask .flex-wrap .col:first-child .block{
/*height: 20vh;*/
}
.hero-mask .flex-wrap .col .block,
.hero-mask .flex-wrap .col:first-child + .col .block{
/*display: none;*/
}
.wp-block-cover__inner-container > *:not(.video-embed):not(.hero-mask):not(.absolute){
position: relative;
}
.wp-block-cover__inner-container > *:not(.video-embed):not(.hero-mask){
z-index: 11;
}
/*.hero-mask .flex-wrap .col .block{
transition: 2s var(--transition-ease-in-out);
}
.hero-mask .flex-wrap .col:hover .block{
height: 0vh !important;
}*/
/* 1. The Animation: Starts at full screen, ends at 0 */
@keyframes elegantReveal {
from { height: 100vh; }
to { height: 0vh; }
}
/* 2. Base state: Force them to start at 100vh to prevent the "flicker" */
.hero-mask .flex-wrap .col .block {
height: 100vh;
display: block !important; /* Overrides your 'none' on the 2nd/3rd col */
/*animation: elegantReveal 2s cubic-bezier(0.65, 0, 0.35, 1) forwards;*/
will-change: height; /* Tells browser to prepare for height changes */
transform: translateZ(0); /* Forces GPU / Hardware Acceleration */
backface-visibility: hidden;
perspective: 1000px;
/* Fallback: If animations are blocked/disabled by user settings */
animation: elegantReveal 2s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
/* 3. Column-Specific Stops and Delays */
/* Column 1: Stops at 20vh */
.hero-mask .flex-wrap .col:nth-child(1) .block {
animation-name: revealTo20;
animation-delay: 2.1s;
}
/* Column 2: Stops at 0vh (Full reveal) */
.hero-mask .flex-wrap .col:nth-child(2) .block {
animation-delay: 2.5s;
}
/* Column 3: Stops at 10vh */
.hero-mask .flex-wrap .col:nth-child(3) .block {
animation-name: revealTo10;
animation-delay: 2.3s;
}
/* 4. Custom Keyframes for your specific offsets */
@keyframes revealTo20 {
from { height: 100vh; }
to { height: 20vh; }
}
@keyframes revealTo10 {
from { height: 100vh; }
to { height: 10vh; }
}
@media (max-width: 750px) {
.hero-mask {
/* Force the width to be wider than the mobile screen */
width: 750px !important;
min-width: 750px !important;
/* Standard 'Center Overflow' Technique */
left: 50%;
transform: translateX(calc(-50% + 7px));
/* Reset margins to ensure they don't interfere with transform */
margin-left: 0;
margin-right: 0;
/* Flex alignment for the items inside */
justify-content: center;
}
.hero-mask:before{
content:"";
width: 100%; height: 100%;
position: absolute;
bottom: 0px;
left: 0px;
background: rgba(0,0,0,0.2);
pointer-events: none;
}
.hero-mask .flex-wrap .col{
border-left: 5.5px solid var(--color-bg-primary);
border-right: 5.5px solid var(--color-bg-primary);
}
.hero-mask .flex-wrap .col:first-child{
border-left: 11px solid var(--color-bg-primary);
}
.hero-mask .flex-wrap .col:last-child{
border-right: 11px solid var(--color-bg-primary);
}
}
/* End Hero cover mask */
/*.*/
body.page:not(.home) .content-sidebar-wrap{
padding-top: 0px;
}
/*body.page:not(.home) .wp-block-cover:not(.meeting-search):first-child{
max-width: 100vw;
margin-top: 0px !important;
}*/
/*@media (min-width: 768px){
body.page:not(.home) .wp-block-cover:not(.meeting-search){
aspect-ratio: 21 / 9;
}
}*/
/*body.page:not(.home) .wp-block-cover:not(.meeting-search) .wp-block-cover__inner-container{
height: auto;
width: 75%;
max-width: 42rem !important;
padding: 1.5rem;
background-color: rgba(0, 0, 0, .75);
backdrop-filter: blur(16px);
min-height: 0px;
}*/
/*body.page:not(.home) .wp-block-cover:not(.meeting-search) .wp-block-cover__background {
background: none !important;
}
body.page:not(.home) .wp-block-cover:not(.meeting-search) h1{
font-size: 1.5rem !important;
line-height: 1;
letter-spacing: -.025em;
}
@media (min-width: 768px){
body.page:not(.home) .wp-block-cover:not(.meeting-search) h1{
font-size: 1.875rem !important;
line-height: 2.25rem;
}
}
@media (min-width: 1024px){
body.page:not(.home) .wp-block-cover:not(.meeting-search) h1{
font-size: 2.25rem !important;
line-height: 2.5rem;
margin-bottom: 1rem;
}
body.page:not(.home) .wp-block-cover:not(.meeting-search) .wp-block-cover__inner-container{
width: 50%;
}
}*/
/* END Block cover refinements */
.full-stretch{
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.fancybox-slide--image {
pointer-events: auto !important;
}
/*.*/
/* Multi-step form [Keep for now] */
.cf7-multi-step-wrapper {
position: relative;
width: 100%;
overflow: hidden;
}
.cf7-step {
position: absolute;
width: 100%;
top: 0;
left: 0;
transform: translateX(0%);
transition: transform 0.4s ease-in-out;
}
/* Step 2 starts off to the right */
.cf7-step.step-2 {
transform: translateX(100%);
z-index: 1;
}
/* When Step 2 is active, shift Step 1 left and Step 2 into view */
.cf7-multi-step-wrapper.step-2-active .step-1 {
transform: translateX(-100%);
}
.cf7-multi-step-wrapper.step-2-active .step-2 {
transform: translateX(0%);
}
.cf7-error {
border: 1px solid red !important;
}
/*.*/
.cf7-multi-step-wrapper{
width: 100%;
height: 100%;
overflow-x: hidden !important;
}
.cf7-multi-step-wrapper .cf7-step{
overflow-y: auto;
}
.contact-private-office .wp-block-contact-form-7-contact-form-selector .wpcf7,
.contact-private-office .wp-block-contact-form-7-contact-form-selector .wpcf7 form,
.contact-private-office .wp-block-contact-form-7-contact-form-selector,
.cf7-multi-step-wrapper .cf7-step{
height: 100%;
}
.cf7-step{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
row-gap: 1.5rem;
}
.cf7-multi-step-wrapper .submit-wrap .button{
width: 100%;
}
.wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item:first-child{
margin-top: 0.25rem !important;
}
.wpcf7 .wpcf7-radio .wpcf7-list-item {
display: flex;
margin: 0px;
}
.wpcf7 .wpcf7-radio .wpcf7-list-item input{
height: auto;
}
.wpcf7 .wpcf7-list-item label{
display: flex;
cursor: pointer;
align-items: center !important;
}
.wpcf7 .wpcf7-list-item .wpcf7-list-item-label{
font-weight: normal;
margin-left: .5rem;
top: 1px;
position: relative;
}
form .wpcf7-form-control-wrap input[type="radio"]{
display: inline-block;
}
.wp-block-group.narrow {
display: flex; /* implied by items-center + justify-center */
align-items: center; /* items-center */
justify-content: center; /* justify-center */
min-height: 100vh; /* min-h-screen */
max-width: 75ch; /* max-w-[75ch] */
margin-left: auto; /* mx-auto (left auto) */
margin-right: auto; /* mx-auto (right auto) */
width: 100% !important;
left: initial; right: initial;
}
.wp-block-group.narrow .wp-block-group__inner-container{
/* padding: 0px !important; */
}
.cf7-multi-step-wrapper ~ .wpcf7-response-output{
display: none !important;
}
.wpcf7-form.sent .wpcf7-response-output{
display: none;
}
/*.*/
.wpcf7 .bootstrap-select .dropdown-header + li a,
.wpcf7 .bootstrap-select .dropdown-header{
padding-left: .75rem !important;
padding-right: .75rem !important;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
text-transform: uppercase;
font-weight: 600;
}
.wpcf7 .bootstrap-select .dropdown-header ~ li .opt{
padding-top: 0.4rem;
padding-bottom: 0.4rem;
padding-right: 2.25rem !important;
padding-left: 1.5rem !important;
}
/* Footer form market-only toggle */
.workspace-filter .bootstrap-select .dropdown-header ~ li,
.site-footer .wpcf7 .bootstrap-select .dropdown-header ~ li{
display: none;
}
.workspace-filter .bootstrap-select .dropdown-header + li,
.site-footer .wpcf7 .bootstrap-select .dropdown-header + li{
display: block;
}
.workspace-filter .bootstrap-select .dropdown-header + li a,
.site-footer .wpcf7 .bootstrap-select .dropdown-header + li a{
font-weight: normal !important;
text-transform: none !important;
}
/* market-only toggle */
.site-footer .wpcf7 .bootstrap-select .dropdown-header ~ li .opt{
padding-left: .75rem !important;
padding-right: .75rem !important;
}
/* END Footer form market-only toggle */
.wpcf7 .bootstrap-select .dropdown-header{
display: none;
}
.wpcf7 .bootstrap-select .dropdown-header + li .opt{
padding-left: .75rem !important;
padding-right: .75rem !important;
}
.wpcf7 .bootstrap-select .divider{
display: none;
}
/*.*/
/* END Multi step form */
.hero-grid .splide-wrap .main-carousel{
position: static;
}
/*.*/
.wp-block-columns.narrow-wrapper,
.wp-block-group.narrow-wrapper .wp-block-group__inner-container{
max-width: 880px;
}
.wp-block-group .wp-block-table{
max-width: 880px;
margin: 0 auto;
}
body:not(.templated) .site-inner .content .wp-block-group .wp-block-group{
width: unset;
position: relative;
left: unset;
right: unset;
margin-left: unset;
margin-right: unset;
padding: 2rem;
}
body:not(.templated) .site-inner .content .wp-block-group .wp-block-group:before,
body:not(.templated) .site-inner .content .wp-block-group .wp-block-group:after{
display: none;
}
.entry-content > .wrap > .wp-block-group > .wp-block-group__inner-container .wp-block-columns:not(.owl-carousel){
gap: 60px;
}
body:not(.templated).page .wp-block-group > .wp-block-group__inner-container > .wp-block-columns ~ .wp-block-columns:not(.owl-carousel){
margin-top: 100px;
}
@media (max-width: 880px) {
body:not(.templated).page .wp-block-group > .wp-block-group__inner-container > .wp-block-columns ~ .wp-block-columns:not(.owl-carousel){
margin-top: 60px;
}
.entry-content > .wrap > .wp-block-group > .wp-block-group__inner-container .wp-block-columns:not(.owl-carousel){
gap: 20px;
}
.entry-content > .wrap > .wp-block-group.has-background > .wp-block-group__inner-container .wp-block-columns:not(.owl-carousel){
gap: 40px;
}
}
@media (max-width: 580px) {
body:not(.templated).page .wp-block-group .wp-block-buttons.is-content-justification-center.mobile-full .wp-block-button{
width: 100%;
flex: 100%;
text-align: center;
}
body:not(.templated).page .wp-block-group .wp-block-buttons.is-content-justification-center.mobile-full .wp-block-button a{
width: 90%;
justify-content: center;
}
}
/* Hero Split */
.block-full-width,
.block-hero-split{
width: calc(100vw)
position: relative;
left: 50%;
right: 50%;
margin-left: calc(-50vw);
margin-right: calc(-50vw);
}
.block-hero-split .single-image,
.block-hero-split .single-image img{
height: 100%;
}
.block-hero-split .hero-content{
min-height: max-content;
height: calc(100vh - 90px);
height: calc(100vh - 90px - 102px);
max-height: 700px;
}
.yoast-breadcrumbs + .block-hero-split .hero-content{
height: calc(100vh - 90px - 102px);
}
.before-icon-bulb:before{
content: "\f0eb"; /* Font Awesome bulb icon unicode */
font-family: "fontawesome";
font-size: 20px;
margin-right: 10px;
top: 2.5px;
position: relative;
}
/* END Hero Split */
@media (max-width: 1280px) {
.full-stretch.breadcrumbs {
width: 100%;
position: relative;
left: unset;
right: unset;
margin-left: -16px;
margin-right: -16px;
}
}
@media (max-width: 1023px){
.lg-2x2.wp-block-columns {
flex-direction: row !important;
flex-wrap: wrap !important;
-webkit-flex-wrap: wrap !important;
}
.lg-2x2.wp-block-columns .wp-block-column{
flex-basis: calc(50% - 1em) !important; /* Set each child to take up 50% of the container, minus the gap */
flex-grow: 0; /* Prevents flex items from growing */
flex-shrink: 0; /* Prevents flex items from shrinking */
}
}
.wp-block-image.aspect-square a{
height: 100%;
width: 100%;
}
/* . */
/*.*/
@media (max-width: 1023px){
.txt-img-alternating .wp-block-columns:nth-child(odd) {
flex-direction: column-reverse !important;
}
.img-txt-alternating .wp-block-columns:nth-child(even) {
flex-direction: column-reverse !important;
}
}
/* Featured regions */
body:not(.tax-region) .ajax-map-wrap.is-featured #misha_posts_wrap,
body:not(.tax-region) .ajax-map-wrap.is-featured .filter-wrap{
display: none;
}
body:not(.tax-region) .featured-regions{
padding: 40px;
border-radius: var(--radius-lg, 16px);
border: 1px solid rgba(136, 114, 68, 0.50);
background: linear-gradient(180deg, rgba(18, 18, 15, 0.50) 41.37%, rgba(120, 120, 100, 0.25) 246.17%);
gap: 40px;
flex-direction: row;
display: flex !important;
justify-content: center !important;
align-items: normal !important;
}
body:not(.tax-region) .featured-regions > *{
flex: 1 !important;
/* height: 100%; */
align-self: center;
}
body:not(.tax-region) .featured-regions form{
margin: 0px !important;
}
body:not(.tax-region) .featured-regions .is-sticky .map.ajax{
height:610px;
}
body:not(.tax-region) .featured-regions .region-radio-toggles{
display: flex;
flex-direction: column;
}
.region-radio-btn{
height: 130px;
height: 90px;
/*padding: 17px 0;*/
padding: 17px 14px;
display: flex;
align-items: center;
}
.region-radio-btn h3{
font-family: var(--sans-serif);
font-size: var(--fs-heading-sm);
font-size: clamp(1.1rem, 2.5vw, 1.2rem);
font-size: clamp(1rem, 2.5vw, 1.333rem);
width: 100%;
}
.region-radio-btn span{
z-index: 1;
position: relative;
display: flex;
align-items: center;
}
.region-radio-btn span:after{
content: "";
background-image: var(--wpr-bg-f1708e70-9ceb-4210-aebb-e8db9aaf440d);
background-size: contain;
background-position: center center;
width: 14px; height: 7px;
margin-top: 2px;
margin-left: 12px;
position: relative;
display: block;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
transform: rotate(270deg);
}
.region-radio-btn:hover span:after{
transform: rotate(270deg) scale(1.1) translateY(5px);
}
.region-radio-btn a {
color: unset;
text-decoration: none;
height: 100%;
width: 100%;
display: flex;
pointer-events: none;
}
.region-radio-btn.checked h3 {
/* Subtle off-white for that retina-display look */
color: rgba(255, 255, 255, 0.95);
/* Sleek micro-engraving */
text-shadow:
0px -1px 0px rgba(0, 0, 0, 0.6), /* Depth */
0px 0.5px 0px rgba(255, 255, 255, 0.1); /* Bezel */
/* The "Tactile Click" Animation */
animation: tab-depress 0.25s cubic-bezier(0.2, 0, 0, 1) forwards;
z-index: 1;
}
@media (min-width: 881px){
body:not(.tax-region) .featured-regions > *:first-child{
max-width: 482px;
}
/* Pseudo Gradient ease */
.region-radio-btn{
/* background: var(--gradient-half); */
border-bottom: 1px solid var(--border-color) !important;
position: relative;
transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
}
/*None to Gradient*/
.region-radio-btn:after{
content: "";
width: 100%; height: 100%;
top: 0px; left: 0px;
background: var(--gradient-half);
display: flex;
position: absolute;
z-index: 0;
opacity: 0;
transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
}
.region-radio-btn:hover{
border-color: rgb(var(--color-text-accent-rgb) / 0.8) !important;
}
.region-radio-btn.checked:after{
opacity: 1;
}
/* END Pseudo Gradient ease */
.ajax-map-wrap .floating-wrap .tab:not(.checked){
display: none;
}
body:not(.tax-region) .featured-regions {
position: relative;
}
body:not(.tax-region) .featured-regions > *,
body:not(.tax-region) .ajax-map-wrap.is-featured #misha_filters{
position: static;
}
body:not(.tax-region) .ajax-map-wrap .floating-wrap{
width: 100%; height: 100%;
position: absolute;
top: 0px;
left: 0px;
display: flex;
flex-direction: row;
gap: 60px;
padding: 40px;
z-index: 1;
pointer-events: none;
}
body:not(.tax-region) .ajax-map-wrap .floating-wrap > .pseudo-col{
flex: 1;
}
body:not(.tax-region) .ajax-map-wrap .floating-wrap > .pseudo-col:first-child{
max-width: 482px;
}
body:not(.tax-region) .ajax-map-wrap .floating-wrap > .pseudo-col + .pseudo-col{
align-items: flex-end;
display: flex;
justify-content: center;
}
body:not(.tax-region) .ajax-map-wrap .floating-wrap > .pseudo-col .tab{
/*padding-bottom: 28px;*/
padding-bottom: 45px;
}
body:not(.tax-region) .ajax-map-wrap .floating-wrap > .pseudo-col .tab .btn{
pointer-events: all;
position: relative;
}
body:not(.tax-region) .ajax-map-wrap .floating-wrap > .pseudo-col .tab .btn:after{
content: "";
width: 100%; height: 100%;
top: 0px; left: 0px;
background: var(--btn-gradient-prismatic-hover);
display: flex;
position: absolute;
/*z-index: -1;*/
transition: .1s ease-in-out;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
-o-transition: .1s ease-in-out;
-ms-transition: .1s ease-in-out;
}
body:not(.tax-region) .ajax-map-wrap .floating-wrap > .pseudo-col .tab .btn:not(:hover){
background: var(--color-bg-primary);
border-color: var(--color-bg-primary);
}
}
body:not(.tax-region) .featured-regions .ajax-map-wrap #misha_filters:before,
body:not(.tax-region) .featured-regions .ajax-map-wrap #misha_filters:after{
display:none;
}
@media (max-width: 880px){
.ajax-map-wrap .floating-wrap{
display: none;
}
body:not(.tax-region) .featured-regions,
.featured-regions {
padding: 0px;
border: none;
background: none;
}
.featured-regions .region-radio-toggles{
gap: 24px;
}
.featured-regions .region-radio-btn{
padding: 0px;
height: auto;
}
.featured-regions .region-radio-btn a:focus{
animation: tab-depress 0.25s cubic-bezier(0.2, 0, 0, 1) forwards;
}
.region-radio-btn a {
pointer-events: all;
display: flex;
padding: 24px 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 24px;
align-self: stretch;
width: 100%;
text-decoration: none !important;
color: unset;
border-radius: var(--radius-sm, 4px);
border: 1px solid rgba(136, 114, 68, 0.50);
background: linear-gradient(180deg, rgba(18, 18, 15, 0.50) 41.37%, rgba(120, 120, 100, 0.25) 246.17%);
}
.region-radio-btn a:hover{
border-color: rgb(var(--color-text-accent-rgb) / 0.8) !important;
background: linear-gradient(180deg, rgba(18, 18, 15, 1) 41.37%, rgba(120, 120, 100, 1) 246.17%);
}
.featured-regions > * + *{
display: none;
}
}
.with-arrow,
body .content-sidebar-wrap .entry-content .with-arrow > a,
.wp-block-group__inner-container > p.has-text-align-right:last-child > a:last-child:not([class]) {
position:relative;
display: inline-block;
color: var(--color-text-primary);
font-size: var(--fs-body-md, 14px);
font-style: normal;
font-weight: 500;
line-height: 16px; /* 114.286% */
letter-spacing: 2.8px;
text-transform: uppercase;
}
body .content-sidebar-wrap .entry-content p.with-arrow {
display: block;
}
.has-background .wp-block-group__inner-container > p:last-child > a:last-child:not([class]) {
color: var(--color-text-reverse);
}
.with-arrow:hover{
text-decoration: underline;
}
.with-arrow:after,
.wp-block-group__inner-container > p.has-text-align-right:last-child > a:last-child:not([class]):after {
content: "";
width: 4px;
height: 8px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='8' viewBox='0 0 4 8' fill='none'%3E%3Cpath d='M0.114302 0.738142C-0.0381012 0.569275 -0.0381012 0.295543 0.114302 0.126633C0.26671 -0.0421896 0.513754 -0.0422335 0.66615 0.126633L3.88579 3.69423C4.02863 3.85255 4.03745 4.10297 3.91245 4.27279L3.88579 4.30574L0.66615 7.87334C0.513747 8.04222 0.26671 8.04222 0.114303 7.87334C-0.0381009 7.70446 -0.0381009 7.43073 0.114303 7.26185L3.05802 4.00001L0.114302 0.738142Z' fill='%23D2AF6B'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
top: -2px;
margin-left: 4px;
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.3s ease;
-moz-transition: -moz-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
}
.with-arrow:hover:after,
.wp-block-group__inner-container > p.has-text-align-right:last-child > a:hover:last-child:not([class]):after {
transform: scale(1.1) translateX(3px);
}
@media (max-width: 400px) {
.region-radio-btn h3{
font-size: 22px;
line-height: 1.1;
}
}
/* END Featured regions */
/* Testimonials Slider */
.testimonial-container{
position: relative;
}
.testimonial-block {
position: relative;
}
.testimonial-block .testimonial-container {
}
/* Stacking: Mobile reverse (Text top, Image bottom) */
.testimonial-block .testimonial-grid {
display: flex;
flex-direction: column-reverse;
gap: 40px;
}
/* L-Frame Accent */
.testimonial-block .testimonial-image-col {
padding: 24px;
}
.testimonial-block .testimonial-image-frame {
position: relative;
aspect-ratio: 1/1; /* Simplified from 2/2 */
background-color: #1e1e1e;
}
.testimonial-block .testimonial-image-frame img {
width: 100%;
height: 100%;
z-index: 2;
position: relative;
object-fit: cover;
}
.testimonial-block .testimonial-frame-accent {
position: absolute;
bottom: -24px;
left: -24px;
width: 136px;
height: 136px;
border-left: 2px solid var(--color-bg-accent);
border-bottom: 2px solid var(--color-bg-accent);
z-index: 1;
}
/* Typography & Content Column */
.testimonial-block .testimonial-content-col {
display: flex;
flex-direction: column;
position: relative;
}
.testimonial-block .testimonial-quote-icon {
margin-bottom: 49px;
display: flex;
gap: 15px;
}
.testimonial-block .testimonial-text p {
font-size: var(--fs-body-xl);
font-weight: 400;
line-height: 140%; /* 44.8px */
letter-spacing: -0.16px;
}
.testimonial-block .testimonial-name {
text-transform: uppercase;
color: #EDEAE3;
font-size: var(--fs-body-md);
font-style: normal;
font-weight: 400;
line-height: 25px; /* 156.25% */
letter-spacing: 3.2px;
margin-top: 18px;
}
/* Pager Bars (Positioned outside the carousel) */
.slider-block .slider-pager {
display: flex;
gap: 12px;
margin-top: 60px;
z-index: 10;
margin-left: auto;
}
.slider-block .slider-pager-bar:not(.is-active) {
width: 42px;
}
.slider-block .slider-pager-bar {
height: 5px;
width: 68px;
background-color: rgba(255, 255, 255, 0.2);
cursor: pointer;
transition: all 0.4s ease;
}
@media (max-width: 880px){
.slider-block .slider-pager-bar:not(.is-active) {
width: 32px;
}
.slider-block .slider-pager-bar {
width: 48px;
}
}
.slider-block .slider-pager-bar.is-active {
background-color: #ffffff;
}
/* When locked, we create an invisible layer over everything */
.testimonial-block.is-locked {
position: relative;
}
.testimonial-block:not(.is-locked) {
cursor: grab;
}
.testimonial-block.is-locked::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000; /* Ensure it's above the slider stage */
cursor: default;
}
.slider-block .testimonial-item .slider-pager{
display: none;
}
/* Desktop Styles */
@media (min-width: 881px) {
.slider-block .slider-pager {
padding-bottom: 24px;
}
.testimonial-block .testimonial-grid {
flex-direction: row;
align-items: center;
gap: 85px;
}
/*special case */
.single-service:not(.postid-677) .testimonial-block .testimonial-grid {
flex-direction: row-reverse;
}
.single-service:not(.postid-677) .slider-block .slider-pager{
right: 50%
}
.single-service:not(.postid-677) .testimonial-block .testimonial-container:before{
display: none;
}
/*end special case */
.testimonial-block .testimonial-image-col {
flex: 1;
}
.testimonial-block .testimonial-content-col {
flex: 1.2;
position: relative;
padding-right: 24px;
}
/* Pager pinned to lower right of the content area */
.slider-block .slider-pager {
position: absolute;
bottom: 0;
right: 0;
margin-top: 0;
}
.testimonial-block .testimonial-image-col{
min-width: 46.5%;
}
.testimonial-block .testimonial-image-frame {
}
.testimonial-block .owl-item:not(.active) .testimonial-frame-accent{
opacity: 0;
}
.testimonial-block .owl-item:not(.active) .testimonial-image-frame img {
/* opacity: 0; */
}
.testimonial-block .testimonial-frame-accent {
display: none;
}
.testimonial-block .testimonial-image-col {
padding-left: 0px;
padding-bottom: 0px;
}
.testimonial-block .testimonial-container:before {
content: "";
position: absolute;
bottom: -24px;
left: -24px;
width: 136px;
height: 136px;
border-left: 2px solid var(--color-bg-accent);
border-bottom: 2px solid var(--color-bg-accent);
z-index: 1;
}
}
@media (max-width: 880px) {
.testimonial-block .testimonial-quote-icon{
margin-bottom: 30px;
}
.testimonial-quote-icon{
width: 76px;
}
.testimonial-content-col .testimonial-text{
padding-right: 10px;
}
.testimonial-image-col{
max-width: 85%;
margin: 0 auto;
width: 100%;
}
.testimonial-block .testimonial-image-col{
display: none;
}
}
.owl-carousel.owl-item{
position: relative;
}
.owl-carousel .owl-item:before{
content: "";
height: 100%;
width: 100%;
background-color: rgba(var(--color-bg-primary-rgb), 0.7);
backdrop-filter: blur(2px);
position: absolute;
top: 0px; left: 0px;
z-index: 1000;
pointer-events: none;
transition: background-color 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out, opacity 0.4s ease-in-out;
-webkit-transition: background-color 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out, opacity 0.4s ease-in-out;
-moz-transition: background-color 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out, opacity 0.4s ease-in-out;
-o-transition: background-color 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out, opacity 0.4s ease-in-out;
-ms-transition: background-color 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out, opacity 0.4s ease-in-out;
opacity: 0;
}
.wp-block-columns.owl-carousel .owl-item:not(.is-strictly-active):before,
.owl-carousel .owl-item:not(.active):before{
/*opacity: 1;*/
opacity: 0.8;
}
@media (max-width: 880px) {
.owl-carousel .owl-item:before{
backdrop-filter: none;
background-color: rgba(var(--color-bg-primary-rgb), 0.3);
}
}
/* ==========================================================================
Testimonial Progress Worm Add-on (Fixed Continuous Motion)
========================================================================== */
.slider-block .slider-pager-bar {
position: relative;
overflow: visible !important; /* Keeps the sliding worm fill contained */
}
.slider-block .slider-pager-bar.is-active:after,
.slider-block .slider-pager-bar.is-active{
pointer-events: none !important;
}
/* Hide the static white background on active so our worm can animate instead */
.slider-block.testimonial-block .slider-pager-bar.is-active {
background-color: rgba(255, 255, 255, 0.2) !important;
}
.slider-block:not(.testimonial-block) .slider-pager-bar.is-active {
background: #ffffff !important;
}
/* The animated filling worm element */
.slider-block .pager-progress-fill {
position: absolute;
top: 0;
height: 100%;
background-color: #ffffff;
width: 0%;
left: 0;
right: auto;
}
/* ==========================================================================
Testimonial Progress Worm Add-on (Silky Smooth Motion Fix)
========================================================================== */
.slider-block .slider-pager-bar {
position: relative;
overflow: hidden; /* Keeps the sliding worm fill contained */
}
/* Hide the static white background on active so our worm can animate instead */
.slider-block .slider-pager-bar.is-active {
background-color: rgba(255, 255, 255, 0.2) !important;
}
/* The animated filling worm element */
.slider-block .pager-progress-fill {
position: absolute;
top: 0;
height: 100%;
background-color: #ffffff;
width: 0%;
left: 0;
right: auto;
opacity: 0;
/* Force hardware acceleration and kill conflicting native transitions */
will-change: width, opacity;
transition: none !important;
}
/* ==========================================================================
Maximized Hover Bridge: 100% Unbroken Click Detection Zone
========================================================================== */
.slider-block .slider-pager-bar::after {
content: "";
position: absolute;
vertical-align: middle;
inset: -16px -7px;
z-index: 100;
pointer-events: auto;
cursor: pointer;
}
/* Google Reviews Block */
.google-reviews-block{
display: flex;
display: -webkit-flex;
align-items: center;
width: max-content;
gap: 5px;
}
.google-reviews-block .stars-container{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
align-items: center;
}
.google-reviews-block .stars-container svg{
width: 20px;
}
.google-reviews-block .stars-container svg:not(:first-child){
margin-left: -2px;
}
.google-reviews-block .stars-rating{
font-weight: 700;
font-size: 16px;
line-height: 22px;
color: rgb(17, 17, 17);
}
.google-reviews-block .count-text{
font-weight: 400;
text-transform: uppercase;
font-weight: 700;
font-size: 13px;
line-height: 22px;
color: rgb(109 109 109);
}
.wp-block-cover.items-center .google-reviews-block {
background-color: rgba(0, 0, 0, 0.2);
backdrop-filter: blur(12px);
padding: 4px 10px ;
border-radius: 10px;
margin-top: 20px;
}
.wp-block-cover.items-center .google-reviews-block *{
color: #f9f9f9;
}
.wp-block-cover.items-center .google-reviews-block .count-text{
color: #dadada;
}
@media only screen and (max-width: 880px) {
.wp-block-cover .wp-block-cover__inner-container h1 + p + *{
bottom: 3.5rem;
}
.wp-block-cover.items-center .google-reviews-block {
--tw-translate-x: -50%;
bottom: 1rem;
position: absolute;
margin-bottom: 0px;
}
}
/* END Google Reviews Block */
/* =========================================
1. BASE MARKER & CLUSTER STATES
========================================= */
.ajax.map .cluster-circle,
.ajax.map .marker {
/*position: relative;*/
}
.ajax.map .cluster-circle,
.ajax.map .marker svg {
transition: var(--transition-sleek-pop);
}
/* =========================================
2. HOVER & POP EFFECTS
========================================= */
.ajax.map .cluster-circle:hover,
.ajax.map .marker:hover{
z-index: 1111;
}
.ajax.map .cluster-circle:hover,
.ajax.map .marker svg:hover,
/*.ajax.map .cluster-circle:hover:after,*/
.ajax.map .marker:hover:after {
/*transform: scale(1.4) !important;*/
}
/* =========================================
3. SHARED GLIMMER STYLES
========================================= */
.ajax.map .cluster-circle:after,
.ajax.map .marker:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
/* Animation & Pop Transition */
animation: sweep 3s linear infinite;
/* transition: var(--transition-sleek-pop); */
/* transition: background .3s ease-in-out; */
transition: var(--transition-sleek-pop);
/* Gradient Styling */
/* background: linear-gradient(
110deg,
rgba(111, 92, 56, 0) 0%,
rgba(111, 92, 56, 0.5) 15%,
#E6C982 50%,
rgba(111, 92, 56, 0.5) 85%,
rgba(111, 92, 56, 0) 100%
); */
background-size: 300% 100%;
mix-blend-mode: overlay;
}
.ajax.map .cluster-circle:hover:after{
animation: sweep 7s linear infinite;
}
.ajax.map .cluster-circle:hover:after,
.ajax.map .marker:hover:after {
opacity: 1;
background: #000000;
}
/* Marker Specific Mask */
.ajax.map .marker:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='34'%3E%3Cpath d='M0 2C0 0.895431 0.895431 0 2 0H25.9184C27.0229 0 27.9184 0.895431 27.9184 2V26C27.9184 27.1046 27.0229 28 25.9184 28H2C0.895428 28 0 27.1046 0 26V2Z' fill='black'/%3E%3Crect y='0.708' width='7' height='7' transform='matrix(0.706 0.708 -0.706 0.708 14.45 22.2)' fill='black'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='34'%3E%3Cpath d='M0 2C0 0.895431 0.895431 0 2 0H25.9184C27.0229 0 27.9184 0.895431 27.9184 2V26C27.9184 27.1046 27.0229 28 25.9184 28H2C0.895428 28 0 27.1046 0 26V2Z' fill='black'/%3E%3Crect y='0.708' width='7' height='7' transform='matrix(0.706 0.708 -0.706 0.708 14.45 22.2)' fill='black'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: 3.5px 0;
mask-position: 3.5px 0;
}
/* Cluster Specific Mask */
.ajax.map .cluster-circle:after {
border-radius: 50%;
mask-image: none;
-webkit-mask-image: none;
}
/* =========================================
4. GLOBAL MAP LOADING STATES
========================================= */
.ajax.map.is-loading,
#misha_filters.is-filtering + #misha_posts_wrap{
cursor: progress;
}
#misha_filters .region-radio-toggles label{
cursor: pointer;
}
#misha_filters.is-filtering .region-radio-toggles label{
/*cursor: progress;*/
}
#misha_filters.is-filtering + #misha_posts_wrap .listing-entry{
pointer-events: none;
}
.ajax.map:before {
opacity: 0;
transition: var(--transition-ease-in-out);
}
.ajax.map:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 6px;
z-index: 2;
background: linear-gradient(90deg, #6F5C38 0%, #E6C982 25%, #6F5C38 50%, #E6C982 75%, #6F5C38 100%);
background-size: 200% 100%;
opacity: 0;
animation: none;
}
.ajax.map.is-loading:before {
animation: loading-smooth 7s linear infinite;
opacity: 1;
}
#misha_filters + #misha_posts_wrap .listing-entry{
position: relative;
}
#misha_filters.is-filtering + #misha_posts_wrap .listing-entry img{
filter: grayscale(100%);
transition: var(--transition-ease-in-out);
}
#misha_filters.is-filtering + #misha_posts_wrap .listing-entry *{
color: #adadad;
transition: var(--transition-ease-in-out);
}
.meeting-search.is-filtering #misha_filters + #misha_posts_wrap .ajax-listings .listing-entry > *{
background: #232323;
}
/*#misha_filters.is-filtering + #misha_posts_wrap .listing-entry:after,
.ajax.map.is-loading:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: linear-gradient(110deg, rgba(111, 92, 56, 0) 0%, rgba(111, 92, 56, 0.5) 15%, #E6C982 50%, rgba(111, 92, 56, 0.5) 85%, rgba(111, 92, 56, 0) 100%);
background-size: 300% 100%;
mix-blend-mode: overlay;
animation: sweep 4s linear infinite;
}*/
#misha_filters + #misha_posts_wrap .listing-entry:after,
.ajax.map:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: linear-gradient(110deg, rgba(111, 92, 56, 0) 0%, rgba(111, 92, 56, 0.5) 15%, #E6C982 50%, rgba(111, 92, 56, 0.5) 85%, rgba(111, 92, 56, 0) 100%);
background-size: 300% 100%;
mix-blend-mode: overlay;
opacity: 0;
pointer-events: none;
}
.ajax.map.is-loading:after{
pointer-events: auto;
}
#misha_filters.is-filtering + #misha_posts_wrap .listing-entry:after,
.ajax.map.is-loading:after {
/*opacity: 1;*/
opacity: 0.6;
animation: sweep 4s linear infinite;
}
#misha_filters.is-filtering + #misha_posts_wrap .listing-entry:after{
opacity: 0.2;
}
/* =========================================
5. KEYFRAMES
========================================= */
@keyframes loading-smooth {
0% { background-position: 0% 0%; }
100% { background-position: -200% 0%; }
}
@keyframes sweep {
0% { background-position: 150% 0%; }
100% { background-position: -150% 0%; }
}
.dots {
display: inline-block;
animation: pulse-dots 2.5s infinite;
/*color: #E6C982;*/
/*font-weight: bold;*/
margin-left: 2px;
letter-spacing:1px;
}
@keyframes pulse-dots {
50%, 100% { opacity: 1; }
50% { opacity: 0.6; }
}
/* Service Pages */
/* Heading Margin */
.wp-block-columns > .wp-block-column > .wp-block-heading,
.wp-block-group > .wp-block-group__inner-container > .wp-block-heading{
margin-bottom: 48px;
}
/* Heading Siblings Margin */
.entry-content > .wrap > *:not(div):not(section):not(hr), /* Exclude wp-block-group and wp-block-cover alike */
.entry-content > .wrap > *.wp-block-columns,
.wp-block-group > .wp-block-group__inner-container > :not([hidden])~:not([hidden]):not(hr):not([class*="mt-"]) {
--tw-space-y-reverse: 0;
margin-bottom: 48px;
margin-top: 48px;
}
.entry-content > .wrap > p:not([class*="mt-"]):not([hidden]):not(:first-child),
.entry-content > .wrap > .wp-block-list:not([class*="mt-"]):not([hidden]):not(:first-child),
.wp-block-columns > .wp-block-column > .wp-block-heading ~ p:not([class*="mt-"]):not([hidden]):not(:first-child),
.wp-block-columns > .wp-block-column > .wp-block-heading ~ .wp-block-buttons:not([class*="mt-"]):not([hidden]):not(:first-child),
.wp-block-columns > .wp-block-column > .wp-block-heading ~ .wp-block-list:not([class*="mt-"]):not([hidden]):not(:first-child),
.wp-block-group > .wp-block-group__inner-container > .wp-block-heading ~ p:not([class*="mt-"]):not([hidden]):not(:first-child),
.wp-block-group > .wp-block-group__inner-container > .wp-block-heading ~ .wp-block-buttons:not([class*="mt-"]):not([hidden]):not(:first-child),
.wp-block-group > .wp-block-group__inner-container > .wp-block-heading ~ .wp-block-list:not([class*="mt-"]):not([hidden]):not(:first-child),
.wp-block-group > .wp-block-group__inner-container > .heading-xl ~ p:not([class*="mt-"]):not([hidden]):not(:first-child),
.wp-block-group > .wp-block-group__inner-container > .heading-xl ~ .wp-block-buttons:not([class*="mt-"]):not([hidden]):not(:first-child),
.wp-block-group > .wp-block-group__inner-container > .heading-xl ~ .wp-block-list:not([class*="mt-"]):not([hidden]):not(:first-child){
margin-bottom: 24px;
margin-top: 24px;
}
/* Post-Heading Paragraph Margin */
.intro-paragraph,
.page .entry-content > .wrap > .wp-block-heading + p,
.page .entry-content > .wrap > .wp-block-heading + .wp-block-list,
.wp-block-columns > .wp-block-column > .wp-block-heading + p,
.wp-block-group > .wp-block-group__inner-container > .wp-block-heading + p{
margin-top: -24px !important;
}
/* Usually inversed BG seciton */
.has-background.wp-block-group > .wp-block-group__inner-container > :not([hidden])~:not([hidden]):not(hr):not([class*="mt-"]) {
--tw-space-y-reverse: 0;
margin-bottom: 24px;
margin-top: 24px;
}
.entry-content > .wrap > p + .wp-block-cover,
.entry-content > .wrap > p + .wp-block-group{
margin-top: -24px;
}
/* Block spacer offset */
.entry-content > .wrap .wp-block-spacer:not(:first-child){
margin-top: -48px;
}
.entry-content > .wrap .wp-block-cover:first-child + .wp-block-spacer:not(:first-child) {
margin-top: 0px;
}
.entry-content > .wrap p + .wp-block-spacer:not(:first-child),
.entry-content > .wrap .wp-block-buttons + .wp-block-spacer:not(:first-child){
margin-top: -24px;
}
.wp-block-spacer + *:not(.overlap){
margin-top: 0px !important;
}
.wp-block-spacer + .wp-block-group:not(.overlap){
margin-top: -60px !important; /* offset section padding */
}
/* .wp-block-group > .wp-block-group__inner-container > .heading-xl ~ p:not([class*="mt-"]):not([hidden]):not(:first-child),
.has-background.wp-block-group > .wp-block-group__inner-container > .wp-block-heading ~ p:not([class*="mt-"]):not([hidden]):not(:first-child) {
margin-bottom: 16px;
margin-top: 16px;
} */
.post-listing-wrap,
.featured-regions,
.card-list.owl-carousel{
margin-bottom: 0px !important
}
.wp-block-group + .wp-block-columns{
margin-top: 0px !important;
}
@media (min-width: 881px) {
/* Heading Margin */
.wp-block-columns > .wp-block-column > .wp-block-heading,
.wp-block-group > .wp-block-group__inner-container > .wp-block-heading{
margin-bottom: 64px;
}
/* Heading Siblings Margin */
.entry-content > .wrap > *:not(div):not(section):not(hr), /* Exclude wp-block-group and wp-block-cover alike */
.entry-content > .wrap > *.wp-block-columns,
.wp-block-group > .wp-block-group__inner-container > :not([hidden]) ~ :not([hidden]):not(hr):not([class*="mt-"]) {
--tw-space-y-reverse: 0;
margin-bottom: 64px;
margin-top: 64px;
}
.entry-content > .wrap > p:not([class*="mt-"]):not([hidden]):not(:first-child),
.entry-content > .wrap > .wp-block-list:not([class*="mt-"]):not([hidden]):not(:first-child),
.wp-block-columns > .wp-block-column > .wp-block-heading ~ p:not([class*="mt-"]):not([hidden]):not(:first-child),
.wp-block-columns > .wp-block-column > .wp-block-heading ~ .wp-block-buttons:not([class*="mt-"]):not([hidden]):not(:first-child),
.wp-block-columns > .wp-block-column > .wp-block-heading ~ .wp-block-list:not([class*="mt-"]):not([hidden]):not(:first-child),
.wp-block-group > .wp-block-group__inner-container > .wp-block-heading ~ p:not([class*="mt-"]):not([hidden]):not(:first-child),
.wp-block-group > .wp-block-group__inner-container > .wp-block-heading ~ .wp-block-buttons:not([class*="mt-"]):not([hidden]):not(:first-child),
.wp-block-group > .wp-block-group__inner-container > .wp-block-heading ~ .wp-block-list:not([class*="mt-"]):not([hidden]):not(:first-child),
.wp-block-group > .wp-block-group__inner-container > .heading-xl ~ p:not([class*="mt-"]):not([hidden]):not(:first-child),
.wp-block-group > .wp-block-group__inner-container > .heading-xl ~ .wp-block-buttons:not([class*="mt-"]):not([hidden]):not(:first-child),
.wp-block-group > .wp-block-group__inner-container > .heading-xl ~ .wp-block-list:not([class*="mt-"]):not([hidden]):not(:first-child){
/* margin-bottom: 32px;
margin-top: 32px; */
margin-bottom: 24px;
margin-top: 24px;
}
/* Post-heading Paragraph Margin */
.intro-paragraph,
.page .entry-content > .wrap > .wp-block-heading + p,
.page .entry-content > .wrap > .wp-block-heading + .wp-block-list,
.wp-block-columns > .wp-block-column > .wp-block-heading + p,
.wp-block-group > .wp-block-group__inner-container > .wp-block-heading + p{
margin-top: -32px !important;
}
/* Block spacer offset */
.entry-content > .wrap .wp-block-spacer:not(:first-child){
margin-top: -64px;
}
.entry-content > .wrap p + .wp-block-spacer:not(:first-child),
.entry-content > .wrap .wp-block-buttons + .wp-block-spacer:not(:first-child){
margin-top: -32px;
}
.wp-block-spacer + *:not(.overlap){
margin-top: 0px !important;
}
.wp-block-spacer + .wp-block-group:not(.overlap){
margin-top: -100px !important; /* offset section padding */
}
.entry-content > .wrap .wp-block-cover + .wp-block-spacer{
margin-top: 0px;
}
.entry-content > .wrap .wp-block-group + .wp-block-spacer{
margin-top: 0px;
display: none;
}
/* Usually inversed BG seciton */
.has-background.wp-block-group > .wp-block-group__inner-container > :not([hidden])~:not([hidden]):not(hr):not([class*="mt-"]) {
--tw-space-y-reverse: 0;
margin-bottom: 34px;
margin-top: 34px;
}
/* .wp-block-group > .wp-block-group__inner-container > .heading-xl ~ p:not([class*="mt-"]):not([hidden]):not(:first-child),
.has-background.wp-block-group > .wp-block-group__inner-container > .wp-block-heading ~ p:not([class*="mt-"]):not([hidden]):not(:first-child) {
margin-bottom: 24px;
margin-top: 24px;
} */
}
body:not(.home) .wp-block-cover:first-child:not(.meeting-search){
/*height: 270px;*/
height: 320px;
min-height: 0px !important;
position: relative;
}
body:not(.home) .wp-block-cover:first-child:not(.meeting-search) .wp-block-cover__inner-container{
background: rgba(0,0,0,0.7);
}
body:not(.home) .wp-block-cover:first-child .wp-block-heading{
margin: 0px !important;
}
body:not(.home) .wp-block-cover:first-child .wp-block-heading{
max-width: 1244px;
}
body:not(.home) .wp-block-cover:first-child .has-small-font-size{
max-width: 80%;
margin-bottom: 10px !important;
}
body:not(.home) .wp-block-cover:first-child .yoast-breadcrumbs{
position: absolute !important;
top: 0px;
left: 0px;
width: calc(100vw - 14px);
position: relative;
left: 50%;
right: 50%;
margin-left: calc(-50vw + 7px);
margin-right: calc(-50vw + 7px);
}
body:not(.home) .wp-block-cover:first-child .breadcrumbs{
/*max-width: 1430px;*/
max-width: 1280px;
margin: 0 auto;
padding: 0 1rem;
padding-top: 40px;
}
.wp-block-group > .wp-block-group__inner-container > p.has-text-align-center,
.wp-block-group > .wp-block-group__inner-container > .wp-block-heading.has-text-align-center{
max-width: 954px;
margin-left: auto; margin-right: auto;
}
.wp-block-group > .wp-block-group__inner-container > p.has-text-align-left,
.wp-block-group > .wp-block-group__inner-container > p.has-text-align-left + p {
max-width: 649px;
}
.video-embed {
position: relative;
overflow: hidden;
}
.video-embed .inner-wrap{
position: relative;
overflow: hidden;
}
.wp-block-cover .video-embed,
.wp-block-cover .video-embed .inner-wrap{
position: initial;
overflow: visible;
}
.video-embed iframe{
width: 100%;
aspect-ratio: 1232 / 660;
}
.video-embed .still-image{
background: #1e1e1e;
background-size: cover;
border-radius: 4px;
overflow: hidden;
height: 100%; width: 100%;
position: absolute;
top: 0px;
left: 0px;
cursor: pointer;
transition: var(--transition-ease-in-out);
-webkit-transition: var(--transition-ease-in-out);
-moz-transition: var(--transition-ease-in-out);
-o-transition: var(--transition-ease-in-out);
-ms-transition: var(--transition-ease-in-out);
}
.video-embed.cover-video .still-image .custom-play-btn{
display: none;
}
.video-embed.played .still-image{
opacity: 0;
pointer-events: none;
background-position: center center;
background-size: cover;
}
.video-embed .still-image .custom-play-btn{
width: 111px; height: 111px;
margin-left: -55.5px;
margin-top: -55.5px;
border-radius: 100%;
position: absolute;
background: rgba(255,255,255,0.8);
top: 50%; left: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: var(--transition-ease-in-out-cubic);
-webkit-transition: var(--transition-ease-in-out-cubic);
-moz-transition: var(--transition-ease-in-out-cubic);
-o-transition: var(--transition-ease-in-out-cubic);
-ms-transition: var(--transition-ease-in-out-cubic);
}
.video-embed .still-image .custom-play-btn svg{
margin-left: 0.4rem !important;
transition: var(--transition-sleek-pop);
-webkit-transition: var(--transition-sleek-pop);
-moz-transition: var(--transition-ease-in-out-cubic);
-o-transition: var(--transition-ease-in-out-cubic);
-ms-transition: var(--transition-ease-in-out-cubic);
}
.video-embed .still-image:hover .custom-play-btn{
transform: scale(1.1);
}
.video-embed .still-image:hover .custom-play-btn svg{
transform: scale(1.15);
}
@media (max-width: 880px) {
.video-embed .still-image .custom-play-btn{
width: 65px; height: 65px;
margin-left: -32.5px;
margin-top: -32.5px;
}
.video-embed .still-image .custom-play-btn svg{
width: 21.1 !important;
height: 24.6px !important;
}
}
/* END Service Pages */
/*.wp-block-heading.has-text-align-left{*/
.page-scroller-wrapper .wp-block-group > .wp-block-group__inner-container > .section-heading.has-text-align-left,
.page-scroller-wrapper .wp-block-group > .wp-block-group__inner-container > .wp-block-heading.has-text-align-left,
.wp-block-group > .wp-block-group__inner-container > .wp-block-heading.has-text-align-left{
max-width:597px;
}
.video-embed .still-image .custom-play-btn:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 100%;
pointer-events: none;
z-index: 1;
/* Animation & Pop Transition */
animation: none;
transition: var(--transition-sleek-pop);
/* Gradient Styling */
background: linear-gradient(
110deg,
rgba(111, 92, 56, 0) 0%,
rgba(111, 92, 56, 0.5) 15%,
#E6C982 50%,
rgba(111, 92, 56, 0.5) 85%,
rgba(111, 92, 56, 0) 100%
);
background-size: 300% 100%;
mix-blend-mode: overlay;
overflow: visible;
transform: scale(1.1);
opacity: 0;
}
.video-embed .still-image .custom-play-btn:hover:after {
opacity: 1;
animation: sweep 3s linear infinite;
}
.video-embed .still-image .custom-play-btn svG{
/* z-index: -1; */
}
/*Cover slider variant*/
.slider-variant {
z-index: 0;
}
/* Ensure the absolute container forces height boundary rules down */
.slider-variant .execution-slider-container {
height: 100%;
width: 100%;
}
@media (min-width: 1431px ){
.slider-variant .execution-slider-container {
--slide-max-width: 1430px;
max-width: var(--slide-max-width);
left: 50%;
margin-left: calc(var(--slide-max-width) / 2 * -1);
}
}
/* Force Owl's dynamically generated wrapper divs to be full height */
.slider-variant .custom-cover-carousel,
.slider-variant .custom-cover-carousel .owl-stage-outer,
.slider-variant .custom-cover-carousel .owl-stage,
.slider-variant .custom-cover-carousel .owl-item,
.slider-variant .custom-cover-carousel .item {
height: 100% !important;
width: 100% !important;
position: relative;
}
/* Ensure background image is styled properly inside the item */
.slider-variant .custom-cover-carousel .item {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
/* Flash protection: Keep it looking flexed/visible before JS kicks in.
Must beat Owl's default .owl-carousel { display:none } so the LCP
![]()
can load (browsers skip images inside display:none). */
.slider-variant .custom-cover-carousel,
.slider-variant .custom-cover-carousel:not(.owl-loaded) {
display: flex !important;
height: 100%;
}
/*.*/
/* --- Cinematic Motion Slider Variant (Anti-Snap Mix) --- */
.slider-variant .custom-cover-carousel .item {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
/*Disable panning and zooming*/
/*transform: scale(1.08); */
/*will-change: transform;*/
}
/* Non-LCP slides keep using CSS backgrounds; hide their imgs. */
.slider-variant .custom-cover-carousel .item img{
display: none;
}
/* First-slide LCP image must be visible  display:none prevented it from counting as LCP. */
.slider-variant .custom-cover-carousel .item img.hero-lcp-image{
display: block;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 0;
pointer-events: none;
}
/* Before Owl boots, keep the LCP img in normal flow so it has intrinsic
size. The first slide must take the FULL flex row and later slides
must be hidden  otherwise the pre-init flex layout splits the row
between all items and the hero renders as a ~40px sliver (this is the
state non-interacting visitors see on production, where Owl's JS is
delayed until first interaction). */
.slider-variant .custom-cover-carousel:not(.owl-loaded) .item {
min-height: 70vh;
flex: 0 0 100%;
}
.slider-variant .custom-cover-carousel:not(.owl-loaded) .item:not(:first-child) {
display: none;
}
.slider-variant .custom-cover-carousel:not(.owl-loaded) .item img.hero-lcp-image{
position: relative;
inset: auto;
width: 100%;
height: 100vh;
}
/* Slide 1 Loop: Pan Left to Right (Runs while active AND while fading out) */
.slider-variant .custom-cover-carousel .owl-item.active:nth-of-type(3n+1) .item,
.slider-variant .custom-cover-carousel .owl-item.owl-animated-out:nth-of-type(3n+1) .item {
/*animation: panLeftToRight 7s linear infinite alternate;*/
}
/* Slide 2 Loop: Pan Right to Left (Runs while active AND while fading out) */
.slider-variant .custom-cover-carousel .owl-item.active:nth-of-type(3n+2) .item,
.slider-variant .custom-cover-carousel .owl-item.owl-animated-out:nth-of-type(3n+2) .item {
/*animation: panRightToLeft 7s linear infinite alternate;*/
}
/* Slide 3 Loop: Zoom/Pan Center to Upward (Runs while active AND while fading out) */
.slider-variant .custom-cover-carousel .owl-item.active:nth-of-type(3n+3) .item,
.slider-variant .custom-cover-carousel .owl-item.owl-animated-out:nth-of-type(3n+3) .item {
/*animation: panCenterToUp 7s linear infinite alternate;*/
}
/* Change interpolation to 'linear' so the motion speed doesn't decelerate/bounce during slide switches */
@keyframes panLeftToRight {
0% { transform: scale(1.08) translateX(-2%); }
100% { transform: scale(1.08) translateX(2%); }
}
@keyframes panRightToLeft {
0% { transform: scale(1.08) translateX(2%); }
100% { transform: scale(1.08) translateX(-2%); }
}
@keyframes panCenterToUp {
0% { transform: scale(1.08) translateY(1%); }
100% { transform: scale(1.14) translateY(-2%); }
}
/* END Cover slider variant */
/* When we detect 3 items or less on desktop, kill the drag capability */
.owl-carousel.drag-disabled .owl-stage-outer {
cursor: default !important;
touch-action: auto !important;
/* Allows normal scrolling but stops carousel swipe */
}
/* Ensure that while the container is locked, the actual content is still clickable */
.owl-carousel.drag-disabled .owl-item {
pointer-events: auto;
}
.quote-button-block{
display: flex;
align-items: center !important; /* Vertically centers the button */
justify-content: center !important; /* Horizontally centers the button */
flex-basis: auto !important;
}
.quote-button-block .wp-block-column{
display: flex;
width: auto;
flex-basis: auto !important;
}
.quote-button-block .wp-block-column + .wp-block-column{
justify-content: right;
min-width: 250px;
}
.quote-button-block .wp-block-column .wp-block-quote{
max-width:695px;
margin: 0; /* Remove default WP margins that might throw off centering */
}
.wp-block-quote{
font-size: var(--fs-body-xl);
line-height: var(--lh-body-xl);
font-weight: var(--fw-body-xl);
letter-spacing: var(--ls-body-xl);
font-style: normal;
padding: 25px;
position: relative;
}
.wp-block-quote:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 76px;
height: 76px;
border-top: 2px solid var(--color-bg-accent);
border-left: 2px solid var(--color-bg-accent);
}
@media (max-width: 781px) {
.quote-button-block .wp-block-column .wp-block-quote{
padding-bottom: 0px;
}
.quote-button-block .wp-block-column + .wp-block-column{
min-width: 0px;
}
.quote-button-block .wp-block-column + .wp-block-column .wp-block-buttons{
padding: 0 25px;
}
.quote-button-block .wp-block-column + .wp-block-column .wp-block-button,
.quote-button-block .wp-block-column + .wp-block-column .wp-block-buttons{
width: 100%;
}
}
.icon-list{
gap: 38px;
}
.icon-list .card-entry {
gap: 38px;
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: nowrap;
}
.icon-list .card-entry .icon-item {
padding: 36px 32px;
border-radius: var(--radius-sm, 4px);
border: 1px solid rgba(136, 114, 68, 0.50);
background: linear-gradient(180deg, rgba(18, 18, 15, 0.50) 20.44%, rgba(120, 120, 100, 0.25) 282.55%);
display: flex;
display: -webkit-flex;
align-items: center;
cursor: default ;
}
.icon-list .card-entry .icon-item .item-inner{
display: flex;
display: -webkit-flex;
gap: 24px;
display: flex;
display: -webkit-flex;
align-items: center;
}
.icon-list .card-entry .icon-item .icon-wrapper{
width: 60px; height: 60px;
border-radius: 100%;
background: var(--color-bg-accent);
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;
flex: none;
}
.icon-list .card-entry .icon-item .details{
display: flex;
display: -webkit-flex;
justify-content: center;
/* align-items: center; */
flex-direction: column;
}
.icon-list .card-entry .icon-item .icon-wrapper svg{
max-width: 40px;
max-height: 40px;
}
.icon-list .card-entry .icon-item .icon-wrapper svg path{
color: #F7F7F2;
}
.icon-list.owl-carousel{
margin-bottom: 0px !important;
}
.icon-list + .tc-mobile-pager{
display: none !important;
}
@media (max-width: 980px) {
.icon-list .card-entry .icon-item{
padding:26px 24px;
}
}
@media (max-width: 880px) {
.icon-list,
.icon-list .card-entry{
gap: 16px;
}
.icon-list .owl-item{
/* margin-right: 16px !important; */
}
}
.value-proposition-block .wp-block-columns:first-of-type{
border-top: 1px solid var(--color-bg-accent);
}
.value-proposition-block .wp-block-columns{
border-bottom: 1px solid var(--color-bg-accent);
margin: 0px !important;
gap: 40px;
justify-content: space-between;
}
.value-proposition-block .wp-block-columns:last-child{
border: 0px;
}
.value-proposition-block .wp-block-column:first-child{
max-width: 400px;
}
.value-proposition-block .wp-block-column{
max-width: 725px;
}
.value-proposition-block .wp-block-column{
padding: 32px 0;
}
@media (max-width: 880px) {
.value-proposition-block .wp-block-columns{
flex-direction: column;
gap: 16px;
padding: 32px 0;
}
.value-proposition-block .wp-block-column{
padding: 0px;
}
}
/* Icon list w/ subheading */
.icon-list.w-subheading{
display: flex;
display: -webkit-flex;
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
gap: 30px;
}
.icon-list.w-subheading .card-entry{
min-width: calc(33.33% - 30px);
flex: 1;
}
@media (max-width: 880px) {
.icon-list.w-subheading .card-entry .details *{
margin-bottom: 12px;
}
/*Mobile Stacking*/
.icon-list.w-subheading.mobile-stacking{
flex-direction: column;
}
}
/* END Icon list w/ subheading */
/* FAQ Block */
.faq-list .faq-item{
padding: 40px 0;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
/*gap: 18px;*/
border-bottom: 1px solid var(--color-bg-accent);
position: relative;
}
.faq-list .faq-item .answer{
padding-top: 18px;
}
/*.faq-list .faq-item.active{
border-bottom: 1px solid var(--color-text-accent);
}*/
.faq-list .faq-item .faq-toggle{
gap: 30px;
flex-direction: row;
justify-content: space-between;
align-items: center;
text-align: left;
width: 100%;
}
.faq-list .faq-item{
position: relative;
}
.faq-list .faq-item .faq-toggle span{
transition: transform 2s cubic-bezier(0.2, 0, 0, 1);
letter-spacing: 0px !important;
}
.faq-list .faq-item.active .faq-toggle > div,
.faq-list .faq-item.active .faq-toggle span{
animation: tab-depress 0.3s cubic-bezier(0.2, 0, 0, 1) forwards;
}
.faq-list .faq-item .faq-toggle:after{
content: "";
height: 100%; width: 100%;
position: absolute;
display: block;
outline-offset: -4px;
top: 0px;
}
.faq-list .faq-item .answer {
opacity: 0;
/* Apply initial blur */
filter: blur(1px);
/* Transition both opacity and filter */
/* format: property duration timing delay */
transition:
opacity 0.3s ease 0.1s,
filter 0.2s ease 0.1s;
}
.faq-list .faq-item.active .answer {
opacity: 1;
/* Remove blur when active */
filter: blur(0);
}
.faq-list .faq-item .faq-toggle .question{
flex: 1;
}
.faq-list .faq-item .faq-toggle .icon-wrap {
width: 49.55px; height: 49.55px;
background: #191917;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
flex-shrink: 0;
transition: var(--transition-ease-in-out);
}
.faq-list .faq-item.active .faq-toggle .icon-wrap,
.faq-list .faq-item .faq-toggle:hover .icon-wrap {
background: var(--color-bg-inverse);
}
.faq-list .faq-item .faq-toggle:hover .icon-wrap svg{
transition: var(--transition-ease-in-out);
}
.faq-list .faq-item .faq-toggle.active .icon-wrap svg path,
.faq-list .faq-item .faq-toggle:hover .icon-wrap svg path {
stroke: var(--color-text-inverse);
}
.faq-list .faq-item:not(.active) .faq-toggle .icon-wrap svg{
margin-top: 5px;
}
.faq-list .faq-item.active:before{
content: "";
display: block;
position: absolute;
bottom: 0px; left: 0px;
width: 100%;
height: 1px;
background: linear-gradient(90deg, #d4ba79 0%, #6F5C38 25%, #d4ba79 50%, #6F5C38 75%, #d4ba79 100%);
background-size: 200% 100%;
opacity: 0;
animation: none;
transition: var(--transition-ease-in-out);
}
.faq-list .faq-item.active:hover:before{
animation: loading-smooth 7s linear infinite;
opacity: 1;
}
/* End FAQ Block */
.wp-block-group .wpcf7{
border-radius: var(--radius-sm, 4px);
border: 1px solid rgba(204, 193, 164, 0.50);
background: linear-gradient(180deg, rgba(204, 193, 164, 0.50) -33.63%, #DDD8CB 110.17%);
padding: 32px 35px;
}
@media (max-width: 768px) {
.wp-block-group .wpcf7{
padding: 1rem;
}
}
.wp-block-group .wpcf7 p{
color: var(--color-text-inverse);
}
.wp-block-group .wpcf7 label{
font-weight: 400;
margin-bottom: 5px;
display: block;
font-size: 16px;
}
.wp-block-group .wpcf7 label.cb-label{
font-size: 14px;
padding-left: 35px;
position: relative;
font-style: normal;
}
.wp-block-group .wpcf7 label.cb-label br{
display: none;
}
.wpcf7-checkbox {
position: relative;
}
.wp-block-group .wpcf7 label.cb-label .wpcf7-list-item{
position: absolute;
left: -35px; top: 0px; bottom: 0px !important;
margin: 0px !important;
}
.wp-block-group .wpcf7 label ~ br{
display: none;
}
.contact-form-block .wp-block-columns .wp-block-column:first-child{
max-width: 557px;
}
input::-moz-placeholder,textarea::-moz-placeholder {
color: var(--color-text-placeholder);
opacity: 0.3
}
input::placeholder,textarea::placeholder {
color: var(--color-text-placeholder);
opacity: 0.3
}
.site-footer input::-moz-placeholder,textarea::-moz-placeholder {
opacity: 1
}
.site-footer input::placeholder,textarea::placeholder {
opacity: 1
}
.wpcf7 .bootstrap-select:not(.has-value) span.filter-option{
opacity: 0.3;
}
.site-footer .wpcf7 .bootstrap-select:not(.has-value) span.filter-option{
opacity: 1;
}
.wpcf7 textarea,
.wpcf7 .wpcf7-form-control-wrap textarea.wpcf7-form-control,
.wpcf7 .bootstrap-select button,
.wpcf7 input:not([type=submit]):not([type=button]){
padding: 12px;
line-height: 1;
font-size: 16px;
letter-spacing: 0px;
}
.site-footer .wpcf7 textarea,
.site-footer .wpcf7 .wpcf7-form-control-wrap textarea.wpcf7-form-control,
.site-footer .wpcf7 .bootstrap-select button,
.site-footer .wpcf7 input:not([type=submit]):not([type=button]){
font-size: var(--fs-body-md);
padding: 12px 16px;
}
.site-footer .bootstrap-select .btn span{
font-size: var(--fs-body-md);
}
.wpcf7 .wpcf7-submit{
width: auto;
background: #12120F;
padding: 16px 24px;
}
.submitting .wpcf7-submit{
/*animation: pulse-dots 2.5s infinite;*/
}
.wpcf7 .wpcf7-submit:hover{
/*transform: scale(1.04);*/
}
.site-footer .wpcf7 .wpcf7-submit:hover{
/*transform: none;*/
}
.wpcf7 .bootstrap-select .btn,
form .wpcf7-form-control-wrap input,
form .form-control input{
height: 44px;
}
.site-footer .wpcf7 .bootstrap-select .btn,
.site-footer form .wpcf7-form-control-wrap input,
.site-footer form .form-control input{
height: 48px;
background: #ffffff !important;
}
.bootstrap-select .btn span{
font-size: 16px;
}
.wp-block-group.has-background .wpcf7 textarea,
.wp-block-group.has-background .wpcf7 .wpcf7-form-control-wrap textarea.wpcf7-form-control,
.wp-block-group.has-background .wpcf7 .bootstrap-select button,
.wp-block-group.has-background .wpcf7 input:not([type=submit]):not([type=button]):not([type=checkbox]){
background: #EDEAE3;
border-color: transparent;
}
.wpcf7-checkbox{
position: relative;
}
input[type="checkbox"] {
margin: 0px;
/* Remove the default browser styling */
-webkit-appearance: none; /* Crucial: stops the browser from drawing it */
-moz-appearance: none;
appearance: none;
background-color: transparent !important;
margin: 0;
/* Sizing and Border */
width: 18px !important;
height: 18px !important;
box-sizing: content-box !important; /* The width now includes padding/borders */
padding: 0px !important;
outline: 1.5px solid #12120F; /* This will be rounded! */
border-radius: 2px !important;
cursor: pointer;
/* Internal alignment for the tick */
display: grid;
place-content: center;
transition: border-color 0.2s ease;
transform: scale(1) !important;
}
input[type="checkbox"]::before {
content: "";
width: 12px;
height: 12px;
top: 50%;
left: 0;
margin-top: 2px;
margin-left: 3.5px;
display: block;
transform: scale(0);
transition: 120ms transform ease-in-out;
/* Encoded SVG Checkmark */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M1 5L4.5 8.5L11 1.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
}
input[type="checkbox"]:checked::before {
transform: scale(1);
}
input[type="checkbox"]:focus {
/*outline: none !important; */
/* Removes the 1px default ring */
}
@media (max-width: 620px) {
.fancybox-inner .wpcf7 .wpcf7-submit, .site-inner .wpcf7 .wpcf7-submit{
width: 100%;
}
.site-inner .wpcf7 .wpcf7-submit:hover{
transform: scale(1.05);
}
}
/* Horizontal Icon list */
.icon-list.horizontal{
gap: 88px;
margin-top: 80px;
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.icon-list.horizontal .icon-item{
background: none;
border: none;
padding: 0px;
}
.icon-list.horizontal .icon-item .item-inner{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
gap: 24px;
}
.icon-list.horizontal .icon-item .details{
flex-direction: column;
gap: 0px;
align-items: flex-start;
flex: 1;
}
.icon-list.horizontal .icon-item .details .heading{
margin: 0px;
font-size: var(--fs-body-lg) !important;
line-height: var(--lh-body-lg);
font-weight: var(--fw-body-lg);
letter-spacing: var(--ls-body-lg);
}
.icon-list.horizontal .icon-wrapper{
z-index: 22;
position: relative;
}
.icon-list.horizontal .icon-wrapper svg path{
stroke: #ffffff;
}
.icon-list.horizontal{
overflow: hidden;
}
/* .icon-list.horizontal .icon-item:not(:first-child) .icon-wrapper:before{ */
.icon-list.horizontal .icon-item{
position: relative;
}
.icon-list.horizontal .icon-item:last-child:before{
content: "";
display: block;
position: absolute;
bottom: 10px;left: 30px;
width: 1px; height: 10000px;
background: var(--color-text-accent);
}
@media (max-width: 781px){
.icon-list.horizontal .icon-item{
transform: none !important;}
}
/*.*/
@media (min-width: 782px){
.icon-list.horizontal{
/*overflow: visible;*/
}
.icon-list.horizontal .icon-item .item-inner .details{
/*transition: opacity 0.6s ;*/
/*opacity: 0;*/
}
.icon-list.horizontal .icon-item.entered .item-inner .details{
opacity: 1;
}
.icon-list.horizontal .icon-item:nth-child(1) { z-index: 10; }
.icon-list.horizontal .icon-item:nth-child(2) { z-index: 9; }
.icon-list.horizontal .icon-item:nth-child(3) { z-index: 8; }
.icon-list.horizontal .icon-item:nth-child(4) { z-index: 7; }
.icon-list.horizontal .icon-item:nth-child(5) { z-index: 6; }
.icon-list.horizontal .icon-item:nth-child(6) { z-index: 5; }
.icon-list.horizontal .icon-item:nth-child(7) { z-index: 4; }
.icon-list.horizontal .icon-item:nth-child(8) { z-index: 3; }
.icon-list.horizontal .icon-item:nth-child(9) { z-index: 2; }
.icon-list.horizontal .icon-item:nth-child(10) { z-index: 1; }
.icon-list.horizontal .icon-item:before{
content: "";
display: block;
position: absolute;
bottom: 0px;left: 30px;
width: 1px; height: calc(100% - 0px);
background: var(--color-text-accent);
z-index: 1;
}
.icon-list.horizontal .icon-item:not(:first-child):before{
bottom: 50px;
height: calc(100% + 110px);
/*add gap*/
}
.icon-list.horizontal .icon-item:first-child:before{
height: 70px;
top: calc(100% - 20px);
}
}
/*.*/
.icon-list.horizontal .icon-wrapper{
width: 60px;
height: 60px;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
background: var(--color-bg-accent);
border-radius: 100%;
position: relative;
}
@media (max-width: 781px) {
.icon-list.horizontal{
margin-top: 44px;
gap: 32px;
}
}
/* END Horizontal Icon list */
/* Start Virtual Offices */
.service-card-block{
max-width: 975px;
margin: 0 auto;
gap: 30px;
justify-content: space-between;
}
.service-card-block > *:first-child{
max-width: 505px;
}
.service-card-block > *:first-child + *{
max-width: 380px;
}
body.tax-region .service-card-block > *:first-child + *{
max-width: 405px;
}
.single-service .service-card-block .price{
border-radius: 4px;
background: var(--color-accent-ash, #2F2E2C);
width: max-content;
display: flex;
padding: 10px 14px;
margin-top: 16px;
font-family: Indivisible;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 18px; /* 150% */
letter-spacing: 2.4px;
text-transform: uppercase;
}
@media (max-width: 781px) {
.service-card-block {
justify-content: center;
}
.service-card-block > *:first-child figure{
aspect-ratio: 330/193;
overflow: hidden;
position: relative;
}
.service-card-block > *:first-child img{
width: 100%; height: 100% !important;
object-fit: cover;
object-position: center;
}
}
/* Virtual Office Map */
/* Cover vs group enough disitnciton for now */
/* Can change to targeted body classes when needed */
.ajax-map-wrap:not(.condensed) .btn-wrap p{
display: none;
}
/* condensed v2 */
.ajax-map-wrap.condensed .listing-entry .listing-img{
/* display: none; */
}
@media (min-width: 881px) {
.ajax-map-wrap.condensedx .ajax-listings{
margin-right: 0px;
/* max-width: 562px; */
}
.ajax-map-wrap.condensed #misha_filters{
/* max-width: 562px; */
}
.condensed .ajax-listings .listing-entry .location-details{
/* padding: 24px; */
/* min-height: 173px; */
}
.tax-region .entry-content:not(.is-subpage) .wp-block-group .wp-block-column .map-container,
.wp-block-group .wp-block-column .map-container{
/* condensedx */
margin-left: -125px;
margin-left: -10px;
}
,
/*.ajax-map-wrap:not(.is-featured) #misha_filters,*/
.ajax-map-wrap.condensed .ajax-listings{
margin-right: -93px;
}
.wp-block-group .featured-regions .wp-block-column .map-container{
margin-left: 0px;
}
body.single-service .wp-block-columns:not(.featured-regions) .wp-block-column .map-container,
body.tax-region .is-subpage .wp-block-group .wp-block-column .map-container,
body.tax-region .wp-block-group .featured-regions .wp-block-column .map-container{
margin-left: -40px;
}
.wp-block-group .wp-block-column .ajax-map-wrap:not(.is-featured) #misha_filters{
/* margin-right: -150%; */
/*margin-right: 30px; */
/*condensedx*/
/*margin-right: 0px; */
}
}
@media (max-width: 1281px) {
.wp-block-group .wp-block-column .map-container{
/* condensedx v1 */
/* margin-left: -100px; */
}
}
@media (max-width: 880px) {
.wp-block-group .wp-block-column .map-container{
margin-left: 0px;
}
}
.wp-block-group .wp-block-column .ajax-map-wrap:not(.is-featured) #misha_filters .filter-wrap{
/* margin: 0px !important; */
}
.condensed .ajax-listings .listing-entry .location-details {
justify-content: center;
}
.condensed .ajax-listings .listing-entry .location-details > *{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-direction: column;
/* flex-grow: 1; */
}
.condensed .ajax-listings .listing-entry .location-details .btn-wrap{
margin-top: auto;
}
.ajax-map-wrap.condensed .label-tour{
display: none;
}
.ajax-map-wrap:not(.condensed) .label-now{
display: none;
}
.ajax-map-wrap.condensed .location-details .meta-address br{
display: none !important;
}
.ajax-map-wrap.condensed .location-details .meta-address span:after{
content: ", ";
}
.ajax-map-wrap.condensed .location-details .meta-blurb,
.ajax-map-wrap.condensed .location-details .meta-services{
display: none;
}
.ajax-map-wrap.condensedx .location-details .btn-wrap{
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
margin-top: 19px !important;
}
.ajax-map-wrap.condensed .location-details .btn-wrap .btn:not(.flex-os){
display: none;
}
.ajax-map-wrap.condensed .location-details .btn-wrap .btn.flex-os{
display: block !important;
}
.tax-region .entry-content:not(.is-subpage) .location-details .btn-wrap .btn:not(.flex-os),
.tax-region .entry-content:not(.is-subpage) .location-details .btn-wrap .btn.flex-os{
/*condensedx*/
/*display: none !important;*/
}
.tax-region .entry-content:not(.is-subpage) .location-details .btn-wrap .btn.listing-url{
display: block !important;
}
.ajax-map-wrap.condensed .location-details .btn-wrap .btn{
font-size: 12px;
padding: 11px 16px;
min-width: 120px;
}
.ajax-map-wrap.condensedx .location-details .btn-wrap .btn{
margin-left: auto;
height: 40px;
}
.location-details .price{
font-size: var(--fs-body-sm);
line-height: var(--lh-body-sm);
letter-spacing: var(--ls-body-sm);
}
@media (max-width: 880px){
.ajax-map-wrap.condensedx .location-details .btn-wrap .btn{
min-width: max-content !important;
}
}
@media (max-width: 770px){
.ajax-map-wrap.condensed .location-details .btn-wrap .btn{
padding: 0px;
min-width: 0px;
}
}
/* END Virtual Office Map */
/* END Virtual Offices */
/* Meeting Rooms */
/* Card carousel */
.owl-grab a{
/*pointer-events: none;*/
}
.owl-carousel.card-list .wp-block-column{
display: flex;
padding: 16px 16px 32px 16px;
align-items: flex-start;
gap: 8px;
height: 100%;
border-radius: var(--radius-sm, 4px);
border: 1px solid rgba(136, 114, 68, 0.50);
background: var(--background-gradient, linear-gradient(180deg, rgba(18, 18, 15, 0.50) 41.37%, rgba(120, 120, 100, 0.25) 246.17%));
}
.owl-carousel.card-list:not(.owl-loaded) .wp-block-column{
height: auto;
}
.owl-carousel.card-list .owl-stage{
display: flex;
display: -webkit-flex;
}
.owl-carousel.card-list .owl-item{
}
.owl-carousel.card-list .wp-block-image{
aspect-ratio: 359 / 240 !important;
border-radius: 0px !important;
}
.owl-carousel.card-list .wp-block-column .wp-block-buttons{
padding-top: 16px;
margin-top: auto;
}
/*Vignette*/
/* Ensure the carousel container can hold the absolute positioned wings */
.owl-carousel {
position: relative;
/* We keep overflow visible so the wings can sit 'outside' the bounds */
overflow: visible !important;
}
/* Base styles for the outer wings */
.owl-carousel::before,
.owl-carousel::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 80vw; /* Ultra-wide to cover large screens */
z-index: 10;
pointer-events: none; /* Allows users to drag the carousel through the fade */
}
/* Left Wing: Positioned outside the left edge */
.owl-carousel::before {
right: 100%;
background: linear-gradient(to right,
var(--color-bg-primary) 0%,
var(--color-bg-primary) calc(100% - 200px),
transparent 100%
);
}
/* Right Wing: Positioned outside the right edge */
.owl-carousel::after {
left: 100%;
background: linear-gradient(to left,
var(--color-bg-primary) 0%,
var(--color-bg-primary) calc(100% - 200px),
transparent 100%
);
}
/* END Card carousel */
/*Gallery Accordion*/
.gallery-accordion-block .accordion-container {
display: flex;
gap: 24px;
/*height: 620px; */
height: 580px;
width: 100%;
/*margin-bottom: 30px;*/
padding-bottom: 30px;
}
.gallery-accordion-block .accordion-item {
position: relative;
height: 100%;
cursor: pointer;
overflow: hidden;
border-radius: 4px;
/* Smoothly animate the flex-grow value */
transition: flex 0.7s cubic-bezier(0.25, 1, 0.5, 1);
/* Default state for inactive items */
flex: 0.775;
}
.gallery-accordion-block .accordion-item.active {
/* Large flex value forces it to expand and push others aside */
/*flex: 5; */
flex: 1 1 var(--active-width, 64.8%);
cursor: default;
}
.gallery-accordion-block .accordion-item a{
display: block;
width: 100%;
height: 100%;
cursor: pointer;
pointer-events: none;
}
.gallery-accordion-block .accordion-item.active a{
pointer-events: all;
}
.gallery-accordion-block .accordion-item:not(.active) img{
height: 120% !important;
max-height: 120% !important;
}
.gallery-accordion-block .accordion-item img {
transition: var(--transition-ease-in-out);
/*position: absolute;*/
top: 0;
left: 0;
width: 100%;
height: 100%;
/* Ensures image covers the area without stretching as it expands */
object-fit: cover;
/* This line prevents the flickering/blinking */
transform: translateZ(0);
backface-visibility: hidden;
will-change: width, flex;
/* Content-visibility tells the browser to manage the
rendering of the image content efficiently */
content-visibility: auto;
transition:
/* This ensures the image is kept in memory but doesn't
block the initial rendering of the text on the page */
contain: paint;
}
/* Darken inactive images for better contrast */
.gallery-accordion-block .accordion-item::after {
content: '';
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.2);
transition: opacity 0.5s ease;
pointer-events: none;
opacity: 0;
}
.gallery-accordion-block .accordion-item:not(.active):hover:after{
opacity: 0;
}
.gallery-accordion-block .accordion-item:not(.active)::after {
opacity: 1;
}
.gallery-accordion-block .slider-pager{
position: relative;
padding: 0px;
margin: 0px;
margin-left: auto;
}
.gallery-accordion-block .gallery-footer{
align-items: center;
}
@media (max-width: 880px) {
.gallery-accordion-block .accordion-container{
gap: 12px;
aspect-ratio: 16 / 9;
height: auto;
}
.gallery-accordion-block .accordion-item:not(.active){
min-width: 24px;
}
}
@media (max-width: 455px) {
.gallery-accordion-block{
position: relative;
}
.gallery-accordion-block .slider-pager{
bottom: 30px;
position: absolute;
right: 0px;
}
}
.accordion-container {
position: relative;
touch-action: pan-y; /* Allows vertical scrolling, locks horizontal for us */
-webkit-user-select: none;
user-select: none;
}
.accordion-item img {
pointer-events: none !important; /* Touch passes THROUGH the image to the div */
-webkit-user-drag: none !important;
}
/* While dragging, we remove transition for a 1:1 feel with the cursor */
.accordion-container.is-dragging .accordion-item {
transition: none !important;
}
/*Swipe feature*/
.accordion-container.is-dragging a{
pointer-events: none;
}
.gallery-accordion-block .accordion-container {
cursor: grab;
}
.gallery-accordion-block .accordion-container.is-dragging {
cursor: grabbing;
}
/* 1. Force images to ignore cursor tracking so the wrapper captures the drag */
.gallery-accordion-block .accordion-item img {
pointer-events: none !important;
-webkit-user-drag: none !important;
user-select: none !important;
}
/* 2. Kill the 0.7s flex transition purely while dragging for a 1:1 real-time feel */
.gallery-accordion-block .accordion-container.is-dragging .accordion-item {
transition: none !important;
}
/*END swipe feature*/
/*END Gallery Accordion*/
/* END Meeting Rooms */
/*Gallery Overlay*/
/* 1. Lock the background and stop the 'pull' behavior */
body.compensate-for-scrollbar {
overflow: hidden !important;
touch-action: none;
overscroll-behavior: none;
}
/* 2. Anchor the Fancybox container so it doesn't 'lift' */
.fancybox-container {
overscroll-behavior-y: none;
}
/* 3. Re-enable scrolling ONLY for the actual content area */
.fancybox-content {
touch-action: pan-y !important;
overscroll-behavior: contain !important;
}
/*.*/
/* 1. Define the starting state and animation */
body.fancybox-active .fancybox-slide--image .fancybox-content img {
/* animation: subtleDescent 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
will-change: transform, opacity;*/
animation: subtleDescent 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both !important;
will-change: transform, opacity, filter;
}
/* 2. Create the Keyframes */
@keyframes subtleDescent {
0% {
opacity: 0;
filter: blur(10px);
transform: scale(1.05) translate3d(0, -40px, 0);
}
100% {
opacity: 1;
filter: blur(0);
transform: scale(1) translate3d(0, 0, 0);
}
}
.fancybox-slide--html{
padding: 0px !important;
}
.gallery-overlay .fancybox-button:first-child{
top: 10px !important;
right: 24.5px !important;
position: fixed;
z-index: 999;
background: var(--color-bg-accent) !important;
color: var(--color-bg-inverse);
opacity: 0.8;
border-radius: 100%;
}
.gallery-overlay .fancybox-button:first-child:hover{
opacity: 1;
}
.gallery-overlay .fancybox-button:not(:first-child){
/*width: 30px; height: 30px;*/
width: 35px; height: 35px;
display: flex;
align-items: center;
justify-content: center;
left: 0.5rem; top: calc( 1rem + 24px + 24px );
position: fixed;
background: none;
display: none;
}
@media (max-width: 880px){
.gallery-overlay .fancybox-button:not(:first-child){
top: 23px;
}
}
.gallery-overlay .fancybox-button:hover:not(:first-child){
background: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
}
.gallery-overlay [data-fancybox-close].fancybox-button:not(:first-child):hover{
background: var(--color-bg-inverse) !important;
}
.gallery-overlay .fancybox-button:not(:first-child):before{
content: "";
display: block;
width: 10px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M8.74512 1L1.18032 8.56486C0.939947 8.80518 0.939947 9.19482 1.18032 9.43514L8.74512 17' stroke='%23D2AF6B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.gallery-overlay .fancybox-button:not(:first-child):hover:before{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M8.74512 1L1.18032 8.56486C0.939947 8.80518 0.939947 9.19482 1.18032 9.43514L8.74512 17' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.gallery-overlay .fancybox-button:not(:first-child) svg{
display: none;
}
/* Scoped Styles for Gallery Overlay */
.gallery-overlay {
background-color: var(--color-bg-primary);
color: #fff;
font-family: inherit;
width: 100%;
}
.gallery-overlay .gallery-nav {
position: sticky;
top: 24px;
z-index: 100;
background-color: var(--color-bg-primary);
}
.gallery-overlay .gallery-nav:before{
content: "";
width: 100%;
height: 24px;
background-color: var(--color-bg-primary);
position: absolute;
top: -24px; left: 0px;
}
.gallery-overlay .nav-inner {
margin: 0 auto;
padding-top: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.gallery-overlay .nav-inner .flex-wrap{
display: flex;
justify-content: space-between;
/*align-items: center;*/
align-items: stretch;
position: relative;
width: 100%;
gap: 10px;
}
.gallery-overlay .nav-inner .flex-wrap:after{
content: "";
display: block;
position: absolute;
border-bottom: 1px solid var(--color-bg-accent);
bottom: 0px; left: 0px;
width: 100%;
height: 1px;
}
.gallery-overlay .nav-links {
display: flex;
list-style: none !important;
margin: 0;
padding: 0;
}
.gallery-overlay .nav-links li {
list-style: none !important;
}
.gallery-overlay .nav-item {
color: rgba(255,255,255,0.5);
text-decoration: none;
font-size: 16px;
letter-spacing: 1px;
padding-bottom: 10px;
transition: all 0.3s ease;
position: relative;
padding: 24px 16px;
display: block;
}
.gallery-nav .nav-mobile-select .caret:before{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='8' viewBox='0 0 15 8' fill='none'%3E%3Cpath d='M13.616 0.228605C13.9326 -0.0762017 14.4459 -0.0762017 14.7626 0.228605C15.0791 0.53342 15.0792 1.02751 14.7626 1.3323L8.07331 7.77159C7.77647 8.05726 7.30693 8.0749 6.98852 7.8249L6.92674 7.77159L0.23748 1.3323C-0.0791601 1.02749 -0.0791601 0.53342 0.23748 0.228605C0.554129 -0.0762017 1.06738 -0.0762017 1.38403 0.228605L7.49998 6.11604L13.616 0.228605Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}
/* 1. Add this pseudo-element */
.gallery-overlay .nav-item::before {
content: attr(data-text); /* Pulls text from the HTML attribute */
display: block;
font-weight: 600; /* Match your active font-weight */
height: 0;
overflow: hidden;
visibility: hidden;
}
.gallery-overlay .nav-item.is-active {
color: #fff;
font-weight: 600;
}
.gallery-overlay .nav-item.is-active::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: var(--color-bg-accent);
}
.gallery-overlay .nav-btns{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
gap: 16px;
padding: 10px 0;
align-items: center;
margin-left: auto;
}
/* Grid Layout with Aspect Ratios */
.gallery-overlay .wrap{
padding: 24px 3rem 80px;
max-width: calc(1361px + 6rem);
}
.gallery-overlay .gallery-wrapper{
padding-top: 80px;
}
.gallery-overlay .gallery-group {
padding: 24px 0 80px;
margin: 0 auto;
}
.gallery-overlay .gallery-group:not(:first-child){
border-top: 1px solid var(--color-bg-accent);
}
.gallery-overlay .group-header {
margin-bottom: 40px;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
gap: 8px;
flex-direction: column;
}
.group-header > *{
margin-bottom: 0px;
}
.gallery-overlay .gallery-grid {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.gallery-overlay .gallery-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gallery-overlay .grid-full {
flex: 0 0 100%;
aspect-ratio: 1062 / 650;
}
.gallery-overlay .grid-half {
flex: 0 0 calc(50% - 8px);
aspect-ratio: 1062 / 650;
}
/* Buttons */
.gallery-overlay .nav-btns .btn {
/*display: inline-block;*/
}
/*Always show fancybox gallery controls*/
.fancybox-slide--image .fancybox-caption,
.fancybox-slide--image .fancybox-infobar,
.fancybox-slide--image .fancybox-toolbar {
opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
/* body.has-sticky-element.fancybox-active .fancybox-is-open .fancybox-stage{
overflow: visible;
}*/
/* Ensure the content wrapper doesn't clip the sticky nav */
body.has-sticky-element.fancybox-active .fancybox-content {
overflow: visible !important;
}
@media screen and (min-width: 881px) {
.gallery-overlay .gallery-group{
display: flex;
display: -webkit-flex;
gap: 44px;
}
.gallery-overlay .gallery-group .group-header{
min-width: 255px;
width: 100%;
max-width: 255px;
}
}
@media screen and (max-width: 880px) {
.gallery-overlay .wrap{
padding: 24px 1rem 0px;
}
.gallery-overlay .gallery-group .group-header{
max-width: 302px;
min-width: 0;
}
.gallery-overlay .gallery-nav{
padding-top: 60px;
}
.gallery-overlay .fancybox-button{
top:calc( 1rem );
}
.gallery-overlay .nav-inner .flex-wrap{
padding-bottom: 20px !important;
}
.gallery-overlay .nav-btns{
display: none;
}
.gallery-overlay .nav-mobile-select{
max-width: 300px;
}
.gallery-overlay .bootstrap-select.btn-group .filter-option{
width: auto;
}
.gallery-overlay .bootstrap-select.btn-group .dropdown-toggle{
justify-content: flex-start !important;
}
.gallery-overlay .bootstrap-select.btn-group .dropdown-toggle .caret:before,
.gallery-overlay .bootstrap-select.btn-group .dropdown-toggle .caret{
position: relative;
}
}
@media screen and (max-width: 770px) {
.gallery-overlay .grid-half{
flex: 0 0 100%;
}
}
/* Custom breakpoint at 880px */
@media (max-width: 880px) {
.nav-links {
display: none !important;
}
.nav-mobile-select {
display: block !important;
flex-grow: 1; /* Allows the select to take up available space */
margin-right: 15px;
}
}
@media (min-width: 881px) {
.nav-mobile-select {
display: none !important;
}
.nav-links {
display: flex !important;
}
}
/*End Gallery Overlay*/
html {
scroll-behavior: smooth;
}
/* Smooth Sleek Parallax */
/* Ensure panels have a solid background so you don't see through them */
.wp-block-group.has-background, .wp-block-cover {
/*will-change: transform, position;*/
}
/* Optional: Add a shadow to the incoming section to sell the 'Card' look */
.wp-block-group, .wp-block-cover {
/*box-shadow: 0 -20px 40px rgba(0,0,0,0.1);*/
}
/*.snapping-to,
.snapping-from{
top: 0;
left: 0;
}
*/
.wp-block-group.has-background:not(.meeting-search):after,
.wp-block-cover:not(:first-child) + .wp-block-spacer:after,
.wp-block-group.has-background:not(.meeting-search):last-child:after,
.wp-block-cover:after{
content: "";
width: 100%;
height: 300px;
border: 1px solid inherit;
background: inherit;
position: absolute;
/*bottom: -300px;*/
bottom: -295px;
z-index: 0 !important;
}
.wp-block-group.has-background:last-child:after{
z-index: -1 !important;
}
.entry-content > .wrap > .wp-block-group.has-background + .wp-block-group:not(.has-background),
.entry-content > .wrap > .wp-block-group.has-background + .wp-block-separator + .wp-block-group:not(.has-background),
.wp-block-cover:not(.bg-inverse) + .wp-block-spacer:after,
.wp-block-cover:not(.has-background):after{
background: var(--color-bg-primary);
}
.wp-block-cover.bg-inverse{
/* overflow: visible; */
}
.wp-block-cover.bg-inverse:after{
background: var(--color-bg-inverse) !important;
}
.site-footer,
.entry-content > .wrap > .wp-block-group{
z-index: 1;
position: relative;
}
html {
scroll-behavior: auto !important;
}
html.lenis {
height: auto;
}
/* 2. Optional: Hide the overflow momentarily if the jitter is severe */
html.lenis-loading {
/*overflow: hidden;*/
}
.lenis.lenis-smooth {
scroll-behavior: auto !important; /* Disables browser's native smooth scroll */
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-stopped {
/*overflow: hidden;*/
}
.lenis.lenis-scrolling iframe {
pointer-events: none;
}
/* This allows manual scrolling to work inside the modal again */
/*.fancybox-slide[data-lenis-prevent="true"] {
touch-action: pan-y;
overscroll-behavior: contain;
overflow-y: auto !important;
}
*/
/* 1. Target your specific reveal elements */
.testimonial-text p {
font-kerning: none; /* Prevents text shifting during animation */
}
.testimonial-block .owl-item:not(.active){
opacity: 0 !important;
}
.testimonial-text .char {
display: inline-block;
/* will-change: transform, opacity, filter;
opacity: 0; */
/* Hidden by default until GSAP runs */
}
.testimonial-text .word {
display: inline-block;
}
/* Location Template */
/* Location Hero Main Container */
.location-hero {
color: #ffffff;
/*overflow: hidden;*/
position: relative;
display: flex;
align-items: center;
padding-top: 0px !important;
}
.entry-content > .wrap > .breadcrumbs-wrap:first-child,
.entry-content > .wrap > .yoast-breadcrumbs:first-child,
.single-location .breadcrumbs-wrap {
padding: 40px 0;
}
.breadcrumbs-wrap,
.yoast-breadcrumbs{
z-index: 1;
position: relative;
}
.location-hero .hero-container {
display: flex;
width: 100%;
max-width: 1434px;
margin: 0 auto;
/*min-height: 80vh;*/
padding: 0 1rem;
}
.location-hero .hero-container .gallery-accordion-block .accordion-item:nth-child(3) ~ .accordion-item {
display: none !important;
}
.location-hero .hero-container .gallery-accordion-block .slider-pager .slider-pager-bar:nth-child(3) ~ .slider-pager-bar {
display: none !important;
}
/* Left Column: 40% Width */
.location-hero .hero-content {
/* flex: 0 0 40%; */
flex: 0 0 100%;
max-width: 584px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 60px 76px;
z-index: 2;
}
.location-hero .content-inner{
gap: 24px;
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.location-hero .content-inner > *{
margin-bottom: 0px;
}
.location-hero .location-meta{
gap: 20px;
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.location-hero .region-label {
}
.location-hero .hero-title {
}
/* Right Column: 60% Width */
.location-hero .hero-visual {
flex: 1;
position: relative;
z-index: 1;
margin-top: 0px !important;
}
/* Ensure the Accordion inside fills the container */
.location-hero .hero-visual .gallery-accordion-block {
height: 100%;
width: 100%;
}
/* Action Buttons */
.location-hero .hero-actions {
display: flex;
gap: 24px;
margin-top: 8px;
}
.google-rating{
min-height: 22px;
}
.es-compact-badge-container{
width: auto;
gap: 5px;
padding: 0px !important;
min-height: 22px;
}
.location-hero .es-layout-sidebar-inner{
align-items: flex-start;
justify-content: flex-start;
}
.es-badge-container{
background: none !important;
margin: 0px !important;
color: var(--);
}
.es-badge-container *{
color: var(--color-text-primary) !important;
}
.es-badge-reviews-count,
.es-rating-value{
/*display: none;*/
}
.es-rating-bar-container{
gap: 5px;
}
.injected-svg {
/*filter: brightness(0) invert(1);*/
}
.es-rating-item-filled svg path {
/*fill: white !important;*/
}
.es-badge-sources-container{
margin: 0px !important;
}
.es-compact-badge-container,
.es-compact-badge-container svg path{
/*transition: var(--transition-sleek-pop);*/
}
.es-compact-badge-container:hover{
/*transform: scale(1.09) !important;*/
}
.es-compact-badge-container:hover svg path{
/*fill: rgb(252, 191, 2) !important*/
}
@media (max-width: 1434px) {
.location-hero .hero-container{
gap: 30px;
max-width: 1280px;
}
.location-hero .hero-content{
padding: 0px;
max-width: 40%;
}
}
/* Mobile Responsive */
@media (max-width: 1024px) {
.location-hero .hero-container {
flex-direction: column;
gap: 40px;
}
.location-hero .hero-content{
padding: 24px 0;
max-width: 100%;
}
.location-hero .hero-content,
.location-hero .hero-visual {
flex: 0 0 100%;
width: 100%;
}
.location-hero .hero-visual {
/*min-height: 400px;*/
}
.location-hero .hero-visual .gallery-accordion-block{
height: auto;
}
}
/*3ple*/
@media (max-width: 880px) {
.single-location .location-hero{
width: 100% !important;
margin: 0px !important;
left: unset !important;
right: unset !important;
}
.single-location .location-hero .hero-container{
padding: 0px !important;
}
}
@media (max-width: 520px) {
.location-hero .hero-actions{
gap: 10px;
}
.hero-actions .btn{
min-width: calc( 50% - 5px);
text-align: center;
}
.hero-actions .btn,
.hero-actions .btn.outline:not(.dropdown-toggle) span{
padding-left: 10px;
padding-right: 10px;
}
}
/* .gallery-accordion-block .view-full{
display: none;
}
.gallery-overlay + .gallery-accordion-block .view-full{
display: block;
}*/
/* End Location Template */
/* --- Page Scroll-Spy Nav --- */
.page-nav-wrapper {
padding-top: 1rem !important;
}
.page-nav {
position: sticky;
top: 70px; /* Adjust if your main header is also sticky */
z-index: 100;
background-color: var(--color-bg-primary);
}
.page-nav.is-sticky{
background-color: rgba(var(--color-bg-primary-rgb), 0.9);
backdrop-filter: blur(6px);
animation: stickyFlash 300ms ease-out;
/*animation: navPin 700ms cubic-bezier(.22,.61,.36,1);*/
}
.page-nav .nav-inner .flex-wrap{
transition: .4s ease-in-out;
}
.page-nav.is-sticky .nav-inner .flex-wrap{
padding-top: 20px;
}
/*.page-nav.is-sticky .nav-links li:first-child .nav-item{
animation: navPin 700ms cubic-bezier(.22,.61,.36,1);
}
.page-nav.is-sticky .nav-item.is-active {
animation: navPin 700ms cubic-bezier(.22,.61,.36,1);
}*/
@keyframes navPin {
0% {
transform: scale(1);
}
45% {
transform: scale(1.02);
}
100% {
transform: scale(1);
}
}
@keyframes stickyFlash {
0% {
filter: brightness(1.1);
}
100% {
filter: brightness(1);
}
}
.page-nav:before {
content:"";
background: inherit;
width: 100%;
height: 1.5rem !important;
top: -1.5rem;
position: absolute;
}
/* Bottom Border / Divider */
.page-nav .nav-inner .flex-wrap {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
width: 100%;
}
.page-nav .nav-inner .flex-wrap:after {
content: "";
display: block;
position: absolute;
border-bottom: 1px solid var(--color-bg-accent);
bottom: 0px;
left: 0px;
width: 100%;
height: 1px;
}
/* 1. Define the Flash Animation */
@keyframes border-brighten {
0% {
border-bottom-color: var(--color-bg-accent); /* Brightest point (e.g., white or bright gold) */
opacity: 1;
filter: brightness(2);
}
100% {
/* Returns to your default variable color */
border-bottom-color: var(--color-bg-accent);
opacity: 1;
}
}
/* 3. Trigger the animation when the parent gets .is-sticky */
#page-scrollspy-nav.is-sticky .nav-inner .flex-wrap:after {
animation: border-brighten 1s ease-out;
}
/* Nav Links Styling */
.page-nav .nav-links {
display: flex;
list-style: none !important;
margin: 0;
padding: 0;
}
.page-nav ul li{
margin-bottom: 0px !important;
}
.page-nav .nav-item {
color: rgba(255, 255, 255, 0.5);
text-decoration: none;
font-size: 16px;
letter-spacing: 1px;
transition: all 0.3s ease;
position: relative;
padding: 24px 16px;
display: block;
}
/* Hover/Active State */
.page-nav .nav-item:hover,
.page-nav .nav-item.is-active {
color: #fff;
font-weight: 600;
}
.page-nav .nav-item.is-active::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: var(--color-bg-accent);
}
/* Prevent layout shift on font-weight change */
.page-nav .nav-item::before {
content: attr(data-text);
display: block;
font-weight: 600;
height: 0;
overflow: hidden;
visibility: hidden;
}
.page-nav .nav-btns{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
gap: 16px;
}
@media only screen and (max-width: 1314px) {
.page-nav .nav-inner{
position: relative;
}
.page-nav.is-sticky .nav-inner:before{
content: "";
width: 1rem;
height: 100%;
position: absolute;
left: -1rem;
top: 0px;
/* background: var(--color-bg-primary); */
background-color: rgba(var(--color-bg-primary-rgb), 0.9);
backdrop-filter: blur(6px);
}
.page-nav.is-sticky .nav-inner:after{
content: "";
width: 1rem;
height: 100%;
position: absolute;
right: -1rem;
top: 0px;
/* background: var(--color-bg-primary); */
background-color: rgba(var(--color-bg-primary-rgb), 0.9);
backdrop-filter: blur(6px);
}
}
/* Mobile Nav Adjustments */
@media screen and (max-width: 1097px) {
.page-nav {
top: 90px;
}
.page-nav.is-sticky .nav-inner .flex-wrap {
padding-top: 20px;
}
.page-nav .nav-inner .flex-wrap {
padding-bottom: 20px !important;
transition: .4s ease-in-out;
}
.page-nav .nav-links {
display: none !important;
}
.page-nav .nav-mobile-select {
display: block !important;
max-width: 300px;
flex-grow: 1;
}
.page-nav .nav-btns {
display: none;
}
.page-nav .nav-mobile-select .caret:before{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='8' viewBox='0 0 15 8' fill='none'%3E%3Cpath d='M13.616 0.228605C13.9326 -0.0762017 14.4459 -0.0762017 14.7626 0.228605C15.0791 0.53342 15.0792 1.02751 14.7626 1.3323L8.07331 7.77159C7.77647 8.05726 7.30693 8.0749 6.98852 7.8249L6.92674 7.77159L0.23748 1.3323C-0.0791601 1.02749 -0.0791601 0.53342 0.23748 0.228605C0.554129 -0.0762017 1.06738 -0.0762017 1.38403 0.228605L7.49998 6.11604L13.616 0.228605Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}
.page-nav .nav-mobile-select{
max-width: 300px;
}
.page-nav .bootstrap-select.btn-group .filter-option{
width: auto;
}
.page-nav .bootstrap-select.btn-group .dropdown-toggle{
justify-content: flex-start !important;
}
.page-nav .bootstrap-select.btn-group .dropdown-toggle .caret:before,
.page-nav .bootstrap-select.btn-group .dropdown-toggle .caret{
position: relative;
}
}
/* Desktop Visibility */
@media screen and (min-width: 1098px) {
.page-nav .nav-mobile-select {
display: none !important;
}
}
@media screen and (max-width: 880px) {
.page-nav {
top: 64px;
}
}
/* --- Content Sections Structure --- */
.page-content-wrapper {
padding-top: 40px;
}
.page-section {
padding: 80px 0;
scroll-margin-top: 100px; /* Crucial for smooth scroll alignment */
}
/*.page-scroller-wrapper .page-section:first-child,
.page-scroller-wrapper .page-section.wp-block-group:not(.has-background){
padding-top: 0px !important;
}*/
.page-scroller-wrapper{
margin-top: 0px !important;
}
.page-scroller-wrapper .section-heading{
margin-top: 0px !important;
}
.page-scroller-wrapper .page-section.wp-block-group:not(.has-background){
padding-bottom: 0px !important
}
/* Intro section */
.intro-photo{
aspect-ratio: 1232 / 360;
}
.intro-photo img{
object-fit: cover;
height: 100%; width: 100%;
}
@media screen and (max-width: 880px) {
.intro-photo{
aspect-ratio: 393 / 250;
}
}
/* END Intro section */
/* Single page Tabbed cards */
.wide-ver .tc-nav-list {
width: 100%;
max-width: 975px;
gap: 0px;
}
/* Force the flex container */
.wide-ver .owl-stage {
display: flex;
display: -webkit-flex;
}
/* Force items to stretch to full height */
.wide-ver .owl-item {
display: flex;
flex: 1 0 auto;
justify-content: center;
}
.wide-ver .owl-carousel:not(.owl-loaded) .tc-card-item {
margin: 0 auto;
}
.wide-ver .tc-card-item,
.wide-ver .tc-container,
.wide-ver .wp-block-columns {
/* height: 100%; */
}
.wide-ver .tc-card-item{
max-width: 975px;
width: 100%;
}
.wide-ver .tc-nav-item {
width: calc(33.33%);
text-align: center;
}
.wide-ver .tc-image-wrapper{
aspect-ratio: 505/528;
width: 100%; height: auto;
}
.wide-ver .tc-image-wrapper img{
height: 100%;
}
.entry-content > .wrap .wide-ver .tc-card-item .wp-block-columns:not(.owl-carousel) {
gap: 30px;
}
@media screen and (max-width: 880px) {
.wide-ver .service-card-block > *{
max-width: 100%;
}
}
@media (max-width: 781px) {
.wide-ver .tc-image-wrapper{
aspect-ratio: 330/193;
}
}
@media (max-width: 1023px) {
.wide-ver .tc-desktop-nav{
display: block;
}
}
@media (max-width: 780px) {
.wide-ver .tc-desktop-nav{
margin-bottom: 24px;
padding: 8px;
border-radius: 8px;
border: 1px solid rgba(136, 114, 68, 0.50);
}
.wide-ver .tc-nav-list{
border-bottom: none;
}
.wide-ver .tc-desktop-nav li{
display: flex;
padding: 8px 10px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
border-radius: var(--radius-sm, 4px);
font-size: 13px;
font-style: normal;
font-weight: 400;
letter-spacing: 0px;
text-transform: none;
}
.wide-ver .tc-desktop-nav li:after{
display: none;
}
.wide-ver .tc-desktop-nav li.is-active{
background: var(--color-brand-accent, #887244);
}
}
.tc-seats-badge{
display: block;
padding: 8px 14px;
width: max-content;
align-items: center;
border-radius: var(--radius-sm, 4px);
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 14px; /* 116.667% */
letter-spacing: 2.4px;
text-transform: uppercase;
background: var(--color-accent-ash, #2F2E2C);
}
.tc-offices-available,
.tc-offices-available ul{
gap: 16px;
display: flex;
flex-direction: column;
}
.wide-ver .service-card-block .wp-block-column + .wp-block-column{
gap: 24px;
display: flex;
flex-direction: column;
}
.wide-ver .service-card-block .wp-block-column + .wp-block-column *{
margin: 0px !important;
}
.service-card-block .price{
font-weight: 600;
}
/* END Single page Tabbed cards */
/* Staff grid */
/* --- Staff Grid Container --- */
.staff-grid {
display: flex;
flex-wrap: wrap;
justify-content: flex-start; /* Centers the row if items < 4 */
gap: 40px;
width: 100%;
}
/* --- Individual Staff Card --- */
.staff-card {
display: flex;
flex-direction: column;
align-items: center; /* Centers items horizontally within the card */
text-align: center;
/* Math for 4 columns: (100% / 4) - (3 gaps * 40px / 4) */
/*flex: 0 0 calc(25% - 30px); */
box-sizing: border-box;
}
.staff-grid .owl-item{
justify-content: center;
}
.staff-grid.owl-carousel:not(.owl-loaded) .staff-card{
max-width: 25%;
min-width: calc(25% - 30px);
flex: 1;
}
/* .staff-grid .owl-item {
max-width: 262px;
}*/
@media (max-width: 1100px) {
.staff-grid{
padding-right: 100px;
}
.staff-grid.owl-carousel .owl-stage-outer{
overflow: visible;
}
.staff-card {
flex: 0 0 calc(33.33% - 24px);
}
.staff-grid.owl-carousel:not(.owl-loaded) .staff-card{
max-width: calc(33.33% - 24px);
min-width: calc(33.33% - 24px);
}
}
@media (min-width: 1281px){
.staff-grid.owl-carousel::before,
.staff-grid.owl-carousel::after {
display: none;
}
}
@media (max-width: 880px) {
.staff-grid{
padding-right: 20%;
}
.staff-grid.owl-carousel:not(.owl-loaded) .staff-card{
max-width: calc(50% - 16px);
min-width: calc(50% - 16px);
}
}
@media (max-width: 580px) {
.staff-grid{
padding-right: 40%;
}
.staff-grid.owl-carousel:not(.owl-loaded) .staff-card{
max-width: calc(100% - 16px);
min-width: calc(100% - 16px);
}
}
/* --- Avatar Image Wrapper --- */
.staff-avatar-wrapper {
width: 180px;
height: 180px;
border-radius: 50%; /* Keeps it circular */
overflow: hidden;
margin-bottom: 34px; /* Gap between image and details */
background: #1e1e1e;
}
.staff-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/* --- Details Container --- */
.staff-details {
display: flex;
flex-direction: column;
gap: 12px; /* Gap inside the details (between name and position) */
}
/* --- Text Styles --- */
.staff-name {
margin: 0;
line-height: 1.2;
}
.staff-position {
margin: 0;
line-height: 1.2;
}
/* --- Responsive adjustment for Tablet/Mobile --- */
@media (max-width: 1024px) {
.staff-card {
flex: 0 0 calc(50% - 20px); /* 2 columns on tablet */
}
}
@media (max-width: 640px) {
.staff-card {
flex: 0 0 100%; /* 1 column on mobile */
}
.staff-avatar-wrapper {
/*max-width: 130px; max-height: 130px;*/
max-width: 120px; max-height: 120px;
}
}
.staff-grid + .tc-mobile-pager{
display: none !important;
}
/* END Staff grid */
.wp-block-columns .wp-block-column #h-frequently-asked-questions{
max-width: 580px;
}
.map.single{
aspect-ratio: 1234 / 360;
min-height: 275px;
}
.single-location .mapboxgl-control-container .mapboxgl-ctrl {
/* display: none; */
margin-top: 15px;
margin-left: 15px;
}
.single-location #location-details ~ address,
.single-location #location-details ~ address *{
font-style: normal;
font-weight: 600;
line-height: 140%;
margin-top: -20px;
}
.archive .grid > .flex,
.blog .grid > .flex {
padding: 16px 16px 32px 16px;
gap: 25px;
border-radius: var(--radius-sm, 4px);
border: 1px solid rgba(136, 114, 68, 0.50);
background: var(--background-gradient, linear-gradient(180deg, rgba(18, 18, 15, 0.50) 41.37%, rgba(120, 120, 100, 0.25) 246.17%));
}
.archive .grid > .flex > div,
.blog .grid > .flex > div{
padding: 0px;
}
.archive .grid > .flex .aspect-video,
.blog .grid > .flex .aspect-video{
background: #1e1e1e;
}
.border-accent{
border-color: var(--color-bg-accent);
}
.page.wp-singular .wp-block-column h2,
.page.wp-singular .wp-block-column h3{
/*margin-bottom: 40px;*/
}
.page.wp-singular .wp-block-column > * ~ h2,
.page.wp-singular .wp-block-column > * ~ h3{
/*margin-top: 40px;*/
}
/* Table */
.wp-block-table{
overflow: visible !important;
}
.wp-block-table table{
background: var(--background-gradient, linear-gradient(180deg, rgba(18, 18, 15, 0.50) 41.37%, rgba(120, 120, 100, 0.25) 246.17%));
overflow: visible !important;
}
.wp-block-table thead{
height: 60px;
border-bottom: 0px !important;
position:relative;
background: linear-gradient(180deg, rgba(18, 18, 15, 0.50) 20.44%, rgba(120, 120, 100, 0.25) 282.55%);
position: sticky; top: 90px;
}
.wp-block-table thead:after,
.wp-block-table thead:before{
content: "";
display: block;
position: absolute;
top: 0px; left: 0px;
width: 100%;
height: 1px;
background: linear-gradient(90deg, #d4ba79 0%, #6F5C38 25%, #d4ba79 50%, #6F5C38 75%, #d4ba79 100%);
background-size: 200% 100%;
opacity: 0;
animation: none;
transition: var(--transition-ease-in-out);
}
.wp-block-table thead:after{
top: initial;
bottom: 0px;
}
.wp-block-table thead.is-sticky:after{
animation: loading-smooth 7s linear infinite;
opacity: 0.7;
}
.wp-block-table thead.is-sticky{
background-color: rgba(var(--color-bg-primary-rgb), 0.9);
backdrop-filter: blur(6px);
animation: stickyFlash 300ms ease-out;
}
.wp-block-table thead *{
font-size: var(--fs-heading-xs);
font-style: normal;
font-weight: 600;
line-height: 1.3;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 0px !important;
padding-bottom: 30px;
color: var(--color-text-accent);
}
.wp-block-table thead th{
}
.wp-block-table table th, .wp-block-table table td{
border-color: rgba(var(--color-bg-accent-rgba), 0.3)
}
.wp-block-table table th,
.wp-block-table table td{
border-left-color: transparent;
border-right-color: transparent;
}
.wp-block-table table th{
border-top: 0px !important;
}
.wp-block-table{
border: 1px solid rgba(var(--color-bg-accent-rgba), 0.3) !important;
border-radius: 4px;
}
/* END Table */
/* Promotion Box */
.pseudo-border{
background: linear-gradient(90deg, #d4ba79 0%, #6F5C38 25%, #d4ba79 50%, #6F5C38 75%, #d4ba79 100%);
background-size: 200% 100%;
/*animation: loading-smooth 7s linear infinite;*/
width: 100%;
opacity: 1;
padding: 2px;
border-radius: 4px;
position: relative;
overflow:hidden;
}
/* Gloss effect: hidden by default */
.promotion-box::after {
content: '';
position: absolute;
top: -50%;
left: -75%;
width: 50%;
height: 200%;
background: linear-gradient(
120deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,0.3) 50%,
rgba(255,255,255,0) 100%
);
transform: skewX(-20deg);
opacity: 0;
transition: left 0.7s ease, opacity 0.7s ease;
pointer-events: none;
}
/* On hover: slide the shine across logo */
.promotion-box:hover::after {
/* left: 125%; */
/* opacity: 0.8; */
}
.promotion-box{
overflow: hidden !important;
}
.pseudo-border > *{
background: rgba(23, 23,19, 1);
border-radius: 4px;
padding: 2rem;
}
.glossy-text {
position: relative;
width: max-content;
color: #fff;
margin: 0;
padding-right: 30px; /* Increased padding to ensure the shine exits fully */
}
.glossy-text::after {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* 1. THE GLOSS BAR:
Kept the 110deg sharp glint.
*/
background: linear-gradient(
110deg,
transparent 40%,
rgba(255, 255, 255, 0.9) 50%,
transparent 60%
);
/* 2. THE INTERVAL:
Increased to 400%.
1/4 of this is the shine, 3/4 is empty space (the "pause").
*/
background-size: 400% 100%;
background-repeat: no-repeat;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
/* 3. THE TIMING:
3s total duration.
The shine will sweep quickly, then "wait" for the rest of the 3s.
*/
animation: gloss-pulse-right 3s linear infinite;
will-change: background-position;
pointer-events: none;
}
@keyframes gloss-pulse-right {
0% {
/* START: Far Right (since your setup was reversed) */
background-position: 150% 0;
}
100% {
/* END: Far Left */
background-position: -150% 0;
}
}
/* END Promotion Box */
/* Misc pages */
.entry-content > .wrap > .wp-block-group + .wp-block-heading{
margin-top: 0px;
}
/* . */
/* 1. The Container State */
.bootstrap-select .dropdown-menu {
display: block !important;
/* Always block, let opacity/transform handle visibility */
visibility: hidden;
opacity: 0;
filter: blur(5px);
transform: scale(0.9) translateY(-10px);
transition:
transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
opacity 0.2s ease-out,
filter 0.3s ease,
visibility 0.35s;
/* Sleek Apple Aesthetics */
background: rgba(255, 255, 255, 0.8) !important;
backdrop-filter: blur(20px) saturate(180%); /* The 'Glassmorphism' secret */
border: 1px solid rgba(255, 255, 255, 0.3) !important;
border-radius: 4px !important;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
}
/* 2. The Open State */
.bootstrap-select.open .dropdown-menu {
visibility: visible;
opacity: 1;
transform: scale(1) ; /* Drops slightly into place */
filter: blur(0px);
padding: 0px;
margin: 0px;
margin-top: 5px;
}
@media (max-width: 880px) {
.site-footer .bootstrap-select .dropdown-menu {
/*max-height: 235px !important;*/
max-height: 200px !important;
}
}
@media only screen and (max-width: 530px) {
.site-footer .bootstrap-select .dropdown-menu {
max-height: 265px !important;
}
}
.bootstrap-select:not(.open) .dropdown-menu {
/* height:0 !important; */
overflow: hidden;
}
.bootstrap-select.open .dropdown-menu li:first-child{
padding-top: 10px;
}
/* 3. Sleek Staggered List Items */
/*.bootstrap-select.open .dropdown-menu li {
animation: apple-item-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1) both;
}*/
/* Delay for each list item to create a 'cascade' effect */
/*.bootstrap-select.open .dropdown-menu li:nth-child(1) { animation-delay: 0.02s; }
.bootstrap-select.open .dropdown-menu li:nth-child(2) { animation-delay: 0.04s; }
.bootstrap-select.open .dropdown-menu li:nth-child(3) { animation-delay: 0.06s; }
@keyframes apple-item-fade {
0% {
opacity: 0;
transform: translateX(-5px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}*/
/* 1. Base state of the text */
.filter-wrap .bootstrap-select .filter-option {
/*display: inline-block;*/
transition: color 0.2s ease;
will-change: transform, text-shadow; /* Optimizes for your low-power PC */
}
/* 2. The Thud Animation when .open is active */
.filter-wrap .bootstrap-select.open .filter-option {
animation: apple-thud-inset 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes apple-thud-inset {
0% {
transform: scale(1);
text-shadow: 0 0 0 transparent;
}
20% {
/* The initial 'impact' - slightly smaller and pushed down */
transform: scale(0.96) translateY(1px);
opacity: 0.7;
}
100% {
/* Settles into the 'engraved' look */
transform: scale(1) translateY(0);
opacity: 1;
/* color: rgba(255, 255, 255, 0.9); */
/* Sleek Apple-style micro-engraving */
/* text-shadow:
0px -1px 0px rgba(0, 0, 0, 0.9), /* Top shadow (depth) */
0px 0.5px 0px rgba(255, 255, 255, 0.1); /* Bottom highlight (bezel) */ */
}
}
body.single-state:not(.templated) .content-sidebar-wrap{
padding: 0px;
}
.single-state .hero-section{
z-index: 1;
position: relative;
padding: 64px 0;
}
.single-state .hero-section + .wp-block-separator{
margin-bottom: 0px;
}
@media (min-width: 881px) {
.single-state .hero-section + .wp-block-separator{
margin-bottom: 36px;
}
}
/*.*/
/*#menu-main-menu-right li:not(.menu-button) a{
text-decoration-color: transparent;
transition: text-decoration-color 0.3s ease !important;
}
#menu-main-menu-right li:not(.menu-button) a:hover{
text-decoration-line: underline;
text-decoration-color: currentcolor;
}*/
.custom-header .mega-menu.wrap nav > ul > li:not(.menu-button) > a{
text-decoration-color: transparent;
transition: text-decoration-color 0.3s ease !important;
}
.custom-header .mega-menu.wrap nav > ul > li:not(.menu-button) > a:hover{
text-decoration-line: underline;
text-decoration-color: currentcolor;
}
.entry-content p > a:not([class]),
.entry-content li > a:not([class]),
.single-post .entry-content .content-area a{
color: var(--color-text-accent);
text-decoration-color: transparent;
transition: text-decoration-color 0.3s ease !important;
}
.entry-content p > a:not([class]):hover,
.entry-content li > a:not([class]):hover,
.single-post .entry-content .content-area a:hover{
text-decoration-line: underline;
text-decoration-color: currentcolor;
}
.single-post .entry-content .wp-block-spacer{
height: 36px !important;
}
.single-post h1{
font-family: var(--font-serif);
font-weight: var(--fw-heading-xl);
font-size: var(--fs-heading-xl);
line-height: 1.1;
}
.single-post .entry-content .wp-block-embed{
margin-bottom: 35px;
}
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6{
margin-bottom: 24px;
}
.single-post .entry-content * ~ .wp-block-embed,
.single-post .entry-content * ~ h2,
.single-post .entry-content * ~ h3,
.single-post .entry-content * ~ h4{
margin-top: 60px !important;
}
.single-post .entry-content .wp-block-spacer{
margin: 0px !important;
}
.single-post .entry-content .wp-block-spacer + *{
margin-top: 0px !important;
}
.single-post .entry-content h2 > strong{
font-weight: inherit;
}
.single-post .entry-content .wp-block-embed iframe{
width: 100%; height: auto;
aspect-ratio: 16/9;
}
@media (max-width: 781px) {
.single-post .entry-content * ~ .wp-block-embed,
.single-post .entry-content * ~ h2,
.single-post .entry-content * ~ h3,
.single-post .entry-content * ~ h4{
margin-top: 40px;
}
.single-post .entry-content .wp-block-spacer{
height: 16px !important;
}
}
/* . */
[data-name="email"].wpcf7-form-control-wrap,
.site-footer .bootstrap-select:not(.has-value) .filter-option {
position: relative;
}
@keyframes seamless-wash {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
/* --- 1. THE KEYFRAMES --- */
/*[data-name="email"].wpcf7-form-control-wrap::after,*/
.site-footer .bootstrap-select:not(.has-value) .filter-option::after {
content: "Select a location";
position: absolute;
top: 0; left: 0; width: 100%; height: 100%;
/*
UPDATED GRADIENT:
Using specific Vintage Gold colors.
Still starts/ends transparent for the seamless loop.
*/
background: linear-gradient(
to right,
transparent 0%,
#4E3C1C 25%,
#D2AF6B 50%,
#4E3C1C 75%,
transparent 100%
);
background-size: 400% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
/* Keeping exact 10s linear animation */
/*animation: seamless-wash 10s linear infinite;*/
will-change: background-position;
pointer-events: none;
}
/* 1. THE BEAT: Two-stage prismatic glow expanding outward */
@keyframes aura-pulse-only {
0% {
box-shadow: 0 0 0 0 rgba(210, 175, 107, 1),
0 0 0 0 rgba(78, 60, 28, 0.8);
}
53% {
/* The Aura expands and fades.
The light gold goes further than the dark bronze to create the prism effect.
*/
box-shadow: 0 0 0 12px rgba(210, 175, 107, 0),
0 0 0 20px rgba(78, 60, 28, 0);
}
100% {
/* Stay still/silent for the remainder of the 4 seconds */
box-shadow: 0 0 0 0 rgba(210, 175, 107, 0),
0 0 0 0 rgba(78, 60, 28, 0);
}
}
/* 2. APPLY TO THE BUTTON */
/*.site-footer [data-name="email"].wpcf7-form-control-wrap input,*/
.site-footer:hover .bootstrap-select > .dropdown-toggle {
transition: box-shadow 0.4s ease-in-out !important;
/*animation: aura-pulse-only 2s cubic-bezier(0.25, 1, 0.5, 1) infinite !important;*/
border: 1px solid rgba(210, 175, 107, 0.4) !important;
/*background-color: #ffffff;*/
/* This ensures the button stays in place while the aura moves */
transform: none !important;
}
/* 3. STOP ON OPEN */
.site-footer .bootstrap-select.has-value > .dropdown-toggle,
.site-footer .bootstrap-select.open > .dropdown-toggle {
animation: none !important;
}
/* . */
/* . */
.site-footer:hover .bootstrap-select .dropdown-toggle,
.site-footer input[type="email"],
.site-footer .submit-wrap {
transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
box-shadow 0.4s ease-in-out,
border 0.4s ease !important;
will-change: transform;
}
/* Hover State: Both Pop and Pulse */
/*.site-footer input[type="email"]:hover,
.site-footer .submit-wrap:hover, */
.site-footer .bootstrap-select:not(.open):not(.has-value):hover .dropdown-toggle
{
/*transform: scale(1.04) !important;*/
/* Apply your 3s or 10s synced pulse here */
}
.site-footer .bootstrap-select:not(.open) .dropdown-toggle,
.site-footer .bootstrap-select:not(:hover) .dropdown-toggle{
transform: none !important;
}
/* --- 2. INPUT SPECIFIC REFINEMENT --- */
.site-footer input[type="email"] {
background-color: #ffffff;
border: 1px solid rgba(210, 175, 107, 0.2);
padding: 10px 15px; /* Adjust to match your button height */
border-radius: 4px; /* Matches standard Bootstrap Select corners */
}
/*.*/
/* 2. THE AIRBORNE STATE */
.putCard .wp-block-group__inner-container{
opacity: 0;
/* Start zoomed in, tilted, and blurred */
/*transform: translateY(-60px) scale(1.3) rotateX(35deg);*/
/*filter: blur(8px);*/
will-change: transform, opacity;
}
.workspace-filter{
opacity: 0;
will-change: transform, opacity;
}
/* 3. THE ANIMATION TRIGGER */
.lenis .workspace-filter,
.putCard.entered .wp-block-group__inner-container{
opacity: 1;
/*
Duration: 1.1s for a premium 'heavy' feel.
Timing: We use a custom Bezier that is very fast at the start.
*/
animation: appleImpact 1.1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}
@media (max-width: 768px) {
.is-split + * .workspace-filter{
opacity: 1;
animation: appleImpact 1.1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}
}
/* 4. THE APPLE-ESQUE PHYSICS */
@keyframes appleImpact {
0% {
opacity: 0;
transform: translateY(-0px) scale(1.15) rotateX(35deg);
}
/* IMPACT: Hits the table fast.
Note: scale goes slightly below 1 (0.97) for the 'compression'
*/
65% {
opacity: 1;
transform: translateY(5px) scale(0.97) rotateX(-2deg);
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
/* REBOUND: Slight lift after the hit */
85% {
transform: translateY(-2px) scale(1.01) rotateX(1deg);
box-shadow: 0 20px 40px rgba(0,0,0,0.12);
}
/* SETTLE: Final resting position */
100% {
transform: translateY(0) scale(1) rotateX(0deg);
box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}
}
.site-footer .wpcf7 .wpcf7-form-control-wrap input.auto-focused{
background: #fff4db !important;
}
.site-footer .wpcf7 .wpcf7-form-control-wrap input.auto-focused{
/*animation: tab-depress 0.25s cubic-bezier(0.2, 0, 0, 1) forwards;*/
animation: tab-depress 0.7s cubic-bezier(0.2, 0, 0, 1) forwards;
}
/* 1. Hide the H1 by default so it never "flashes" */
.home h1 {
/*opacity: 0;*/
transition: opacity 0.3s ease; /* optional: smooth entry for the container */
}
/* Hide the hero heading only while the JS reveal is pending, and only
on desktop-sized viewports. The .anim-pending class is added to
by a tiny inline script in wp_head, so with JS disabled (or
delayed) the H1 paints immediately and LCP is not gated on the
script chain. Mobile skips the hide entirely (LCP = FCP): WP Rocket
delays more.js until interaction, so mobile visitors would only ever
see the failsafe reveal  pure LCP cost with no animation payoff. */
@media (min-width: 782px) {
html.anim-pending .home h1:not(.is-split) {
opacity: 0;
visibility: hidden;
/* Failsafe: force-reveal shortly after first paint even if the
reveal script (more.js) never runs, e.g. WP Rocket delay-JS
waiting on user interaction. */
animation: h1-failsafe 0.4s ease 1.2s forwards;
}
}
@keyframes h1-failsafe {
to {
opacity: 1;
visibility: visible;
}
}
/* 2. A class we will add via JS once the splitting is done */
/*.home.is-mobile-device h1,*/
.home h1.is-split {
opacity: 1;
visibility: visible;
}
/* 3. Ensure the individual characters are also ready to animate.
Chars start hidden only on desktop  on mobile the split heading
stays visible so the text never re-hides after first paint. */
.char-h1 {
display: inline-block;
will-change: transform, opacity, filter;
}
@media (min-width: 782px) {
.char-h1 {
opacity: 0;
}
}
/* Hide slide-in elements only while the JS reveal is pending (same
pattern as the hero H1): without JS they paint immediately, and a
failsafe force-reveals them ~1.2s after paint if the animation JS
(more.js, delayed by WP Rocket until interaction) never runs. */
html.anim-pending body:not(.lenis) .slideEarly {
opacity: 0;
animation: h1-failsafe 0.4s ease 1.2s forwards;
}
.listing-entry.address .listing-img img{
object-fit: cover;
object-position: left center;
}
div[name="termly-embed"] iframe {
width: 100% !important;
filter: invert(1); /* This turns black text into white text */
/* OR use brightness */
/* filter: brightness(0.5); This makes text darker */
}
.single-location .entry-content .map-container{
/*pointer-events: none;*/
}
.promotion-box .text-lg {
font-size: clamp(16px, 1vw + 12px, 1.125rem);
line-height: 1.7;
}
/*.*/
.single-location .testimonial-grid .testimonial-image-col{
display: none;
}
.testimonial-block .owl-carousel:not(.owl-loaded),
.testimonial-block .owl-carousel:not(.owl-loaded) .testimonial-item{
width: 100%;
}
@media (min-width:881px){
/*No image variant*/
.single-location .testimonial-grid .testimonial-content-col *{
opacity: 1 !important;
transform: none !important;
filter: none !important;
}
.single-location .testimonial-grid .testimonial-content-col{
max-width: 900px;
margin: 0 auto;
padding-bottom: 50px;
}
}
@media (min-width: 782px){
.faq-section .wp-block-columns .wp-block-column:first-child{
max-width: 33.33%;
}
}
.listing-entry .location-details .btn-wrap{
display: flex !important;
flex-wrap: nowrap;
}
.listing-entry .location-details .listing-url{
display: flex !important;
align-items: center;
}
.condensed .listing-entry .location-details .listing-url{
/* display: none !important; */
}
.listing-entry .location-details .listing-url .label-now{
display: flex;
}
.listing-entry .location-details .listing-url.with-arrow:after{
top: 0px;
}
@media (min-width: 771px) {
.listing-entry .location-details .listing-url.with-arrow{
font-size: 11px;
}
.listing-entry .location-details .listing-url.with-arrow:hover{
text-decoration: underline;
}
}
@media (max-width: 1272px) {
.listing-entry .location-details .btn-wrap{
display: flex !important;
flex-wrap: wrap;
}
}
@media (max-width: 770px) {
.listing-entry .location-details .listing-url.with-arrow{
font-size: clamp(0.667rem, 1vw, 14px);
}
}
.tax-region .gallery-accordion-block .view-full {
visibility: hidden;
}
.offerings-variant .bottom {
width: 100%;
text-align: center;
}
.offerings-variant .bottom .text {
color: var(--color-text-accent);
font-size: 16px;
line-height: 18px;
letter-spacing: 0.2em;
font-weight: 600;
text-transform: uppercase;
}
.offerings-variant .bottom a{
text-decoration: underline !important;
text-decoration-color: transparent !important;
transition: text-decoration-color 0.3s ease !important;
}
.offerings-variant .bottom a:hover{
text-decoration-color: var(--color-text-accent) !important;
}
/*Metroplexes icons*/
/* Target the inner links inside the dropdown options */
#workspaceFilterForm .dropdown-menu.inner li a::before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
margin-right: 8px;
vertical-align: middle;
/* URL-encoded version of your building/office SVG */
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
}
/* Ensure the text aligns nicely next to the pseudo-icon */
#workspaceFilterForm .dropdown-menu.inner li a span.text {
vertical-align: middle;
}
/* Optional: Hide the icon from the first placeholder item ("Select a Location") */
#workspaceFilterForm .dropdown-menu.inner li[data-original-index="0"] a::before {
display: none;
}
/* END Metroplexes icons*/
@media (min-width: 881px){
#menu-main-menu-right > li.thin *{
font-weight: 100 !important;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-stroke: 0.2px var(--color-bg-primary);
font-size: 14px;
letter-spacing: 1px;
}
#menu-main-menu-right > li:not(:first-child):not(:last-child):before {
content: "|";
position: absolute;
left: -16.5px;
top: 50%;
transform: translateY(-50%);
color: var(--btn-fill-primary);
font-weight: 100 !important;
}
}
/* Map gesture */
@media (max-width: 880px){
/* The overlay shield foundation */
/* The overlay shield foundation (Appended inside Mapbox container natively) */
.map-gesture-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background: rgba(0, 0, 0, 0);
display: flex;
align-items: center;
justify-content: center;
color: transparent;
font-family: -apple-system, BlinkMacSystemFont, sans-serif;
font-weight: 500;
font-size: 15px;
pointer-events: none; /* Keeps marker clicks and page scrolling 100% native */
transition: background 0.3s ease, color 0.3s ease;
}
.map-gesture-overlay.show-hint {
color: #ffffff;
background: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(4px); /* Frosty premium blur backdrop style */
}
}
/* END Map gesture */
/* Map pseudo link */
@media (max-width: 770px){
.meeting-search .ajax-listings .listing-entry .location-details{
position: relative;
}
.ajax-listings .listing-entry .location-details .pseudo-link{
position: absolute;
width: 100%; height: 100%;
left: 0px; top: 0px;
display: block !important;
}
}
/* END Map pseudo link */
.workspace-filter,
.home .wp-block-cover h1{
opacity: 1 !important;
visibility: visible !important;
animation: none !important;
}
/* Disabled Toggle State: Kill animation, assign end heights directly */
.hero-mask .block {
animation: none !important;
}
.hero-mask .flex-wrap .col:nth-child(1) .block {
height: 20vh;
}
.hero-mask .flex-wrap .col:nth-child(2) .block {
height: 0vh;
}
.hero-mask .flex-wrap .col:nth-child(3) .block {
height: 10vh;
}
.service-card-block .wp-block-buttons + .with-arrow a{
font-size: clamp(0.667rem, 1vw, 14px) !important;
font-weight: 400 !important;
}