/*----------------------------------------------------------------------------------- Theme Name: Grava Properties Description: Grava Properties WordPress Theme. Version: 1.07152026 Author: Imagine It Consulting Inc. Theme URI: https://www.TrustImagine.com Author URI: https://www.TrustImagine.com /** * CH01 - Browser Reset & Compliancy * CH02 - Main Styles & Typography * CH03 - Custom Styles * CH04 - Page Structure * CH05 - TopBar, Header & Navigation * CH06 - Content, Forms & Media * CH07 - Footer * CH08 - WordPress Styles * CH09 - Responsive **/ /*----------- CH01 Browser Reset -----------*/ /* Essential Box Sizing */ *, *::before, *::after { box-sizing: border-box; } /* Remove default margin from common elements */ body, h1, h2, h3, h4, p, figure, blockquote, dl, dd { margin: 0; } /* Remove list styles on lists with role 'list' */ ul[role='list'], ol[role='list'] { list-style: none; } /* Basic body settings */ body { min-height: 100vh; line-height: 1.5; text-rendering: optimizeSpeed; } /* Responsive images */ img, picture { max-width: 100%; display: block; } /* Inherit font styles for form elements */ input, button, textarea, select { font: inherit; } /* Reduce motion for users with preference */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } /* Accessibility Compliancy */ /* Skip link */ #skip-link { color: white; } /* Elements hidden but accessible to screen readers */ .element-invisible { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px; } /* Focusable elements: visibility on focus for keyboard navigation */ .element-invisible.element-focusable:focus { position: static !important; clip: auto; overflow: visible; height: auto; } /* Screen reader text, visible on focus */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { clip: auto !important; display: block; width: auto; height: auto; background-color: #f1f1f1; padding: 15px 23px 14px; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); font-size: 0.875rem; font-weight: bold; color: #21759b; text-decoration: none; line-height: normal; z-index: 100000; top: 5px; left: 5px; } :focus-visible { outline: 2px solid var(--accent1-color); outline-offset: 0.2em; } :target { scroll-margin-top: 8em; } /*----------- CH02 Main Styles & Typography -----------*/ html {scroll-behavior: smooth;} .hide-on-mobile, .hide-on-phone {display:initial} .hide-on-desktop {display:none} :root { --primary-color: #000; --secondary-color: #000; --accent1-color: #000; --accent2-color: #000; --accent3-color: #000; --link-color: #000; --link-hover-color: #000; --body-text-color: #000; --font-size-base: 1.125em; --font-size-xs: 0.75em; --font-size-sm: 1.5em; --font-size-md: 1.25em; --font-size-lg: 2em; --font-size-xl: 3em; --font-size-xxl: 4em; --line-height-base: 1.5; --line-height-tight: 1.25; --spacing-1: 0.5em; --spacing-2: 1em; --spacing-3: 2em; --transition-duration: 0.3s; --transition-easing: ease; } .has-primary-color { color: var(--primary-color); } .has-secondary-color { color: var(--secondary-color); } .has-accent-1-color { color: var(--accent1-color); } .has-accent-2-color { color: var(--accent2-color); } .has-accent-3-color { color: var(--accent3-color); } .has-primary-background-color { background-color: var(--primary-color); } .has-secondary-background-color { background-color: var(--secondary-color); } .has-accent-1-background-color { background-color: var(--accent1-color); } .has-accent-2-background-color { background-color: var(--accent2-color); } .has-accent-3-background-color { background-color: var(--accent3-color); } /* Additional styles using the variables */ body {background: #fff; font-family: gotham, sans-serif; font-size: var(--font-size-base); line-height: var(--line-height-base);color: var(--body-text-color);} .body-large {font-size:clamp(1.25rem,1.2vw,1.4375rem);} /* 20–23px */ .intro-text {font-size:clamp(1.375rem,1.5vw,1.75rem);} /* 22–28px */ .feature-text {font-size:clamp(1.5rem,1.6vw,1.875rem);} /* 24–30px */ a {color: var(--link-color);transition: color var(--transition-duration) var(--transition-easing);} a:hover {color: var(--link-hover-color);} a:focus, :focus {outline: thin dotted !important;} a[href^="tel:"] {white-space: nowrap} .button:hover {color: var(--secondary-color);} h1,h2,h3,h4,h5,h6 {font-weight: 500; line-height: 1.5; margin: 25px 0 10px;} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color: inherit;} h1 a:hover,h2 a:hover,a:hover h2,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { text-decoration: none;} h1 {font-size: line-height: var(--line-height-tight); margin: 10px 0 20px;font-size:1.25em;color:#000;font-weight:700;font-family: "Yalla"; font-synthesis:none;} h2 {font-size: clamp(2.5rem,3.8vw,4.5rem);line-height:1.1; margin: 10px 0 5px;margin:0 0 .5em;} h3 {font-size: 1.25em; margin: 10px 0 5px;} h4 {font-size: 1.125em; margin: 10px 0 5px;} h5 {font-size: 1.0em; margin: 10px 0 5px;}text-transform:uppercase; h6 {font-size: 0.875em;} h2.border-bottom {border-bottom: 2px solid rgba(255, 255, 255, .85);padding-bottom:.5em} em {font-style: italic;} strong {font-weight: 600;} .pipe {margin:0 .5%;} hr, .wp-block-separator {border: solid; border-width: 1px 0 0; clear: both; margin: 20px 0; height: 0;border-color: var(--accent1-color);} .wp-block-separator.is-style-thick {border-top-width: 3px;} .wp-block-separator.is-style-extra-thick {border-top-width: 6px;} .wp-block-separator.is-style-light-sweep {position: relative;overflow: hidden;border: 0;height: 3px;background: currentColor;opacity: 1;} .wp-block-separator.is-style-light-sweep::after {content: "";position: absolute;top: 0;left: -35%;width: 35%;height: 100%;background: linear-gradient(90deg,transparent,rgba(255, 255, 255, .85),transparent);animation: separator-light-sweep 3s ease-in-out infinite alternate;} @keyframes separator-light-sweep {from {left: -35%;}to {left: 100%;}} @media (prefers-reduced-motion: reduce) {.wp-block-separator.is-style-light-sweep::after {animation: none;}} /* Typography > Font Sizes */ .has-xs-font-size {font-size: var(--font-size-xs);} .has-small-font-size {font-size: var(--font-size-sm);} .has-base-font-size {font-size: var(--font-size-base);} .has-medium-font-size {font-size: var(--font-size-md);} .has-large-font-size {font-size: var(--font-size-lg);} .has-xl-font-size {font-size: var(--font-size-xl);} .has-xxl-font-size {font-size: var(--font-size-xxl);} /* Typography > Font Smoothing */ body.smooth-fonts {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} /* Typography > Paragraph */ p {margin-bottom: var(--spacing-1);} /* Sup/Sub */ sup, sub {vertical-align: baseline; position: relative; top: -0.4em;font-size:.75em} sub {top: 0.4em;} /* Text Columns */ .text-columns .wp-block-group__inner-container {column-count:2;column-gap:2.5rem;column-fill:balance;} @media(max-width:600px){.text-columns .wp-block-group__inner-container {column-count:1;}} /* Back to Top */ .back-to-top {position: fixed;right: 1.25em;bottom: 1.25em;width: 2em;height: 2em;display: inline-flex;align-items: center;justify-content: center;background: var(--primary-color);color: #fff;border: 1px solid var(--primary-color);box-shadow: 0 0.25em 0.75em rgba(0,0,0,0.15);text-decoration: none;font-size: 1.2em;line-height: 1;opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(0.5em);transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, background 0.25s ease;z-index: 999;} .back-to-top:hover, .back-to-top:focus {background: #fff;color: var(--primary-color);text-decoration: none;} .back-to-top.is-visible {opacity: 1;visibility: visible;pointer-events: auto;transform: translateY(0);} .back-to-top:focus {outline: 2px solid var(--secondary-color);outline-offset: 0.15em;} @media (max-width: 1023px) {.back-to-top {bottom: 3.5em;}} @media (max-width: 768px) {.back-to-top {right: 1em;bottom: 4.5em;width: 2.5em;height: 2.5em;font-size: 1.1em;}} @media (prefers-reduced-motion: reduce) {html {scroll-behavior: auto;}.back-to-top {transition: none;}} .wp-block-button__link { display: inline-flex; align-items: center; gap: .45em; } .wp-block-button__link img { display: block; flex-shrink: 0; } :where(.wp-block-columns.has-background) { padding:0; } /*----------- [CH03 Custom Styles] -----------*/ .double-space {line-height:1.85} @font-face {font-family:"Yalla";src:url("/wp-content/themes/Grava/assets/Yalla.woff2") format("woff2"),url("/wp-content/themes/Grava/assets/Yalla.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;font-synthesis:none;} .yalla {font-family:"Yalla",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-synthesis:none;} .gotham {font-family:gotham,sans-serif;} #main {margin-top:var(--header-height,0px);} .page-hero {height:calc(100vh - var(--header-height,0px));height:calc(100svh - var(--header-height,0px));margin-top:0 !important;margin-bottom:0 !important;overflow:hidden;} .page-hero > .wp-block-column {height:100%;min-height:0;} .page-hero > .wp-block-column:first-child .wp-block-image {width:100%;height:100%;margin:0;} .page-hero > .wp-block-column:first-child .wp-block-image img {display:block;width:100%;height:100%;object-fit:cover;} @media screen and (max-width:1023px) { .page-hero {height:auto;overflow:visible;} } /* Home Hero */ .hero-slider-col {z-index:1;position:relative;margin-top:var(--header-height, 0px) !important;height:calc(100svh - var(--header-height, 0px));min-height:0;} /* Background Textures */ .grava-pink,.grava-brown,.grava-tan,.grava-rust {background-size:cover;background-position:center;background-repeat:no-repeat;} .grava-pink {background-image:url("/wp-content/uploads/2026/08/bkgd_pink.jpg");} .grava-brown {background-image:url("/wp-content/uploads/2026/08/bkgd_brown.png");} .grava-tan {background-image:url("/wp-content/uploads/2026/08/bkgd_tan.png");} .grava-rust {background-image:url("/wp-content/uploads/2026/08/bkgd_rust.png");} /* Statement Sections */ .statement-section {display:flex;align-items:center!important;min-height:100vh;min-height:100svh;padding:6em 0;box-sizing:border-box;gap:0;background-size:cover;background-position:center;background-repeat:no-repeat;margin:0;position:relative;} .statement-section > .wp-block-column.container {flex:0 1 85%!important;flex-basis:85%!important;width:85%!important;max-width:1600px!important;margin-inline:auto!important;} .statement-section.grava-brown .home-page-content h1, .statement-section.grava-pink .home-page-content h1 {font-size:clamp(4rem,7vw,8.5rem);line-height:1.05;font-weight:500;margin:0 0 25px;font-family:gotham,sans-serif;letter-spacing:-.05em;color:#fff;text-transform:initial} .statement-section.grava-brown .home-page-content p, .statement-section.grava-pink .home-page-content p {font-size:clamp(1.125rem,1.35vw,1.75rem);line-height:1.42;font-weight:400;margin:0;text-wrap:pretty;color:#fff;} .statement-section p {font-size:clamp(1.25rem,3vw,3.25rem);line-height:1.42;font-weight:400;margin:0;text-wrap:pretty;color:#fff;} .statement-section.grava-tan h1 {font-family:"Yalla",sans-serif;font-size:clamp(.85rem,2vw,1.125rem);color:#602112; text-transform:uppercase; letter-spacing:.075em; margin-bottom: 15px;} .statement-section.grava-rust h1 {font-family:"Yalla",sans-serif;font-size:clamp(.85rem,2vw,1.125rem);color:var(--secondary-color); text-transform:uppercase; letter-spacing:.075em; margin-bottom: 15px;} .statement-section.grava-pink h1 {font-family:"Yalla",sans-serif;font-size:clamp(.85rem,2vw,1.125rem);color:var(--primary-color); text-transform:uppercase; letter-spacing:.075em; margin-bottom: 15px;} .statement-section + * {margin-block-start:0 !important;margin-top:0 !important;} .statement-section.page-hero > .wp-block-column {height:auto;} .grava-lrg-font {font-size:72px !important;line-height:1.5 !important;font-weight:500 !important;margin:0 0 25px;font-family:gotham,sans-serif;letter-spacing:-.05em;text-transform:initial} @media screen and (max-width:1023px) { .statement-section {padding:5em 7.5%;} .statement-section > .wp-block-column.container {flex:0 0 100%!important;flex-basis:100%!important;width:100%!important;max-width:1600px!important;margin-inline:auto!important;} .home-page-content h1 {font-size:clamp(3rem,8vw,5.5rem);} .home-page-content p {font-size:clamp(1.125rem,2.25vw,1.5rem);} } @media screen and (max-width:600px) { .statement-section {padding:4em 5%;} .statement-section > .wp-block-column.container {flex-basis:100%!important;width:100%!important;} .home-page-content h1 {font-size:clamp(2.75rem,11vw,4rem);line-height:1.05;margin-bottom:.4em;} .home-page-content p {font-size:1.125rem;line-height:1.5;} } /* Intro */ .intro-box,.gallery-wrap {padding:5em 0;margin-bottom:0;} .intro-box .container {width:85%;max-width:1600px!important;margin:0 auto;} .intro-box h1 {font-size:clamp(.85rem,2vw,1.125rem); text-transform:uppercase; letter-spacing:.075em;margin-bottom:20px } .intro-box p {font-size:clamp(1.125rem,1.25vw,1.75rem);line-height:1.75;font-weight:400;margin:0;text-wrap:pretty;color:#fff;} .wp-block-columns.intro-box:not(.is-not-stacked-on-mobile):not(.no-tablet-stack) > .wp-block-column.container {flex-grow:0!important;flex-shrink:0!important;flex-basis:85%!important;width:85%!important;max-width:1600px!important;margin-inline:auto!important;} /* Image + Content */ .image-content {position:relative;width:100vw;max-width:100vw;margin:0 calc(50% - 50vw)!important;padding:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0!important;box-sizing:border-box;} .image-content.page-hero > .wp-block-column:first-child {height:100%;} .image-content.page-hero .wp-block-image {height:100%;margin:0;} .image-content.page-hero > .wp-block-column:last-child {height:100%;display:flex;flex-direction:column;justify-content:center;} .image-content.page-hero .wp-block-image img {display:block;width:100%;height:100%;object-fit:cover;object-position:center top;} .image-content-copy {box-sizing:border-box;} .image-content h2 {font-size:clamp(.85rem,2vw,1.125rem);font-family:"Yalla",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-synthesis:none;} .image-content h1 {font-family:"Yalla",sans-serif;font-size:clamp(.85rem,2vw,1.125rem);text-transform:uppercase; letter-spacing:.075em;margin-bottom: 15px;} @media screen and (max-width:1023px) { @media screen and (max-width:1023px) { .image-content {grid-template-columns:1fr;} .image-content > .wp-block-column {width:100%!important;max-width:100%!important;} .image-content > .wp-block-column:has(.wp-block-image) {width:100%!important;aspect-ratio:3/2;overflow:hidden;} .image-content .wp-block-image {display:block!important;width:100%!important;max-width:none!important;height:100%;margin:0!important;} .image-content .wp-block-image img {display:block;width:100%!important;max-width:none!important;height:100%!important;object-fit:cover;object-position:center;} .image-content.alt > .wp-block-column:first-child {order:2;} .image-content.alt > .wp-block-column:last-child {order:1;} .image-content-copy {padding:2em 5%!important;} .image-content.page-hero {height:auto!important;overflow:visible;} .image-content.page-hero > .wp-block-column {height:auto!important;} .image-content.page-hero > .wp-block-column:has(.wp-block-image) {aspect-ratio:auto!important;overflow:visible;} .image-content.page-hero .wp-block-image {height:auto!important;} .image-content.page-hero .wp-block-image img {height:auto!important;object-fit:initial!important;} } } /* Feature Quote */ .feature-quote {position:relative;max-width:70em;margin:0 auto;padding:5em 5em 2em;border:0;color:#fff;} .feature-quote::before,.feature-quote::after {content:"";position:absolute;width:7em;height:7em;background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:none;z-index:0;} .feature-quote::before {top:1.25em;left:1.5em;background-image:url("/wp-content/uploads/2026/07/quote-start.png");} .feature-quote::after {right:2em;bottom:2.5em;background-image:url("/wp-content/uploads/2026/07/quote-end.png");} .feature-quote p {margin:0;font-size:clamp(1.125rem,1.5vw,1.875rem);line-height:1.6;font-weight:400;max-width:34ch;position:relative;z-index:1;} .feature-quote cite {display:block;margin-top:.8em;color:#ed6f51;font-family:"Yalla",sans-serif;letter-spacing:.1em;font-style:normal;font-size:clamp(.85rem,2vw,1.125rem);line-height:1;text-transform:uppercase;text-align:center} /* V Overlay Columns */ .wp-block-column.overlay-brown,.wp-block-column.overlay-red,.wp-block-column.overlay-tan, .wp-block-column.overlay-30 {background-repeat:no-repeat;background-position:center;background-size:65% auto;display:flex;flex-direction:column;justify-content:center;padding:5em 8%;position:relative;} .wp-block-column.overlay-brown {background-image:url("/wp-content/uploads/2026/08/V_Brown.svg");} .wp-block-column.overlay-red {background-image:url("/wp-content/uploads/2026/08/v-red.svg");} .wp-block-column.overlay-tan {background-image:url("/wp-content/uploads/2026/08/v-tan.svg");} .wp-block-column.overlay-30 {background-image:url("/wp-content/uploads/2026/08/V_30.svg");background-size: 30%;padding:5em 0%} /* Team */ .team-section {padding:6em max(7.5%,calc((100vw - 1600px) / 2));margin:0;box-sizing:border-box;} .team-section .container {width:100%!important;max-width:none!important;margin:0!important;} .team-content {max-width:55em;} .team-heading {margin:0 0 .25em;font-size:3em;line-height:1;font-weight:600;} .team-intro {margin:0 auto 3em;font-size:1.2em;line-height:1.6;} .team-grid {gap:0;margin:0 auto;width:80%;} .team-member {display:flex;flex-direction:column;align-items:center;text-align:center;} .team-member + .team-member {border-left:1px solid rgba(43,33,30,.35);} .team-member h3 {text-transform:uppercase;letter-spacing:.08em;font-weight:700;} .team-title {margin:0 0 1.5em;} .team-member .wp-block-buttons {margin-top:auto;} .team-member .wp-block-button__link {background-color:#c43605;color:#fff;border:2px solid #c43605;border-radius:0!important;} .team-member .wp-block-button__link:hover,.team-member .wp-block-button__link:focus {background-color:#9f2b04;border-color:#9f2b04;color:#fff;} .team-section p {margin:0;font-size:clamp(1.125rem,1.5vw,1.875rem);line-height:1.6;font-weight:400;max-width:34ch;position:relative;z-index:1;margin-top:8px} @media screen and (max-width:1023px) { .team-section > .wp-block-column > .container,.accordion-list__inner {width:85%!important;} .team-section {padding:5em 7.5%;} } @media screen and (max-width:600px) { .team-section > .wp-block-column > .container,.accordion-list__inner {width:90%!important;} .team-section {padding:4em 5%;} .team-intro {margin-bottom:2em;} .team-grid {gap:0;} .team-member + .team-member {border-left:0;border-top:1px solid rgba(43,33,30,.35);} } /* Philosophy */ .philosophy-section {padding:5em 0;margin:0;} .philosophy-grid > .wp-block-group__inner-container {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3em;width:100%;max-width:none;margin:1.5em auto;} .philosophy-item {min-width:0;margin:0!important;} .philosophy-item > .wp-block-group__inner-container {width:100%;max-width:none!important;margin:0;} .philosophy-item .wp-block-image {margin:0 0 2em;} .philosophy-item .wp-block-image img {display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;} .philosophy-item h3 {font-size:1.125rem;line-height:1.3;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .75em;color:#fff;} .philosophy-item p {font-size:1rem;line-height:1.4;font-weight:400;margin:0;color:#fff;width:90%} @media screen and (max-width:1023px) { .philosophy-grid > .wp-block-group__inner-container {grid-template-columns:repeat(2,minmax(0,1fr));gap:3em 2em;} } @media screen and (max-width:600px) { .philosophy-grid > .wp-block-group__inner-container {grid-template-columns:1fr;gap:3em;} } /* Valued Partners */ .valued-partners {margin:0;min-height: 100svh;} /* Contact */ .contact-section {padding:4.5em 0;margin-bottom:0;color:#fff} .contact-section > .wp-block-column.container {flex-grow:0!important;flex-shrink:1!important;flex-basis:85%!important;width:85%!important;max-width:1600px!important;margin-inline:auto!important;box-sizing:border-box;} @media screen and (max-width:1023px) { .contact-section {padding:3.5em;} .contact-section > .wp-block-column.container {flex-basis:100%!important;width:100%!important;max-width:none!important;} } @media screen and (max-width:600px) { .contact-section {padding:2.5em;} } /* At a Glance Grid */ .stats-section {padding:5em 0;margin:0;color:#fff;} .stats-inner {flex:0 0 85%!important;width:85%!important;max-width:1600px!important;margin-inline:auto!important;} .stats-inner h2 {margin:0 0 .5em;font-size:clamp(2.5rem,3.8vw,4.5rem);line-height:1;font-weight:500;color:#fff;} .stats-inner > .wp-block-columns {width:100%;margin:0;} .stats-inner > .wp-block-columns > .stats-grid {flex-basis:100%!important;width:100%;} .stats-grid {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:4em;row-gap:0;width:100%;border-top:2px solid rgba(255,255,255,.85);border-bottom:2px solid rgba(255,255,255,.85);} .stat-item {min-width:0;margin:0!important;padding:2.5em 0 3em;} .stat-item:nth-child(-n+3) {border-bottom:2px solid rgba(255,255,255,.85);} .stat-item > .wp-block-group__inner-container {width:100%;max-width:none!important;margin:0!important;} .stat-number {margin:0!important;font-size:clamp(3em,6vw,6.2em);line-height:.9;font-weight:600;letter-spacing:-.04em;color:#c43605;} .stat-label {max-width:18em;margin:.8em 0 0!important;font-size:1.125em;line-height:1.25;font-weight:400;color:#fff;width:60%} @media screen and (max-width:1200px) { .stats-grid {column-gap:2.5em;} } @media screen and (max-width:1023px) { .stats-section {padding:5em 7.5%;box-sizing:border-box;} .stats-inner {flex:0 0 100%!important;width:100%!important;max-width:none!important;margin:0!important;} .stats-grid {grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3em;border-bottom:2px solid rgba(255,255,255,.85);} .stat-item {border-bottom:0;} .stat-item:nth-child(1),.stat-item:nth-child(2),.stat-item:nth-child(3),.stat-item:nth-child(4) {border-bottom:2px solid rgba(255,255,255,.85);} } @media screen and (max-width:600px) { .stats-section {padding:4em 5%;} .stats-inner {width:100%!important;} .stats-grid {grid-template-columns:1fr;column-gap:0;border-bottom:2px solid rgba(255,255,255,.85);} .stats-grid .stat-item {border-bottom:2px solid rgba(255,255,255,.85);} .stats-grid .stat-item:last-child {border-bottom:0;} .stat-number {font-size:clamp(2.5em,15vw,5em);} .stat-label {font-size:1.1em;} } /* Overview Content Grid */ .overview-header {text-align:center;} .overview-header h2::after {display:none;} .content-grid {text-align:center;} .grid-wrapper {display:grid;grid-template-columns:repeat(4,1fr);gap:30px;} .grid-card {background:var(--accent2-color);border-radius:25px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.3);padding:10px;text-align:center;transition:transform .3s ease;display:flex;flex-direction:column;justify-content:space-between;height:100%;} .grid-card:hover,.grid-card:focus-within {transform:translateY(-5px);} .grid-card img {max-width:100%;border-radius:10px;margin-bottom:15px;transition:filter .3s ease;} .grid-card:hover img,.grid-card:focus-within img {filter:grayscale(100%);} .grid-card-title {font-size:1.125em;margin-bottom:10px;color:var(--primary-color);} /*----------- [CH04 Page Structure] -----------*/ #outer-wrap {overflow: hidden;} .container { width:85%; max-width: 1600px; margin: 0 auto !important; /* Center horizontally */} .alignfull .container { width:85%; max-width: 1600px; margin: 0 auto !important; /* Center horizontally */} .max-80 {max-width: 80ch;} .container.rounded, .container .rounded {border-radius:40px} .content-area {width: 100%; max-width: none !important;min-height: 500px;} /* Default: no style = container width (already handled by .container) */ /* ADA Width: narrower reading column */ #content .is-style-ada-width {max-width:60rem;margin-left:auto;margin-right:auto;} #content .is-style-ada-width-left{max-width:60rem;margin-left:0;margin-right:auto;text-align:left;} #content .is-style-two-col-flow{column-count:2;column-gap:60px;} #content .is-style-two-col-flow>*{break-inside:avoid;} #content .is-style-two-col-flow h2,#content .is-style-two-col-flow h3{break-after:avoid-column;} @media (max-width: 900px){#content .is-style-two-col-flow{column-count:1;column-gap:0;}} /* Full width: true edge-to-edge */ #content .alignfull {width:100vw;max-width:100vw;margin-left:50%;margin-right:50%;transform:translateX(-50%);} /* Optional: make alignwide behave like default container (no extra width) */ #content .alignwide {max-width:100%;width:100%;margin-left:auto;margin-right:auto;} #content-wrap-sr, #content-wrap-sl {display: flex;flex-wrap: wrap; column-gap:30px} .content-area { flex: 3;} .sidebar-right { flex: 1;} .sidebar-left { flex: 1; order: -1; /* Place the left sidebar before the content area */} /* New Flex Container for Blog Page */ .blog-content-wrap {display: flex; gap: 20px; /* Adjust the gap between content and sidebar */} /* Adjust the width ratios for content and sidebar */ .blog-content-area {flex: 0 0 65%; /* 65% width */max-width: 65%;padding: 15px; /* Add inner padding */} .blog-sidebar {flex: 0 0 35%; /* 35% width */ max-width: 35%;} .blog-sidebar .widget { margin-bottom: 20px; padding: 15px; background: var(--accent1-color); border: 1px solid var(--secondary-color);} /* Global Gutenberg column behavior: stack standard Columns blocks at tablet width (1023px) instead of the WordPress default; use .no-tablet-stack to opt out or .tablet-two to keep two columns on tablet. */ @media (max-width:1023px) { .wp-block-columns:not(.is-not-stacked-on-mobile):not(.no-tablet-stack) {flex-wrap:wrap!important;} .wp-block-columns:not(.is-not-stacked-on-mobile):not(.no-tablet-stack) > .wp-block-column {flex-basis:100%!important;flex-grow:1!important;max-width:100%!important;} .wp-block-columns.stack-reverse {flex-direction:column-reverse;} } @media (max-width:1023px) and (min-width:782px) { .wp-block-columns.tablet-two > .wp-block-column {flex-basis:calc(50% - 1em)!important;max-width:calc(50% - 1em)!important;} } @media (max-width:781px) { .wp-block-columns.tablet-two > .wp-block-column {flex-basis:100%!important;max-width:100%!important;} } /*----------- [CH05 - TopBar, Header & Navigation] -----------*/ /* The sticky class is added to the header with JS when it reaches its scroll position */ .sticky {position: fixed !important;top: 0;width: 100%; border-bottom:2px solid #eee;} /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */ .sticky + .site-main {padding-top: 110px;} #top-bar-wrap {display:none;} #site-header .container {width:93.75%; max-width: none} #site-header {position:fixed;top:0;left:0;width:100%;z-index:1000;background: rgba(255,255,255,1)} #site-header-full-width .container {width: 100% !important;} #site-header-inner {display: flex;justify-content: space-between;align-items: center;padding: 15px 0px; /* Add padding for spacing */} .header-block {flex:1 1 50%} /* Header > Main > Logo */ #site-logo {flex: 0 1 auto; width:100%; max-width:200px} #site-logo a {height: 100%; padding: 0; margin: 0; text-decoration: none;} #site-logo a:hover {text-decoration: none;} #site-logo img {display: inline; vertical-align: middle; max-width: 90%;width:auto} /* Alert Wrap */ #alert-wrap {background: var(--accent1-color); color: var(--primary-color); padding: 1.25%; text-align:center; font-size: 1em; border-bottom: solid 3px var(--accent1-color);} #alert-wrap p {margin:0px;display:inline} #alert-wrap .fa {margin-right:5px} #alert-wrap a {color: var(--secondary-color); text-decoration: underline;} #alert-wrap strong {font-size:1.125em} /*----------- [Navigation] -----------*/ /* Main Navigation */ #site-navigation .nav-menu { display:flex; align-items:center; gap:4em; margin:0; padding:0; list-style:none; } #site-navigation .nav-menu > li > a { display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--primary-color); line-height:1; text-align:center; text-decoration:none; text-transform:uppercase; } #site-navigation .nav-heading { display:block; font-weight:700; font-size:12px; letter-spacing:.08em; } #site-navigation .nav-subheading { display:block; margin-top:.15em; font-weight:400; font-size:12px; letter-spacing:.12em; } #site-navigation .nav-menu > li:last-child > a { padding:.7em .8em; background:var(--secondary-color); color:#fff } #site-navigation .nav-menu > li:last-child > a:hover { padding:.7em .8em; background:var(--primary-color); color:#fff } #site-navigation .nav-menu > li > a { display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--primary-color); line-height:1; text-align:center; text-decoration:none; text-transform:uppercase; transition:color .2s ease; } #site-navigation .nav-menu > li > a:hover, #site-navigation .nav-menu > li > a:focus-visible { color:#1a1a1a; } #site-navigation .nav-menu > li.current-menu-item > a, #site-navigation .nav-menu > li.current_page_item > a { color:var(--secondary-color); } /* Dropdown Links */ #site-navigation .nav-menu ul li { display:block; } #site-navigation .nav-menu ul li a { padding:.5em 1em; color:var(--primary-color); display:block; transition:background-color .3s ease, color .3s ease; font-size:.9em; } #site-navigation .nav-menu ul li a:hover { background-color:var(--accent3-color); color:var(--primary-color);border-radius:0px; } /* Multi-level Dropdown */ #site-navigation .nav-menu ul ul { position:relative; top:0; left:0; margin-top:.25em; background:var(--accent3-color); box-shadow:none; } #site-navigation .nav-menu ul ul li a { padding:.5em 1em; color:var(--primary-color); display:block; } #site-navigation .nav-menu ul ul li a:hover { background-color:var(--primary-color); color:#fff; } #site-navigation .nav-menu li:hover > ul ul { display:block; } /*----------- [CH06 - Content, Forms & Media] -----------*/ /*----------- [Page Title] -----------*/ .page-header {background: rgba(131, 131, 131, 0.1) none repeat scroll 0 0; margin: 10px 0; padding: 5px 0 0; position: relative;} .page-header .container {position: relative;} .header-title {display: inline-block; font-size: 1.75em; line-height: 1em; font-weight: normal; font-weight: 400;} .subheading {margin: 0; color: var(--secondary-color);} /*----------- [Breadcrumbs] -----------*/ #breadcrumbs {font-size:.825em; padding:5px 0 0 } /*----------- [Contact Forms] -----------*/ div.wpcf7 .wpcf7-not-valid { border-color: var(--accent1-color) !important; color: var(--accent1-color) !important; } span.wpcf7-not-valid-tip {display: none !important;} div.wpcf7 input, div.wpcf7 textarea {max-width: 100%;} div.wpcf7-validation-errors {margin: 20px 0 0; padding: 10px; text-align: center; font-weight: 400; font-size: 0.923em; color: var(--accent1-color); background: var(--accent1-color); border: 1px solid var(--accent1-color);} div.wpcf7 .wpcf7-mail-sent-ok {margin: 10px 0 0; padding: 10px; text-align: center; background: var(--accent1-color); border: 1px solid var(--secondary-color); color: var(--primary-color); font-weight: normal;} div.wpcf7-mail-sent-ng {margin: 0; padding: 10px; background: #ffe9e9; color: #d04544; border: 1px solid #e7a9a9;} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { background: #e00000;color: #fff; margin: 10px 0; border: none; padding: 0.75em;} /*fixes */ button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline;font-family: inherit;} /* turn off number spinners */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;} /* reset search styling */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {display: none;} /* input normal */ input[type="text"], input[type="password"], input[type=file], input[type="email"], input[type="tel"], input[type="url"], input[type="search"], textarea {color: #757575; background: #f7f7f7; padding: .6em .6em; display: inline-block; font-size: 1em; transition: .15s linear border; -webkit-appearance: none; max-width: 100%; border: 1px solid #e4e4e4; font-family: inherit;margin-top: 5px;} select {color: #757575; background: #f7f7f7; padding: .6em .6em; display: inline-block; font-size: 1em; transition: .15s linear border; max-width: 100%; border: 1px solid #e4e4e4; font-family: inherit;margin-top: 5px;} /* textarea */ textarea {width: 100%; max-width: 100%; -webkit-appearance: none; font-family: inherit;margin-top: 5px;} /* remove chrome yellow autofill */ input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset;} /* placeholder color */ ::-webkit-input-placeholder {color: inherit;} :-moz-placeholder {color: inherit;} ::-moz-placeholder {color: inherit;} :-ms-input-placeholder {color: inherit;} .contact-form {width:100%;max-width:48em;margin:3em 0} .contact-form .wpcf7-form > p:first-of-type {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85em;margin:0;position:relative;} .contact-form .wpcf7-form > p:first-of-type br {display:none;} .contact-form .wpcf7-form-control-wrap {display:block;width:100%;} .contact-form .wpcf7-form-control-wrap[data-name="Phone"], .contact-form .wpcf7-form-control-wrap[data-name="Message"] {grid-column:1 / -1;} .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form textarea {display:block;width:100%;box-sizing:border-box;margin:0;padding:1em 1.1em;background:#fff;border:none;border-bottom:.125em solid transparent;border-radius:0;outline:none;color:#000;font:inherit;font-size:1em;line-height:1.3;transition:background-color .2s ease,border-color .2s ease;} .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"] {min-height:3.75em;} .contact-form textarea {height:11em;min-height:11em;resize:vertical;} .contact-form input::placeholder, .contact-form textarea::placeholder {color:#555;opacity:1;} .contact-form input[type="text"]:focus, .contact-form input[type="email"]:focus, .contact-form input[type="tel"]:focus, .contact-form textarea:focus, .contact-form input[type="text"]:focus-visible, .contact-form input[type="email"]:focus-visible, .contact-form input[type="tel"]:focus-visible, .contact-form textarea:focus-visible { background:#fff; border:none; border-bottom:.125em solid #602112; outline:none !important; box-shadow:none !important; } .contact-form input[type="submit"] {grid-column:1 / -1;width:100%;min-height:3.75em;margin:.25em 0 0;padding:1em 1.5em;background:#602112;border-radius:0;color:#fff;font:inherit;font-size:1em;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease;border:none} .contact-form input[type="submit"]:hover {background:#bf9d91;color:#fff;} .contact-form input[type="submit"]:focus-visible {box-shadow:0 0 0 .3125em #000;} .contact-form input[type="submit"]:active {transform:translateY(.125em);} .contact-form .wpcf7-spinner {position:absolute;right:1em;bottom:1.25em;margin:0;background-color:#fff;} .contact-form .wpcf7-not-valid {border-bottom-color:#9f1616 !important;} .contact-form .wpcf7-not-valid-tip {margin:.4em 0 0;color:#fff;font-size:.875em;font-weight:600;} .contact-form .wpcf7-response-output {margin:1em 0 0 !important;padding:1em 1.25em !important;background:#fff;border:.125em solid #000 !important;color:#000;font-weight:600;} .contact-form form.sent .wpcf7-response-output {border-color:#000 !important;} .contact-form form.invalid .wpcf7-response-output, .contact-form form.unaccepted .wpcf7-response-output {border-color:#9f1616 !important;} .contact-form .wpcf7-form > p:last-of-type {margin:0;} @media screen and (max-width:600px) { .contact-form .wpcf7-form > p:first-of-type {grid-template-columns:1fr;} .contact-form .wpcf7-form-control-wrap[data-name="Phone"], .contact-form .wpcf7-form-control-wrap[data-name="Message"], .contact-form input[type="submit"] {grid-column:auto;} } /* Google Material Icons */ .material-icons { font-size: 1.25em; padding-right: 5px; color: var(--accent1-color); } /* Iconify Icons */ iconify-icon { display: inline-block; width: 1em; height: 1em; line-height: 1; vertical-align: -0.125em; color: currentColor; font-size: 1.25em; padding-right: 5px; } /* Responsive Table */ table {width: 100%;border-collapse: collapse;} table caption { font-size: 1.5em; margin: .5em 0 .75em;} table tr { background: var(--accent1-color); border: 1px solid var(--accent1-color); padding: .35em;} table th,table td {padding: .625em;text-align: center;} table th {font-size: .85em;letter-spacing: .1em;text-transform: uppercase;background: var(--secondary-color); color: var(--primary-color);} /*----------- [CH07 Footer] -----------*/ .site-footer {background: #8f4027; color: var(--body-text-color);font-size:2em;letter-spacing:.05em;font-size:clamp(1rem,1.125vw,1.25rem);} .page-id-3239 .site-footer {background:#bf3605} .page-id-2674 .site-footer, .page-id-3242 .site-footer {background:#bf9d91} .page-id-3244 .site-footer, .page-id-3582 .site-footer {background:#ce8076} .page-id-115 .site-footer {background:#ed6f51} .page-id-3481 .site-footer {background:#a0796d} .site-footer .container {padding: 5em 0 0;} .site-footer h2 {color:#fff;} .site-footer a {color:#fff;text-decoration:none} .site-footer a:hover {text-decoration:underline} .site-footer ul {margin: 0;} .site-footer .widget_recent_entries li, .site-footer .widget_categories li {margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid #333;} .footer-branding {margin-top: 6em;font-size: .7em;font-weight:300; letter-spacing:.075em} #footer #menu-primary-menu-1 {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3em;row-gap:0;margin:0;padding:0;list-style:none;} #footer #menu-primary-menu-1 li {margin:0;padding:0;border-bottom:1px solid rgba(255,255,255,.3);} #footer #menu-primary-menu-1 a {display:flex;align-items:center;gap:.3em;padding:.8em 0;color:#fff;text-decoration:none;font-size:1.05em;line-height:1.25;letter-spacing:.025em;transition:opacity .25s ease,padding-left .25s ease;} #footer #menu-primary-menu-1 a:hover,#footer #menu-primary-menu-1 a:focus-visible {opacity:.7;padding-left:.35em;} #footer #menu-primary-menu-1 .nav-heading,#footer #menu-primary-menu-1 .nav-subheading {display:inline;} #footer #menu-primary-menu-1 .nav-investor a::after {content:"north_east";margin-left:.25em;font-family:"Material Icons";font-size:.8em;line-height:1;font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;} @media screen and (max-width:768px) { #footer #menu-primary-menu-1 {grid-template-columns:1fr;column-gap:0;} } /* Footer > Widgets */ .footer-widget {padding-bottom: 45px;} #footer-widgets.row .col {margin-bottom: 0 !important;} .footer-widget .widget-recent-posts-title {color: #fff;} /* Footer > Bottom */ #footer-bottom {background:#fff;min-height: 30px; color: #222; font-size: 0.75rem !important;} #footer-bottom a {color:var(--primary-color)} .footer-bottom a:hover {text-decoration:underline} #footer-bottom-inner {position: relative;} #footer-bottom p:last-child {margin: 0;} #footer-bottom > .container {padding-top: 10px; padding-bottom: 10px;} #copyright {display: flex; flex-wrap: wrap; justify-content: space-between;} .copy-left, .copy-right { flex: 1 1 auto;} .copy-right {text-align:right} /* Footer > Social */ #footer-bottom-menu {position: absolute; right: 0; top: 50%; margin-top: -20px; height: 40px; line-height: 40px;} #footer-bottom-menu ul {list-style: none; margin: 0;} #footer-bottom-menu ul li {float: left; margin-left: 20px;} #footer-bottom-menu ul li:first-child {margin-left: 0;} #footer-bottom-menu ul li .fa {margin-right: 7px;} /*----------- [Commons] -----------*/ .no-wrap {white-space:nowrap} /* Commons > Displays */ .block {display: block;} .inline-block {display: inline-block;} .inline {display: inline;} /* Commons > Margins */ .no-margin {margin: 0;} .no-left-margin {margin-left: 0;} .no-right-margin {margin-right: 0;} .remove-last-p-margin p:last-child {margin: 0;} .margin-1 {margin: 1%;} .margin-2 {margin: 2%;} .margin-3 {margin: 3%;} .margin-1h {margin: 0 1% !important;} .margin-2h {margin: 0 2% !important;} .margin-3h {margin: 0 3% !important;} .margin-4h {margin: 0 4% !important;} .margin-5h {margin: 0 5% !important;} .margin-10h {margin: 0 10% !important;} .margin-1v {margin: 1% 0 !important;} .margin-2v {margin: 2% 0 !important;} .margin-3v {margin: 3% 0 !important;} .margin-4v {margin: 4% 0 !important;} .margin-5v {margin: 5% 0 !important;} /* Commons > Paddings */ .no-padding {padding: 0;} .no-left-padding {padding-left: 0;} .no-right-padding {padding-right: 0;} .padding-1 {padding: 1%;} .padding-2 {padding: 2%;} .padding-3 {padding: 3%;} .padding-1h {padding: 0 1%;} .padding-2h {padding: 0 2%;} .padding-3h {padding: 0 3%;} .padding-4h {padding: 0 4%;} .padding-5h {padding: 0 5%;} .padding-1v {padding: 1% 0;} .padding-2v {padding: 2% 0;} .padding-3v {padding: 3% 0;} .padding-4v {padding: 4% 0;} .padding-5v {padding: 5% 0;} /* Commons > Border Radius */ .semi-rounded {border-radius: 4px;} .rounded {border-radius: 10px;} .round {border-radius: 50%;} /*----------- [Theme Buttons] -----------*/ .theme-button, input[type="submit"], button, .wp-block-button__link { background: var(--primary-color); color: #fff; } .theme-button:hover, input[type="submit"]:hover, button:hover, .wp-block-button__link:hover { background: var(--secondary-color); color: var(--accent1-color); } .theme-button:active,input[type="submit"]:active,button:active, .wp-block-button__link:active {color: #fff; box-shadow: 0 2px 2px rgba(0,0,0,.1) inset;} /* readmore link edits */ .readmore-link-wrap {display: block;} .search-entry .readmore-link-wrap {margin-top: 10px;} .readmore-link {display: block; float: left;} /* make some buttons smaller */ .readmore-link {font-size: 0.846em;} /*sizes & alignments*/ .theme-button.small {font-size: 0.923em;} .theme-button.medium {font-size: 1.077em;} .theme-button.large {font-size: 1.385em;} .theme-button.rounded {border-radius:5px} /*----------- [Shiny CTA Button Styles] -----------*/ @property --shiny-cta-angle { syntax: ""; initial-value: 0deg; inherits: false; } .wp-block-button.is-style-shiny-cta .wp-block-button__link { position: relative; isolation: isolate; overflow: hidden; border-width: 2px; border-style: solid; border-color: currentColor; border-radius: 999em; background-color: var(--primary-color); color: #fff; text-decoration: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); z-index: 0; transition: transform .25s ease, box-shadow .25s ease, filter .25s ease; } .wp-block-button.is-style-shiny-cta .wp-block-button__link.has-background { background-color: inherit; } .wp-block-button.is-style-shiny-cta .wp-block-button__link::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 2px; background: conic-gradient( from var(--shiny-cta-angle), transparent 0%, rgba(255,255,255,.15) 8%, rgba(255,255,255,1) 16%, rgba(255,255,255,.45) 24%, transparent 38%, transparent 100% ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: 1; animation: shiny-cta-spin 3s linear infinite; } .wp-block-button.is-style-shiny-cta .wp-block-button__link::after { content: ""; position: absolute; left: 50%; top: 50%; width: 145%; aspect-ratio: 1; transform: translate(-50%, -50%); background: radial-gradient(circle at center, rgba(255,255,255,.55) 0%, rgba(255,255,255,.22) 28%, transparent 58%), linear-gradient(-45deg, transparent 20%, rgba(255,255,255,.8) 50%, transparent 80%); opacity: .28; mix-blend-mode: screen; pointer-events: none; z-index: 0; animation: shiny-cta-shimmer 5s linear infinite; } .wp-block-button.is-style-shiny-cta .wp-block-button__link:hover, .wp-block-button.is-style-shiny-cta .wp-block-button__link:focus { transform: translateY(-0.18em); box-shadow: inset 0 0 0 1px rgba(255,255,255,.22), 0 0.2em 0.45em rgba(255,255,255,.12), 0 0.8em 1.5em rgba(0,0,0,.22), 0 1.4em 2.8em rgba(0,0,0,.16); filter: brightness(1.5); } .wp-block-button.is-style-shiny-cta .wp-block-button__link:active { transform: translateY(0); } @keyframes shiny-cta-spin { to { --shiny-cta-angle: 360deg; } } @keyframes shiny-cta-shimmer { to { transform: translate(-50%, -50%) rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .wp-block-button.is-style-shiny-cta .wp-block-button__link::before, .wp-block-button.is-style-shiny-cta .wp-block-button__link::after { animation: none; } } /*----------- [Images] -----------*/ img {max-width: 100%; height: auto; vertical-align: bottom;} .vertical-align {vertical-align:middle} /* Commons > Image Classes */ .image-shadow {background: #fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.1);} .image-border {background: #fff; padding: 4px; border: 1px solid #ddd;} .image-rounded {background: #fff; border-radius: 3px;} .image-circle {background: #fff; border-radius: 99px;} .image-hover:hover {opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8;} .image-fancy {background: #fff; padding: 4px; border: 1px solid #ddd; -moz-border-radius: 99px; -webkit-border-radius: 99px; border-radius: 99px;} .image-fancy:hover {opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; box-shadow: 0px 1px 5px rgba(0,0,0,0.2);} /* Responsive Videos and iFrames */ .responsive-video-wrap, .responsive-audio-wrap {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;} .responsive-video-wrap iframe, .responsive-audio-wrap iframe, .responsive-video-wrap object, .responsive-audio-wrap oject, .responsive-video-wrap embed, .responsive-audio-wrap embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .entry .entry-video {margin-bottom: 20px;} .entry iframe, .entry embed {max-width: 100%;} /*----------- [WordPress Styles] -----------*/ .aligncenter {display: block; margin: 0 auto;} .wp-caption {text-align: center; max-width: 100%; border: 1px solid #eee; background-color: #fff; padding: 8px;} .wp-caption img {display: block; margin: 0 auto; padding: 0; border: 0 none;} .wp-caption p.wp-caption-text {font-size: 0.875em; padding: 10px 0 0; margin: 0; text-align: center;} .wp-caption.alignnone {margin-bottom: 20px;} .wp-smiley {margin: 0; max-height: 1em;} #img-attch-page {text-align: center; overflow: hidden;} #img-attch-page img {display: inline-block; margin: 0 auto; max-width: 100%; margin-bottom: 20px;} .post-password-form label, .post-password-form input {display: block; float: none;} .post-password-form input {margin-top: 10px;} .post-password-form input[type="password"] {width: 200px; max-width: 100%;} .post-password-form label {font-weight: bold; font-weight: 600; color: #000;} form.login {padding: 20px; border: 1px solid #eee;} form.login .lost_password {margin-left: 20px; display: inline-block;} .wpstats {display: none;} /* 404 Error Page */ .error404-content {text-align: center; margin: 50px 0; font-size: 1.077em;} .error404-content h1 {font-size: 3.231em; margin: 0 0 10px;} /*----------- [Entries (Global Styles)] -----------*/ /* Entries > Title */ .entry-title {display: block; font-size: 1.077em; margin: 0 0 5px; font-weight: bold; font-weight: 600; color: #000;} .entry-title a {color: inherit;} .entry-title a:hover {text-decoration: none;} .single-post-title {font-size: 1.846em; margin: 0 0 10px; font-weight: 400;} /*----------- [Post Meta] -----------*/ /* Meta Styling */ ul.meta { display: flex; /* Use Flexbox for alignment */ gap: 15px; /* Adds spacing between meta items */ align-items: center; /* Vertically center-aligns icons and text */ list-style: none; margin: 0 0 20px !important; padding: 0; } .meta, .entry .meta { font-size: 0.9em; /* Adjust font size slightly for a cleaner look */ color: var(--body-text-color); /* Use variable for text color */ } /* Meta Items */ .meta li, .entry .meta li { display: flex; /* Flex container for each meta item */ align-items: center; /* Vertically centers icon and text */ margin: 0; /* Reset margin */ } /* Adjust icon spacing */ .meta li .material-icons { font-size: 1.1em; /* Adjust icon size */ margin-right: 5px; /* Space between icon and text */ color: var(--accent1-color); /* Use color variable for icon */ } /* Last item adjustment (Flexbox takes care of spacing) */ .meta li:last-child { margin-right: 0; } /* Meta links */ .meta a { color: var(--body-text-color); /* Use variable for link color */ text-decoration: none; } .meta a:hover { color: var(--accent1-color); /* Use accent color for hover */ text-decoration: none; } /* Time Element */ .meta time { display: inline; } /*----------- [Blog] -----------*/ .blog-entry-readmore { margin-top: 15px; /* Add spacing above */ text-align: left; /* Align to the left */ } .blog-entry-readmore a { display: inline-block; padding: 10px 20px; background: var(--primary-color); color: #fff; text-decoration: none; font-size: 0.875em; border-radius: 5px; transition: background var(--transition-duration) var(--transition-easing); } .blog-entry-readmore a:hover { background: var(--secondary-color); color: var(--accent1-color); } #content .social-share-buttons li:before {content: none;} .social-share-buttons.position-horizontal li a {border: none;} .prev-article {float:left;margin-left:15px;width:40%;} .next-article {float:right; text-align:right;margin-right:15px;width:40%;} .blog-entry a.blog-entry-media-link {display: block; margin: 0 auto;} .blog-entry-media img { max-width: 100%; height: auto; margin-bottom: 10px; } .single-post .blog-entry.grid-entry-style.format-quote {width: 100%; margin: 0;} .format-quote {overflow: hidden;} .blog-entry-readmore span.readmore-rarr {margin-left: 7px;} .blog-entry .social-share-title {display: none;} .blog-entry-excerpt p:last-child {margin: 0;} .widget_categories h3, .widget_recent_entries h3 {border-bottom: 1px solid; text-align:left;} .widget_categories li:after, .widget_recent_entries li:after {content: '\f054'; font-family: 'Font Awesome\ 5 Free';font-weight: 900; float: right; color: #86c232;} #recent-posts-2 ul li a { display: contents;} #recent-posts-2 ul li { margin: 2% 0;} /*----------- [Blog Entry] -----------*/ .blog-entry-title {font-size: 1.846em; margin: 0 0 10px; font-weight: 400;} .blog-entry-media, .blog-entry-excerpt, .blog-entry-readmore {margin-bottom: 20px;} /* Blog Entry > Quote Format */ .blog-entry.format-quote .post-quote-entry-inner {position: relative; display: block; padding: 20px 30px; font-size: 1.231em; z-index: 2; background: #f7f7f7;} .blog-entry.format-quote p:last-child {margin: 0;} .blog-entry.format-quote .quote-entry-author {margin-top: 15px; font-size: 0.923em; font-weight: 300; text-decoration: underline;} .blog-entry.format-quote .fa-quote-right {position: absolute; right: 15px; bottom: 15px; color: #999; font-size: 60px; display: block; z-index: 1; opacity: 0.15;} /*----------- [Single Blog Posts] -----------*/ .single-post .entry {margin-bottom: 40px;} /* Blog Single > Meta */ .content-full-screen .meta {display: none;} .single-post .meta {margin: 0 0 20px;} .single-post .meta.meta-with-title {border: none; padding: 0;} /* Blog Single > Thumbnail */ #post-media {display: block; position: relative; margin-bottom: 20px;} #post-media img {display: block; margin: 0 auto; width: 100%;} .post-media-caption {position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 15px; background: #000; background: rgba(0,0,0,0.75); color: #fff; font-size: 0.923em; font-weight: normal; text-align: center;} .post-media-caption p {color: #fff;} .post-media-caption a {color: #fff; text-decoration: underline;} .post-media-caption p:last-child {margin: 0;} /* Blog Single > Tags */ .post-tags {margin-bottom: 40px;} /* Blog Single > Related Posts */ .related-posts {margin-bottom: 20px; overflow: hidden;} .related-posts li {margin-bottom: 20px;} .related-posts li:last-child, .related-posts li p:last-child {margin-bottom: 0;} .related-post-thumb {display: block;} .related-post-thumb img {display: block; width: 100%;} .related-post-title {margin: 0 0 5px; display: block;} .related-post-content {padding: 10px; background: #f7f7f7; border: 1px solid #eee;} .related-post-excerpt {font-size: 0.923em; line-height: 1.7em;} .related-post-excerpt p:last-child {margin: 0;} /* Blog Single > Quote */ .single .format-quote {position: relative; display: block; padding: 20px 30px; font-size: 1.231em; z-index: 2; background: #f7f7f7;} .single .format-quote p:last-child {margin: 0;} .single .format-quote .quote-entry-author {margin-top: 15px; font-size: 0.923em; font-weight: 300; text-decoration: underline;} .single .format-quote .fa-quote-right {position: absolute; right: 15px; bottom: 15px; font-size: 60px; display: block; z-index: 1; opacity: 0.1;} /*----------- [Social Sharing] -----------*/ /* Social Sharing */ .social-share-wrap { margin: 3% 0;width: max-content;} .social-share.position-horizontal {display:inline; list-style:none !important;margin: 0 !important;} .social-share.position-horizontal li {float: left; margin: 0 5px 5px 0; border: none; margin: -3px 0 0 12px;} .social-share.position-horizontal .svg-inline--fa {margin-right:5px} .social-share li a {height: 35px; line-height: 35px; text-align: center;transition: all .15s ease-in-out;text-decoration: none;} .social-share li a.share-x {background: #000; color:#fff; padding:0px 15px 0 20px; background-image:url("/wp-content/uploads/2024/09/x_logo_white_18.png"); background-repeat: no-repeat; background-position: center left 10px;background-size: 15px; width:auto;display:inline-block;} .social-share li a.share-x:hover{background:#f3f3f3;background-image:url("/wp-content/uploads/2024/09/x_logo_black_18.png");background-repeat: no-repeat; background-position: center left 10px;background-size: 15px; color:#000;} .social-share li a.share-facebook {background: #1877f2; color:#fff; padding:0px 15px 0 25px; background-image:url("/wp-content/uploads/2024/09/fb_logo_white_18.png"); background-repeat: no-repeat; background-position: center left 10px;background-size: 17px; width:auto;display:inline-block;} .social-share li a.share-facebook:hover {background: #f3f3f3;color: #1877f2;background-image:url("/wp-content/uploads/2024/09/fb_logo_blue_18.png"); background-repeat: no-repeat; background-position: center left 10px;background-size: 17px; width:auto;display:inline-block;} .social-share li a.share-pinterest {background: #cb2027; color:#fff; padding:0px 15px 0 25px; background-image:url("/wp-content/uploads/2024/09/p_badge_white_18.png"); background-repeat: no-repeat; background-position: center left 10px;background-size: 15px; width:auto;display:inline-block;} .social-share li a.share-pinterest:hover {background: #f3f3f3;color: #cb2027;background-image:url("/wp-content/uploads/2024/09/p_badge_red_18.png"); background-repeat: no-repeat; background-position: center left 10px;background-size: 15px; width:auto;display:inline-block;} .social-share li a.share-linkedin {background: #4875B4; color:#fff; padding:0px 15px 0 30px; background-image:url("/wp-content/uploads/2024/09/in_logo_white_18.png"); background-repeat: no-repeat; background-position: center left 10px;background-size: 17px; width:auto;display:inline-block;} .social-share li a.share-linkedin:hover {background: #f3f3f3;color: #4875B4;background-image:url("/wp-content/uploads/2024/09/in_logo_blue_18.png"); background-repeat: no-repeat; background-position: center left 10px;background-size: 17px; width:auto;display:inline-block;} /*----------- [Pagination] -----------*/ .pagination {clear:both;padding:20px 0;position:relative;font-size:11px;line-height:13px;} .pagination span, .pagination a {display:block;float:left;margin: 2px 2px 2px 0;padding:6px 9px 5px 9px;text-decoration:none;width:auto;color:#fff;background: #888;} .pagination a:hover{color:#fff;background: #444;} .pagination .current{padding:6px 9px 5px 9px;background: #000;color:#fff;} /*next/previous posts*/ .post-pagination {border-top: 1px solid #eee; padding: 30px 0; color: #888;} .post-pagination .post-prev {float: left; width: 48%;} .post-pagination .post-prev span {margin-right: 5px} .post-pagination .post-next {float: right; width: 48%; text-align: right;} .post-pagination .post-next span {margin-left: 5px;} .post-pagination a {color: #888;} .content-full-screen .post-pagination {display: none;} /*standard*/ ul.page-numbers {list-style: none; margin: 10px 0 0;} ul.page-numbers li {display: block; float: left; margin: 0 4px 4px 0; text-align: center;} .page-numbers a, .page-numbers span {line-height: 1; display: block; padding: 0.4em 0.7em; font-size: 0.923em; text-decoration: none; font-weight: normal; font-weight: 400; cursor: pointer; border: 1px solid #ddd; color: #888; transition: all .15s ease-in-out;} .page-numbers a span {padding: 0;} .page-numbers a:hover, .page-numbers.current, .page-numbers.current:hover {color: #000; background: #f7f7f7; text-decoration: none;} .page-numbers:hover {text-decoration: none;} /*----------- [Widgets] -----------*/ .widget ul {list-style: none !important; margin: 0 !important;} .widget_product_categories ul ul li:last-child {border-bottom: none; padding-bottom: 0;} .widget_product_categories ul ul li {padding-left: 15px} /* Widgets > Recent Posts */ .widget_recent_entries .post-date {display: block; font-size: 0.846em; color: #757575; margin: 5px 0 0;} /* Widgets > Recent Posts */ .recent-comments-widget li {position: relative; padding-left: 70px; display: block; border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 20px; min-height: 62px;} .recent-comments-widget li:first-child {border-top: 1px solid #eee; padding-top: 20px;} .recent-comments-widget li a {display: block} .recent-comments-widget li a.avatar {width: 50px; height: 50px; position: absolute; left: 0; top: 0; display: block; padding: 3px; border: 1px solid #e4e4e4;} .recent-comments-widget li:first-child a.avatar {top: 20px} .site-footer .recent-comments-widget li a.avatar {border-color: #333} .recent-comments-widget strong {color: #000} .site-footer .recent-comments-widget strong {color: #fff} /*----------- [Search] -----------*/ /*search input*/ .searchform {position: relative} .menu-search-text {display: none;} .searchform input {width: 100%; background-repeat: no-repeat; background-position: right center; padding: .8em 30px .8em .8em;} .searchform .searchform-submit {position: absolute; top: 50%; right: 15px; height: 20px; line-height: 20px; margin: -10px 0 0; background: none; padding: 0; border: 0; color: #000; font-size: 11px; opacity: 0.5;} #footer .searchform input {background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.06); border: none; padding: .8em;} /*search results page*/ #search-no-results {font-size: 1.231em; margin-bottom: 20px;} /*entries*/ .search-entry {position: relative; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; padding-left: 130px; min-height: 120px;} .search-entry-no-thumb {padding-left: 0; min-height: 0;} .search-entry h2 {font-size: 1.313em; margin: 0 0 10px; font-weight: bold; font-weight: 600;} .search-entry-thumb {position: absolute; top: 0; left: 0; width: 100px; padding: 4px; border: 1px solid #eee;} .search-entry-thumb img {display: block; width: 100%;} .search-entry-thumb img:hover {opacity: 0.8} .search-entry-text p:last-child {margin: 0} /*search site overlay - modal*/ #searchform-overlay {display: none; width: 350px; top: 120px; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; transition: transform 0.4s;} #searchform-overlay.active {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} #searchform-overlay-title {font-size: 2.154em; margin: 0 0 20px; font-weight: 400; color: #fff; text-align: center; text-transform: capitalize;} #searchform-overlay input {font-size: 1.077em; background: #fff; -webkit-appearance: none !important; width: 100%; border: 0; padding: 0; padding-right: 40px; padding-left: 20px; height: 45px; color: #000; font-weight: 400; border-radius: 3px; box-shadow: 0 0 4px rgba(0,0,0,0.7);} #searchform-overlay .searchform-submit {font-size: 18px;} #searchform-overlay .searchform-submit:hover {opacity: 1;} /*header replace*/ #searchform-header-replace {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #fff; visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out;} #searchform-header-replace form {height: 100%; width: 100%;} #searchform-header-replace input {height: 100%; width: 100%; border: 0; -webkit-appearance: none; -moz-border-radius: none; -webkit-border-radius: none; border-radius: 0; font-size: 32px; text-transform: uppercase; color: #bbb; background: none;} #searchform-header-replace-close {position: absolute; right: 0; top: 50%; margin-top: -20px; height: 40px; line-height: 40px; font-size: 26px; color: #bbb; cursor: pointer;} #searchform-header-replace-close:hover {color: #000} body.boxed-main-layout #searchform-header-replace input {padding: 0 30px} body.boxed-main-layout #searchform-header-replace-close {right: 30px} /*display search on click*/ #searchform-dropdown.show, #searchform-header-replace.show {visibility: visible; opacity: 1;} /*----------- [Print Styles] -----------*/ @media print { #sidebar, #footer, #footer-bottom, #top-bar-wrap, #site-navigation-wrap, .toggle-bar-btn, .post-pagination, .related.products, .product form.cart { display: none } .container { width: 95%; margin:0 auto; } } /*----------- [CH09 Responsive] -----------*/ /* Standard desktop/laptop */ @media (max-width:1600px) { #site-navigation .nav-menu {gap:2.75em;} #site-navigation .nav-menu > li:last-child > a {padding:.65em .7em;} .feature-quote {max-width:64em;padding:4.5em 4.5em 2em;} .feature-quote::before, .feature-quote::after {width:6.25em;height:6.25em;} .feature-quote::before {top:1.15em;left:1em;} .feature-quote::after {right:1.25em;bottom:2.25em;} } /* Small desktop */ @media (max-width:1280px) { #site-navigation .nav-menu > li:last-child > a {padding:.6em;} .feature-quote {max-width:58em;padding:4em 4em 2em;} .feature-quote::before, .feature-quote::after {width:5.5em;height:5.5em;} .feature-quote::before {top:1em;left:.75em;} .feature-quote::after {right:1em;bottom:2em;} } @media screen and (max-width: 1023px) { #rmp_menu_trigger-2932:hover .rmp-trigger-icon-inactive .rmp-font-icon { color: #BF9D91 } #rmp_menu_trigger-2932 .rmp-trigger-icon-active .rmp-font-icon { color: #BF9D91 } #rmp_menu_trigger-2932.is-active .responsive-menu-pro-inner, #rmp_menu_trigger-2932.is-active .responsive-menu-pro-inner::before, #rmp_menu_trigger-2932.is-active .responsive-menu-pro-inner::after { background-color: #BF9D91 } #rmp_menu_trigger-2932:not(.is-active):hover .responsive-menu-pro-inner, #rmp_menu_trigger-2932:not(.is-active):hover .responsive-menu-pro-inner::before, #rmp_menu_trigger-2932:not(.is-active):hover .responsive-menu-pro-inner::after { background-color: #BF9D91 } .wp-block-columns:not(.is-not-stacked-on-mobile):not(.no-tablet-stack) > .wp-block-column:not(.container) {flex-basis:100% !important;flex-grow:1 !important;max-width:100% !important;} .wp-block-columns > .wp-block-column.container {flex:0 0 90% !important;width:90% !important;max-width:90% !important;margin-left:auto !important;margin-right:auto !important;} #top-bar-wrap {display:block;background:#15275d} #top-bar {position: relative; min-height: 50px; padding: 15px 0;display:flex; flex-wrap:wrap; justify-content:space-between} #site-navigation-wrap {display:none;} #footer .wp-block-columns {flex-direction: column; align-items: center;} #footer .wp-block-column {flex-basis: 100%; text-align: center; } .feature-quote {max-width:100%;padding:4em 3.5em 2.5em;} .feature-quote::before, .feature-quote::after {width:4.75em;height:4.75em;} .feature-quote::before {top:1em;left:1em;} .feature-quote::after {right:2em;bottom:2em;} .feature-quote p {max-width:none;} } @media (max-width: 768px) { #site-header-inner {flex-direction: column;align-items: center; } nav ul { flex-direction: column; /* Stack menu items */gap: 10px;} .blog-content-wrap {flex-direction: column; /* Stack content and sidebar */ } .blog-content-area, .blog-sidebar { max-width: 100%;flex: 0 0 100%;} #content-wrap-sl, #content-wrap-sr {flex-direction: column;} .content-area {float: none;max-width: 100% !important;width: 100%;} .copy-left, .copy-right {text-align:center} .statement-cover {min-height:26em;padding:4em 1.5em;} .statement-cover .wp-block-cover__inner-container {width:100%;} .feature-quote {padding:4.5em 1.5em 4em;margin:0;} .feature-quote::before, .feature-quote::after {width:3.75em;height:3.75em;} .feature-quote::before {top:.75em;left:1em;} .feature-quote::after {right:1em;bottom:.75em;} } @media screen and (max-width: 601px) { .wp-block-image {float:none;max-width:100%;margin:3% auto;display:block;text-align:center;} #site-logo { margin: 2% auto;} .site-footer {padding:2% 0 0} table {border: 0;} table caption {font-size: 1.3em;} table td:last-child { border-bottom: 0; } table thead { display: none; } table tr { display: block; margin-bottom: 0.625em;} table td {display: flex; justify-content: space-between; padding: 0.625em;} table td::before {content: attr(data-label);font-weight: bold;text-transform: uppercase; } } @media screen and (max-width: 480px) { .feature-quote {padding:4em 1.25em 3.75em;} .feature-quote::before, .feature-quote::after {width:3.25em;height:3.25em;} .feature-quote::before {top:.6em;left:.75em;} .feature-quote::after {right:.75em;bottom:.6em;} }