:root { --heading-color: var(--navy); --text-color: var(--dark-gray); --button-margin: clamp(1.5rem, 1.6vw, 1.875rem);}.brxe-button.bricks-button { background: transparent; position: relative; overflow: clip; margin-block-start: var(--button-margin); @media screen and (max-width: 767px) { display: flex; } &::before { content: ''; position: absolute; width: 100%; height: 100%; z-index: -2; top: 0; left: 0;}&::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); border-radius: 50%; z-index: -1; opacity: 0; translate: 0 -10%; transition: all 0.3s ease-in-out;} &.bricks-background-primary { &::before { background-color: var(--coral); } &::after { background: var(--medium-blue); width: 340px; height: 138px; top: 29px; filter: blur(24px); } } &.bricks-background-secondary { &::before { background-color: var(--navy); } &::after { background: var(--coral); width: 198px; height: 54px; top: 47px; filter: blur(15px); } } &:hover { &::after { opacity: 1; translate: 0 0; } } &.ghost { padding-block: 8px 9px; border: 1px solid var(--white); transition: all 0.3s ease-in-out; &:hover { border-color: var(--coral); background: var(--coral); } }}:where(h1,h2,h3,h4):has(+ :where(h2,h3,h4,h5)) { margin-block-end: 0.75rem;}:where(h1,h2,h3,h4):has(+ p) { margin-block-end: 1.875rem;}:where(p,ul) + :where(h1,h2,h3,h4) { margin-block-start: 1.5rem;}:where(h1,h2,h3,h4,h5,h6, .hero-style, .h1-style, .h2-style, .h3-style) {color: var(--heading-color);}.hero-style { font-family: var(--heading-font); font-size: clamp(3.125rem, 4.2vw, 5rem); font-weight: 400; line-height: 99%;}.h1-style { font-family: var(--heading-font); font-size: var(--h1-size); font-weight: 400; line-height: 99%;}strong { font-weight: 600;}.card-content li a,p :where(a) { color: var(--coral); font-weight: 600; text-decoration: underline; text-decoration-thickness: 10%;text-underline-offset: auto;text-underline-position: from-font; transition: color 0.25s ease-in-out; &:hover { color: var(--dark-blue); }}header a, footer a { }.subhead { font-size: 21px; font-weight: 600; line-height: 130%;}.highlight { font-family: var(--heading-font); font-size: clamp(1.625rem, 1.9vw, 2.25rem); font-style: italic; line-height: 116%;}.para-large { font-size: 1.25rem;}img { width: 100%; object-fit: cover;}figure, figcaption { margin: 0;}ul.unstyled-list { padding: 0; margin: 0; li { list-style: none; margin-block: 0;}}ul:not(.unstyled-list):not(.bricks-nav-menu) { margin-block: 0; padding-inline-start: 0; li { margin-block: 0.5rem; list-style: none; position: relative; padding-inline-start: 1.75rem; &::before { content: ''; position: absolute; top: 0.6rem; left: 0; width: 20px; height: 4px; background-color: #4A95A7; } }}p:has(+ ul) { margin-block-end: 0.75rem;}article li { list-style: default;}body.header-relative header > div,body.team-template-default header > div,body.blog-template-default header > div { position: relative !important;}:where(.brxe-nav-menu) .bricks-nav-menu > li > a,:where(.brxe-nav-menu) .bricks-nav-menu > li > div > a { transition: opacity 0.3s ease-in-out; &:hover { opacity: 0.6; }}:where(.brxe-nav-menu) .bricks-mobile-menu { background-color: var(--navy); li { &::before { display: none; } a { padding: 5px 20px 5px 0; line-height: 180%; } }}.brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu li > .brx-submenu-toggle > * { padding: 0 20px 0 0 !important;}:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu { background-color: var(--white);  padding-block: 6px; li { padding: 5px !important; &::before { display: none; } } a { font-size: 1rem; font-weight: 600; line-height: 115%; color: var(--navy); padding-block: 6px; padding-inline: 4px; width: fit-content; overflow: clip; border-bottom: 1px solid transparent; transition: border-color 0.3s ease-in-out; &:hover { border-bottom-color: var(--coral); } }}.brxe-nav-menu .bricks-nav-menu .sub-menu { &::-webkit-scrollbar { width: 6px; } &::-webkit-scrollbar-track {background: var(--color-4);}&::-webkit-scrollbar-thumb {background: var(--color-1);border-radius: 10px;}}.brxe-nav-menu .bricks-mobile-menu-wrapper li.open > .sub-menu { display: block !important;}.brxe-nav-menu .bricks-mobile-menu-wrapper::before { background: var(--white);}.brxe-nav-menu .bricks-mobile-menu-wrapper a { font-weight: 500;}@media screen and (max-width: 1280px) { .brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu li { &:not(:first-child) { margin-top: 0; } } .brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu li { font-size: 1.05rem; margin-top: 0.5rem; margin-bottom: 0.75rem; } .brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu li a { line-height: 1.8 !important; } .brxe-nav-menu .bricks-mobile-menu-wrapper .brx-submenu-toggle svg { display: block !important; }}@media screen and (max-width: 767px) { .brxe-nav-menu .bricks-mobile-menu-wrapper { max-width: 80vw !important; width: 100% !important; }}.side-nav .side-nav-list { &::-webkit-scrollbar { width: 6px; } &::-webkit-scrollbar-track {background: var(--color-5);}&::-webkit-scrollbar-thumb {background: var(--color-1);border-radius: 10px;}}.default-img-wrap, .default-img { height: 100%;}.text-center { text-align: center;}.w-100 { width: 100%; max-width: 100%;}.card-grid { display: grid; align-items: initial; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); grid-gap: var(--gap-sml);}.card-link { display: flex; justify-content: center; align-items: center; min-height: 10rem; height: 100%; padding: 1.5rem 1rem; text-align: center; position: relative; color: var(--color-6); .card-img { position: absolute; top: 50%; left: 50%; translate: -50% -50%; width: 100%; height: 100%; z-index: -1;} &:has(> .card-img) { &::before { content: ''; background: var(--color-5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.6; } img { filter: grayscale(0.4); height: 100%; } } span { position: relative; }}.view-all-btn { display: flex; width: fit-content; margin-inline: auto; margin-top: 4rem;}.label-sm { font-family: 'Exo', sans-serif; font-size: 1rem; font-weight: 600; letter-spacing: 0.1rem; text-transform: uppercase;}.bx-sdw { box-shadow: 0 0 15px 0 var(--color-2);}a.bx-sdw { transition: box-shadow 0.3s ease-in-out; &:hover { box-shadow: 0 0 15px var(--color-6); }}.bdr-rd { border-radius: 18px; overflow: clip;}.side-nav { .side-nav-title { font-size: calc(1.2rem + .8vw); letter-spacing: 3.3px; line-height: 113%; text-transform: uppercase; margin-bottom: 1rem;}.side-nav-list { display: flex; flex-direction: column; gap: 0.75rem; max-height: 80vh; overflow-y: scroll; overflow-x: hidden;}.side-nav-link { font-family: 'Exo', sans-serif; font-weight: 700; text-transform: uppercase; line-height: 1; font-size: 1.125rem; display: inline-block; width: 100%; padding: 23px 36px; color: var(--color-6); background: transparent linear-gradient(90deg, #393939 0%, #0D0F10 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000083; border-radius: 10px; position: relative; &::before { content: ""; width: 10px; height: 100%; top: 0; left: 0; background: #870207; border-radius: 10px 0 0 10px; opacity: 0; transition: all 0.4s ease; position: absolute; } &:hover { &::before { opacity: 1; } }} }.ti-widget[data-layout-id="37"][data-set-id="dark-minimal"] .ti-footer, .ti-widget[data-layout-id="15"][data-set-id="dark-minimal"] .ti-footer { display: block;} .brxe-container {width: 100%; max-width: 1465px; margin-right: auto; margin-left: auto; padding-right: var(--site-padding); padding-left: var(--site-padding)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1465px} html {font-size: 100%} body {font-family: "Instrument Sans"; font-size: 1rem; line-height: 142%; color: var(--dark-gray)} h1, h2, h3, h4, h5, h6 {font-family: "Instrument Serif"; line-height: 99%; font-weight: 400} h1 {font-size: clamp(4rem, 3.8vw, 4.5rem); line-height: 99%} h2 {font-size: clamp(3.25rem, 3.3vw, 3.875rem)} h3 {font-size: clamp(2.5rem, 2.5vw, 3rem)}:where(:root) .bricks-color-primary {color: var(--coral)}:where(:root) .bricks-background-primary {background-color: var(--coral)}:where(:root) .bricks-color-secondary {color: var(--navy)}:where(:root) .bricks-background-secondary {background-color: var(--navy)} .bricks-button {font-size: 17px; color: var(--white); font-weight: 700; line-height: 130%; border-radius: 12px; padding-top: 13px; padding-right: 50px; padding-bottom: 14px; padding-left: 50px} :root .bricks-button[class*="secondary"] {color: var(--white)} :root .bricks-button[class*="primary"] {color: var(--white)} html {background-color: var(--beige)} body {background: none} :where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source="bricks"]) a, :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a {color: var(--coral); font-family: "Instrument Sans"; text-decoration: underline}