/*
Theme Name: Woodmart Child
Description: Woodmart Child Theme
Author: XTemos
Author URI: http://xtemos.com
Template: woodmart
Version: 1.0.0
Text Domain: woodmart
*/
/* ============================================================
AW custom CSS — migrated from xts-woodmart-options[custom_css]
moved 2026-05-10 16:49:59
============================================================ */
/* =========================================================
ALWATHBA CEMENT INDUSTRIES — Royal Refinement v4
========================================================= */
:root{
--aw-navy:#1B2845; --aw-navy-dark:#131C32;
--aw-maroon:#7A4A36; --aw-maroon-dark:#5C3829;
--aw-gold:#BD9866; --aw-gold-light:#E8C9A1;
--aw-sand:#F5F1EA; --aw-sand-deep:#ECE5D7;
--aw-cream:#FBF7F1; --aw-text:#1A1A1A; --aw-text-muted:#5C5C5C;
}
/* ---------- Global text-color safety ---------- */
/* Ensure all body text on default backgrounds is readable */
body, p, .wpb_text_column, .wpb_text_column p,
.vc_column-inner p, .vc_column_container p{
color:var(--aw-text) !important;
}
/* But text on dark navy / maroon sections should stay light */
[woodmart_color_scheme="dark"] p,
.color-scheme-dark p,
.dark-bg p,
.section-navy p,
.row-bg-navy p,
[style*="background-color: #1B2845"] p,
[style*="background-color: #1b2845"] p,
[style*="background-color: #7A4A36"] p,
[style*="background-color: #7a4a36"] p,
.vc_row[data-vc-stretch-content="true"] [style*="rgba(255,255,255"] p{
color:rgba(255,255,255,.88) !important;
}
[woodmart_color_scheme="dark"] h1,
[woodmart_color_scheme="dark"] h2,
[woodmart_color_scheme="dark"] h3,
[woodmart_color_scheme="dark"] h4,
.color-scheme-dark h1,
.color-scheme-dark h2,
.color-scheme-dark h3,
.color-scheme-dark h4{
color:#ffffff !important;
}
/* ---------- 1. Sub-page banner ---------- */
.page-title{
position:relative !important;
min-height:280px !important;
padding-top:70px !important;
padding-bottom:70px !important;
background-color:var(--aw-navy) !important;
background-image:linear-gradient(135deg,rgba(27,40,69,.85) 0%,rgba(122,74,54,.65) 100%),url(/wp-content/uploads/2026/05/SHAHAMA-2.jpg) !important;
background-size:cover !important;
background-position:center !important;
background-repeat:no-repeat !important;
overflow:hidden !important;
}
.page-title::before{
content:""; position:absolute; left:0; right:0; bottom:0; height:4px;
background:linear-gradient(90deg,transparent,var(--aw-gold) 30%,var(--aw-gold-light) 50%,var(--aw-gold) 70%,transparent);
z-index:3;
}
.page-title h1,.page-title .entry-title,
.page-title .breadcrumbs,
.page-title .breadcrumbs a,
.page-title .breadcrumbs span{ color:#ffffff !important; }
.page-title h1,.page-title .entry-title{
font-size:clamp(2rem,4vw,3.2rem) !important;
font-weight:700 !important;
letter-spacing:-.01em !important;
text-shadow:0 2px 16px rgba(0,0,0,.25);
margin-bottom:14px !important;
}
.page-title h1::after,.page-title .entry-title::after{
content:""; display:block; width:60px; height:3px;
background:var(--aw-gold); margin-top:18px;
}
.page-title .breadcrumbs{ font-size:.92rem !important; opacity:.9; }
/* ---------- Royal typography ---------- */
body{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
h1,h2,h3,h4{ letter-spacing:-.005em !important; color:var(--aw-navy); }
.wd-subtitle,.subtitle,.section-head .eyebrow,
.wd-title-with-subtitle .wd-subtitle{
color:var(--aw-maroon) !important;
letter-spacing:.18em !important;
font-weight:600 !important;
text-transform:uppercase !important;
font-size:.82rem !important;
}
.wd-title-style-default h2,
.wd-title-with-subtitle h2{
color:var(--aw-navy) !important;
font-weight:700 !important;
}
.btn-color-primary,.wd-button.color-primary,
button.btn-color-primary{
letter-spacing:.06em !important; text-transform:uppercase !important;
font-weight:600 !important;
box-shadow:0 4px 14px rgba(122,74,54,.22) !important;
transition:all .3s ease !important;
}
.btn-color-primary:hover,.wd-button.color-primary:hover{
transform:translateY(-2px) !important;
box-shadow:0 8px 22px rgba(122,74,54,.32) !important;
}
/* ---------- Products section icons (homepage) ---------- */
.home .wd-info-box.box-icon-simple .box-icon-wrapper{
width:60px !important; height:60px !important;
background:linear-gradient(135deg,var(--aw-navy),var(--aw-maroon)) !important;
border-radius:50% !important;
display:inline-flex !important;
align-items:center !important; justify-content:center !important;
margin-bottom:14px !important;
box-shadow:0 4px 12px rgba(27,40,69,.18) !important;
flex-shrink:0 !important;
transition:transform .3s ease !important;
}
.home .wd-info-box.box-icon-simple .box-icon-wrapper svg,
.home .wd-info-box.box-icon-simple .box-icon-wrapper img{
filter:brightness(0) invert(1) !important;
opacity:.9 !important;
width:24px !important; height:24px !important;
}
.home .wd-info-box.box-icon-simple:hover .box-icon-wrapper{
transform:translateY(-2px) !important;
background:linear-gradient(135deg,var(--aw-maroon),var(--aw-navy)) !important;
}
.home .wd-info-box.box-icon-simple{
padding:14px !important;
margin-bottom:14px !important;
transition:all .3s ease !important;
border-radius:8px !important;
}
.home .wd-info-box.box-icon-simple:hover{
background:rgba(255,255,255,.6) !important;
box-shadow:0 6px 18px rgba(27,40,69,.06) !important;
}
.home .wd-info-box.box-icon-simple .info-box-title,
.home .wd-info-box.box-icon-simple .box-title{
color:var(--aw-navy) !important;
font-size:1.05rem !important;
font-weight:700 !important;
margin-bottom:8px !important;
}
.home .wd-info-box.box-icon-simple:hover .info-box-title,
.home .wd-info-box.box-icon-simple:hover .box-title{
color:var(--aw-maroon) !important;
}
.home .wd-info-box.box-icon-simple .box-description,
.home .wd-info-box.box-icon-simple p{
color:var(--aw-text-muted) !important;
}
/* ---------- Stats counter (Why Industry Leaders) ---------- */
.wd-counter,.counter-element{ padding:14px 4px !important; }
.wd-counter .counter-value,
.wd-counter .digits-wrap,
.wd-counter .counter-num,
[class*="counter"] .counter-value,
[class*="counter"] [class*="digit"]{
font-size:3.2rem !important;
line-height:1.1 !important;
font-weight:800 !important;
color:var(--aw-gold-light) !important;
margin-bottom:6px !important;
display:block !important;
}
.wd-counter .label,
.wd-counter .counter-label,
[class*="counter"] [class*="label"]{
font-size:.78rem !important;
letter-spacing:.16em !important;
font-weight:600 !important;
color:rgba(255,255,255,.78) !important;
}
/* ---------- Project tiles (homepage) ---------- */
.wd-info-box.box-style-bg-hover{
min-height:440px !important;
height:440px !important;
overflow:hidden !important;
border-radius:10px !important;
position:relative !important;
transition:transform .35s ease,box-shadow .35s ease !important;
box-shadow:0 6px 18px rgba(27,40,69,.12) !important;
}
.wd-info-box.box-style-bg-hover:hover{
transform:translateY(-5px) !important;
box-shadow:0 14px 32px rgba(27,40,69,.25) !important;
}
.wd-info-box.box-style-bg-hover::after{
content:""; position:absolute; bottom:0; left:0; right:0; height:4px;
background:linear-gradient(90deg,var(--aw-gold) 0%,var(--aw-gold-light) 50%,var(--aw-gold) 100%);
transform:scaleX(0); transform-origin:left;
transition:transform .45s ease;
z-index:5;
}
.wd-info-box.box-style-bg-hover:hover::after{ transform:scaleX(1); }
.wd-info-box.box-style-bg-hover .info-box-title,
.wd-info-box.box-style-bg-hover .box-title{
color:#ffffff !important;
text-shadow:0 2px 8px rgba(0,0,0,.4);
font-weight:700 !important;
}
.wd-info-box.box-style-bg-hover .info-box-content,
.wd-info-box.box-style-bg-hover p{
color:rgba(255,255,255,.92) !important;
text-shadow:0 1px 6px rgba(0,0,0,.4);
}
/* ---------- Footer ---------- */
.site-footer,.footer-container,
footer.footer-container{
background:var(--aw-navy-dark) !important;
}
.site-footer .footer-container,
footer .container{ padding-top:0px !important; padding-bottom:0 !important; }
.site-footer .row{ row-gap:32px !important; }
.site-footer p,
.site-footer li,
.site-footer .extra-menu-list-item,
.site-footer .extra-menu-list-item a,
.site-footer ul li a{
color:rgba(255,255,255,.7) !important;
}
.site-footer h5,
.site-footer .widget-title,
.site-footer .widgettitle,
.site-footer .wd-title{
font-size:1rem !important;
letter-spacing:.14em !important;
text-transform:uppercase !important;
margin-bottom:24px !important;
position:relative;
padding-bottom:14px;
color:#ffffff !important;
font-weight:700 !important;
}
.site-footer h5::after,
.site-footer .widget-title::after,
.site-footer .wd-title::after{
content:""; position:absolute; bottom:0; left:0;
width:36px; height:2px; background:var(--aw-gold);
}
.site-footer ul li,
.site-footer .extra-menu-list-item{ margin-bottom:10px !important; }
.site-footer a{ transition:all .25s ease !important; }
.site-footer a:hover,
.site-footer .extra-menu-list-item a:hover{
color:var(--aw-gold-light) !important;
padding-left:4px !important;
}
.copyrights-wrapper,.site-copyright,.copyrights-1,
.copyrights{
padding:18px 0 !important;
border-top:1px solid rgba(255,255,255,.08) !important;
margin-top:24px !important;
font-size:.85rem !important;
color:rgba(255,255,255,.62) !important;
background:var(--aw-navy-dark) !important;
}
/* ---------- Clients page ---------- */
.page-id-10825 .vc_column-inner{
display:flex !important;
align-items:center !important;
justify-content:center !important;
min-height:130px !important;
padding:14px 8px !important;
}
.page-id-10825 .wpb_single_image,
.page-id-10825 .vc_single_image-wrapper{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
}
.page-id-10825 .wpb_single_image img,
.page-id-10825 .vc_single_image-wrapper img{
max-height:80px !important;
width:auto !important;
max-width:88% !important;
object-fit:contain !important;
filter:grayscale(20%);
opacity:.9;
transition:all .3s ease;
margin:0 auto !important;
display:block !important;
}
.page-id-10825 .wpb_single_image:hover img{
filter:grayscale(0); opacity:1; transform:scale(1.05);
}
.page-id-10825 .wpb_text_column{
width:100%;
text-align:center;
}
.page-id-10825 .wpb_text_column p{
text-align:center !important;
font-weight:700 !important;
color:var(--aw-navy) !important;
font-size:.92rem !important;
letter-spacing:.02em !important;
margin:0 !important;
padding:14px 6px !important;
line-height:1.4 !important;
}
/* ---------- Projects page ---------- */
.page-id-10503 .wpb_single_image,
.page-id-10503 .vc_single_image-wrapper{
width:100% !important;
display:block !important;
border-radius:8px !important;
overflow:hidden !important;
box-shadow:0 4px 14px rgba(27,40,69,.1) !important;
}
.page-id-10503 .wpb_single_image img,
.page-id-10503 .vc_single_image-wrapper img{
width:100% !important;
height:auto !important;
object-fit:cover !important;
display:block !important;
transition:transform .45s ease;
}
.page-id-10503 .wpb_single_image:hover img{ transform:scale(1.05); }
.page-id-10503 .wpb_text_column{ margin-top:14px !important; padding:0 6px !important; }
.page-id-10503 .wpb_text_column strong{
color:var(--aw-navy) !important;
font-weight:700 !important;
display:block; margin-bottom:4px;
}
.page-id-10503 .wpb_text_column p{
font-size:.88rem !important;
color:var(--aw-text-muted) !important;
line-height:1.55 !important;
}
/* ---------- Top bar ---------- */
.whb-top-bar{ border-bottom:1px solid rgba(27,40,69,.08) !important; }
.whb-top-bar a{ transition:color .25s ease !important; }
.whb-top-bar a:hover{ color:var(--aw-gold) !important; }
/* ---------- Product sub-pages: tighter content layout ---------- */
.page-id-10761 .vc_row,
.page-id-10771 .vc_row{
padding-top:40px !important;
padding-bottom:40px !important;
}
.page-id-10761 .wd-info-box.box-style-bg-hover,
.page-id-10771 .wd-info-box.box-style-bg-hover{
min-height:auto !important;
height:auto !important;
aspect-ratio:auto !important;
}
/* ---------- Generic dark sections — ensure heading + paragraph readable ---------- */
.vc_row[style*="background-color: #7A4A36"] *,
.vc_row[style*="background-color: #7a4a36"] *,
.vc_row[style*="background-color: #1B2845"] *,
.vc_row[style*="background-color: #1b2845"] *{
/* Inherit white from parent */
}
.vc_row[style*="background-color: #7A4A36"] h1,
.vc_row[style*="background-color: #7A4A36"] h2,
.vc_row[style*="background-color: #7A4A36"] h3,
.vc_row[style*="background-color: #7A4A36"] h4,
.vc_row[style*="background-color: #1B2845"] h1,
.vc_row[style*="background-color: #1B2845"] h2,
.vc_row[style*="background-color: #1B2845"] h3,
.vc_row[style*="background-color: #1B2845"] h4,
.vc_row[style*="background-color: #1b2845"] h1,
.vc_row[style*="background-color: #1b2845"] h2,
.vc_row[style*="background-color: #1b2845"] h3,
.vc_row[style*="background-color: #1b2845"] h4{
color:#ffffff !important;
}
.vc_row[style*="background-color: #7A4A36"] p,
.vc_row[style*="background-color: #7a4a36"] p,
.vc_row[style*="background-color: #1B2845"] p,
.vc_row[style*="background-color: #1b2845"] p{
color:rgba(255,255,255,.92) !important;
}
/* ---------- Existing kept rule ---------- */
.wd-custom-rounding{ border-radius:200px !important; }
/* ---------- Anchor scroll offset ---------- */
[id="buildings"],[id="walls"],[id="barriers"],[id="infrastructure"],
[id="mse"],[id="towers"],[id="chalets"],[id="substations"]{
scroll-margin-top:140px;
}
/* ---------- Title color safety ---------- */
.liner-continer h1,
.liner-continer h2,
.liner-continer h3,
.liner-continer h4,
.liner-continer h5,
.title-element-style-default h1,
.title-element-style-default h2,
.title-element-style-default h3,
.title-element-style-default h4,
.title-element-style-default h5,
.wd-title-element h2,
.wd-title-element h3,
.wd-title-element h4 {
color: var(--aw-navy) !important;
}
/* Reset to white inside dark color-scheme rows */
.color-scheme-dark .liner-continer h1,
.color-scheme-dark .liner-continer h2,
.color-scheme-dark .liner-continer h3,
.color-scheme-dark .liner-continer h4,
.color-scheme-dark .liner-continer h5,
[data-vc-stretch-content="true"][style*="background-color: rgb(27, 40, 69)"] .liner-continer h1,
[data-vc-stretch-content="true"][style*="background-color: rgb(27, 40, 69)"] .liner-continer h2,
[data-vc-stretch-content="true"][style*="background-color: rgb(27, 40, 69)"] .liner-continer h3,
[data-vc-stretch-content="true"][style*="background-color: rgb(27, 40, 69)"] .liner-continer h4,
[data-vc-stretch-content="true"][style*="background-color: rgb(122, 74, 54)"] .liner-continer h1,
[data-vc-stretch-content="true"][style*="background-color: rgb(122, 74, 54)"] .liner-continer h2,
[data-vc-stretch-content="true"][style*="background-color: rgb(122, 74, 54)"] .liner-continer h3,
[data-vc-stretch-content="true"][style*="background-color: rgb(122, 74, 54)"] .liner-continer h4 {
color: #ffffff !important;
}
/* Dark sections also force white text on .wd-title and inner */
.vc_row[style*="rgb(27, 40, 69)"] .wd-title,
.vc_row[style*="rgb(27, 40, 69)"] .wd-title h1,
.vc_row[style*="rgb(27, 40, 69)"] .wd-title h2,
.vc_row[style*="rgb(27, 40, 69)"] .wd-title h3,
.vc_row[style*="rgb(27, 40, 69)"] .wd-title h4,
.vc_row[style*="rgb(122, 74, 54)"] .wd-title,
.vc_row[style*="rgb(122, 74, 54)"] .wd-title h1,
.vc_row[style*="rgb(122, 74, 54)"] .wd-title h2,
.vc_row[style*="rgb(122, 74, 54)"] .wd-title h3,
.vc_row[style*="rgb(122, 74, 54)"] .wd-title h4 {
color: #ffffff !important;
}
/* Project tile titles — already styled separately, stay white */
.wd-info-box.box-style-bg-hover .liner-continer h4,
.wd-info-box.box-style-bg-hover h4,
.wd-info-box.box-style-bg-hover .info-box-title {
color: #ffffff !important;
text-shadow: 0 2px 10px rgba(0,0,0,.5);
}
/* ---------- Products page pills (was stacking) ---------- */
.page-id-10831 .wpb_text_column .wpb_wrapper > div[style*="display:flex"],
.page-id-10831 .wpb_text_column .wpb_wrapper > div[style*="flex"] {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 10px !important;
max-width: 1100px !important;
margin: 0 auto !important;
}
.page-id-10831 .wpb_text_column .wpb_wrapper a[href^="#"] {
display: inline-block !important;
padding: 10px 22px !important;
background: var(--aw-sand) !important;
color: var(--aw-navy) !important;
border-radius: 30px !important;
font-weight: 600 !important;
font-size: .85rem !important;
text-decoration: none !important;
letter-spacing: .04em !important;
transition: all .25s ease !important;
margin: 4px;
}
.page-id-10831 .wpb_text_column .wpb_wrapper a[href^="#"]:hover {
background: var(--aw-maroon) !important;
color: #fff !important;
transform: translateY(-2px) !important;
}
/* Products page rows: tighter spacing */
.page-id-10831 .vc_row {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.page-id-10831 .vc_single_image-wrapper img {
border-radius: 10px !important;
width: 100% !important;
height: auto !important;
max-height: 380px !important;
object-fit: cover !important;
box-shadow: 0 8px 24px rgba(27,40,69,.12) !important;
}
.page-id-10831 ul {
list-style: none !important;
padding: 0 !important;
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 8px 18px !important;
}
.page-id-10831 ul li {
color: var(--aw-navy) !important;
font-size: .95rem !important;
}
/* About section heading on homepage — make navy */
.home .liner-continer h4 {
color: var(--aw-navy) !important;
}
.home [data-vc-stretch-content="true"][style*="background-color: rgb(27"] .liner-continer h4,
.home [data-vc-stretch-content="true"][style*="background-color: rgb(122"] .liner-continer h4 {
color: #ffffff !important;
}
/* ---------- Footer (HTML reference style) ---------- */
.site-footer .vc_row,
.footer-container .vc_row{
background-color:#131C32 !important;
}
.site-footer .vc_col-sm-1\/4,
.site-footer [class*="vc_col-"]{
padding-bottom:18px !important;
}
.site-footer .vc_single_image-img{
max-height:64px !important;
width:auto !important;
filter:brightness(1.1) drop-shadow(0 2px 8px rgba(0,0,0,.3));
}
/* Brand column tagline */
.site-footer .wd-text-block,
.site-footer .woodmart-text-block{
color:rgba(255,255,255,.72) !important;
line-height:1.65 !important;
font-size:.92rem !important;
}
/* ISO badge row */
.aw-iso-row{
display:flex !important;
flex-wrap:wrap !important;
gap:8px !important;
margin-top:14px !important;
}
.aw-iso-badge{
display:inline-block;
background:rgba(255,255,255,.06) !important;
border:1px solid rgba(189,152,102,.32) !important;
color:rgba(255,255,255,.85) !important;
padding:6px 12px !important;
border-radius:20px !important;
font-size:.72rem !important;
font-weight:600 !important;
letter-spacing:.06em !important;
white-space:nowrap !important;
}
/* Column titles — gold underline */
.site-footer .liner-continer h1,
.site-footer .liner-continer h2,
.site-footer .liner-continer h3,
.site-footer .liner-continer h4,
.site-footer .liner-continer h5,
.site-footer .wd-title{
color:#ffffff !important;
font-size:1rem !important;
letter-spacing:.14em !important;
text-transform:uppercase !important;
font-weight:700 !important;
margin-bottom:0 !important;
padding-bottom:14px !important;
position:relative !important;
}
.site-footer .liner-continer{
position:relative;
margin-bottom:24px !important;
padding-bottom:0 !important;
}
.site-footer .liner-continer::after,
.site-footer .wd-title-with-decoration .liner-continer::after{
content:"" !important;
position:absolute !important;
bottom:0 !important; left:0 !important;
width:36px !important; height:2px !important;
background:#BD9866 !important;
}
/* Extra menu lists (Quick Links + Our Products) */
.site-footer .extra-menu-list{
list-style:none !important;
padding:0 !important;
margin:0 !important;
}
.site-footer .extra-menu-list-item,
.site-footer .extra-menu-list .menu-item{
margin-bottom:10px !important;
list-style:none !important;
}
.site-footer .extra-menu-list-item a,
.site-footer .extra-menu-list .menu-item a{
color:rgba(255,255,255,.72) !important;
font-size:.92rem !important;
text-decoration:none !important;
transition:all .25s ease !important;
display:inline-block !important;
}
.site-footer .extra-menu-list-item a::before,
.site-footer .extra-menu-list .menu-item a::before{
content:"› ";
color:rgba(189,152,102,.6);
margin-right:6px;
transition:all .25s ease;
}
.site-footer .extra-menu-list-item a:hover,
.site-footer .extra-menu-list .menu-item a:hover{
color:#E8C9A1 !important;
padding-left:4px !important;
}
.site-footer .extra-menu-list-item a:hover::before{
color:#E8C9A1;
}
/* Get in Touch — contact list */
.aw-f-contact{
list-style:none !important;
padding:0 !important;
margin:0 !important;
}
.aw-f-contact-item{
display:flex !important;
align-items:flex-start !important;
gap:12px !important;
margin-bottom:14px !important;
color:rgba(255,255,255,.72) !important;
font-size:.92rem !important;
line-height:1.55 !important;
}
.aw-f-contact-item a{
color:rgba(255,255,255,.85) !important;
text-decoration:none !important;
transition:color .25s ease !important;
}
.aw-f-contact-item a:hover{
color:#E8C9A1 !important;
}
.aw-f-contact-icon{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:28px !important;
height:28px !important;
background:linear-gradient(135deg,#7A4A36,#5C3829) !important;
color:#ffffff !important;
border-radius:50% !important;
font-size:.85rem !important;
flex-shrink:0 !important;
margin-top:2px !important;
line-height:1 !important;
}
/* Copyright bottom bar */
.copyrights-wrapper,
.site-copyright,
.copyrights-1{
background-color:#0d1322 !important;
padding:16px 0 !important;
border-top:1px solid rgba(255,255,255,.06) !important;
font-size:.85rem !important;
color:rgba(255,255,255,.55) !important;
letter-spacing:.02em !important;
}
/* Hide any leftover mobile-furniture footer */
.site-footer .extra-menu-list .menu-item.menu-item-has-children > a{
pointer-events:none;
}
/* ======================================================
FOOTER — HTML reference style (.main-footer)
====================================================== */
/* Whole footer dark navy */
footer.footer-container,
.main-footer,
.main-footer .vc_row,
.copyrights-wrapper{
background-color:#131C32 !important;
}
.main-footer{ padding:0 !important; }
.main-footer > .vc_row{ padding-top:60px !important; padding-bottom:30px !important; }
/* Logo on white tile so it's visible on dark bg */
.main-footer .vc_single_image-wrapper{
background:#ffffff !important;
padding:10px 14px !important;
border-radius:6px !important;
display:inline-block !important;
box-shadow:0 4px 14px rgba(0,0,0,.15) !important;
margin-bottom:18px !important;
}
.main-footer .vc_single_image-img{
max-height:60px !important;
width:auto !important;
display:block !important;
}
/* Tagline */
.main-footer .aw-footer-tagline{
color:rgba(255,255,255,.7) !important;
font-size:.92rem !important;
line-height:1.65 !important;
margin-bottom:18px !important;
}
/* ISO badge row */
.main-footer .aw-iso-row{
display:flex !important;
flex-wrap:wrap !important;
gap:8px !important;
margin-top:14px !important;
}
.main-footer .aw-iso-badge{
display:inline-block !important;
background:rgba(255,255,255,.06) !important;
border:1px solid rgba(189,152,102,.4) !important;
color:rgba(232,201,161,.95) !important;
padding:6px 12px !important;
border-radius:20px !important;
font-size:.72rem !important;
font-weight:600 !important;
letter-spacing:.06em !important;
white-space:nowrap !important;
}
/* Column titles — white with gold underline */
.main-footer .liner-continer h1,
.main-footer .liner-continer h2,
.main-footer .liner-continer h3,
.main-footer .liner-continer h4,
.main-footer .liner-continer h5,
.main-footer .woodmart-title-container,
.main-footer .woodmart-title-container h1,
.main-footer .woodmart-title-container h2,
.main-footer .woodmart-title-container h3,
.main-footer .woodmart-title-container h4{
color:#ffffff !important;
font-size:.95rem !important;
letter-spacing:.16em !important;
text-transform:uppercase !important;
font-weight:700 !important;
margin-bottom:0 !important;
}
.main-footer .liner-continer{
position:relative !important;
margin-bottom:24px !important;
padding-bottom:14px !important;
}
.main-footer .liner-continer::after{
content:"" !important;
position:absolute !important;
bottom:0 !important;
left:0 !important;
width:36px !important;
height:2px !important;
background:#BD9866 !important;
}
/* Extra menu lists */
.main-footer .extra-menu-list,
.main-footer ul.extra-menu-list{
list-style:none !important;
padding:0 !important;
margin:0 !important;
}
.main-footer .extra-menu-list-item,
.main-footer .extra-menu-list > li{
margin-bottom:10px !important;
list-style:none !important;
}
.main-footer .extra-menu-list-item a,
.main-footer .extra-menu-list a{
color:rgba(255,255,255,.75) !important;
font-size:.92rem !important;
text-decoration:none !important;
transition:all .25s ease !important;
display:inline-block !important;
}
.main-footer .extra-menu-list-item a::before,
.main-footer .extra-menu-list a::before{
content:"\203A\00a0\00a0";
color:#BD9866 !important;
margin-right:2px;
transition:color .25s ease;
}
.main-footer .extra-menu-list-item a:hover,
.main-footer .extra-menu-list a:hover{
color:#E8C9A1 !important;
padding-left:4px !important;
}
/* Get in Touch contact list */
.main-footer .aw-f-contact{
list-style:none !important;
padding:0 !important;
margin:0 !important;
}
.main-footer .aw-f-contact-item{
display:flex !important;
align-items:flex-start !important;
gap:12px !important;
margin-bottom:16px !important;
color:rgba(255,255,255,.78) !important;
font-size:.92rem !important;
line-height:1.55 !important;
list-style:none !important;
}
.main-footer .aw-f-contact-item a{
color:rgba(255,255,255,.85) !important;
text-decoration:none !important;
transition:color .25s ease !important;
}
.main-footer .aw-f-contact-item a:hover{ color:#E8C9A1 !important; }
.main-footer .aw-f-contact-icon{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:30px !important;
height:30px !important;
background:linear-gradient(135deg,#7A4A36,#5C3829) !important;
color:#ffffff !important;
border-radius:50% !important;
font-size:.82rem !important;
flex-shrink:0 !important;
margin-top:2px !important;
line-height:1 !important;
}
/* Copyright */
.copyrights-wrapper,.copyrights-1,.site-copyright{
background-color:#0d1322 !important;
padding:16px 0 !important;
border-top:1px solid rgba(255,255,255,.06) !important;
font-size:.85rem !important;
color:rgba(255,255,255,.55) !important;
letter-spacing:.02em !important;
}
/* Responsive */
@media(max-width:992px){
.main-footer > .vc_row{ padding-top:50px !important; }
.main-footer .vc_col-sm-1\/4{ margin-bottom:30px !important; }
}
/* ======================================================
FINAL POLISH — UI/UX improvements
====================================================== */
/* Tighten product sub-page spacing */
.page-id-10761 .vc_row,
.page-id-10771 .vc_row,
.page-id-10831 .vc_row{
padding-top:50px !important;
padding-bottom:50px !important;
}
.page-id-10761 h2,
.page-id-10771 h2,
.page-id-10831 h2{
color:#1B2845 !important;
font-weight:700 !important;
}
/* Make sub-page heroes look consistent */
.page-id-10761 .liner-continer h1,
.page-id-10761 .liner-continer h4,
.page-id-10771 .liner-continer h1,
.page-id-10771 .liner-continer h4,
.page-id-10831 .liner-continer h1,
.page-id-10831 .liner-continer h4{
color:#1B2845 !important;
}
/* Ensure WPBakery row backgrounds with #7A4A36 maroon get white text */
.vc_row[style*="background-color: #7A4A36"] *,
.vc_row[style*="background-color: rgb(122"] *,
.vc_row[style*="background-color:#7A4A36"] *{
color:#ffffff;
}
.vc_row[style*="background-color: #7A4A36"] h1,
.vc_row[style*="background-color: #7A4A36"] h2,
.vc_row[style*="background-color: #7A4A36"] h3,
.vc_row[style*="background-color: #7A4A36"] h4,
.vc_row[style*="background-color: rgb(122, 74, 54)"] h1,
.vc_row[style*="background-color: rgb(122, 74, 54)"] h2,
.vc_row[style*="background-color: rgb(122, 74, 54)"] h3,
.vc_row[style*="background-color: rgb(122, 74, 54)"] h4{
color:#ffffff !important;
}
.vc_row[style*="background-color: #7A4A36"] .liner-continer h1,
.vc_row[style*="background-color: #7A4A36"] .liner-continer h2,
.vc_row[style*="background-color: #7A4A36"] .liner-continer h3,
.vc_row[style*="background-color: #7A4A36"] .liner-continer h4{
color:#ffffff !important;
}
/* Hover effect on the maroon CTA strip buttons */
.vc_row[style*="background-color: #7A4A36"] a[href*="contact"]:hover,
.vc_row[style*="background-color: rgb(122"] a[href*="contact"]:hover{
background:#E8C9A1 !important;
color:#7A4A36 !important;
transform:translateY(-2px);
box-shadow:0 8px 22px rgba(0,0,0,.2);
}
/* Sub-page card boxes (Full Precast components grid) */
.page-id-10771 .wpb_text_column div[style*="background:#fff"]{
transition:all .3s ease !important;
}
.page-id-10771 .wpb_text_column div[style*="background:#fff"]:hover{
transform:translateY(-3px) !important;
box-shadow:0 10px 28px rgba(27,40,69,.12) !important;
}
/* Page hero — solidify navy for sub-pages too */
.page-id-10761 .page-title,
.page-id-10771 .page-title,
.page-id-10831 .page-title,
.page-id-18 .page-title,
.page-id-23 .page-title,
.page-id-10503 .page-title,
.page-id-10825 .page-title{
background-color:#1B2845 !important;
}
/* Mobile improvements */
@media(max-width:768px){
.page-title{ min-height:200px !important; padding-top:50px !important; padding-bottom:50px !important; }
.page-title h1{ font-size:1.8rem !important; }
.main-footer > .vc_row{ padding-top:40px !important; }
.main-footer .vc_col-sm-1\/4{ width:50% !important; padding:0 12px !important; }
.home .wd-info-box.box-style-bg-hover{ min-height:280px !important; height:280px !important; }
.wd-counter .counter-value{ font-size:2.4rem !important; }
}
/* Smooth scroll */
html{ scroll-behavior:smooth; }
/* Better focus styles for accessibility */
a:focus-visible,
button:focus-visible{
outline:2px solid #BD9866 !important;
outline-offset:3px !important;
}
/* Print styles */
@media print{
.whb-top-bar, .whb-header, .main-footer, .copyrights-wrapper, .scroll-top{ display:none !important; }
}
/* ======================================================
FINAL POLISH v2 — Fonts, Accessibility, UI/UX
====================================================== */
/* Load Poppins + Inter — matches static reference */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@500;600;700;800&display=swap');
body, .wd-text-block, p{ font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif !important; }
h1,h2,h3,h4,h5,h6,
.wd-title h1,.wd-title h2,.wd-title h3,.wd-title h4{
font-family:'Poppins','Inter',sans-serif !important;
}
/* Skip-to-content link (WCAG) */
.aw-skip-link{
position:absolute; top:-100px; left:8px; z-index:99999;
padding:10px 18px; background:#1B2845; color:#fff;
text-decoration:none; border-radius:4px;
font-weight:600; font-size:.85rem;
transition:top .25s ease;
}
.aw-skip-link:focus{ top:8px; outline:2px solid #BD9866; }
/* Service cards (homepage What We Do) */
.aw-service-card:hover{
transform:translateY(-5px) !important;
box-shadow:0 14px 32px rgba(27,40,69,.14) !important;
border-color:#BD9866 !important;
}
.aw-service-card:hover h3{ color:#7A4A36 !important; }
/* Clients strip (homepage) */
.aw-clients-strip .aw-client-cell{
background:#fff;
border:1px solid #ECE5D7;
border-radius:8px;
padding:18px 12px;
display:flex; align-items:center; justify-content:center;
min-height:90px; width:100%;
transition:all .3s ease;
}
.aw-clients-strip .aw-client-cell:hover{
border-color:#BD9866;
box-shadow:0 6px 18px rgba(27,40,69,.08);
transform:translateY(-2px);
}
.aw-clients-strip .aw-client-cell img{
max-height:48px !important;
max-width:90% !important;
width:auto !important;
filter:grayscale(35%);
opacity:.85;
transition:all .3s ease;
}
.aw-clients-strip .aw-client-cell:hover img{
filter:grayscale(0); opacity:1;
}
/* Improved color contrast — gold-light to brighter */
.main-footer .aw-iso-badge{
color:#F2DEC2 !important;
background:rgba(189,152,102,.12) !important;
}
.main-footer a:hover,
.main-footer .extra-menu-list-item a:hover{
color:#F2DEC2 !important;
}
/* Make project tiles aria-friendly */
.wd-info-box.box-style-bg-hover{ cursor:pointer; }
.wd-info-box.box-style-bg-hover:focus-within{
outline:3px solid #BD9866 !important;
outline-offset:2px !important;
}
/* Active nav link — bolder visual */
.main-nav .menu-item.current-menu-item > a,
.main-nav .menu-item.current-menu-ancestor > a{
color:#7A4A36 !important;
font-weight:700 !important;
}
.main-nav .menu-item.current-menu-item > a::after{
content:""; display:block; height:2px; background:#BD9866;
margin-top:4px;
}
/* Smooth scroll behavior with banner offset */
html{ scroll-padding-top:120px; }
[id^="buildings"],[id^="walls"],[id^="barriers"],
[id^="infrastructure"],[id^="mse"],[id^="towers"],
[id^="chalets"],[id^="substations"]{ scroll-margin-top:140px; }
/* Better mobile menu styling */
@media(max-width:992px){
.aw-clients-strip{ grid-template-columns:repeat(3,1fr) !important; }
.aw-service-card{ padding:24px 18px !important; }
}
@media(max-width:600px){
.aw-clients-strip{ grid-template-columns:repeat(2,1fr) !important; }
}
/* Print styles */
@media print{
.whb-top-bar,.whb-header,.main-footer,.copyrights-wrapper,.scroll-top,
.aw-skip-link,#wpadminbar{ display:none !important; }
body{ font-size:12pt; }
a[href]::after{ content:" (" attr(href) ")"; font-size:.8em; color:#666; }
}
/* Lazy-load CSS background project tiles */
@media(min-width:768px){
.wd-info-box.box-style-bg-hover{ contain:layout style paint; }
}
/* Cookie consent / privacy banner styling (if added) */
.aw-cookie-banner{
position:fixed; bottom:0; left:0; right:0; z-index:9999;
background:#1B2845; color:#fff; padding:16px 24px;
display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
gap:14px; box-shadow:0 -4px 18px rgba(0,0,0,.18);
font-size:.92rem;
}
.aw-cookie-banner .aw-cookie-text{ flex:1 1 360px; }
.aw-cookie-banner .aw-cookie-actions a,
.aw-cookie-banner .aw-cookie-actions button{
display:inline-block; padding:8px 18px; margin-left:8px;
background:#BD9866; color:#1B2845;
border-radius:4px; font-weight:600; text-decoration:none; border:0; cursor:pointer;
font-size:.85rem;
}
.aw-cookie-banner.aw-hidden{ display:none !important; }
/* aria-current="page" support */
[aria-current="page"]{
color:#7A4A36 !important;
font-weight:700 !important;
}
/* ======================================================
Subtitle/Eyebrow color fix for dark sections
====================================================== */
/* Default subtitle stays maroon */
.wd-subtitle, .subtitle{ color:#7A4A36 !important; }
/* On dark navy / maroon backgrounds, switch to gold-light */
.color-scheme-dark .wd-subtitle,
[woodmart_color_scheme="dark"] .wd-subtitle,
.vc_row[style*="background-color: #1B2845"] .wd-subtitle,
.vc_row[style*="background-color: rgb(27, 40, 69)"] .wd-subtitle,
.vc_row[style*="background-color: #1b2845"] .wd-subtitle,
.vc_row[style*="background-color: #7A4A36"] .wd-subtitle,
.vc_row[style*="background-color: rgb(122, 74, 54)"] .wd-subtitle,
.vc_row[style*="background-color: #7a4a36"] .wd-subtitle,
[data-vc-stretch-content="true"][style*="rgb(27, 40, 69)"] .wd-subtitle,
[data-vc-stretch-content="true"][style*="rgb(122, 74, 54)"] .wd-subtitle{
color:#E8C9A1 !important;
}
/* Same for sub-sub headings ("Our Strength" type liner-continer h4 in dark sections) */
[data-vc-stretch-content="true"][style*="rgb(27, 40, 69)"] .liner-continer h1,
[data-vc-stretch-content="true"][style*="rgb(27, 40, 69)"] .liner-continer h2,
[data-vc-stretch-content="true"][style*="rgb(27, 40, 69)"] .liner-continer h3,
[data-vc-stretch-content="true"][style*="rgb(27, 40, 69)"] .liner-continer h4,
[data-vc-stretch-content="true"][style*="rgb(27, 40, 69)"] .liner-continer h5,
[data-vc-stretch-content="true"][style*="rgb(122, 74, 54)"] .liner-continer h1,
[data-vc-stretch-content="true"][style*="rgb(122, 74, 54)"] .liner-continer h2,
[data-vc-stretch-content="true"][style*="rgb(122, 74, 54)"] .liner-continer h3,
[data-vc-stretch-content="true"][style*="rgb(122, 74, 54)"] .liner-continer h4,
[data-vc-stretch-content="true"][style*="rgb(122, 74, 54)"] .liner-continer h5{
color:#ffffff !important;
}
/* Dark sections — body text light */
[data-vc-stretch-content="true"][style*="rgb(27, 40, 69)"] .wd-text-block,
[data-vc-stretch-content="true"][style*="rgb(27, 40, 69)"] p,
[data-vc-stretch-content="true"][style*="rgb(122, 74, 54)"] .wd-text-block,
[data-vc-stretch-content="true"][style*="rgb(122, 74, 54)"] p{
color:rgba(255,255,255,.92) !important;
}
/* "Our Strength" / "Why Industry Leaders" specific override since they sit in the navy band but background is set via vc_row inline color */
.home .wd-counter+.wd-text-block,
.home [class*="row-bg-image"]{ }
/* Belt-and-suspenders: any h4 with class "title" inside a rendered dark vc_row */
.vc_row[style*="rgb(27, 40, 69)"] h1,
.vc_row[style*="rgb(27, 40, 69)"] h2,
.vc_row[style*="rgb(27, 40, 69)"] h3,
.vc_row[style*="rgb(27, 40, 69)"] h4,
.vc_row[style*="rgb(27, 40, 69)"] h5,
.vc_row[style*="rgb(27, 40, 69)"] .title-text,
.vc_row[style*="rgb(122, 74, 54)"] h1,
.vc_row[style*="rgb(122, 74, 54)"] h2,
.vc_row[style*="rgb(122, 74, 54)"] h3,
.vc_row[style*="rgb(122, 74, 54)"] h4,
.vc_row[style*="rgb(122, 74, 54)"] h5{
color:#ffffff !important;
}
.vc_row[style*="rgb(27, 40, 69)"] .wd-subtitle,
.vc_row[style*="rgb(122, 74, 54)"] .wd-subtitle{
color:#E8C9A1 !important;
}
/* ======================================================
Alwathba v5 — Header, Slider, Sections, Footer fixes
====================================================== */
/* ==== HEADER ==== */
/* Bigger logo */
.whb-row .site-logo a img,
.whb-row .site-logo img,
.site-logo img,
.whb-header .site-logo img{
height:auto !important;
width:auto !important;
}
/* Header Builder "Request a Quote" button — el_class on the
produced by WoodMart's button element (header_366968 → general-header). */
/* Header Builder "Request a Quote" button */
a.btn.aw-header-quote-btn{
background: linear-gradient(135deg, #AD1E21, #282E62) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: .06em !important;
font-size: .82rem !important;
padding: 10px 22px !important;
border-radius: 6px !important;
box-shadow: 0 4px 14px rgba(40, 46, 98, 0.28) !important;
transition: all .25s ease !important;
}
a.btn.aw-header-quote-btn:hover{
background: linear-gradient(135deg, #282E62, #AD1E21) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 22px rgba(173, 30, 33, 0.35) !important;
}
a.btn.aw-header-quote-btn::before{
content:"\270D";
margin-right:8px;
font-size:.95rem;
}
.wd-button-wrapper:has(> a.btn.aw-header-quote-btn){ margin-left:14px !important; }
/* ==== HERO SLIDER ==== */
/* Add gradient overlay so text reads on any image */
.home-slider .swiper-slide,
.wd-slider .swiper-slide,
[class*="home-slider"] .swiper-slide{
position:relative !important;
}
.home-slider .swiper-slide::after,
.wd-slider .swiper-slide::after{
content:""; position:absolute; inset:0;
background:linear-gradient(to right,rgba(19,28,50,.78) 0%,rgba(19,28,50,.45) 50%,rgba(19,28,50,.18) 100%);
pointer-events:none; z-index:1;
}
.home-slider .swiper-slide > *,
.wd-slider .swiper-slide > *,
.home-slider .vc_row,
.wd-slider .vc_row{
position:relative !important; z-index:2 !important;
}
/* Slider headings always white with text-shadow */
.home-slider .wd-text-block,
.wd-slider .wd-text-block,
.home-slider .liner-continer h1,
.home-slider .liner-continer h2,
.home-slider .liner-continer h3,
.home-slider .liner-continer h4,
.wd-slider h1, .wd-slider h2, .wd-slider h3{
color:#ffffff !important;
text-shadow:0 2px 18px rgba(0,0,0,.4) !important;
}
.home-slider .wd-text-block strong,
.wd-slider .wd-text-block strong{
color:#E8C9A1 !important;
}
/* ==== HOMEPAGE — WHY INDUSTRY LEADERS (dark navy band) ==== */
/* Force ALL text on the dark navy band to be readable */
.home [data-vc-stretch-content="true"][style*="rgb(19, 28, 50)"] *,
.home .vc_row[style*="rgb(19, 28, 50)"] *,
.home [data-vc-stretch-content="true"][style*="rgb(27, 40, 69)"] *,
.home .vc_row[style*="rgb(27, 40, 69)"] *,
.home .vc_row.row-bg-image-color *,
.home .vc_row[style*="background-color: #131C32"] *,
.home .vc_row[style*="background-color: #1B2845"] *{
color:rgba(255,255,255,.92) !important;
}
.home [data-vc-stretch-content="true"][style*="rgb(19, 28, 50)"] h1,
.home [data-vc-stretch-content="true"][style*="rgb(19, 28, 50)"] h2,
.home [data-vc-stretch-content="true"][style*="rgb(19, 28, 50)"] h3,
.home [data-vc-stretch-content="true"][style*="rgb(19, 28, 50)"] h4,
.home [data-vc-stretch-content="true"][style*="rgb(27, 40, 69)"] h1,
.home [data-vc-stretch-content="true"][style*="rgb(27, 40, 69)"] h2,
.home [data-vc-stretch-content="true"][style*="rgb(27, 40, 69)"] h3,
.home [data-vc-stretch-content="true"][style*="rgb(27, 40, 69)"] h4,
.home .vc_row[style*="rgb(19, 28, 50)"] h1,
.home .vc_row[style*="rgb(19, 28, 50)"] h2,
.home .vc_row[style*="rgb(19, 28, 50)"] h3,
.home .vc_row[style*="rgb(19, 28, 50)"] h4,
.home .vc_row[style*="rgb(27, 40, 69)"] h1,
.home .vc_row[style*="rgb(27, 40, 69)"] h2,
.home .vc_row[style*="rgb(27, 40, 69)"] h3,
.home .vc_row[style*="rgb(27, 40, 69)"] h4{
color:#ffffff !important;
}
.home [data-vc-stretch-content="true"][style*="rgb(19, 28, 50)"] .wd-subtitle,
.home [data-vc-stretch-content="true"][style*="rgb(27, 40, 69)"] .wd-subtitle,
.home .vc_row[style*="rgb(19, 28, 50)"] .wd-subtitle,
.home .vc_row[style*="rgb(27, 40, 69)"] .wd-subtitle{
color:#E8C9A1 !important;
}
/* ==== HOMEPAGE — Products grid spacing ==== */
.home .wd-info-box.box-icon-simple{
padding:12px 14px !important;
margin-bottom:8px !important;
}
.home .vc_row .vc_row-inner-flex,
.home .vc_row .vc_row{
/* Tighter row-rhythm */
}
/* The "Our Products" 6-card row tightening */
.home .vc_row[data-vc-stretch-content="true"]:has(.box-icon-simple) .vc_column-inner{
padding-top:0 !important;
padding-bottom:0 !important;
}
/* ==== HOMEPAGE — What We Do icons ==== */
.aw-service-card{
position:relative !important;
}
.aw-service-card > div:first-child{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
font-family:'Poppins',sans-serif !important;
font-size:1.8rem !important;
line-height:1 !important;
font-weight:700 !important;
}
/* ==== HOMEPAGE — Clients strip alignment ==== */
.aw-clients-strip{
display:grid !important;
grid-template-columns:repeat(5,1fr) !important;
gap:14px !important;
align-items:stretch !important;
max-width:1180px !important;
margin:0 auto !important;
}
.aw-clients-strip .aw-client-cell{
width:auto !important;
min-height:96px !important;
padding:14px 12px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
background:#ffffff !important;
border:1px solid #ECE5D7 !important;
border-radius:8px !important;
}
.aw-clients-strip .aw-client-cell img{
max-height:50px !important;
width:auto !important;
max-width:90% !important;
object-fit:contain !important;
}
@media(max-width:992px){
.aw-clients-strip{ grid-template-columns:repeat(3,1fr) !important; }
}
@media(max-width:600px){
.aw-clients-strip{ grid-template-columns:repeat(2,1fr) !important; }
}
/* ==== FOOTER ==== */
/* Reduced top padding */
.main-footer > .vc_row,
.main-footer .vc_row:first-child{
padding-top:48px !important;
padding-bottom:24px !important;
}
/* Logo full-width of column */
.main-footer .vc_single_image-wrapper{
display:block !important;
width:100% !important;
max-width:260px !important;
background:#ffffff !important;
padding:14px 18px !important;
margin-bottom:18px !important;
text-align:center !important;
}
.main-footer .vc_single_image-img{
max-height:none !important;
width:100% !important;
height:auto !important;
display:block !important;
margin:0 auto !important;
}
/* Footer column titles left-aligned with gold underline */
.main-footer .liner-continer,
.main-footer .woodmart-title-container{
text-align:left !important;
}
.main-footer .liner-continer h1,
.main-footer .liner-continer h2,
.main-footer .liner-continer h3,
.main-footer .liner-continer h4,
.main-footer .liner-continer h5,
.main-footer .woodmart-title-container{
text-align:left !important;
margin-left:0 !important;
}
.main-footer .liner-continer::after{
left:0 !important;
}
/* Copyright bar — reduced top space + designed by bizsquare */
.copyrights-wrapper,.copyrights-1,.site-copyright{
padding:14px 0 !important;
margin-top:0 !important;
border-top:1px solid rgba(255,255,255,.06) !important;
background-color:#0d1322 !important;
}
.copyrights-wrapper .container,
.copyrights-1 .container,
.site-copyright .container{
display:flex !important;
justify-content:space-between !important;
align-items:center !important;
flex-wrap:wrap !important;
gap:10px !important;
}
.copyrights-wrapper .container::before,
.copyrights-1 .container::before,
.site-copyright .container::before{
content:"Designed by Bizsquare";
color:rgba(232,201,161,.85);
font-size:.85rem;
letter-spacing:.04em;
order:-1;
}
@media(max-width:600px){
.copyrights-wrapper .container,
.copyrights-1 .container{ justify-content:center !important; text-align:center !important; }
}
/* ==== Home page CTA banner (replaces "Have a Project in Mind?" block) ==== */
.aw-cta-banner{
position:relative !important;
padding-top:110px !important;
padding-bottom:110px !important;
background-image: linear-gradient(135deg,rgba(27,40,69,.92) 0%,rgba(122,74,54,.86) 100%), url('/wp-content/uploads/2026/05/IMG-20240514-WA0007.jpg') !important;
background-position:center !important;
background-size:cover !important;
background-repeat:no-repeat !important;
}
.aw-cta-banner .wd-subtitle{ color:#E8C9A1 !important; -webkit-text-fill-color:#E8C9A1 !important; }
.aw-cta-banner h2{ color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; }
.aw-cta-banner p{ color:rgba(255,255,255,.92) !important; -webkit-text-fill-color:rgba(255,255,255,.92) !important; }
.aw-cta-btn{ display:inline-block; transition:all .25s ease !important; }
.aw-cta-btn-primary{
color:#1B2845 !important;
-webkit-text-fill-color:#1B2845 !important;
background:#E8C9A1 !important;
}
.aw-cta-btn-ghost{
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
}
.aw-cta-btn-primary:hover{
background:#ffffff !important;
color:#7A4A36 !important;
-webkit-text-fill-color:#7A4A36 !important;
transform:translateY(-2px) !important;
box-shadow:0 12px 28px rgba(255,255,255,.28) !important;
}
.aw-cta-btn-ghost:hover{
background:#ffffff !important;
color:#1B2845 !important;
-webkit-text-fill-color:#1B2845 !important;
border-color:#ffffff !important;
transform:translateY(-2px) !important;
}
.aw-cta-banner .aw-cta-meta span{
color:rgba(255,255,255,.78) !important;
-webkit-text-fill-color:rgba(255,255,255,.78) !important;
}
.aw-cta-banner .aw-cta-actions{
display:flex !important;
gap:16px !important;
justify-content:center !important;
flex-wrap:wrap !important;
margin:0 0 28px !important;
}
.aw-cta-banner .aw-cta-actions br{ display:none !important; }
@media(max-width:640px){
.aw-cta-banner{ padding-top:70px !important; padding-bottom:70px !important; }
.aw-cta-banner h2{ font-size:1.7rem !important; }
.aw-cta-actions{ flex-direction:column !important; align-items:stretch !important; padding:0 24px !important; }
.aw-cta-btn{ display:block !important; text-align:center !important; }
.aw-cta-meta{ font-size:.72rem !important; gap:14px !important; }
}
/* ==== Request a Quote page (CF7 form on /request-a-quote/) ==== */
.aw-quote-page-hero{
position:relative !important;
padding-top:90px !important;
padding-bottom:70px !important;
background-image: linear-gradient(135deg,rgba(27,40,69,.92) 0%,rgba(122,74,54,.85) 100%), url('/wp-content/uploads/2026/05/IMG-20240514-WA0007.jpg') !important;
background-position:center !important;
background-size:cover !important;
background-repeat:no-repeat !important;
}
.aw-quote-page-body{ padding-top:70px !important; padding-bottom:70px !important; }
.aw-quote-page-form-col{ padding-right:30px !important; }
.aw-quote-page-hero-inner{
text-align:center;
max-width:820px;
margin:0 auto;
color:#ffffff;
}
.aw-quote-page-eyebrow{
display:inline-block;
font-size:.85rem;
font-weight:700;
letter-spacing:.22em;
text-transform:uppercase;
color:#E8C9A1 !important;
-webkit-text-fill-color:#E8C9A1 !important;
margin-bottom:14px;
}
.aw-quote-page-headline{
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
font-size:2.6rem !important;
font-weight:700 !important;
margin:0 0 14px !important;
line-height:1.15 !important;
}
.aw-quote-page-lead{
font-size:1.05rem !important;
line-height:1.65 !important;
color:rgba(255,255,255,.92) !important;
-webkit-text-fill-color:rgba(255,255,255,.92) !important;
margin:0 !important;
}
.aw-quote-page-form-title{
font-size:1.7rem !important;
color:#1B2845 !important;
-webkit-text-fill-color:#1B2845 !important;
margin:0 0 8px !important;
font-weight:700 !important;
}
.aw-quote-page-form-sub{
color:#5C5C5C !important;
margin:0 0 24px !important;
}
.aw-quote-page-req{ color:#7A4A36 !important; font-weight:700 !important; }
.aw-quote-info-card{
background:#fafaf8;
border:1px solid #ECE6DA;
border-radius:12px;
padding:28px;
}
.aw-quote-info-title{
font-size:1.15rem !important;
color:#1B2845 !important;
-webkit-text-fill-color:#1B2845 !important;
margin:0 0 18px !important;
font-weight:700 !important;
}
.aw-quote-info-row{
display:flex !important;
align-items:flex-start !important;
gap:14px !important;
margin-bottom:18px;
}
.aw-quote-info-row-last{ margin-bottom:0 !important; }
.aw-quote-info-icon{
display:inline-flex !important;
width:40px;
height:40px;
border-radius:50%;
background:linear-gradient(135deg,#7A4A36,#1B2845) !important;
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
align-items:center;
justify-content:center;
flex-shrink:0;
font-size:.95rem;
}
.aw-quote-info-icon i{ color:inherit !important; -webkit-text-fill-color:inherit !important; }
.aw-quote-info-icon svg{ width:18px; height:18px; stroke:#ffffff; color:#ffffff; }
.aw-quote-info-text{ flex:1; min-width:0; }
.aw-quote-info-label{
font-size:.74rem;
font-weight:700;
letter-spacing:.16em;
text-transform:uppercase;
color:#7A4A36 !important;
-webkit-text-fill-color:#7A4A36 !important;
margin-bottom:2px;
}
.aw-quote-info-value{
color:#1B2845 !important;
-webkit-text-fill-color:#1B2845 !important;
font-weight:600;
text-decoration:none;
line-height:1.55;
}
a.aw-quote-info-value:hover{ color:#7A4A36 !important; -webkit-text-fill-color:#7A4A36 !important; }
.aw-quote-info-iso{
margin-top:18px;
background:#1B2845;
color:#ffffff !important;
border-radius:12px;
padding:22px;
text-align:center;
}
.aw-quote-info-iso-label{
font-size:.74rem;
font-weight:700;
letter-spacing:.18em;
text-transform:uppercase;
color:#E8C9A1 !important;
-webkit-text-fill-color:#E8C9A1 !important;
margin-bottom:10px;
}
.aw-quote-info-iso-list{
display:flex !important;
justify-content:center;
gap:12px;
flex-wrap:wrap;
font-weight:700;
font-size:.92rem;
}
.aw-quote-info-iso-list span{
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
}
.aw-quote-info-iso-list .sep{ opacity:.45; }
.aw-quote-page-hero p{ color:rgba(255,255,255,.92) !important; }
.aw-quote-page-hero .wd-subtitle{ color:#E8C9A1 !important; }
.aw-quote-page-form-col .wpcf7,
.aw-quote-page-form-col .wpcf7-form{
max-width:none !important;
}
.aw-quote-page-form-col .aw-cf7{ display:block; }
.aw-quote-page-form-col .aw-cf7-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px 18px;
}
.aw-quote-page-form-col label{
display:block;
font-size:.84rem;
font-weight:700;
letter-spacing:.04em;
color:#1B2845;
margin-bottom:14px;
}
.aw-quote-page-form-col label .req{ color:#7A4A36; }
.aw-quote-page-form-col .wpcf7-form-control-wrap{
display:block;
margin-top:6px;
}
.aw-quote-page-form-col input[type="text"],
.aw-quote-page-form-col input[type="email"],
.aw-quote-page-form-col input[type="tel"],
.aw-quote-page-form-col select,
.aw-quote-page-form-col textarea{
width:100% !important;
padding:13px 16px !important;
border:1px solid #E5E0D8 !important;
border-radius:6px !important;
font-family:'Inter',sans-serif !important;
font-size:.95rem !important;
background:#fafaf8 !important;
color:#1B2845 !important;
transition:all .25s ease !important;
font-weight:500 !important;
}
.aw-quote-page-form-col input:focus,
.aw-quote-page-form-col select:focus,
.aw-quote-page-form-col textarea:focus{
outline:0 !important;
border-color:#7A4A36 !important;
background:#ffffff !important;
box-shadow:0 0 0 3px rgba(122,74,54,.10) !important;
}
.aw-quote-page-form-col textarea{ min-height:140px !important; resize:vertical !important; }
.aw-quote-page-form-col .aw-cf7-submit,
.aw-quote-page-form-col input[type="submit"].aw-cf7-submit,
.aw-quote-page-form-col input[type="submit"]{
margin-top:8px !important;
padding:15px 38px !important;
background:linear-gradient(135deg,#7A4A36,#5C3829) !important;
color:#ffffff !important;
border:0 !important;
border-radius:6px !important;
font-weight:800 !important;
text-transform:uppercase !important;
letter-spacing:.08em !important;
font-size:.9rem !important;
cursor:pointer !important;
transition:all .25s ease !important;
box-shadow:0 8px 20px rgba(122,74,54,.22) !important;
}
.aw-quote-page-form-col input[type="submit"]:hover{
background:linear-gradient(135deg,#5C3829,#1B2845) !important;
transform:translateY(-2px) !important;
box-shadow:0 12px 26px rgba(122,74,54,.30) !important;
}
.aw-quote-page-form-col .wpcf7 form .wpcf7-response-output{
margin:24px 0 0 !important;
padding:14px 18px !important;
border-radius:6px !important;
font-size:.92rem !important;
}
.aw-quote-page-form-col .wpcf7-not-valid-tip{
color:#B33A3A !important;
font-size:.78rem !important;
font-weight:600 !important;
margin-top:4px !important;
}
.aw-quote-page-info-col .aw-quote-info-card a:hover{ color:#7A4A36 !important; }
@media(max-width:991px){
.aw-quote-page-form-col{ padding-right:15px !important; }
}
@media(max-width:640px){
.aw-quote-page-hero h1{ font-size:1.9rem !important; }
.aw-quote-page-form-col .aw-cf7-row{ grid-template-columns:1fr !important; }
}
/* ==== Reduce vertical gap between sections ==== */
.home .vc_row:first-child{ padding-top:0 !important; padding-bottom:0 !important; }
/* ==== "Our Strength" specific eyebrow visibility ==== */
.home .wd-subtitle{
color:#7A4A36 !important;
}
/* But on dark sections gold */
.home [style*="rgb(19, 28, 50)"] .wd-subtitle,
.home [style*="rgb(27, 40, 69)"] .wd-subtitle,
.home [style*="background-color: #1B2845"] .wd-subtitle,
.home [style*="background-color: #131C32"] .wd-subtitle,
.home [style*="background-color: #7A4A36"] .wd-subtitle{
color:#E8C9A1 !important;
}
/* ======================================================
SLIDER FIX — overlay on .wd-slide-inner for text contrast
====================================================== */
.wd-slide-inner{
position:relative !important;
isolation:isolate;
}
.wd-slide-inner::before{
content:"";
position:absolute; inset:0;
background:linear-gradient(135deg,rgba(19,28,50,.78) 0%,rgba(19,28,50,.45) 50%,rgba(19,28,50,.18) 100%) !important;
z-index:0 !important;
pointer-events:none !important;
}
.wd-slide-inner > *,
.wd-slide-inner .wpb-content-wrapper,
.wd-slide-inner .vc_row,
.wd-slide-inner .vc_column,
.wd-slide-inner .wd-text-block,
.wd-slide-inner h1,
.wd-slide-inner h2,
.wd-slide-inner h3{
position:relative !important;
z-index:2 !important;
}
.wd-slide-inner .wd-text-block,
.wd-slide-inner .liner-continer h4,
.wd-slide-inner h1,
.wd-slide-inner h2,
.wd-slide-inner h3{
color:#ffffff !important;
text-shadow:0 2px 16px rgba(0,0,0,.45) !important;
}
/* Slider button styling */
.wd-slide-inner .wd-button,
.wd-slide-inner .btn,
.wd-slide-inner a.button{
background:#ffffff !important;
color:#1B2845 !important;
font-weight:700 !important;
text-transform:uppercase !important;
letter-spacing:.06em !important;
padding:14px 32px !important;
border-radius:6px !important;
text-shadow:none !important;
box-shadow:0 6px 18px rgba(0,0,0,.18) !important;
transition:all .3s ease !important;
}
.wd-slide-inner .wd-button:hover,
.wd-slide-inner a.button:hover{
background:#BD9866 !important;
color:#ffffff !important;
transform:translateY(-2px) !important;
}
/* Re-position the slider's animated info box (the "stamp") */
.wd-slide-inner .info-box-icon{
filter:drop-shadow(0 4px 14px rgba(0,0,0,.4));
}
/* ======================================================
SLIDER FIX v2 — overlay on .wd-slide (the actual slide)
====================================================== */
.wd-slide,
.wd-slide.wd-carousel-item{
position:relative !important;
isolation:isolate;
}
.wd-slide::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
background:linear-gradient(135deg,rgba(19,28,50,.78) 0%,rgba(19,28,50,.45) 50%,rgba(19,28,50,.18) 100%) !important;
z-index:1 !important;
pointer-events:none !important;
}
.wd-slide > *,
.wd-slide .wd-slide-container,
.wd-slide .wd-slide-inner,
.wd-slide .wpb-content-wrapper,
.wd-slide .vc_row,
.wd-slide .vc_column,
.wd-slide .wd-text-block,
.wd-slide h1, .wd-slide h2, .wd-slide h3{
position:relative !important;
z-index:2 !important;
}
.wd-slide .wd-text-block,
.wd-slide .liner-continer h4,
.wd-slide h1, .wd-slide h2, .wd-slide h3{
color:#ffffff !important;
text-shadow:0 2px 16px rgba(0,0,0,.45) !important;
}
/* Buttons in slider */
.wd-slide .wd-button,
.wd-slide a.btn,
.wd-slide a.button{
background:#ffffff !important;
color:#1B2845 !important;
font-weight:700 !important;
text-shadow:none !important;
box-shadow:0 6px 18px rgba(0,0,0,.18) !important;
}
.wd-slide .wd-button:hover{
background:#BD9866 !important;
color:#ffffff !important;
}
/* Remove the inner overlay from v1 since it caused the boxed effect */
.wd-slide-inner::before{ display:none !important; }
/* ======================================================
SLIDER FIX v3 — let bg show through, use text shadow + bg gradient on text container only
====================================================== */
/* Reset previous overlays */
.wd-slide::before,
.wd-slide-inner::before{ display:none !important; }
/* Apply a soft global tint via slide parent background */
.wd-slide{
position:relative !important;
}
/* Add a SUBTLE darkening via filter on the slide background */
.wd-slide-container{
position:relative !important;
}
.wd-slide-container::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
background:linear-gradient(135deg,rgba(19,28,50,.62) 0%,rgba(19,28,50,.30) 50%,rgba(19,28,50,.10) 100%) !important;
z-index:1 !important;
pointer-events:none !important;
}
.wd-slide-container > *,
.wd-slide-container .wd-slide-inner,
.wd-slide-container .wpb-content-wrapper,
.wd-slide-container .vc_row,
.wd-slide-container .wd-text-block,
.wd-slide-container h1, .wd-slide-container h2, .wd-slide-container h3{
position:relative !important;
z-index:2 !important;
}
.wd-slide .wd-text-block,
.wd-slide-inner .wd-text-block,
.wd-slide-container .wd-text-block,
.wd-slide h1, .wd-slide h2, .wd-slide h3{
color:#ffffff !important;
text-shadow:0 2px 12px rgba(0,0,0,.65), 0 0 4px rgba(0,0,0,.4) !important;
font-weight:800 !important;
}
/* Slider buttons — stay light */
.wd-slide .wd-button,
.wd-slide a.btn,
.wd-slide .btn{
background:#ffffff !important;
color:#1B2845 !important;
font-weight:700 !important;
text-shadow:none !important;
box-shadow:0 6px 18px rgba(0,0,0,.18) !important;
}
/* ======================================================
SLIDER FIX v4 — inset box-shadow tint
====================================================== */
.wd-slide-container::before,
.wd-slide-inner::before,
.wd-slide::before{ display:none !important; }
/* Tint the slide via inset box-shadow */
.wd-slide{
box-shadow:inset 1500px 0 0 0 rgba(19,28,50,.45) !important;
position:relative !important;
}
/* Force text white with stronger shadow for any contrast level */
.wd-slide,
.wd-slide *,
.wd-slide-inner,
.wd-slide-inner *,
.wd-slide-container,
.wd-slide-container *{
/* don't blanket — only specific things */
}
.wd-slide .wd-text-block,
.wd-slide-inner .wd-text-block,
.wd-slide .liner-continer h4,
.wd-slide-inner .liner-continer h4,
.wd-slide-container .wd-text-block,
.wd-slide-container .liner-continer h4,
.wd-slide h1, .wd-slide h2, .wd-slide h3, .wd-slide h4,
.wd-slide-inner h1, .wd-slide-inner h2, .wd-slide-inner h3, .wd-slide-inner h4{
color:#ffffff !important;
text-shadow:
0 2px 14px rgba(0,0,0,.85),
0 0 6px rgba(0,0,0,.6),
0 1px 0 rgba(0,0,0,.5) !important;
font-weight:800 !important;
}
/* Slider buttons */
.wd-slide .wd-button,
.wd-slide a.btn{
background:#ffffff !important;
color:#1B2845 !important;
font-weight:700 !important;
text-shadow:none !important;
box-shadow:0 6px 18px rgba(0,0,0,.18) !important;
}
/* ======================================================
SLIDER FIX v5 — explicit bg images on slides + overlay
====================================================== */
/* Reset everything */
.wd-slide-container::before,
.wd-slide-inner::before,
.wd-slide::before{ display:none !important; }
.wd-slide{ box-shadow:none !important; }
/* Set bg images on each slide explicitly (using uploaded project photos) */
#slide-10699{
background-image:linear-gradient(135deg,rgba(19,28,50,.65) 0%,rgba(19,28,50,.30) 50%,rgba(122,74,54,.18) 100%),url(/wp-content/uploads/2026/05/SHAHAMA-2.jpg) !important;
background-size:cover !important;
background-position:center !important;
background-repeat:no-repeat !important;
position:relative !important;
}
#slide-10703{
background-image:linear-gradient(135deg,rgba(19,28,50,.70) 0%,rgba(19,28,50,.35) 50%,rgba(19,28,50,.18) 100%),url(/wp-content/uploads/2026/05/SHAHAMA-1.jpg) !important;
background-size:cover !important;
background-position:center !important;
background-repeat:no-repeat !important;
position:relative !important;
}
#slide-10704{
background-image:linear-gradient(135deg,rgba(19,28,50,.70) 0%,rgba(19,28,50,.35) 50%,rgba(122,74,54,.20) 100%),url(/wp-content/uploads/2026/05/IMG-20240514-WA0010.jpg) !important;
background-size:cover !important;
background-position:center !important;
background-repeat:no-repeat !important;
position:relative !important;
}
/* Force text white with strong shadow */
.wd-slide .wd-text-block,
.wd-slide-inner .wd-text-block,
.wd-slide .liner-continer h4,
.wd-slide-inner .liner-continer h4,
.wd-slide-container .wd-text-block,
.wd-slide-container .liner-continer h4,
.wd-slide h1, .wd-slide h2, .wd-slide h3, .wd-slide h4,
.wd-slide-inner h1, .wd-slide-inner h2, .wd-slide-inner h3, .wd-slide-inner h4{
color:#ffffff !important;
text-shadow:0 2px 14px rgba(0,0,0,.55), 0 0 4px rgba(0,0,0,.3) !important;
font-weight:800 !important;
}
/* Slide container — minimal padding */
.wd-slide-container,
.wd-slide-inner{
background:transparent !important;
}
/* Slider buttons stay light */
.wd-slide .wd-button,
.wd-slide a.btn{
background:#ffffff !important;
color:#1B2845 !important;
font-weight:700 !important;
text-shadow:none !important;
box-shadow:0 6px 18px rgba(0,0,0,.18) !important;
}
.wd-slide .wd-button:hover{ background:#BD9866 !important; color:#fff !important; }
/* Slide nav arrows */
.wd-carousel-nav-prev,
.wd-carousel-nav-next,
.wd-carousel .wd-btn-arrow{
background:rgba(255,255,255,.92) !important;
color:#1B2845 !important;
box-shadow:0 4px 14px rgba(0,0,0,.18) !important;
}
.wd-carousel-nav-prev:hover,
.wd-carousel-nav-next:hover{
background:#BD9866 !important;
color:#fff !important;
}
/* ======================================================
SLIDER FIX v6 — maximum specificity, text-fill-color
====================================================== */
html body .wd-slide,
html body .wd-slide *,
html body .wd-slide-container,
html body .wd-slide-container *,
html body .wd-slide-inner,
html body .wd-slide-inner *,
html body #slide-10699,
html body #slide-10699 *,
html body #slide-10703,
html body #slide-10703 *,
html body #slide-10704,
html body #slide-10704 *{
/*color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;*/
}
html body .wd-slide .wd-text-block,
html body .wd-slide-inner .wd-text-block,
html body .wd-slide-container .wd-text-block,
html body .wd-slide h1,
html body .wd-slide h2,
html body .wd-slide h3,
html body .wd-slide h4,
html body .wd-slide-inner h1,
html body .wd-slide-inner h2,
html body .wd-slide-inner h3,
html body .wd-slide-inner h4,
html body .wd-slide .liner-continer h1,
html body .wd-slide .liner-continer h2,
html body .wd-slide .liner-continer h3,
html body .wd-slide .liner-continer h4{
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
text-shadow:0 2px 14px rgba(0,0,0,.55), 0 0 4px rgba(0,0,0,.3) !important;
font-weight:800 !important;
background:transparent !important;
}
/* Slider buttons - dark text on white bg */
html body .wd-slide .wd-button,
html body .wd-slide a.btn,
html body .wd-slide .btn{
background:#ffffff !important;
color:#1B2845 !important;
-webkit-text-fill-color:#1B2845 !important;
font-weight:700 !important;
text-shadow:none !important;
box-shadow:0 6px 18px rgba(0,0,0,.18) !important;
}
/* ======================================================
Alwathba v6 — About / Projects / Clients / Careers / Contact
====================================================== */
/* ==== Universal text safety ==== */
.page-id-18 .vc_row[style*="rgb(255, 255, 255)"] h1,
.page-id-18 .vc_row[style*="rgb(255, 255, 255)"] h2,
.page-id-18 .vc_row[style*="rgb(255, 255, 255)"] h3,
.page-id-18 .vc_row[style*="rgb(255, 255, 255)"] h4,
.page-id-18 .vc_row[style*="rgb(255, 255, 255)"] p,
.page-id-18 .vc_row[style*="#F5F1EA"] h1,
.page-id-18 .vc_row[style*="#F5F1EA"] h2,
.page-id-18 .vc_row[style*="#F5F1EA"] h3,
.page-id-18 .vc_row[style*="#F5F1EA"] h4,
.page-id-18 .vc_row[style*="#F5F1EA"] p{
color:initial !important;
}
/* About Us — let inline styles handle colors */
.page-id-18 .vc_row[style*="rgb(255, 255, 255)"] h2,
.page-id-18 .vc_row[style*="rgb(245, 241, 234)"] h2{
color:#1B2845 !important;
}
/* ==== About Us — balanced columns ==== */
.aw-balanced-col,
.page-id-18 .wpb_column.aw-balanced-col,
.page-id-18 .wpb_column[class*="aw-balanced-col"]{
display:flex !important;
flex-direction:column !important;
}
.page-id-18 .wpb_column.aw-balanced-col .vc_column-inner{
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
height:100% !important;
}
.page-id-18 .wpb_column.aw-balanced-col .wpb_text_column{
height:100% !important;
}
.page-id-18 .aw-about-image-wrap{
height:100% !important;
min-height:480px !important;
}
.page-id-18 .vc_row{
align-items:stretch !important;
}
/* About Us — VMV cards hover */
.aw-vmv-card{ transition:all .35s ease !important; }
.aw-vmv-card:hover{
background:rgba(255,255,255,.10) !important;
border-color:#BD9866 !important;
transform:translateY(-4px);
box-shadow:0 14px 32px rgba(0,0,0,.25);
}
/* ==== Projects — lightbox-styled cards ==== */
.aw-projects-grid{
margin:0 auto !important;
}
.aw-project-card{
display:block !important;
background:#fff !important;
border-radius:12px !important;
overflow:hidden !important;
box-shadow:0 6px 18px rgba(27,40,69,.10) !important;
text-decoration:none !important;
transition:all .35s ease !important;
cursor:zoom-in !important;
}
.aw-project-card:hover{
transform:translateY(-6px) !important;
box-shadow:0 14px 32px rgba(27,40,69,.22) !important;
}
.aw-project-img{
position:relative;
aspect-ratio:4/3;
overflow:hidden;
background:#1B2845;
}
.aw-project-img img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
transition:transform .5s ease, opacity .35s ease !important;
}
.aw-project-card:hover .aw-project-img img{
transform:scale(1.06) !important;
opacity:.92 !important;
}
.aw-project-img::after{
content:"\2922";
position:absolute;
top:50%; left:50%;
transform:translate(-50%,-50%) scale(.6);
width:54px; height:54px;
background:rgba(189,152,102,.95);
color:#fff;
display:flex; align-items:center; justify-content:center;
border-radius:50%;
font-size:1.4rem; font-weight:700;
opacity:0;
transition:all .35s ease;
box-shadow:0 6px 18px rgba(0,0,0,.3);
}
.aw-project-card:hover .aw-project-img::after{
opacity:1;
transform:translate(-50%,-50%) scale(1);
}
.aw-project-meta{
padding:18px 20px 22px;
}
.aw-project-cat{
display:block;
font-size:.72rem;
font-weight:700;
letter-spacing:.16em;
text-transform:uppercase;
color:#7A4A36 !important;
margin-bottom:6px;
}
.aw-project-title{
color:#1B2845 !important;
font-size:1.05rem !important;
font-weight:700 !important;
margin:0 !important;
line-height:1.35 !important;
}
.aw-project-card:hover .aw-project-title{
color:#7A4A36 !important;
}
/* Projects "Start a Project" CTA visibility */
.page-id-10503 a.aw-cta-btn,
.page-id-10503 .vc_row[style*="rgb(122, 74, 54)"] a{
background:#ffffff !important;
color:#7A4A36 !important;
-webkit-text-fill-color:#7A4A36 !important;
font-weight:800 !important;
display:inline-block !important;
padding:16px 40px !important;
border-radius:6px !important;
text-decoration:none !important;
text-transform:uppercase !important;
letter-spacing:.08em !important;
box-shadow:0 8px 24px rgba(0,0,0,.25) !important;
transition:all .3s ease !important;
}
.page-id-10503 a.aw-cta-btn:hover,
.page-id-10503 .vc_row[style*="rgb(122, 74, 54)"] a:hover{
background:#E8C9A1 !important;
color:#1B2845 !important;
-webkit-text-fill-color:#1B2845 !important;
transform:translateY(-2px) !important;
}
/* ==== Lightbox ==== */
.aw-lightbox-overlay{
position:fixed; inset:0;
background:rgba(13,19,34,.94);
z-index:99999;
display:none;
align-items:center; justify-content:center;
padding:30px;
animation:awFadeIn .25s ease;
}
.aw-lightbox-overlay.aw-open{ display:flex !important; }
.aw-lightbox-overlay img{
max-width:92vw !important;
max-height:86vh !important;
border-radius:8px;
box-shadow:0 18px 50px rgba(0,0,0,.5);
}
.aw-lightbox-close,
.aw-lightbox-prev,
.aw-lightbox-next{
position:absolute;
background:rgba(255,255,255,.12);
border:0;
color:#fff;
width:50px; height:50px;
border-radius:50%;
font-size:1.5rem;
cursor:pointer;
display:flex; align-items:center; justify-content:center;
transition:all .25s ease;
}
.aw-lightbox-close{ top:24px; right:24px; }
.aw-lightbox-prev{ left:24px; top:50%; transform:translateY(-50%); }
.aw-lightbox-next{ right:24px; top:50%; transform:translateY(-50%); }
.aw-lightbox-close:hover,
.aw-lightbox-prev:hover,
.aw-lightbox-next:hover{
background:#BD9866;
}
.aw-lightbox-caption{
position:absolute;
bottom:30px; left:50%;
transform:translateX(-50%);
color:#fff;
background:rgba(0,0,0,.6);
padding:8px 18px;
border-radius:20px;
font-size:.9rem;
letter-spacing:.04em;
}
/* ==== Clients — improved grid + styled badges ==== */
.aw-clients-grid{
display:grid !important;
grid-template-columns:repeat(5,1fr) !important;
gap:18px !important;
max-width:1280px !important;
margin:0 auto !important;
}
@media(max-width:992px){ .aw-clients-grid{ grid-template-columns:repeat(3,1fr) !important; } }
@media(max-width:600px){ .aw-clients-grid{ grid-template-columns:repeat(2,1fr) !important; } }
.aw-clients-grid .aw-client-cell{
background:#ffffff !important;
border:1px solid #ECE5D7 !important;
border-radius:10px !important;
padding:18px 12px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
min-height:120px !important;
text-align:center !important;
transition:all .3s ease !important;
}
.aw-clients-grid .aw-client-cell:hover{
border-color:#BD9866 !important;
box-shadow:0 8px 22px rgba(27,40,69,.10) !important;
transform:translateY(-3px) !important;
}
.aw-clients-grid .aw-client-cell img{
max-height:60px !important;
width:auto !important;
max-width:88% !important;
object-fit:contain !important;
filter:grayscale(20%);
opacity:.92;
transition:all .3s ease !important;
}
.aw-clients-grid .aw-client-cell:hover img{
filter:grayscale(0); opacity:1; transform:scale(1.05);
}
/* Text-based client badges */
.aw-client-cell.aw-client-text{
background:linear-gradient(135deg,#FBF7F1 0%,#F5F1EA 100%) !important;
}
.aw-client-cell.aw-client-text .aw-client-badge{
text-align:center;
padding:6px;
width:100%;
}
.aw-client-cell.aw-client-text .aw-mono{
display:block;
font-size:1.35rem;
font-weight:800;
color:#1B2845;
letter-spacing:.04em;
line-height:1.1;
margin-bottom:6px;
text-transform:uppercase;
font-family:'Poppins',sans-serif;
}
.aw-client-cell.aw-client-text .aw-fullname{
display:block;
font-size:.7rem;
font-weight:600;
color:#7A4A36;
letter-spacing:.05em;
line-height:1.3;
}
.aw-client-cell.aw-client-text:hover{
background:linear-gradient(135deg,#1B2845 0%,#7A4A36 100%) !important;
border-color:#BD9866 !important;
}
.aw-client-cell.aw-client-text:hover .aw-mono{ color:#ffffff !important; }
.aw-client-cell.aw-client-text:hover .aw-fullname{ color:#E8C9A1 !important; }
/* ==== Careers — proper form alignment ==== */
.aw-careers-grid{
align-items:stretch !important;
}
.aw-career-card{
background:#ffffff;
padding:30px 26px;
border-radius:14px;
text-align:left;
box-shadow:0 4px 14px rgba(27,40,69,.06);
border:1px solid #ECE5D7;
transition:all .3s ease;
height:100%;
display:flex !important;
flex-direction:column !important;
}
.aw-career-card:hover{
transform:translateY(-4px);
border-color:#BD9866;
box-shadow:0 12px 30px rgba(27,40,69,.10);
}
.aw-career-icon{
width:54px;height:54px;
border-radius:14px;
background:linear-gradient(135deg,#1B2845,#7A4A36);
color:#E8C9A1;
display:flex;align-items:center;justify-content:center;
font-size:1.6rem;font-weight:700;
margin-bottom:18px;
box-shadow:0 6px 16px rgba(27,40,69,.15);
}
.aw-career-card h3{
color:#1B2845 !important;
font-size:1.1rem !important;
margin-bottom:10px !important;
font-weight:700 !important;
}
.aw-career-card p{
color:#5C5C5C !important;
font-size:.92rem !important;
margin:0 !important;
line-height:1.6 !important;
}
/* ==== Forms (Careers + Contact + Quote) — consistent style ==== */
.aw-quote-form,
.aw-careers-form,
.aw-contact-form{
background:#ffffff;
padding:32px;
border-radius:14px;
box-shadow:0 14px 40px rgba(27,40,69,.10);
border:1px solid #ECE5D7;
}
.aw-form-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
margin-bottom:14px;
}
@media(max-width:600px){
.aw-form-row{ grid-template-columns:1fr; }
}
.aw-form-group{ display:flex; flex-direction:column; }
.aw-form-group label,
.aw-quote-form label,
.aw-careers-form label,
.aw-contact-form label{
display:block;
font-size:.78rem;
font-weight:700;
color:#1B2845;
text-transform:uppercase;
letter-spacing:.1em;
margin-bottom:6px;
}
.aw-quote-form input,
.aw-quote-form textarea,
.aw-quote-form select,
.aw-careers-form input,
.aw-careers-form textarea,
.aw-careers-form select,
.aw-contact-form input,
.aw-contact-form textarea,
.aw-contact-form select{
width:100% !important;
padding:12px 14px !important;
border:1px solid #E5E0D8 !important;
border-radius:6px !important;
font-family:'Inter',sans-serif !important;
font-size:.95rem !important;
background:#fafaf8 !important;
color:#1B2845 !important;
transition:all .25s ease !important;
margin-bottom:0 !important;
}
.aw-form-group{ margin-bottom:14px; }
.aw-quote-form input:focus,
.aw-quote-form textarea:focus,
.aw-quote-form select:focus,
.aw-careers-form input:focus,
.aw-careers-form textarea:focus,
.aw-careers-form select:focus,
.aw-contact-form input:focus,
.aw-contact-form textarea:focus,
.aw-contact-form select:focus{
outline:0 !important;
border-color:#7A4A36 !important;
background:#ffffff !important;
box-shadow:0 0 0 3px rgba(122,74,54,.08) !important;
}
.aw-quote-form textarea,
.aw-careers-form textarea,
.aw-contact-form textarea{
min-height:130px !important;
resize:vertical !important;
}
.aw-quote-form button[type="submit"],
.aw-careers-form button[type="submit"],
.aw-contact-form button[type="submit"]{
width:100% !important;
padding:14px !important;
background:linear-gradient(135deg,#7A4A36,#5C3829) !important;
color:#fff !important;
border:0 !important;
border-radius:6px !important;
font-weight:700 !important;
text-transform:uppercase !important;
letter-spacing:.08em !important;
font-size:.92rem !important;
cursor:pointer !important;
transition:all .25s ease !important;
margin-top:6px !important;
}
.aw-quote-form button[type="submit"]:hover,
.aw-careers-form button[type="submit"]:hover,
.aw-contact-form button[type="submit"]:hover{
background:linear-gradient(135deg,#5C3829,#1B2845) !important;
transform:translateY(-2px) !important;
box-shadow:0 8px 22px rgba(0,0,0,.18) !important;
}
/* ==== Contact page — intro ==== */
.aw-contact-intro-inner{
text-align:center;
max-width:820px;
margin:0 auto;
}
.aw-contact-eyebrow{
display:inline-block;
font-size:.82rem;
font-weight:700;
letter-spacing:.22em;
text-transform:uppercase;
color:#7A4A36 !important;
-webkit-text-fill-color:#7A4A36 !important;
margin-bottom:14px;
}
.aw-contact-headline{
color:#1B2845 !important;
-webkit-text-fill-color:#1B2845 !important;
font-size:2.4rem !important;
font-weight:700 !important;
margin:0 0 18px !important;
line-height:1.2 !important;
}
.aw-contact-lead{
color:#5C5C5C !important;
-webkit-text-fill-color:#5C5C5C !important;
font-size:1.05rem !important;
line-height:1.7 !important;
margin:0 !important;
}
/* ==== Contact page — cards grid ==== */
.aw-contact-cards{
display:grid !important;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important;
gap:18px !important;
max-width:1280px;
margin:0 auto;
padding:0 24px;
}
.aw-contact-card{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
background:#ffffff;
padding:34px 24px;
border-radius:14px;
border:1px solid #ECE5D7;
text-align:center;
text-decoration:none;
transition:all .3s ease !important;
}
.aw-contact-card:hover{
transform:translateY(-4px) !important;
border-color:#BD9866 !important;
box-shadow:0 12px 30px rgba(27,40,69,.10) !important;
}
.aw-contact-icon{
display:inline-flex !important;
width:56px;
height:56px;
border-radius:50%;
background:linear-gradient(135deg,#1B2845,#7A4A36) !important;
color:#E8C9A1 !important;
-webkit-text-fill-color:#E8C9A1 !important;
align-items:center;
justify-content:center;
margin-bottom:14px;
}
.aw-contact-icon svg{
width:22px;
height:22px;
stroke:#E8C9A1;
color:#E8C9A1;
}
.aw-contact-card-title{
display:block !important;
color:#1B2845 !important;
-webkit-text-fill-color:#1B2845 !important;
font-size:1rem !important;
font-weight:700 !important;
margin:0 0 8px !important;
letter-spacing:.06em;
text-transform:uppercase;
}
.aw-contact-card-text{
display:block !important;
color:#5C5C5C !important;
-webkit-text-fill-color:#5C5C5C !important;
font-size:.92rem !important;
margin:0 !important;
line-height:1.55 !important;
}
/* ==== Contact page — map ==== */
.aw-map-container{
position:relative;
width:100%;
height:480px;
overflow:hidden;
border-top:4px solid #BD9866;
border-bottom:4px solid #BD9866;
}
.aw-map-container iframe{
border:0;
display:block;
width:100%;
height:100%;
filter:grayscale(15%);
transition:filter .35s ease;
}
.aw-map-container:hover iframe{ filter:grayscale(0); }
/* ==== Contact page — message form section ==== */
.aw-contact-form-side-inner{ padding-right:20px; }
.aw-contact-side-headline{
color:#1B2845 !important;
-webkit-text-fill-color:#1B2845 !important;
font-size:1.9rem !important;
font-weight:700 !important;
margin:0 0 18px !important;
line-height:1.2 !important;
}
.aw-contact-side-lead{
color:#5C5C5C !important;
-webkit-text-fill-color:#5C5C5C !important;
font-size:.98rem !important;
line-height:1.7 !important;
margin:0 0 24px !important;
}
.aw-contact-pill{
background:#ffffff;
padding:18px 22px;
border-radius:10px;
margin-bottom:14px;
}
.aw-contact-pill-maroon{ border-left:4px solid #7A4A36; }
.aw-contact-pill-navy{ border-left:4px solid #1B2845; }
.aw-contact-pill-label{
font-weight:700 !important;
color:#1B2845 !important;
-webkit-text-fill-color:#1B2845 !important;
font-size:.9rem;
margin-bottom:6px;
}
.aw-contact-pill-link{
color:#7A4A36 !important;
-webkit-text-fill-color:#7A4A36 !important;
font-weight:700 !important;
font-size:1.02rem;
text-decoration:none;
}
.aw-contact-pill-navy .aw-contact-pill-link{
color:#1B2845 !important;
-webkit-text-fill-color:#1B2845 !important;
}
/* ==== Contact page — CF7 form card ==== */
.aw-contact-form-card{
background:#ffffff;
padding:32px 30px;
border-radius:14px;
box-shadow:0 8px 26px rgba(27,40,69,.08);
}
.aw-contact-form-card .aw-cf7{ display:block; }
.aw-contact-form-card .aw-cf7-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px 18px;
}
.aw-contact-form-card label{
display:block;
font-size:.84rem;
font-weight:700;
letter-spacing:.04em;
color:#1B2845;
margin-bottom:14px;
}
.aw-contact-form-card label .req{ color:#7A4A36; }
.aw-contact-form-card .wpcf7-form-control-wrap{
display:block;
margin-top:6px;
}
.aw-contact-form-card input[type="text"],
.aw-contact-form-card input[type="email"],
.aw-contact-form-card input[type="tel"],
.aw-contact-form-card select,
.aw-contact-form-card textarea{
width:100% !important;
padding:13px 16px !important;
border:1px solid #E5E0D8 !important;
border-radius:6px !important;
font-family:'Inter',sans-serif !important;
font-size:.95rem !important;
background:#fafaf8 !important;
color:#1B2845 !important;
-webkit-text-fill-color:#1B2845 !important;
transition:all .25s ease !important;
font-weight:500 !important;
}
.aw-contact-form-card input:focus,
.aw-contact-form-card select:focus,
.aw-contact-form-card textarea:focus{
outline:0 !important;
border-color:#7A4A36 !important;
background:#ffffff !important;
box-shadow:0 0 0 3px rgba(122,74,54,.10) !important;
}
.aw-contact-form-card textarea{ min-height:140px !important; resize:vertical !important; }
.aw-contact-form-card .aw-cf7-submit,
.aw-contact-form-card input[type="submit"]{
margin-top:8px !important;
padding:15px 38px !important;
background:linear-gradient(135deg,#7A4A36,#5C3829) !important;
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
border:0 !important;
border-radius:6px !important;
font-weight:800 !important;
text-transform:uppercase !important;
letter-spacing:.08em !important;
font-size:.9rem !important;
cursor:pointer !important;
transition:all .25s ease !important;
box-shadow:0 8px 20px rgba(122,74,54,.22) !important;
}
.aw-contact-form-card input[type="submit"]:hover{
background:linear-gradient(135deg,#5C3829,#1B2845) !important;
transform:translateY(-2px) !important;
box-shadow:0 12px 26px rgba(122,74,54,.30) !important;
}
.aw-contact-form-card .wpcf7 form .wpcf7-response-output{
margin:24px 0 0 !important;
padding:14px 18px !important;
border-radius:6px !important;
font-size:.92rem !important;
}
.aw-contact-form-card .wpcf7-not-valid-tip{
color:#B33A3A !important;
font-size:.78rem !important;
font-weight:600 !important;
margin-top:4px !important;
}
@media(max-width:991px){
.aw-contact-form-side-inner{ padding-right:0; }
.aw-contact-form-card{ padding:24px 20px; }
}
@media(max-width:640px){
.aw-contact-headline{ font-size:1.85rem !important; }
.aw-contact-side-headline{ font-size:1.55rem !important; }
.aw-contact-form-card .aw-cf7-row{ grid-template-columns:1fr !important; }
.aw-contact-cards{ padding:0 16px; }
}
/* ==== Page-specific text safety (prevent white-on-white) ==== */
.page-id-18 h1,.page-id-18 h2,.page-id-18 h3,.page-id-18 h4,
.page-id-10503 h1,.page-id-10503 h2,.page-id-10503 h3,.page-id-10503 h4,
.page-id-10825 h1,.page-id-10825 h2,.page-id-10825 h3,.page-id-10825 h4,
.page-id-10836 h1,.page-id-10836 h2,.page-id-10836 h3,.page-id-10836 h4,
.page-id-23 h1,.page-id-23 h2,.page-id-23 h3,.page-id-23 h4{
color:#1B2845 !important;
}
/* Override on dark sections */
.page-id-18 .vc_row[style*="#1B2845"] h1,
.page-id-18 .vc_row[style*="#1B2845"] h2,
.page-id-18 .vc_row[style*="#1B2845"] h3,
.page-id-18 .vc_row[style*="#1B2845"] h4,
.page-id-18 .vc_row[style*="rgb(27, 40, 69)"] h1,
.page-id-18 .vc_row[style*="rgb(27, 40, 69)"] h2,
.page-id-18 .vc_row[style*="rgb(27, 40, 69)"] h3,
.page-id-18 .vc_row[style*="rgb(27, 40, 69)"] h4,
.page-id-18 .vc_row[style*="#7A4A36"] h1,
.page-id-18 .vc_row[style*="#7A4A36"] h2,
.page-id-18 .vc_row[style*="#7A4A36"] h3,
.page-id-18 .vc_row[style*="#7A4A36"] h4,
.page-id-10503 .vc_row[style*="#7A4A36"] h1,
.page-id-10503 .vc_row[style*="#7A4A36"] h2,
.page-id-10503 .vc_row[style*="#7A4A36"] h3,
.page-id-10503 .vc_row[style*="#7A4A36"] h4{
color:#ffffff !important;
}
/* ==== About Us — fix VMV grid layout + navy bg ==== */
.page-id-18 .aw-vmv-grid{
display:grid !important;
grid-template-columns:repeat(4,1fr) !important;
gap:24px !important;
max-width:1180px !important;
margin:0 auto !important;
}
@media(max-width:992px){
.page-id-18 .aw-vmv-grid{ grid-template-columns:repeat(2,1fr) !important; }
}
@media(max-width:600px){
.page-id-18 .aw-vmv-grid{ grid-template-columns:1fr !important; }
}
/* About Us — VMV section navy gradient (override WPBakery if not applied) */
.page-id-18 .vc_row.vc_custom_1768900100000,
.page-id-18 [class*="vc_custom_1768900100"],
.page-id-18 .vc_row:nth-of-type(2){
background:linear-gradient(135deg,#1B2845 0%,#2A3858 100%) !important;
background-color:#1B2845 !important;
}
.page-id-18 .vc_row.vc_custom_1768900100000 h1,
.page-id-18 .vc_row.vc_custom_1768900100000 h2,
.page-id-18 .vc_row.vc_custom_1768900100000 h3,
.page-id-18 .vc_row.vc_custom_1768900100000 h4,
.page-id-18 .vc_row.vc_custom_1768900100000 p,
.page-id-18 .vc_row.vc_custom_1768900100000 span,
.page-id-18 .aw-vmv-card h3,
.page-id-18 .aw-vmv-card p{
color:initial !important;
}
.page-id-18 .aw-vmv-card h3{ color:#ffffff !important; }
.page-id-18 .aw-vmv-card p{ color:rgba(255,255,255,.78) !important; }
/* About Us — Certifications (3rd dark navy section) */
.page-id-18 .vc_row.vc_custom_1768900300000,
.page-id-18 [class*="vc_custom_1768900300"]{
background-color:#1B2845 !important;
}
/* About Us — Maroon CTA strip */
.page-id-18 .vc_row.vc_custom_1768900400000,
.page-id-18 [class*="vc_custom_1768900400"]{
background-color:#7A4A36 !important;
}
/* Force color initial on inline-styled headings within page-id-18 */
.page-id-18 [style*="color:#ffffff"],
.page-id-18 [style*="color: #ffffff"],
.page-id-18 [style*="color:#fff"],
.page-id-18 [style*="color: #fff"]{
color:#ffffff !important;
}
.page-id-18 [style*="color:#1B2845"]{
color:#1B2845 !important;
}
.page-id-18 [style*="color:#7A4A36"]{
color:#7A4A36 !important;
}
.page-id-18 [style*="color:#5C5C5C"]{
color:#5C5C5C !important;
}
.page-id-18 [style*="color:#444"]{
color:#444 !important;
}
.page-id-18 [style*="color:rgba(255,255,255"]{
/* keep inline rgba */
}
/* ==== Projects — clear page-level h overrides for project cards ==== */
.page-id-10503 .aw-project-title{ color:#1B2845 !important; }
.page-id-10503 .aw-project-card:hover .aw-project-title{ color:#7A4A36 !important; }
.page-id-10503 .aw-project-cat{ color:#7A4A36 !important; }
/* Projects CTA at bottom — full visibility */
.page-id-10503 .vc_row.vc_custom_1768910200000,
.page-id-10503 [class*="vc_custom_1768910200"]{
background:linear-gradient(135deg,#7A4A36 0%,#5C3829 100%) !important;
background-color:#7A4A36 !important;
}
.page-id-10503 .vc_row.vc_custom_1768910200000 h3,
.page-id-10503 .vc_row.vc_custom_1768910200000 p{
color:#ffffff !important;
}
.page-id-10503 .aw-cta-btn,
.page-id-10503 a.aw-cta-btn{
display:inline-block !important;
visibility:visible !important;
opacity:1 !important;
background:#ffffff !important;
color:#7A4A36 !important;
-webkit-text-fill-color:#7A4A36 !important;
font-weight:800 !important;
padding:16px 40px !important;
border-radius:6px !important;
text-decoration:none !important;
text-transform:uppercase !important;
letter-spacing:.08em !important;
box-shadow:0 8px 24px rgba(0,0,0,.25) !important;
transition:all .3s ease !important;
}
.page-id-10503 .aw-cta-btn:hover{
background:#E8C9A1 !important;
color:#1B2845 !important;
-webkit-text-fill-color:#1B2845 !important;
transform:translateY(-2px) !important;
}
/* ==== Careers — CTA section maroon ==== */
.page-id-10836 [class*="vc_custom_1768930"] form button[type="submit"]{
width:100% !important;
}
/* ==== Contact — map + cards ==== */
.page-id-23 .aw-map-container{
height:480px !important;
border-top:4px solid #BD9866 !important;
border-bottom:4px solid #BD9866 !important;
}
.page-id-23 .aw-contact-card h3{ color:#1B2845 !important; }
/* Force all spans with inline color #E8C9A1 to remain that color even with overrides */
[style*="#E8C9A1"]{ color:#E8C9A1 !important; }
/* Careers cards alignment */
.page-id-10836 .aw-careers-grid .aw-career-card{
height:100% !important;
text-align:left !important;
}
/* ==== Specifically force readable text on page-id-18 visible h2 main heading ==== */
.page-id-18 .vc_custom_1768900000000 h2,
.page-id-18 .vc_custom_1768900000000 p,
.page-id-18 .vc_custom_1768900200000 h2,
.page-id-18 .vc_custom_1768900200000 p{
/* They use inline color which overrides this */
}
/* Spans with white inline color must stay white (eyebrows on dark bg) */
.page-id-18 [style*="color:#E8C9A1"],
.page-id-18 [style*="color:#ffffff"],
.page-id-18 [style*="color: #ffffff"]{
/* preserved by inline style specificity */
}
/* Override (defeat) my earlier global rule that made all .page-id-18 h2 navy */
.page-id-18 .aw-vmv-card h3,
.page-id-18 [style*="background:rgba(255,255,255,.06)"] h3,
.page-id-18 [style*="background:linear-gradient(135deg,#1B2845"] h2,
.page-id-18 [style*="background-color:#1B2845"] h2,
.page-id-18 [style*="background:linear-gradient(135deg,#7A4A36"] h3,
.page-id-18 [style*="background:#1B2845"] h2{
color:#ffffff !important;
}
/* Direct inline color rule - allow */
[style*="color:#fff"]:not(.page-id-18 *),
[style*="color: #fff"]:not(.page-id-18 *){
/* */
}
/* Make eyebrow span on dark bg gold-light, on light bg maroon */
.page-id-18 .vc_row[class*="vc_custom_1768900100"] span[style*="color:#E8C9A1"]{
color:#E8C9A1 !important;
}
.page-id-18 .vc_row[class*="vc_custom_1768900300"] span[style*="color:#E8C9A1"]{
color:#E8C9A1 !important;
}
/* ==== About Us — force white on navy gradient sections ==== */
html body .page-id-18 .vc_row[class*="vc_custom_1768900100"] *,
html body .page-id-18 .vc_row[class*="vc_custom_1768900300"] *{
color:#ffffff;
-webkit-text-fill-color:#ffffff;
}
html body .page-id-18 .vc_row[class*="vc_custom_1768900100"] h1,
html body .page-id-18 .vc_row[class*="vc_custom_1768900100"] h2,
html body .page-id-18 .vc_row[class*="vc_custom_1768900100"] h3,
html body .page-id-18 .vc_row[class*="vc_custom_1768900100"] h4,
html body .page-id-18 .vc_row[class*="vc_custom_1768900300"] h1,
html body .page-id-18 .vc_row[class*="vc_custom_1768900300"] h2,
html body .page-id-18 .vc_row[class*="vc_custom_1768900300"] h3,
html body .page-id-18 .vc_row[class*="vc_custom_1768900300"] h4{
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
}
html body .page-id-18 .aw-vmv-card h3{
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
}
html body .page-id-18 .aw-vmv-card p{
color:rgba(255,255,255,.85) !important;
-webkit-text-fill-color:rgba(255,255,255,.85) !important;
}
/* Eyebrow stays gold-light on dark sections */
html body .page-id-18 .vc_row[class*="vc_custom_1768900100"] span[style*="color:#E8C9A1"],
html body .page-id-18 .vc_row[class*="vc_custom_1768900300"] span[style*="color:#E8C9A1"]{
color:#E8C9A1 !important;
-webkit-text-fill-color:#E8C9A1 !important;
}
/* Numbered icon squares keep their gold gradient bg + white text */
html body .page-id-18 .aw-vmv-card > div:first-child,
html body .page-id-18 .vc_row[class*="vc_custom_1768900300"] [style*="font-size:1.05rem"]{
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
}
html body .page-id-18 [style*="color:#E8C9A1"]{
color:#E8C9A1 !important;
-webkit-text-fill-color:#E8C9A1 !important;
}
/* ==== Maroon CTA on About Us ==== */
html body .page-id-18 .vc_row[class*="vc_custom_1768900400"]{
background-color:#7A4A36 !important;
background:linear-gradient(135deg,#7A4A36,#5C3829) !important;
}
html body .page-id-18 .vc_row[class*="vc_custom_1768900400"] *{
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
}
html body .page-id-18 .vc_row[class*="vc_custom_1768900400"] a[href*="contact"]{
background:#ffffff !important;
color:#7A4A36 !important;
-webkit-text-fill-color:#7A4A36 !important;
}
/* ==== Projects — Start a Project CTA section ==== */
html body .page-id-10503 .vc_row[class*="vc_custom_1768910200"]{
background-color:#7A4A36 !important;
background:linear-gradient(135deg,#7A4A36,#5C3829) !important;
}
html body .page-id-10503 .vc_row[class*="vc_custom_1768910200"] h3,
html body .page-id-10503 .vc_row[class*="vc_custom_1768910200"] p{
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
}
/* ==== Contact form columns ==== */
.page-id-23 .aw-form-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media(max-width:600px){ .page-id-23 .aw-form-row{ grid-template-columns:1fr; } }
.page-id-23 .aw-form-group{ margin-bottom:14px; }
.page-id-23 form input,
.page-id-23 form select,
.page-id-23 form textarea{
width:100% !important;
padding:12px 14px !important;
border:1px solid #E5E0D8 !important;
border-radius:6px !important;
background:#fafaf8 !important;
color:#1B2845 !important;
}
/* ==== Careers form ==== */
.page-id-10836 form input,
.page-id-10836 form select,
.page-id-10836 form textarea{
width:100% !important;
padding:9x 13x !important;
border:1px solid #E5E0D8 !important;
border-radius:6px !important;
background:#fafaf8 !important;
color:#1B2845 !important;
}
.page-id-10836 .aw-form-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media(max-width:600px){ .page-id-10836 .aw-form-row{ grid-template-columns:1fr; } }
.page-id-10836 .aw-form-group label{
font-size:.78rem !important;
font-weight:700 !important;
color:#1B2845 !important;
text-transform:uppercase !important;
letter-spacing:.1em !important;
margin-bottom:6px !important;
}
/* ==== Image-side overlay 2005 badge stay maroon ==== */
.page-id-18 .aw-about-image-wrap > div[style*="background:linear-gradient(135deg,#7A4A36"]{
background:linear-gradient(135deg,#7A4A36,#5C3829) !important;
}
.page-id-18 .aw-about-image-wrap > div[style*="background:linear-gradient(135deg,#7A4A36"] > *{
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
}
/* AW-MARKER:critical-fix-v1 START */
/* ======================================================
CRITICAL FIXES v3 — Logo + Sticky-logo + Topbar icons
====================================================== */
/* ==== HEADER MAIN ROW — only general-header, NOT topbar ==== */
.whb-row.whb-general-header,
.whb-main-header .whb-row.whb-general-header{
align-items:center !important;
min-height:75px !important;
}
.whb-row.whb-general-header .whb-flex-row,
.whb-row.whb-general-header .whb-general-header-inner,
.whb-row.whb-general-header .whb-column{
align-items:center !important;
}
/* ==== HEADER TOPBAR — keep slim, do not stretch ==== */
.whb-row.whb-top-bar{
min-height:0 !important;
}
.whb-row.whb-top-bar .whb-flex-row{
min-height:38px !important;
padding:6px 0 !important;
}
/* ==== LOGO container — center vertically ==== */
.site-logo,
.whb-row .site-logo,
.whb-column .site-logo{
display:inline-flex !important;
align-items:center !important;
position:static !important;
height:auto !important;
margin:0 !important;
padding:0 !important;
vertical-align:middle !important;
}
/* MAIN logo always visible until sticky kicks in */
.site-logo a.wd-logo.wd-main-logo{
display:inline-flex !important;
align-items:center !important;
position:static !important;
height:auto !important;
line-height:1 !important;
}
/* STICKY logo HIDDEN by default (only WoodMart can flip it on while sticky) */
.site-logo a.wd-logo.wd-sticky-logo{
display:none !important;
width:0 !important;
height:0 !important;
opacity:0 !important;
visibility:hidden !important;
position:absolute !important;
pointer-events:none !important;
}
/* When the header is in sticky/scroll state, swap which logo is shown */
.whb-sticked .site-logo a.wd-logo.wd-main-logo,
.whb-scroll-up .site-logo a.wd-logo.wd-main-logo,
.whb-scroll-stick .site-logo a.wd-logo.wd-main-logo{
display:none !important;
}
.whb-sticked .site-logo a.wd-logo.wd-sticky-logo,
.whb-scroll-up .site-logo a.wd-logo.wd-sticky-logo,
.whb-scroll-stick .site-logo a.wd-logo.wd-sticky-logo{
display:inline-flex !important;
align-items:center !important;
position:static !important;
width:auto !important;
height:auto !important;
opacity:1 !important;
visibility:visible !important;
pointer-events:auto !important;
}
.site-logo img,
.whb-row .site-logo img,
.whb-row .site-logo a img{
max-height:95px !important;
}
@media(max-width:768px){
.whb-row.whb-general-header{ min-height:70px !important; }
}
/* ==== PRODUCTS SECTION — gradient circle + diamond (homepage only) ==== */
.home .wd-info-box.box-icon-simple .box-icon-wrapper,
body.home main .wd-info-box .box-icon-wrapper{
background:linear-gradient(135deg,#1B2845 0%,#7A4A36 100%) !important;
width:56px !important;
height:56px !important;
min-width:56px !important;
border-radius:50% !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
position:relative !important;
overflow:hidden !important;
box-shadow:0 4px 14px rgba(27,40,69,.18) !important;
flex-shrink:0 !important;
transition:all .3s ease !important;
}
.home main .wd-info-box .box-icon-wrapper.box-icon-simple img,
.home main .wd-info-box.box-icon-simple .box-icon-wrapper img,
.home main .box-icon-wrapper.box-icon-simple img,
body.home main .wd-info-box .box-icon-wrapper img,
body.home main .wd-info-box .box-icon-wrapper svg{
display:none !important;
visibility:hidden !important;
opacity:0 !important;
width:0 !important;
height:0 !important;
}
.home main .wd-info-box .box-icon-wrapper.box-icon-simple::before,
.home main .wd-info-box.box-icon-simple .box-icon-wrapper::before,
body.home main .wd-info-box .box-icon-wrapper::before{
content:"\25C6" !important;
display:inline-block !important;
color:#E8C9A1 !important;
font-size:1.3rem !important;
font-weight:800 !important;
visibility:visible !important;
opacity:1 !important;
width:auto !important;
height:auto !important;
}
.home main .wd-info-box:hover .box-icon-wrapper.box-icon-simple,
body.home main .wd-info-box:hover .box-icon-wrapper{
background:linear-gradient(135deg,#7A4A36 0%,#1B2845 100%) !important;
transform:translateY(-3px) !important;
box-shadow:0 8px 22px rgba(27,40,69,.28) !important;
}
.home main .wd-info-box:hover .box-icon-wrapper::before,
body.home main .wd-info-box:hover .box-icon-wrapper::before{
color:#ffffff !important;
}
/* Catch leftover demo product SVG — but ONLY inside content area (NOT topbar/header) */
main .wd-info-box .box-icon-wrapper img[src*="mobile-app-svg-play"],
.site-content img[src*="mobile-app-svg-play.svg"],
.entry-content img[src*="mobile-app-svg-play"]{
display:none !important;
}
/* AW-MARKER:critical-fix-v1 END */
/* ======================================================
PRODUCTS — list page + single product alignment
(Why level-8 CSS: WoodMart Theme Settings has gallery-layout
options but no aspect-ratio control; product featured images
in our library have mixed 4:3 / 3:4 ratios so summary heights
diverge from gallery heights without this.)
====================================================== */
/* SHOP LOOP CARDS — equal-height tiles on /products/ list page */
.page-id-10868 .wd-product .product-image-link,
.page-id-10868 .wd-product .product-image-link img,
.page-id-10868 ul.products li.product .wd-entities-title + .product-image-link img,
.page-id-10868 li.product .product-image-link{
aspect-ratio: 4/3 !important;
display:block !important;
width:100% !important;
}
.page-id-10868 .wd-product .product-image-link img{
height:100% !important;
object-fit:cover !important;
object-position:center !important;
}
/* SINGLE PRODUCT — main image fills column to match summary height */
.single-product .woocommerce-product-gallery,
.single-product .wd-product-images{
aspect-ratio: 4/3 !important;
}
.single-product .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery__image a,
.single-product .woocommerce-product-gallery__wrapper,
.single-product .wd-gallery-img{
height:100% !important;
}
.single-product .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery__image a img,
.single-product .wd-gallery-img img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center !important;
}
/* Hide WC default "skip to navigation" / cart-related summary cruft when in catalog mode */
.catalog-mode-on .single-product .price,
.catalog-mode-on .single-product .quantity,
.catalog-mode-on .single-product .wd-add-btn,
.catalog-mode-on .single-product .cart{ display:none !important; }
/* Single product summary — neat spacing */
.single-product .summary > * + *{ margin-top:14px; }
.single-product .summary .product_meta{ padding-top:18px; border-top:1px solid #ECE6DB; margin-top:18px; }
/* Description tab — better typography for the rich content */
.woocommerce-Tabs-panel--description h3{ color:#1B2845; font-size:1.15rem; margin-top:24px; margin-bottom:10px; }
.woocommerce-Tabs-panel--description ul{ list-style:none; padding-left:0; display:grid; grid-template-columns:1fr 1fr; gap:8px 18px; }
@media(max-width:640px){ .woocommerce-Tabs-panel--description ul{ grid-template-columns:1fr; } }
.woocommerce-Tabs-panel--description ul li{ position:relative; padding-left:18px; font-size:.95rem; line-height:1.55; color:#333; }
.woocommerce-Tabs-panel--description ul li::before{
content:"\f054"; font-family:"Font Awesome 6 Free"; font-weight:900;
color:#7A4A36; font-size:.65rem; position:absolute; left:0; top:7px;
}
.woocommerce-Tabs-panel--description .product-eyebrow{
text-transform:uppercase; letter-spacing:.18em; font-weight:700;
color:#7A4A36; font-size:.85rem; margin-bottom:6px;
}
.wd-content-layout{
padding-block: 0px;
}
.hide-price span.price {
display: none !important;
}
/* ====================================================================
* PROJECTS PAGE V2 — Image-overlay cards, featured layout (page-id-10503)
* Replaces the v1 ".aw-project-card" design. The old rules remain
* harmlessly defined above but no v1 markup is emitted anymore.
* ====================================================================*/
/* ---------- Hero ---------- */
.aw-projects-hero-v2 .vc_column_text{ padding:0 !important; }
.aw-ph2-inner{
max-width:920px;
margin:0 auto;
text-align:center;
padding:0 24px;
}
.aw-ph2-eyebrow{
display:inline-block;
font-size:.78rem;
font-weight:700;
letter-spacing:.28em;
text-transform:uppercase;
color:#7A4A36 !important;
margin-bottom:18px;
padding:6px 16px;
border:1px solid rgba(122,74,54,.22);
border-radius:999px;
background:rgba(122,74,54,.04);
}
.aw-ph2-headline{
color:#1B2845 !important;
font-family:'Poppins',sans-serif !important;
font-size:clamp(2rem,4.5vw,3.4rem) !important;
font-weight:700 !important;
line-height:1.08 !important;
letter-spacing:-.02em !important;
margin:0 0 22px !important;
}
.aw-ph2-headline em{
font-style:italic;
font-weight:600;
color:#7A4A36 !important;
background:linear-gradient(135deg,#7A4A36 0%,#BD9866 100%);
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
}
.aw-ph2-lead{
color:#5C5C5C !important;
font-size:clamp(.98rem,1.4vw,1.1rem) !important;
line-height:1.75 !important;
margin:0 0 38px !important;
max-width:720px;
margin-left:auto !important;
margin-right:auto !important;
}
.aw-ph2-meta{
display:inline-flex;
align-items:center;
gap:24px;
padding:18px 28px;
background:linear-gradient(135deg,#FBF7F1 0%,#F5F1EA 100%);
border:1px solid #ECE5D7;
border-radius:14px;
box-shadow:0 8px 22px rgba(27,40,69,.06);
}
.aw-ph2-meta-item{
display:flex;
flex-direction:column;
align-items:center;
gap:2px;
line-height:1;
}
.aw-ph2-meta-item strong{
font-family:'Poppins',sans-serif !important;
font-size:1.5rem !important;
font-weight:800 !important;
color:#7A4A36 !important;
letter-spacing:-.02em;
}
.aw-ph2-meta-item span{
font-size:.7rem;
font-weight:700;
letter-spacing:.16em;
text-transform:uppercase;
color:#1B2845;
opacity:.78;
}
.aw-ph2-meta-divider{
width:1px;
height:30px;
background:linear-gradient(180deg,transparent 0%,#BD9866 50%,transparent 100%);
opacity:.5;
}
@media(max-width:640px){
.aw-ph2-meta{ flex-direction:column; gap:14px; padding:18px 22px; }
.aw-ph2-meta-divider{ width:30px; height:1px; }
}
/* ---------- Filter chips v2 ---------- */
.aw-pf-v2{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
max-width:1100px;
margin:0 auto;
padding:0 24px;
}
.aw-pf-v2 .aw-chip{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 18px;
background:#ffffff;
color:#1B2845;
border:1px solid #ECE5D7;
border-radius:999px;
font-family:'Inter',sans-serif;
font-size:.85rem;
font-weight:700;
letter-spacing:.04em;
cursor:pointer;
transition:all .25s ease;
white-space:nowrap;
}
.aw-pf-v2 .aw-chip-label{ line-height:1; }
.aw-pf-v2 .aw-chip-count{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:22px;
height:22px;
padding:0 6px;
border-radius:999px;
background:rgba(122,74,54,.10);
color:#7A4A36;
font-size:.7rem;
font-weight:800;
letter-spacing:0;
}
.aw-pf-v2 .aw-chip:hover{
border-color:#BD9866;
color:#7A4A36;
transform:translateY(-1px);
box-shadow:0 4px 14px rgba(189,152,102,.18);
}
.aw-pf-v2 .aw-chip.aw-chip-active{
background:linear-gradient(135deg,#1B2845 0%,#7A4A36 100%);
color:#ffffff;
border-color:transparent;
box-shadow:0 8px 22px rgba(27,40,69,.28);
}
.aw-pf-v2 .aw-chip.aw-chip-active .aw-chip-count{
background:rgba(255,255,255,.18);
color:#E8C9A1;
}
/* ---------- Grid v2 — masonry with featured card ----------
Layout: 3-col grid. Featured card takes 2 cols × 2 rows in top-left,
pushing the first two normal cards to the right column.
All others are uniform 1×1. Uses grid-auto-flow:dense so any future
variants (wide/tall) pack cleanly without gaps. */
.aw-projects-grid-v2{
display:grid !important;
grid-template-columns:repeat(3,1fr) !important;
grid-auto-rows:280px !important;
grid-auto-flow:dense !important;
gap:18px !important;
max-width:1320px !important;
margin:0 auto !important;
padding:0 24px !important;
}
@media(max-width:1100px){
.aw-projects-grid-v2{ grid-template-columns:repeat(2,1fr) !important; grid-auto-rows:260px !important; }
}
@media(max-width:640px){
.aw-projects-grid-v2{ grid-template-columns:1fr !important; grid-auto-rows:auto !important; gap:14px !important; }
}
/* ---------- Card base ---------- */
.aw-pcard{
position:relative;
display:block;
overflow:hidden;
border-radius:16px;
text-decoration:none !important;
background:#1B2845;
box-shadow:0 10px 28px rgba(27,40,69,.12);
isolation:isolate;
cursor:zoom-in;
transition:transform .5s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease;
}
.aw-pcard:hover{
transform:translateY(-4px);
box-shadow:0 22px 48px rgba(27,40,69,.28);
}
.aw-pcard.aw-hidden{ display:none !important; }
@media(max-width:640px){
.aw-pcard{ aspect-ratio:4/3; }
}
/* Featured card: 2 cols × 2 rows */
.aw-pcard-featured{
grid-column:span 2;
grid-row:span 2;
}
@media(max-width:1100px){
.aw-pcard-featured{ grid-column:span 2; grid-row:span 2; }
}
@media(max-width:640px){
.aw-pcard-featured{ grid-column:auto; grid-row:auto; aspect-ratio:16/10; }
}
/* Tall/Wide variants — kept for future use but not emitted by current PHP */
.aw-pcard-tall{ grid-row:span 2; }
.aw-pcard-wide{ grid-column:span 2; }
@media(max-width:640px){
.aw-pcard-tall, .aw-pcard-wide{ grid-column:auto; grid-row:auto; aspect-ratio:4/3; }
}
/* ---------- Image layer ---------- */
.aw-pcard-img{
position:absolute;
inset:0;
z-index:0;
overflow:hidden;
}
.aw-pcard-img img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center !important;
transition:transform 1s cubic-bezier(.2,.7,.2,1), filter .5s ease !important;
display:block !important;
filter:saturate(.95) brightness(.96);
}
.aw-pcard:hover .aw-pcard-img img{
transform:scale(1.08);
filter:saturate(1.05) brightness(1);
}
/* ---------- Gradient shade ---------- */
.aw-pcard-shade{
position:absolute;
inset:0;
z-index:1;
background:
linear-gradient(180deg, rgba(13,19,34,0) 30%, rgba(13,19,34,.45) 65%, rgba(13,19,34,.92) 100%),
linear-gradient(135deg, rgba(122,74,54,.18) 0%, rgba(13,19,34,0) 60%);
transition:opacity .4s ease;
pointer-events:none;
}
.aw-pcard:hover .aw-pcard-shade{
background:
linear-gradient(180deg, rgba(13,19,34,.15) 0%, rgba(13,19,34,.55) 55%, rgba(13,19,34,.96) 100%),
linear-gradient(135deg, rgba(122,74,54,.32) 0%, rgba(13,19,34,0) 70%);
}
/* ---------- Category badge ---------- */
.aw-pcard-badge{
position:absolute;
top:18px; left:18px;
z-index:3;
padding:7px 14px;
background:rgba(255,255,255,.92);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
color:#7A4A36 !important;
font-size:.68rem;
font-weight:800;
letter-spacing:.18em;
text-transform:uppercase;
border-radius:999px;
box-shadow:0 4px 14px rgba(0,0,0,.18);
transition:all .3s ease;
}
.aw-pcard:hover .aw-pcard-badge{
background:linear-gradient(135deg,#7A4A36,#BD9866);
color:#ffffff !important;
transform:translateY(-2px);
box-shadow:0 6px 18px rgba(122,74,54,.32);
}
/* ---------- Zoom indicator (top-right on hover) ---------- */
.aw-pcard-zoom{
position:absolute;
top:14px; right:14px;
z-index:3;
width:44px; height:44px;
border-radius:50%;
background:rgba(255,255,255,.92);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
display:flex;
align-items:center;
justify-content:center;
opacity:0;
transform:translateY(-6px) scale(.85);
transition:all .35s cubic-bezier(.2,.7,.2,1);
box-shadow:0 6px 18px rgba(0,0,0,.22);
}
.aw-pcard-zoom svg{
width:18px; height:18px;
stroke:#7A4A36;
color:#7A4A36;
}
.aw-pcard:hover .aw-pcard-zoom{
opacity:1;
transform:translateY(0) scale(1);
}
/* ---------- Body (always visible at bottom) ---------- */
.aw-pcard-body{
position:absolute;
left:0; right:0; bottom:0;
z-index:2;
padding:22px 22px 20px;
color:#fff;
}
.aw-pcard-client{
display:block;
font-size:.7rem;
font-weight:700;
letter-spacing:.18em;
text-transform:uppercase;
color:#E8C9A1 !important;
margin-bottom:6px;
opacity:.92;
transform:translateY(0);
transition:all .35s ease;
}
.aw-pcard-title{
display:block;
color:#ffffff !important;
font-family:'Poppins',sans-serif !important;
font-size:1.05rem !important;
font-weight:700 !important;
line-height:1.3 !important;
margin:0 !important;
letter-spacing:-.005em;
transform:translateY(0);
transition:all .35s ease;
}
.aw-pcard-featured .aw-pcard-title{
font-size:1.65rem !important;
line-height:1.18 !important;
}
.aw-pcard-featured .aw-pcard-client{
font-size:.78rem;
}
.aw-pcard-wide .aw-pcard-title{
font-size:1.3rem !important;
}
.aw-pcard-cta{
display:inline-flex;
align-items:center;
gap:6px;
margin-top:0;
max-height:0;
overflow:hidden;
opacity:0;
font-size:.78rem;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
color:#E8C9A1 !important;
transition:max-height .35s ease, opacity .25s ease, margin-top .35s ease;
}
.aw-pcard-cta svg{
width:14px; height:14px;
stroke:#E8C9A1;
transition:transform .35s ease;
}
.aw-pcard:hover .aw-pcard-cta{
max-height:30px;
margin-top:10px;
opacity:1;
}
.aw-pcard:hover .aw-pcard-cta svg{
transform:translateX(4px);
}
/* Empty state — hidden by default, shown by JS when filter matches 0 */
.aw-projects-empty{
display:none;
text-align:center;
padding:60px 24px;
color:#5C5C5C;
font-size:1rem;
}
.aw-projects-empty.aw-show{ display:block; }
.aw-projects-empty-reset{
margin-left:6px;
background:none;
border:0;
color:#7A4A36;
font-weight:700;
font-size:1rem;
cursor:pointer;
text-decoration:underline;
padding:0;
}
.aw-projects-empty-reset:hover{ color:#1B2845; }
/* ---------- CTA v2 — split text + actions ---------- */
.aw-projects-cta-v2 .vc_column_text{ padding:0 !important; }
.aw-pcta-wrap{
display:grid;
grid-template-columns:1.4fr 1fr;
align-items:center;
gap:50px;
max-width:1200px;
margin:0 auto;
padding:0 24px;
}
@media(max-width:900px){
.aw-pcta-wrap{ grid-template-columns:1fr; gap:32px; text-align:center; }
}
.aw-pcta-eyebrow{
display:inline-block;
font-size:.78rem;
font-weight:700;
letter-spacing:.28em;
text-transform:uppercase;
color:#E8C9A1 !important;
margin-bottom:18px;
padding:6px 16px;
border:1px solid rgba(232,201,161,.32);
border-radius:999px;
background:rgba(232,201,161,.06);
}
.aw-pcta-h{
color:#ffffff !important;
font-family:'Poppins',sans-serif !important;
font-size:clamp(1.8rem,3.2vw,2.6rem) !important;
font-weight:700 !important;
line-height:1.1 !important;
margin:0 0 16px !important;
letter-spacing:-.015em;
}
.aw-pcta-p{
color:rgba(255,255,255,.86) !important;
font-size:1.05rem !important;
line-height:1.6 !important;
margin:0 !important;
}
.aw-pcta-actions{
display:flex;
flex-direction:column;
gap:14px;
align-items:stretch;
}
@media(max-width:900px){ .aw-pcta-actions{ align-items:center; } }
.aw-pcta-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
padding:18px 32px;
border-radius:10px;
font-family:'Inter',sans-serif;
font-size:.92rem;
font-weight:800;
text-transform:uppercase;
letter-spacing:.1em;
text-decoration:none !important;
transition:all .3s ease;
white-space:nowrap;
}
.aw-pcta-btn svg{
width:16px; height:16px;
transition:transform .3s ease;
}
.aw-pcta-btn-primary{
background:#ffffff !important;
color:#7A4A36 !important;
-webkit-text-fill-color:#7A4A36 !important;
box-shadow:0 10px 28px rgba(0,0,0,.25);
}
.aw-pcta-btn-primary:hover{
background:#E8C9A1 !important;
color:#1B2845 !important;
-webkit-text-fill-color:#1B2845 !important;
transform:translateY(-3px);
box-shadow:0 14px 36px rgba(0,0,0,.32);
}
.aw-pcta-btn-primary:hover svg{ transform:translateX(5px); }
.aw-pcta-btn-ghost{
background:transparent !important;
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
border:2px solid rgba(255,255,255,.32);
}
.aw-pcta-btn-ghost:hover{
background:rgba(255,255,255,.10) !important;
border-color:#ffffff;
transform:translateY(-2px);
}
/* Page-scoped overrides — defeat the "h3 safety" rule (.page-id-10503 h3)
that forces navy onto all headings. Higher specificity wins. */
body.page-id-10503 .aw-pcard .aw-pcard-title,
body.page-id-10503 .aw-pcard h3.aw-pcard-title{
color:#ffffff !important;
font-family:'Poppins',sans-serif !important;
}
body.page-id-10503 .aw-pcard .aw-pcard-client{
color:#E8C9A1 !important;
font-family:'Poppins',sans-serif !important;
}
body.page-id-10503 .aw-pcard:hover .aw-pcard-title{ color:#ffffff !important; }
body.page-id-10503 .aw-projects-grid-v2 a:hover{ text-decoration:none !important; }
body.page-id-10503 .aw-projects-grid-v2 img{ margin:0 !important; }
body.page-id-10503 .aw-pcta-h{ color:#ffffff !important; }
body.page-id-10503 .aw-ph2-headline{ color:#1B2845 !important; }
body.page-id-10503 .aw-ph2-headline em{
color:transparent !important;
background:linear-gradient(135deg,#7A4A36 0%,#BD9866 100%) !important;
-webkit-background-clip:text !important;
background-clip:text !important;
-webkit-text-fill-color:transparent !important;
}
/* ====================================================================
* PROJECTS PAGE — WoodMart Portfolio CPT styling (page-id-10503)
* Markup that WoodMart emits for [woodmart_portfolio]:
*
* article.portfolio.wd-project.portfolio-entry.proj-cat-{slug}
* > header.entry-header
* > figure.entry-thumbnail
* > a.portfolio-thumbnail > img
* > div.wd-portfolio-btns (lightbox + share buttons on hover)
* > div.portfolio-info
* > div.wrap-meta > ul.proj-cats-list > li
* > div.wrap-title > h3.wd-entities-title > a
*
* Filter:
* div.portfolio-filter > ul.wd-nav-portfolio > li.nav-link-item > a
* ====================================================================*/
/* ---- Filter bar (the AAA category nav) ---- */
.page-id-10503 .portfolio-filter{
margin-bottom:36px !important;
padding:0 24px;
}
.page-id-10503 .wd-nav-portfolio{
display:flex !important;
flex-wrap:wrap !important;
justify-content:center !important;
gap:10px !important;
list-style:none !important;
padding:0 !important;
max-width:1100px;
margin:0 auto !important;
}
.page-id-10503 .wd-nav-portfolio > li{
margin:0 !important;
list-style:none !important;
}
.page-id-10503 .wd-nav-portfolio > li > a{
display:inline-flex !important;
align-items:center !important;
gap:8px !important;
padding:10px 22px !important;
background:#ffffff !important;
color:#1B2845 !important;
border:1px solid #ECE5D7 !important;
border-radius:999px !important;
font-family:'Inter',sans-serif !important;
font-size:.85rem !important;
font-weight:700 !important;
letter-spacing:.06em !important;
text-transform:uppercase !important;
text-decoration:none !important;
transition:all .25s ease !important;
white-space:nowrap !important;
border-bottom:1px solid #ECE5D7 !important;
}
.page-id-10503 .wd-nav-portfolio > li > a:hover{
border-color:#BD9866 !important;
color:#7A4A36 !important;
transform:translateY(-1px) !important;
box-shadow:0 6px 16px rgba(189,152,102,.18) !important;
}
.page-id-10503 .wd-nav-portfolio > li.wd-active > a,
.page-id-10503 .wd-nav-portfolio > li.wd-active > a:hover,
.page-id-10503 .wd-nav-portfolio > li.act-link > a,
.page-id-10503 .wd-nav-portfolio > li.act-link > a:hover{
background:linear-gradient(135deg,#1B2845 0%,#7A4A36 100%) !important;
color:#ffffff !important;
border-color:transparent !important;
box-shadow:0 8px 22px rgba(27,40,69,.28) !important;
}
.page-id-10503 .wd-nav-portfolio > li > a::before,
.page-id-10503 .wd-nav-portfolio > li > a::after{
display:none !important;
content:none !important;
}
/* ---- Card container ---- */
.page-id-10503 .wd-portfolio-element .wd-project,
.page-id-10503 article.portfolio{
margin-bottom:0 !important;
}
.page-id-10503 .wd-project .entry-header{
position:relative;
background:#ffffff !important;
border-radius:14px !important;
overflow:hidden !important;
box-shadow:0 6px 18px rgba(27,40,69,.10) !important;
border:1px solid #ECE5D7 !important;
transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease, border-color .3s ease !important;
isolation:isolate;
}
.page-id-10503 .wd-project:hover .entry-header{
transform:translateY(-6px);
box-shadow:0 18px 40px rgba(27,40,69,.18) !important;
border-color:#BD9866 !important;
}
/* ---- Image (figure + thumbnail) ---- */
.page-id-10503 .wd-project .entry-thumbnail{
position:relative;
margin:0 !important;
background:#1B2845;
aspect-ratio:4/3;
overflow:hidden;
}
.page-id-10503 .wd-project .portfolio-thumbnail{
display:block !important;
width:100% !important;
height:100% !important;
position:absolute !important;
inset:0 !important;
}
.page-id-10503 .wd-project .portfolio-thumbnail img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center !important;
transition:transform .8s cubic-bezier(.2,.7,.2,1), filter .4s ease !important;
filter:saturate(.95) brightness(.97);
}
.page-id-10503 .wd-project:hover .portfolio-thumbnail img{
transform:scale(1.06);
filter:saturate(1.05) brightness(1);
}
/* Bottom-of-image gradient so any text overlap stays legible */
.page-id-10503 .wd-project .entry-thumbnail::after{
content:"";
position:absolute;
inset:auto 0 0 0;
height:45%;
background:linear-gradient(180deg, rgba(13,19,34,0) 0%, rgba(13,19,34,.55) 100%);
opacity:0;
transition:opacity .4s ease;
pointer-events:none;
z-index:1;
}
.page-id-10503 .wd-project:hover .entry-thumbnail::after{ opacity:1; }
/* ---- Hover action buttons (lightbox + share) ---- */
.page-id-10503 .wd-project .wd-portfolio-btns{
position:absolute !important;
top:auto !important;
right:14px !important;
bottom:14px !important;
left:auto !important;
display:flex !important;
gap:8px !important;
opacity:0;
transform:translateY(8px);
transition:all .35s cubic-bezier(.2,.7,.2,1);
z-index:3;
}
.page-id-10503 .wd-project:hover .wd-portfolio-btns{
opacity:1;
transform:translateY(0);
}
.page-id-10503 .wd-project .wd-action-btn{
width:42px !important;
height:42px !important;
border-radius:50% !important;
background:rgba(255,255,255,.94) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
box-shadow:0 6px 16px rgba(0,0,0,.22) !important;
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
transition:all .25s ease !important;
}
.page-id-10503 .wd-project .wd-action-btn:hover{
background:#7A4A36 !important;
transform:translateY(-2px);
}
.page-id-10503 .wd-project .wd-action-btn a{
color:#7A4A36 !important;
font-size:1rem !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
height:100% !important;
}
.page-id-10503 .wd-project .wd-action-btn:hover a{
color:#ffffff !important;
}
/* ---- Info section under image ---- */
.page-id-10503 .wd-project .portfolio-info{
padding:18px 22px 22px !important;
background:#ffffff !important;
}
.page-id-10503 .wd-project .wrap-meta{ margin:0 0 8px !important; }
.page-id-10503 .wd-project .proj-cats-list{
list-style:none !important;
padding:0 !important;
margin:0 !important;
display:flex !important;
flex-wrap:wrap !important;
gap:6px !important;
}
.page-id-10503 .wd-project .proj-cats-list li{
list-style:none !important;
margin:0 !important;
padding:4px 10px !important;
display:inline-block !important;
background:rgba(122,74,54,.08) !important;
color:#7A4A36 !important;
font-family:'Inter',sans-serif !important;
font-size:.7rem !important;
font-weight:800 !important;
letter-spacing:.16em !important;
text-transform:uppercase !important;
border-radius:999px !important;
line-height:1 !important;
transition:all .25s ease !important;
}
.page-id-10503 .wd-project:hover .proj-cats-list li{
background:#7A4A36 !important;
color:#ffffff !important;
}
/* If a future change adds wrappers, inherit the styles cleanly */
.page-id-10503 .wd-project .proj-cats-list li a{
color:inherit !important;
text-decoration:none !important;
}
/* (no floating dot — the category pill in the info section is sufficient) */
/* ---- Title ---- */
.page-id-10503 .wd-project .wrap-title{ margin:0 !important; }
.page-id-10503 .wd-project .wd-entities-title{
margin:0 !important;
font-family:'Poppins',sans-serif !important;
font-size:1.05rem !important;
font-weight:700 !important;
line-height:1.3 !important;
letter-spacing:-.005em !important;
}
.page-id-10503 .wd-project .wd-entities-title a{
color:#1B2845 !important;
text-decoration:none !important;
transition:color .25s ease !important;
}
.page-id-10503 .wd-project:hover .wd-entities-title a{
color:#7A4A36 !important;
}
/* ---- Grid spacing tweaks (override default 30px gutters) ---- */
.page-id-10503 .wd-portfolio-element{
max-width:1320px;
margin:0 auto !important;
padding:0 24px !important;
}
.page-id-10503 .wd-portfolio-element .wd-portfolio-holder{
--wd-gap:22px;
}
/* ---- Responsive ---- */
@media(max-width:992px){
.page-id-10503 .wd-project .portfolio-info{ padding:16px 18px 20px !important; }
.page-id-10503 .wd-project .wd-entities-title{ font-size:1rem !important; }
}
@media(max-width:600px){
.page-id-10503 .wd-nav-portfolio{ gap:6px !important; }
.page-id-10503 .wd-nav-portfolio > li > a{ padding:8px 16px !important; font-size:.78rem !important; }
}
/* ---- Defeat the page-level "h3 force navy" rule for portfolio titles ---- */
body.page-id-10503 .wd-project h3.wd-entities-title a,
body.page-id-10503 .wd-project .wd-entities-title{
color:#1B2845 !important;
}
body.page-id-10503 .wd-project:hover h3.wd-entities-title a{
color:#7A4A36 !important;
}
.price .amount {
display: none !important;
}