/*-----------------------------------------------------------------------------------
 Theme Name: Viking Kitchen Cabinets
 Description: Viking Kitchen Cabinets WordPress Theme.
 Version: 0.1
 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; 
}

/*----------- CH02 Main Styles & Typography -----------*/
.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: 1em;
  --font-size-small: 0.875em;
  --font-size-medium: 1.125em;
  --font-size-large: 2.25em;
  --line-height-base: 1.5;
  --line-height-tight: 1.25;
	
  --spacing-1: 1em;
  --spacing-2: 2em;
  --spacing-3: 3em;
	
  --transition-duration: 0.3s;
  --transition-easing: ease;
}

:root {
	--radius-button:8px;
	--radius-card:20px;
	--radius-card-inner:16px;
	--radius-chip:999px;
	--section-spacing:40px;
}

:where(.is-layout-flow) > h1 + p,
:where(.is-layout-flow) > h2 + p,
:where(.is-layout-flow) > h3 + p,
:where(.is-layout-flow) > h4 + p,
:where(.is-layout-flow) > h5 + p,
:where(.is-layout-flow) > h6 + p {margin-top:8px !important;}

:where(.wp-block-columns.has-background) {
    padding: 2em 2.375em
}


/* Additional styles using the variables */
body {background: #fff; font-family: 'Open Sans', sans-serif; font-size: var(--font-size-base); line-height: var(--line-height-base);color: var(--body-text-color);}

a {font-weight:bold;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: 600; line-height: 1.5; margin: 25px 0 10px;font-family: "trajan-pro-3", serif;}
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: var(--font-size-large); line-height: var(--line-height-tight); margin: 10px 0 20px;}
h2 {font-size: 2em; margin: 10px 0 5px;}
h3 {font-size: 1.5em; margin: 10px 0 5px;}
h4 {font-size: 1.25em; margin: 10px 0 5px;}
h5 {font-size: 1.125em; margin: 10px 0 5px;}
h6 {font-size: 1em;}

h1, h2, h3, h4, h5, h5 {color: var(--primary-color);letter-spacing:.5px;}

.title:after {content: ""; display: block; width: 4.25em; height: .15em; background: var(--secondary-color);margin: .2em 0 1em 0;border-radius: 999px;}


em {font-style: italic;}
strong {font-weight: bold; font-weight: 600;}
small {font-size: 80%;}
hr, .wp-block-separator {border: solid; border-width: 1px 0 0; clear: both; margin: 20px 0; height: 0;border-color: var(--accent1-color);}
.pipe {margin:0 .5%;}

/* Typography > Font Sizes */
.em-14px {font-size: 0.875em;}
.em-18px {font-size: 1.125em;}
.em-21px {font-size: 1.313em;line-height:1.625}
.em-24px {font-size: 1.500em;line-height:1.625}
.em-36px {font-size: 2.25em;line-height:1.625}
.em-48px {font-size: 2.75em;line-height:1.75}
.em-60px {font-size: 3.75em;line-height:1.75}
.hightlight-text {font-size:1.35em; font-style:italic;padding:10px 0; color: var(--primary-color);line-height:1.35}
.cta-text {font-size: 1.500em;line-height:1.625;color: var(--secondary-color);font-weight:900; text-transform:uppercase}

/* Typography > Font Smoothing */
body.smooth-fonts {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/* Typography > Paragraph */
p {margin-bottom: var(--spacing-1);line-height:1.65;}

/* Sup/Sub */
sup, sub {vertical-align: baseline; position: relative; top: -0.4em;font-size:.75em}
sub {top: 0.4em;}

.no-bottom-margin {margin-bottom:0}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
span.material-symbols-outlined {
    vertical-align: middle;
}

.has-primary-color-color {color: var(--primary-color);}
.has-secondary-color-color {color: var(--secondary-color);}
.has-accent-1-color-color {color: var(--accent1-color);}
.has-accent-2-color-color {color: var(--accent2-color);}
.has-accent-3-color-color {color: var(--accent3-color);}

.has-primary-color-background-color {background-color: var(--primary-color);}
.has-secondary-color-background-color {background-color: var(--secondary-color);}
.has-accent-1-color-background-color {background-color: var(--accent1-color);}
.has-accent-2-color-background-color {background-color: var(--accent2-color);}
.has-accent-3-color-background-color {background-color: var(--accent3-color);}

.gradient {background: linear-gradient(to bottom, #f3f1eb 0%, #ffffff 25%);}

.reveal {opacity:0;transform:translateY(30px);transition:opacity .6s ease, transform .6s ease;}
.reveal.visible {opacity:1;transform:translateY(0);}

.site-section {padding:40px 0;}
.site-section-tight {padding:24px 0;}
.site-section-no-top {padding-top:0;}
.site-section-no-bottom {padding-bottom:0;margin-bottom:0}

.check-list{list-style:none;margin:0;padding:0;}
.check-list li{position:relative;padding-left:1.9em;margin:0 0 .6em;line-height:1.6;}
.check-list li:before{content:"check";font-family:"Material Symbols Outlined";font-size:1.2em;line-height:1;position:absolute;left:0;top:.15em;color:var(--secondary-color);font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;}



/*----------- [CH03 Custom Styles] -----------*/

.hero-container {border-top:5px solid #fff; border-bottom:5px solid #fff; margin-bottom:0}
.hero-container h1 {margin:0;     font-size: 3em;  line-height: 1;}
.hero-container .larger-text {font-size:1.25em; margin:10px 0}
.hero-slider {position: relative; max-width: 860px; height: auto; aspect-ratio: 16 / 9; overflow: hidden;}
.hero-slide {position: absolute;  top: 0; left: 0;width: 100%; height: 100%;background-size: cover; background-position: center; opacity: 0; transition: opacity 1.5s ease-in-out;}
.hero-slide.active { opacity: 1;}

.page-hero:where(.wp-block-columns) {margin-bottom:0}
.page-hero .wp-block-column:first-child {display: flex;align-items: stretch;}
.page-hero .wp-block-image { flex-grow: 1; display: flex;}
.page-hero .wp-block-image img { width: 100%; height: 100%; object-fit: cover; display: block;}

.page-hero .wp-block-image .aligncenter {margin-bottom:0}
.hero-buttons {display:flex;flex-direction:column !important;gap:12px;max-width:300px;}
.hero-buttons .wp-block-button {width:100%;}
.hero-buttons .wp-block-button__link {display:block;width:100%;text-align:left;padding:14px 24px;min-height:48px;}
.page-hero:where(.wp-block-columns) {margin-bottom:0;}



/* Wrapper */
.content-cards-slider-wrap {position:relative;margin:20px auto;}
.content-cards-slider-wrap.alignfull {width:100vw;margin-left:50%;margin-right:50%;transform:translateX(-50%);}

/* Slick track spacing */
.content-cards-slider .slick-list {overflow:hidden; padding:40px 0 !important} /* hide off-screen edges on desktop */
.content-cards-slider .slick-slide {padding:0 14px;}

/* Card base: slightly smaller by default */
.content-cards-card {display:flex;flex-direction:column;justify-content:space-between;background:#ffffff;border-radius:var(--radius-card);overflow:hidden;box-shadow:0 6px 10px rgba(0,0,0,.12);text-decoration:none;transform:scale(.94);transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--primary-color);}
.content-cards-image img {display:block;width:100%;height:auto;}
.content-cards-title {padding:12px 18px;text-align:center;background:#ffffff;font-size:1.25em}
.content-cards-title span {font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent1-color);}

/* Center slide emphasis: larger and stronger shadow */
.content-cards-slider .slick-slide.slick-center .content-cards-card {transform:scale(1.05);box-shadow:0 10px 15px rgba(0,0,0,.2);}
.content-cards-slider .slick-slide.slick-center .content-cards-card:hover {transform:scale(1.08);}

/* Hover on non-center cards – small lift only */
.content-cards-card:hover {transform:scale(.97);box-shadow:0 10px 24px rgba(0,0,0,.2);}

/* Arrows */
.content-cards-arrow {position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:none;background:transparent;color:var(--accent1-color);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;}

.content-cards-arrow,
.content-cards-arrow:hover,
.content-cards-arrow:active {background:none !important;color:var(--accent1-color) !important;box-shadow:none !important;transform:none !important;border-radius:50% !important;}
.content-cards-prev {left:-16px;}
.content-cards-next {right:-16px;}
.content-cards-arrow:before {content:"";display:block;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;}
.content-cards-prev:before {border-right:12px solid var(--accent1-color);}
.content-cards-next:before {border-left:12px solid var(--accent1-color);}
.content-cards-arrow:focus-visible {outline:2px solid var(--accent1-color);outline-offset:2px;}

/* Featured Project Card */
.feature-project-card {margin:var(--section-spacing) auto;}
.feature-project-card-inner {position:relative;background:#e5e4df;border-radius:var(--radius-card);padding:36px 32px 40px 32px;box-shadow:0 12px 24px rgba(0,0,0,.08);}
.feature-project-card-image {flex:1 1 0;border-radius:var(--radius-card-inner);overflow:hidden;}
.feature-project-card-inner::after {content:"";position:absolute;left:26px;right:26px;bottom:14px;height:18px;border-bottom:4px solid #ffffff;border-radius:var(--radius-chip);opacity:.9;}
.feature-project-card.alignfull {width:100vw;margin-left:50%;margin-right:50%;transform:translateX(-50%);}
.feature-project-card-inner {position:relative;background:#e5e4df;border-radius:32px;padding:36px 32px 40px 32px;box-shadow:0 12px 24px rgba(0,0,0,.08);}
.feature-project-card-eyebrow {text-align:center;font-size:.9em;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent1-color, #007ea8);margin-bottom:8px;}
.feature-project-card-title {text-align:center;font-size:2em;font-weight:600;line-height:1.125;margin:0 0 20px 0;color:var(--heading-color,#444444);text-transform:uppercase;}
.feature-project-card-images {display:flex;gap:14px;margin-bottom:18px;}
.feature-project-card-image img {display:block;width:100%;height:100%;object-fit:cover;}
.feature-project-card-description {text-align:center;font-size:1.125em;line-height:1.6;margin:0 0 22px 0;color:var(--body-text-color,#444444);}
.feature-project-card-cta {text-align:center;margin-bottom:18px;}
.feature-project-card-portfolio-link {text-align:center;font-size:.9em;}
.feature-project-card-portfolio-link a {color:#006488;text-decoration:none;font-weight:600;}
.feature-project-card-portfolio-link a:hover,.feature-project-card-portfolio-link a:focus-visible {text-decoration:underline;}
/* decorative bottom curve suggestion (optional) */
.feature-project-card-portfolio-link a::after {content: "arrow_right";font-family: 'Material Symbols Outlined';font-size: 1.5em;    vertical-align: -6px;transition: transform .25s ease;}
.feature-project-card-portfolio-link a:hover::after {transform: translateX(4px);}
.feature-project-card {height:100%;display:flex;}
.feature-project-card-inner {flex:1;display:flex;flex-direction:column;}


/* Testimonial Card */
.testimonial-card {margin:var(--section-spacing) auto;height:100%;display:flex;}
.testimonial-card-inner {position:relative;background:#ffffff;border-radius:var(--radius-card);padding:24px 26px 38px 26px;box-shadow:0 12px 24px rgba(0,0,0,.08);flex:1;display:flex;flex-direction:column;}
.testimonial-card-media {margin:-6px -6px 20px -6px;border-radius:var(--radius-card-inner);overflow:hidden;}
.testimonial-card-inner::after {content:"";position:absolute;left:26px;right:26px;bottom:14px;height:16px;border-bottom:4px solid var(--testimonial-accent,#d29b5a);border-radius:var(--radius-chip);opacity:.95;}
.testimonial-card.alignfull {width:100vw;margin-left:50%;margin-right:50%;transform:translateX(-50%);}
.testimonial-card-media img {display:block;width:100%;height:auto;object-fit:cover;}
.testimonial-card-video-wrapper {position:relative;padding-top:56.25%;overflow:hidden;}
.testimonial-card-video-wrapper iframe,.testimonial-card-video-wrapper embed,.testimonial-card-video-wrapper video {position:absolute;top:0;left:0;width:100%;height:100%;}
.testimonial-card-quote {text-align:center;font-size:1em;line-height:1.7;margin:0 0 20px 0;color:var(--body-text-color,#444444);}
.testimonial-card-name {text-align:center;font-weight:700;font-size:.95em;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;color:var(--heading-color,#333333);}
.testimonial-card-role {text-align:center;font-weight:600;font-size:.85em;letter-spacing:.06em;text-transform:uppercase;color:rgba(0,0,0,.7);}

.affiliate-logos-row {margin:var(--section-spacing) auto;}
.affiliate-logos-row.alignfull {width:100vw;margin-left:50%;margin-right:50%;transform:translateX(-50%);}
.affiliate-logos-list {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:36px;list-style:none;margin:0;padding:0;}
.affiliate-logos-item {flex:0 0 auto;display:flex;align-items:center;justify-content:center;}
.affiliate-logos-item img {display:block;max-height:60px;width:auto;height:auto;object-fit:contain;}
.affiliate-logos-item a {display:inline-flex;align-items:center;justify-content:center;}
	.affiliate-logos-item img {display:block;max-height:60px;width:auto;height:auto;object-fit:contain;filter:grayscale(0%);opacity:1;transition:filter .3s ease, opacity .3s ease;}
.affiliate-logos-item:hover img {filter:grayscale(100%);opacity:.8;}

/* Feature Product */
.wp-block-columns.has-background:has(> .wp-block-column > .featured) {padding:0 !important;}
.featured {background:transparent;}
.featured__inner {display:flex;align-items:center;justify-content:space-between;gap:48px;padding:40px 0;}
.featured__content {flex:0 1 50%;max-width:60rem;}
.featured__title {    text-align: center;font-family: "trajan-pro-3", serif;letter-spacing: .05em;text-transform: uppercase;font-size: 1.75em;background: var(--accent3-color);padding: 5px 0;font-weight: 600;}
.featured__headline {margin:0 0 12px;font-size:1.35em;line-height:1.25;text-transform:uppercase;}
.featured__text p {margin:0 0 14px;}
.featured__cta {margin-top:30px;}
.featured__image {display:block;width:100%;height:auto;border-radius:18px;}
.featured__video {position:relative;width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;}
.featured__video iframe,.featured__video embed,.featured__video object,.featured__video video {position:absolute;top:0;left:0;width:100%;height:100%;}

/* Category Overview Cards */
.category-overview {margin:30px auto;}
.category-overview.alignfull {width:100vw;margin-left:50%;margin-right:50%;transform:translateX(-50%);}
.category-overview__grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch;}
.category-overview__card {background:#ffffff;border-radius:24px;overflow:hidden;box-shadow:0 10px 18px rgba(0,0,0,.10);border:1px solid rgba(0,0,0,.15);display:flex;flex-direction:column;min-height:100%;}
.category-overview__media {width:100%;aspect-ratio:16/9;overflow:hidden;}
.category-overview__image {width:100%;height:100%;object-fit:cover;display:block;}
.category-overview__content {padding:18px 20px 22px;text-align:center;display:flex;flex-direction:column;gap:10px;flex:1;}
.category-overview__title {margin:0;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--accent1-color);font-size:1.5em;line-height:1.2;}
.category-overview__text p {margin:0;color:rgba(0,0,0,.60);font-size:.95em;line-height:1.55;}
.category-overview__cta {margin-top:25px;}
.category-overview__cta .wp-block-button__link {text-decoration:none;}
@media (max-width: 781px){.category-overview__grid {grid-template-columns:1fr;}}

/* Interior Hero */
.interior-hero {background:var(--accent2-color);}
.interior-hero__inner {display:grid;grid-template-columns:1fr 1fr;min-height:22em;}
.interior-hero__content {padding:3em 3em 3em 0em;display:flex;flex-direction:column;justify-content:center;gap:0.9em;}
.interior-hero__eyebrow {margin:0;font-size:0.875em;letter-spacing:0.14em;text-transform:uppercase;color:rgba(0,0,0,.7);font-weight:600;}
.interior-hero__h1 {margin:0;font-size:3em;line-height:1.05;}
.interior-hero__text p {margin:0.75em 0 0 0;font-size:1em;line-height:1.65;max-width:40em;}
.interior-hero__cta {margin-top:1.1em;}
.interior-hero__media {overflow:hidden;}
.interior-hero__img {display:block;width:100%;height:100%;object-fit:cover;}
.interior-hero__video {position:relative;width:100%;aspect-ratio:16/9;border-radius:inherit;overflow:hidden;}
.interior-hero__video iframe,.interior-hero__video embed,.interior-hero__video video {position:absolute;inset:0;width:100%;height:100%;}
.interior-hero__video video {object-fit:cover;}

/* Brand Display ALternating Blocks */
.brand-display {margin:2.5em auto;}
.brand-display.alignfull {width:100vw;margin-left:50%;margin-right:50%;transform:translateX(-50%);}
.brand-display__wrap {max-width:none;margin:0 auto;padding:0;display:flex;flex-direction:column;gap:3.25em;}
.brand-display__row {display:flex;align-items:center;justify-content:space-between;gap:3em;margin:3.125em 0;}
.brand-display__row:nth-child(even) {flex-direction:row-reverse;}
.brand-display__content {flex:0 1 40%;max-width:40%;margin-left:5%}
.brand-display__row:nth-child(even) .brand-display__content {margin-right:5%}
.brand-display__media{margin-right:calc((100vw - 100%) / -2);margin-left:calc((100vw - 100%) / -2);display:flex;justify-content:flex-end;}
.brand-display__media img{width:100%;max-width:64em;height:auto;}
.brand-display__row:nth-child(even) .brand-display__media {margin-right:0;margin-left:calc((100vw - 100%) / -2);}
.brand-display__media-frame {position:relative;border-radius:2.25em 0 0 2.25em;overflow:hidden;box-shadow:0 .75em 0 0 var(--secondary-color),0 .9em 1.5em rgba(0,0,0,.12);}
.brand-display__row:nth-child(even) .brand-display__media-frame {border-radius:0 2.25em 2.25em 0;}
.brand-display__image {display:block;width:100%;height:auto;object-fit:cover;}
.brand-display__title {position:relative;margin:0 0 .9em 0;font-size:1.75em;line-height:1.15;color:var(--primary-color);}
.brand-display__text:before {content:"";display:block;width:4.25em;height:.18em;background:var(--secondary-color);margin:0 0 1em 0;border-radius:999px;}
.brand-display__text {font-size:1em;line-height:1.7;color:var(--body-text-color);}
.brand-display__title{display:flex;align-items:center;gap:.6em;flex-wrap:wrap;}
.brand-display__qs{display:inline-flex;align-items:center;gap:.35em;}
.brand-display__qs .material-symbols-outlined{font-size:1.15em;line-height:1;color:var(--accent1-color);font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24;}

/* Newsletter Signup */
.news-form input[type="email"] {height:48px;padding:0 18px;border-radius:var(--radius-button);border:2px solid #d4d4d4;font-size:16px;line-height:1;outline:none;width:360px;max-width:100%;box-sizing:border-box;}
.news-form #mc-embedded-subscribe {height:48px;padding:0 24px;border-radius:var(--radius-button);background:var(--accent1-color,#007ea8);color:#fff;font-size:16px;font-weight:700;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
.news-form #mc_embed_signup {background:none !important; padding:0 !important; display:flex; justify-content:center;}
.news-form #mc_embed_signup_scroll {display:flex; align-items:center; gap:14px; justify-content:center;}
.news-form .indicates-required {display:none;}
.news-form label {display:none;}
.news-form #mce-responses {display:none;}
.news-form .mc-field-group {margin:0; padding:0;}
.news-form input[type="email"]:focus { border-color:var(--accent1-color,#007ea8);}
.news-form #mc-embedded-subscribe:hover,
.news-form #mc-embedded-subscribe:focus {background:var(--accent1-dark,#006488);}
.news-form .clear {margin:0 !important; padding:0 !important;}

/* Bottom CTA */
.bottom-cta {    border-top: 2px solid var(--secondary-color);;padding: 1em;margin: 3em 0;width: 40em;border-radius: 15px;}
.bottom-cta h2 {color:var(--accent1-color);margin:0; line-height:1.1}
.bottom-cta p {margin:0}

/* Careers */
.listings{max-width:60em;}
.listings .title{margin:0 0 1.25em;letter-spacing:.02em;}
.listings p.job-title{margin:0;padding:1.1em 0;line-height:1.6;border-top:1px solid rgba(0,0,0,.12);}
.listings p.job-title:first-of-type{border-top:0;padding-top:0;}
.listings p.job-title strong:first-child{display:block;margin:0 0 .35em;font-size:1.2em;line-height:1.25;}
.listings p.job-title strong:first-child a{color:inherit;text-decoration:none;}
.listings p.job-title strong:first-child a:hover{text-decoration:underline;text-underline-offset:.15em;}
.listings p.job-title br{display:none;}
.listings p.job-title a{color:inherit;text-decoration:none;text-underline-offset:.15em;}
.listings p.job-title strong:last-child{display:inline-block;margin-top:.6em;font-weight:700;}
.listings p.job-title strong:last-child a{border-bottom:2px solid var(--secondary-color);}
.listings p.job-title strong:last-child a:hover{opacity:.85;}
.listings p.job-title strong:last-child a:hover,
.listings p.job-title strong:last-child a:focus-visible{border-bottom-color:var(--secondary-color);}
.listings p.job-title strong:last-child{display:block;margin-top:.6em;}
.listings h3.wp-block-heading{margin:1.6em 0 .5em;}
.listings p:not(.job-title){margin:.6em 0 0;line-height:1.65;color:rgba(0,0,0,.82);}
@media (min-width:48em){.listings p.job-title{padding:1.25em 0;}}


/*----------- [CH04 Page Structure] -----------*/
#outer-wrap {overflow: hidden;}
.container { width:90%; max-width: 1440px; /* or 1400px based on preference */
    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);
}


/*----------- [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;background:var(--accent1-color);}
#top-bar {padding: 5px 0;display: flex; justify-content: space-between;}
#top-bar a {color: #fff !important; }

#site-header {padding: 0 !important; position: relative; z-index: 50;background: var(--secondary-color);} 
#site-header-full-width .container {width: 100% !important;}
#site-header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px; /* Add padding for spacing */
	position:relative;var(--accent1-color)
}

.header-block {flex:1 1 50%}

/* Header > Main > Logo */
#site-logo {
  flex: 0 1 auto; /* Prevent logo from shrinking */
}
#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-height: 100%; max-width: 100%;width:auto}

/* Alert Wrap */
#alert-wrap {background: #5f0f40; color: #fff; 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(--accent3-color); text-decoration: underline;}
#alert-wrap strong {font-size:1.125em}


/*----------- [Navigation] -----------*/
#site-navigation-wrap {display:flex;align-items:flex-end;gap:1em;margin-left:auto;}
#nav-content {display:flex;align-items:flex-end;position:relative;    flex-direction: column-reverse;}

#site-navigation {flex: 0 1 auto; display: flex; align-items: center;margin:15px 0 0}
#site-navigation .nav-menu {display: flex; gap: .5em; list-style: none; margin: 0; padding: 0;}
#site-navigation .nav-menu li {position: relative;}
#site-navigation .nav-menu li a {text-decoration: none; padding: calc(.667em + 2px) calc(1.333em + 2px); display: block; transition: background-color 0.3s ease, color 0.3s ease; color:var(--body-text-color);    font-weight: 600;text-transform: uppercase;}
#site-navigation .nav-menu li a:hover {background-color: var(--accent2-color); color: var(--body-text-color);border-radius: 8px;}
#site-navigation .nav-menu li:hover > a {background-color: var(--accent2-color); color: var(--body-text-color);}
#site-navigation .nav-menu ul {position: absolute; top: 100%; left: 0; margin: 0; padding: 0; background: var(--primary-color); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); list-style: none; z-index: 10; min-width: 200px; border: 1px solid var(--accent3-color); opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s 0.3s;}
#site-navigation .nav-menu li:hover > ul {opacity: 1; visibility: visible; transform: translateY(0); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s 0s;}
#site-navigation .nav-menu ul li {display: block;}
#site-navigation .nav-menu ul li a {color: #fff; font-size: 1em; padding: 0.5em 1em; display: block; transition: background-color 0.3s ease, color 0.3s ease;}
#site-navigation .nav-menu ul li a:hover {background-color: var(--accent2-color); color: var(--primary-color); border-radius: 0;}

ul.sub-menu {font-size: .9em;}

/* CTA Wrap */
.header-cta-wrap {display:flex;align-items:center;gap:.5em;margin-left:1.5em;margin-top:-15px;}

.header-cta {display:flex;align-items:center;gap:.35em;font-size:.875em;font-weight:700;text-decoration:none;padding:10px 20px;border-radius:10px;text-transform:uppercase;line-height:1;transition:transform .18s ease,box-shadow .18s ease;}
.header-cta .material-symbols-outlined {font-size:18px;line-height:1;}
.header-cta--white {background:#ffffff;color:var(--accent1-color);} 
.header-cta--white:hover {background:#eeee;color:var(--accent1-dark,#006488);} 
.header-cta--blue {background:var(--accent1-color);color:#ffffff;}
.header-cta--blue:hover {background:var(--accent1-dark,#006488);color:#ffffff;}

.header-cta:hover {transform:translateY(2px);box-shadow:0 3px 6px rgba(0,0,0,.2);}
.header-cta:active {transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.15) inset;}


/*----------- [CH06 - Content, Forms & Media] -----------*/

/*----------- [Page Title] -----------*/
.page-header {background: var(--primary-color);  margin: 10px 0; padding: 5px 0 0;  position: relative;}
.page-header.no-title {margin: 10px 0 0; padding: 3px 0;}
.page-header .container {position: relative;}
.header-title {display: inline-block; font-size: 2.25em; line-height: 1em; font-weight: normal; font-weight: 600; margin: 10px 0; color:#fff}
.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;}

/* 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 {overflow: hidden;}
.contact-form input[type="text"],
.contact-form input[type="password"], .contact-form input[type=file],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form input[type="url"],
.contact-form textarea {color: #757575; background: #f7f7f7; border: 1px solid #ddd; box-shadow: 2px 2px 2px 2px #eee inset; padding: .6em .6em; display: inline-block; font-size: .875em; transition: .15s linear border; -webkit-appearance: none; max-width: 100%; font-family: inherit; width:100%;}
.contact-form textarea {height:80px}
.contact-form input[type="submit"] {text-transform: uppercase;background: #000; color:#fff; padding:10px !important;width:100%; font-size:1.25em;-webkit-appearance: none;}
.contact-form input[type="submit"]:hover {box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.5);background: #666;}
.contact-form input[type=file] {border:none}

/* Google Material Icons */
.material-icons {
  font-size: 1.25em;
  padding-right: 5px;
  color: var(--accent1-color);
}

/* 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:var(--primary-color);color:#fff;margin-top:40px;font-size:.95em;line-height:1.6;}
.site-footer .container {padding:40px 0;}
.site-footer p {margin:1em 0 .5em;}
.site-footer a {color:#fff;font-weight:600;text-decoration:none;}
.site-footer a:hover {text-decoration:underline;}

/* main 3-column layout */
.site-footer .wp-block-columns {align-items:flex-start;gap:80px;}
.footer-column-one {flex:0 0 260px;max-width:260px;}
.site-footer .wp-block-column {margin:0;}

/* footer menu column */
.site-footer .menu {list-style:none;margin:0;padding:0;}
.site-footer .menu li {margin:6px 0;}
.site-footer .menu a {font-weight:600;}

/* showroom hours column */
.site-footer .wp-block-column p strong {display:inline-block;margin-bottom:6px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.9em;}

/* social icons row */
.footer-social {display:flex !important;gap:14px !important;align-items:center !important;margin-top:24px;}
.footer-social>.wp-block-column {flex:0 0 auto !important;margin:0 !important;}
.footer-social img {display:block;width:22px;height:22px;object-fit:cover;}


/* Footer > Bottom */
#footer-bottom {min-height: 30px; color: #222; font-size: 0.75em;}
#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}


/*----------- [Commons] -----------*/
.no-wrap {white-space:nowrap}

/* Commons > Displays */
.block {display: block;}
.inline-block {display: 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(--accent1-color);border-radius:var(--radius-button) !important;
    color: #fff !important; transition:transform .18s ease,box-shadow  0 2px 4px rgba(0,0,0,0.15),      /* outer base shadow */
    inset 0 0 0 rgba(255,255,255,0); /* placeholder for hover inset */ padding: 10px 25px;
}
.theme-button:hover, input[type="submit"]:hover, button:hover, .wp-block-button__link:hover {
    color: #fff; background:var(--accent1-dark,#006488) ;box-shadow:0 4px 12px rgba(0,0,0,0.25),       /* stronger outer shadow */
    inset 2px 2px 4px rgba(255,255,255,0.35); /* inner highlight */;  transform: translateY(-1px); /* optional micro-lift */
}
.theme-button:active,input[type="submit"]:active,button:active, .wp-block-button__link:active {color: #fff; transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.15) inset;} 

.anchor-buttons .wp-block-button__link {background: var(--primary-color); border-radius: 0px !important;padding: 6px 25px;}
.anchor-buttons .wp-block-button { min-width: 150px; width: auto;}

.quick {color:var(--accent1-color);font-weight:600}
.quick:before {content:"acute";font-family:"Material Symbols Outlined";font-size:2em;line-height:1;margin:5px;vertical-align:middle;color:var(--accent1-color);font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;}

/* 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}

/*----------- [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-callout-wrap,
	#footer,
	#footer-bottom,
	#top-bar-wrap,
	#site-navigation-wrap,
	.toggle-bar-btn,
	.post-pagination,
	.related.products,
	.product form.cart { display: none }
	.container { width: 100%; padding: 0; }
}

/*----------- [CH09 Responsive] -----------*/

/* Responsive */

@media (min-width:1921px){
  .brand-display__row{max-width:120em;margin:3.125em auto;gap:4em;padding: 0 5%;}
  .brand-display__content{flex:0 1 50%;max-width:50%;margin-left:0;}
  .brand-display__row:nth-child(even) .brand-display__content{margin-right:0;margin-left:0;padding-left:0;}
  .brand-display__media{flex:0 1 50%;max-width:50%;margin-left:0;margin-right:0;display:flex;}
  .brand-display__row:nth-child(even) .brand-display__media{margin-left:0;margin-right:0;}
  .brand-display__media-frame, .brand-display__row:nth-child(even) .brand-display__media-frame{border-radius:2.25em;}

}


@media screen and (max-width: 1440px) {
		.interior-hero__h1 {font-size:2.5em;}
	.interior-hero__text p {margin: 0.25em 0 0 0;}
	.interior-hero__content {gap:0.5em}
}

@media screen and (max-width: 1366px) {
.interior-hero__media {display:flex;align-items:center;}
}
	
	
@media screen and (max-width: 1280px) {
#site-navigation .nav-menu li a {padding:10px 15px}
.interior-hero__inner {grid-template-columns:1fr 1.5fr;}
.brand-display__content {flex:0 1 50%;max-width:50%;}
.brand-display__media {flex:1 1 50%;}
}

@media screen and (max-width: 1200px) {
#site-navigation .nav-menu li a {padding: 10px 8px;}
	
}

@media (max-width:1024px) {
.columns-stack-md {display:flex;flex-wrap:wrap !important;justify-content:center;}
.columns-stack-md>.wp-block-column {flex:0 0 calc(50% - 12px) !important;max-width:calc(50% - 12px) !important;margin-bottom:24px;}
.columns-stack-early {display:flex;flex-wrap:wrap !important;}
.columns-stack-early>.wp-block-column {flex:0 0 100% !important;max-width:100% !important;margin-bottom:20px;}
.content-cards-slider .slick-slide {padding:0 10px;}
.content-cards-prev {left:0;}
.content-cards-next {right:0;}
.feature-project-card-inner {padding:28px 22px 32px 22px;}
.testimonial-card-inner {padding:20px 20px 32px 20px;}
.testimonial-card-inner::after {left:20px;right:20px;bottom:10px;}
}

@media screen and (max-width: 1023px) {
#top-bar-wrap {color:#fff; display: block; border-bottom:1px solid #fff}
#site-header-inner {justify-content: center;}
#site-navigation-wrap {display:none;}
.featured__inner {flex-direction:column;align-items:flex-start;}
.featured__content {max-width:100%;}.featured__media {max-width:100%;}
.interior-hero__inner {grid-template-columns:1fr;}
.interior-hero__h1 {font-size:2.25em;}
.interior-hero__media {min-height:16em;}
	.brand-display__wrap {gap:1em}
.brand-display {margin: 0.5em auto;}
.brand-display__row {flex-direction:column;align-items:flex-start;gap:1.5em;margin:1em auto;padding:2.25em;max-width:var(--content-width,1200px);        border-top: 1px solid var(--accent2-color);width: 90%;}
.brand-display__row:nth-child(even) .brand-display__content {padding-left:0}
.brand-display__row:nth-child(even) {flex-direction:column;}
.brand-display__content {max-width:none;padding-left:0;padding-right:0;}
.brand-display__media {margin:0 auto;}
.brand-display__media-frame {border-radius:2.25em;}
.brand-display__row:nth-child(even) .brand-display__media-frame {border-radius:2.25em;}
.brand-display__row:nth-child(even) .brand-display__media {margin:0 auto;}
}

@media (max-width:781px) {
.columns-stack-md {justify-content:flex-start;}
.columns-stack-md>.wp-block-column {flex:0 0 100% !important;max-width:100% !important;margin-bottom:24px;}
	.featured__inner {padding:28px 0;gap:24px;}
.site-footer {text-align:center;}.site-footer .wp-block-columns {justify-content:center;}
.footer-column-one {display:flex;flex-direction:column;align-items:center;}
.footer-social {justify-content:center;}
.site-footer p {margin-left:auto;margin-right:auto;}
.footer-social {display:flex !important;flex-wrap:nowrap !important;justify-content:center !important;align-items:center !important;gap:1px !important;margin-top:24px;}
.footer-social .wp-block-column {flex:0 0 auto !important;width:auto !important;max-width:none !important;margin:0 !important;display:flex !important;justify-content:center !important;}
.footer-social img {display:block;width:22px;height:22px;object-fit:cover;}
.footer-nav-column {display:none}
	.copy-left, .copy-right { flex: 0 0 100%; text-align: center !important;}
}


@media screen and (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;}
.hero-buttons {flex-direction:column;align-items:flex-start;}.hero-buttons .wp-block-button {max-width:100%;}
.content-area {float: none;max-width: 100% !important;width: 100%;}
.content-cards-slider-wrap {margin:20px auto;}
.content-cards-slider .slick-slide {padding:0 6px;}
.content-cards-card {border-radius:14px;transform:scale(1);} /* normal size on mobile */
.content-cards-slider .slick-slide.slick-center .content-cards-card {transform:scale(1.02);}
.content-cards-slider .slick-list {overflow:visible;} /* show peeking edges on mobile */
.content-cards-arrow {display:none;} /* hide arrows on mobile */
	
.feature-project-card {margin:20px auto;}
.feature-project-card-images {flex-direction:row;gap:10px;}
.feature-project-card-title {font-size:1.3rem;}
.feature-project-card-inner::after {left:20px;right:20px;bottom:10px;}
.testimonial-card {margin:20px auto;}
.testimonial-card-quote {font-size:.95em;}
.affiliate-logos-list {gap:22px;}
.affiliate-logos-item img {max-height:48px;}
}

@media screen and (max-width: 601px) {
.wp-block-image {float: none; margin: 3% auto;display: block;text-align:center}
.header-one #site-logo { width: 100%;  margin: 1% auto;  text-align: center;}
.news-form #mc_embed_signup_scroll {flex-direction:column; align-items:stretch;}
.news-form input[type="email"] {width:100%;}
.news-form #mc-embedded-subscribe {width:100%; margin-top:8px;}

	
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: 425px) {
}