/* ===================================================================== BEACON CAPITAL - QUARRIES & SOURCING (page 4166) Scoped entirely to body.bc-quarries-sourcing. Does not modify Header 3945, Footer 3944 or the global floating dock. ELEMENTOR CONTAINER NOTE A container saved with content_width:"boxed" renders as .e-con-boxed > .e-con-inner > [children] while content_width:"full" renders as .e-con-full > [children] Layout is therefore applied to `> .e-con-inner` on boxed section rails. ===================================================================== */ /* ---- HEADER -> HERO SEAM ------------------------------------------ #content.site-content reserves space for the fixed Global Header. bc-hf-scope's global values (96 / 88 / 84) overshoot the header's real rendered heights (96 / 82 / 80), leaving white below the header. Aligned here to the measured heights. Leading `html` + repeated class beats the global !important rule without touching bc-hf-scope.php or the Header template. -------------------------------------------- */ html body.bc-quarries-sourcing #content.site-content.site-content{padding-top:96px!important} @media(max-width:1024px){html body.bc-quarries-sourcing #content.site-content.site-content{padding-top:82px!important}} @media(max-width:767px){html body.bc-quarries-sourcing #content.site-content.site-content{padding-top:80px!important}} /* Angie renders a zero-height #angie-sidebar-container early in with margin-top:3px, which collapses through and pushes the page down while the fixed header stays at top:0. Zero it on this page only. */ html body.bc-quarries-sourcing #angie-sidebar-container{margin-top:0!important} /* ---- PAGE FRAME --------------------------------------------------- */ body.bc-quarries-sourcing{overflow-x:clip;background:#FCFAF6} body.bc-quarries-sourcing .site-content>.ast-container{padding:0;margin:0;max-width:none;width:100%} body.bc-quarries-sourcing .site-content>.ast-container>#primary, body.bc-quarries-sourcing .site-content>.ast-container>.ast-primary-content{margin:0;padding:0;width:100%;max-width:none} body.bc-quarries-sourcing .elementor-4166{width:100%;max-width:none} body.bc-quarries-sourcing [data-elementor-type="wp-page"]{margin-top:0} body.bc-quarries-sourcing #bc-qs-hero{margin-top:0;border-top:0} body.bc-quarries-sourcing img{max-width:100%;height:auto} body.bc-quarries-sourcing .elementor-widget:not(:last-child){margin-block-end:0} /* Release Elementor's own boxed max-width so the rail below is authoritative */ body.bc-quarries-sourcing .e-con-boxed{max-width:none;padding-inline:0;width:100%} body.bc-quarries-sourcing .e-con-boxed>.e-con-inner{max-width:none;width:100%;padding-inline:0;margin-inline:0} body.bc-quarries-sourcing .e-con{--padding-inline-start:0px;--padding-inline-end:0px} /* ---- SHARED BOXED RAIL -------------------------------------------- */ body.bc-quarries-sourcing #bc-qs-hero-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-strip-grid>.e-con-inner, body.bc-quarries-sourcing #bc-qs-origin-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-process-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-origins-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-inspect-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-resp-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-cta-inner>.e-con-inner{ width:100%;max-width:1200px;margin-inline:auto;padding-inline:40px; } body.bc-quarries-sourcing #bc-qs-cta-inner>.e-con-inner{max-width:880px;text-align:center;align-items:center} /* ---- TYPOGRAPHY PRIMITIVES ---------------------------------------- */ body.bc-quarries-sourcing .bcq-eyebrow .elementor-heading-title{ font-family:'Poppins',sans-serif;font-size:11px;font-weight:400; letter-spacing:2.6px;text-transform:uppercase;color:#9A7B45;line-height:1.6;margin:0; } body.bc-quarries-sourcing .bcq-eyebrow--dark .elementor-heading-title{color:#D1AA6D} body.bc-quarries-sourcing .bcq-eyebrow{margin-bottom:14px} body.bc-quarries-sourcing .bcq-h2 .elementor-heading-title{ font-family:'Cormorant Garamond',serif;font-size:clamp(30px,3.4vw,46px); font-weight:500;line-height:1.14;letter-spacing:.2px;color:#012F31;margin:0; } body.bc-quarries-sourcing .bcq-h2--dark .elementor-heading-title{color:#F3EFE7} body.bc-quarries-sourcing .bcq-h2{margin-bottom:20px} body.bc-quarries-sourcing .bcq-lede{max-width:620px;margin-bottom:34px} body.bc-quarries-sourcing .bcq-lede--wide{max-width:760px} body.bc-quarries-sourcing .bcq-lede p{ font-family:'Poppins',sans-serif;font-size:14.5px;font-weight:300; line-height:1.9;color:#3A4244;margin:0; } body.bc-quarries-sourcing .bcq-lede--dark p{color:rgba(243,239,231,.76)} body.bc-quarries-sourcing .bcq-rule .elementor-divider-separator{ border-top:2px solid #D1AA6D!important;width:58px!important; border-bottom:0!important;margin-inline:0!important; } body.bc-quarries-sourcing .bcq-rule .elementor-divider{padding-block:0!important} body.bc-quarries-sourcing .bcq-rule{margin:18px 0 24px} /* ---- ICON FILL ------------------------------------------------------ Elementor converts recognised Font Awesome names to inline SVG (.e-font-icon-svg). A global theme/addon rule fills those SVGs with the site link colour instead of inheriting, which turns every icon blue. Force inheritance from the .elementor-icon colour, on this page only. */ body.bc-quarries-sourcing .elementor-icon svg, body.bc-quarries-sourcing .elementor-icon svg path, body.bc-quarries-sourcing .elementor-widget-icon svg, body.bc-quarries-sourcing .elementor-widget-icon svg path{fill:currentColor!important} body.bc-quarries-sourcing .elementor-icon{background:none} /* ---- BUTTONS ------------------------------------------------------- */ body.bc-quarries-sourcing .bcq-btn .elementor-button{ font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:500; letter-spacing:2px;text-transform:uppercase;line-height:1; padding:17px 30px;border-radius:2px;border:1px solid transparent; transition:background-color .25s ease,color .25s ease,border-color .25s ease; } body.bc-quarries-sourcing .bcq-btn--gold .elementor-button{background:#D1AA6D;color:#070909;border-color:#D1AA6D} body.bc-quarries-sourcing .bcq-btn--gold .elementor-button:hover{background:#D9AE63;border-color:#D9AE63;color:#070909} body.bc-quarries-sourcing .bcq-btn--ghost .elementor-button{background:transparent;color:#F3EFE7;border-color:rgba(243,239,231,.55)} body.bc-quarries-sourcing .bcq-btn--ghost .elementor-button:hover{background:rgba(243,239,231,.10);border-color:#D1AA6D;color:#fff} /* ---- TEXT LINK ----------------------------------------------------- */ body.bc-quarries-sourcing .bcq-textlink .elementor-button{ background:transparent;padding:0;border:0;border-radius:0; font-family:'Poppins',sans-serif;font-size:12px;font-weight:500; letter-spacing:1.9px;text-transform:uppercase;color:#0C5453; border-bottom:1px solid rgba(12,84,83,.35);padding-bottom:6px; transition:color .25s ease,border-color .25s ease; } body.bc-quarries-sourcing .bcq-textlink .elementor-button:hover{color:#9A7B45;border-bottom-color:#D1AA6D} body.bc-quarries-sourcing .bcq-textlink--dark .elementor-button{color:#D1AA6D;border-bottom-color:rgba(209,170,109,.4)} body.bc-quarries-sourcing .bcq-textlink--dark .elementor-button:hover{color:#F3EFE7;border-bottom-color:#F3EFE7} body.bc-quarries-sourcing .bcq-textlink{margin-top:8px} /* ===================== 01 HERO ====================================== */ body.bc-quarries-sourcing #bc-qs-hero{position:relative;min-height:600px;display:flex} body.bc-quarries-sourcing #bc-qs-hero::after{ content:"";position:absolute;inset:0;z-index:1;pointer-events:none; background: linear-gradient(180deg,rgba(7,9,9,.80) 0%,rgba(2,47,49,.58) 44%,rgba(7,9,9,.92) 100%), linear-gradient(90deg,rgba(1,47,49,.78) 0%,rgba(7,9,9,.18) 72%); } body.bc-quarries-sourcing #bc-qs-hero-inner{position:relative;z-index:3;justify-content:center} body.bc-quarries-sourcing #bc-qs-crumb{flex-direction:row;align-items:center;gap:9px;margin-bottom:26px;width:auto} body.bc-quarries-sourcing .bcq-crumb .elementor-heading-title, body.bc-quarries-sourcing .bcq-crumb-sep .elementor-heading-title{ font-family:'Poppins',sans-serif;font-size:11px;letter-spacing:1.7px; text-transform:uppercase;color:rgba(252,250,246,.58);line-height:1.6;margin:0; } body.bc-quarries-sourcing .bcq-crumb a{color:inherit;text-decoration:none} body.bc-quarries-sourcing .bcq-crumb a:hover{color:#D1AA6D} body.bc-quarries-sourcing .bcq-crumb--cur .elementor-heading-title{color:#D1AA6D} body.bc-quarries-sourcing .bcq-hero-title .elementor-heading-title{ font-family:'Cormorant Garamond',serif;font-size:clamp(34px,4.6vw,62px); font-weight:500;line-height:1.08;letter-spacing:.2px;color:#FCFAF6;margin:0; } body.bc-quarries-sourcing .bcq-gold{color:#D1AA6D;font-style:italic} body.bc-quarries-sourcing .bcq-hero-desc{max-width:600px;margin-bottom:34px} body.bc-quarries-sourcing .bcq-hero-desc p{ font-family:'Poppins',sans-serif;font-size:14.5px;font-weight:300; line-height:1.9;color:rgba(252,250,246,.80);margin:0; } body.bc-quarries-sourcing #bc-qs-hero-cta{flex-direction:row;flex-wrap:wrap;gap:14px;width:auto} /* ===================== 02 CAPABILITY STRIP ========================== */ body.bc-quarries-sourcing #bc-qs-strip{border-block:1px solid rgba(209,170,109,.24)} body.bc-quarries-sourcing #bc-qs-strip-grid>.e-con-inner{ display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0; } body.bc-quarries-sourcing #bc-qs-strip-grid>.e-con-inner>.e-con{ padding:40px 22px;text-align:center;align-items:center;gap:0; border-left:1px solid rgba(209,170,109,.20); } body.bc-quarries-sourcing #bc-qs-strip-grid>.e-con-inner>.e-con:first-child{border-left:0} body.bc-quarries-sourcing .bcq-cap-ic{margin-bottom:14px} body.bc-quarries-sourcing .bcq-cap-ic .elementor-icon{color:#D1AA6D;font-size:26px} body.bc-quarries-sourcing .bcq-cap-title .elementor-heading-title{ font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:500;letter-spacing:1.7px; text-transform:uppercase;color:#FCFAF6;line-height:1.5;margin:0 0 9px; } body.bc-quarries-sourcing .bcq-cap-desc p{ font-family:'Poppins',sans-serif;font-size:12.8px;font-weight:300;line-height:1.75; color:rgba(243,239,231,.66);margin:0; } /* ===================== 03 ORIGIN OF TIMELESS STONE ================== */ body.bc-quarries-sourcing #bc-qs-origin-inner>.e-con-inner{ display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr); gap:64px;align-items:center; } body.bc-quarries-sourcing #bc-qs-origin-left{gap:0} body.bc-quarries-sourcing #bc-qs-origin-list{gap:0;margin:6px 0 30px} body.bc-quarries-sourcing #bc-qs-origin-list>.e-con{ flex-direction:row;align-items:flex-start;gap:14px; padding:15px 0;border-bottom:1px solid rgba(2,69,72,.13);width:100%; } body.bc-quarries-sourcing #bc-qs-origin-list>.e-con:first-child{border-top:1px solid rgba(2,69,72,.13)} body.bc-quarries-sourcing .bcq-bul-ic{width:auto;flex:0 0 auto} body.bc-quarries-sourcing .bcq-bul-ic .elementor-icon{color:#D1AA6D;font-size:12px; border:1px solid rgba(209,170,109,.55);border-radius:50%;width:24px;height:24px; display:flex;align-items:center;justify-content:center;margin-top:1px} body.bc-quarries-sourcing #bc-qs-origin-list>.e-con>.e-con{gap:0;width:auto;flex:1 1 auto} body.bc-quarries-sourcing .bcq-bul-title .elementor-heading-title{ font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:500;letter-spacing:1.6px; text-transform:uppercase;color:#012F31;line-height:1.5;margin:0 0 5px; } body.bc-quarries-sourcing .bcq-bul-desc p{ font-family:'Poppins',sans-serif;font-size:13.2px;font-weight:300;line-height:1.75; color:#4A5254;margin:0; } /* Asymmetric collage */ body.bc-quarries-sourcing #bc-qs-origin-media{gap:14px;position:relative} body.bc-quarries-sourcing #bc-qs-origin-media::before{ content:"";position:absolute;top:-18px;right:-18px;width:96px;height:96px; border-top:1px solid rgba(209,170,109,.55);border-right:1px solid rgba(209,170,109,.55); pointer-events:none;z-index:2; } body.bc-quarries-sourcing #bc-qs-origin-media::after{ content:"";position:absolute;bottom:-18px;left:-18px;width:96px;height:96px; border-bottom:1px solid rgba(209,170,109,.35);border-left:1px solid rgba(209,170,109,.35); pointer-events:none;z-index:2; } body.bc-quarries-sourcing .bcq-collage-main img{ width:100%;aspect-ratio:16/10;object-fit:cover;display:block;border-radius:2px; } body.bc-quarries-sourcing #bc-qs-collage-grid{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; } body.bc-quarries-sourcing .bcq-collage-s img{ width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:2px; } /* ===================== 04 SOURCING PROCESS ========================== */ body.bc-quarries-sourcing #bc-qs-process-inner>.e-con-inner{align-items:flex-start} body.bc-quarries-sourcing #bc-qs-process-grid{ display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0; width:100%;margin-top:22px; } body.bc-quarries-sourcing #bc-qs-process-grid>.e-con{ position:relative;text-align:center;align-items:center;gap:0;padding:0 12px; } /* thin gold connector between step centres */ body.bc-quarries-sourcing #bc-qs-process-grid>.e-con::before{ content:"";position:absolute;top:33px;left:-50%;width:100%;height:1px; background:rgba(209,170,109,.30);z-index:0; } body.bc-quarries-sourcing #bc-qs-process-grid>.e-con:first-child::before{display:none} body.bc-quarries-sourcing .bcq-step-ic{position:relative;z-index:2;margin-bottom:16px} body.bc-quarries-sourcing .bcq-step-ic .elementor-icon{ color:#D1AA6D;font-size:23px;width:66px;height:66px;border-radius:50%; border:1px solid rgba(209,170,109,.45);background:#070909; display:flex;align-items:center;justify-content:center; } body.bc-quarries-sourcing .bcq-step-num .elementor-heading-title{ font-family:'Poppins',sans-serif;font-size:11px;font-weight:400;letter-spacing:2.4px; color:#D1AA6D;line-height:1.4;margin:0 0 7px; } body.bc-quarries-sourcing .bcq-step-title .elementor-heading-title{ font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:500;letter-spacing:1.5px; text-transform:uppercase;color:#FCFAF6;line-height:1.5;margin:0 0 9px; } body.bc-quarries-sourcing .bcq-step-desc p{ font-family:'Poppins',sans-serif;font-size:12.6px;font-weight:300;line-height:1.75; color:rgba(243,239,231,.60);margin:0; } /* ===================== 05 EGYPTIAN STONE ORIGINS ==================== */ body.bc-quarries-sourcing #bc-qs-origins-inner>.e-con-inner{ display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); gap:60px;align-items:center; } body.bc-quarries-sourcing #bc-qs-origins-left{gap:0} body.bc-quarries-sourcing #bc-qs-origins-mini{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%;margin-top:4px; } body.bc-quarries-sourcing #bc-qs-origins-mini>.e-con{gap:0;padding:0} body.bc-quarries-sourcing .bcq-mini-ic{margin-bottom:11px} body.bc-quarries-sourcing .bcq-mini-ic .elementor-icon{color:#D1AA6D;font-size:19px} body.bc-quarries-sourcing .bcq-mini-title .elementor-heading-title{ font-family:'Poppins',sans-serif;font-size:11.5px;font-weight:500;letter-spacing:1.5px; text-transform:uppercase;color:#D9AE63;line-height:1.5;margin:0 0 7px; } body.bc-quarries-sourcing .bcq-mini-desc p{ font-family:'Poppins',sans-serif;font-size:12.4px;font-weight:300;line-height:1.7; color:rgba(243,239,231,.62);margin:0; } body.bc-quarries-sourcing #bc-qs-origins-cards{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; } body.bc-quarries-sourcing #bc-qs-origins-cards>.e-con{ gap:0;background:rgba(252,250,246,.035);border:1px solid rgba(209,170,109,.20); border-radius:2px;overflow:hidden;transition:border-color .3s ease,background-color .3s ease; } body.bc-quarries-sourcing #bc-qs-origins-cards>.e-con:hover{border-color:rgba(209,170,109,.55);background:rgba(252,250,246,.06)} body.bc-quarries-sourcing .bcq-fam-img img{ width:100%;aspect-ratio:4/2.6;object-fit:cover;display:block; } body.bc-quarries-sourcing #bc-qs-origins-cards>.e-con>.e-con{gap:0;padding:20px 20px 22px} body.bc-quarries-sourcing .bcq-fam-title .elementor-heading-title{ font-family:'Cormorant Garamond',serif;font-size:21px;font-weight:500; line-height:1.25;color:#F3EFE7;margin:0 0 8px; } body.bc-quarries-sourcing .bcq-fam-desc p{ font-family:'Poppins',sans-serif;font-size:12.4px;font-weight:300;line-height:1.75; color:rgba(243,239,231,.62);margin:0 0 14px; } /* ===================== 06 WHAT WE INSPECT =========================== */ body.bc-quarries-sourcing #bc-qs-inspect-inner>.e-con-inner{align-items:flex-start} body.bc-quarries-sourcing #bc-qs-inspect-grid{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;margin-top:8px; } body.bc-quarries-sourcing #bc-qs-inspect-grid>.e-con{ gap:0;padding:30px 28px 32px;background:#FCFAF6; border:1px solid rgba(2,69,72,.12);border-radius:2px; transition:border-color .3s ease,box-shadow .3s ease; } body.bc-quarries-sourcing #bc-qs-inspect-grid>.e-con:hover{ border-color:rgba(209,170,109,.55);box-shadow:0 12px 34px rgba(1,47,49,.07); } body.bc-quarries-sourcing .bcq-insp-ic{margin-bottom:16px} body.bc-quarries-sourcing .bcq-insp-ic .elementor-icon{color:#9A7B45;font-size:22px} body.bc-quarries-sourcing .bcq-insp-title .elementor-heading-title{ font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:500;letter-spacing:1.6px; text-transform:uppercase;color:#012F31;line-height:1.5;margin:0 0 9px; } body.bc-quarries-sourcing .bcq-insp-desc p{ font-family:'Poppins',sans-serif;font-size:13.2px;font-weight:300;line-height:1.78; color:#4A5254;margin:0; } /* ===================== 07 RESPONSIBLE SOURCING ====================== */ body.bc-quarries-sourcing #bc-qs-resp-inner>.e-con-inner{align-items:flex-start} body.bc-quarries-sourcing #bc-qs-resp-grid{ display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:100%;margin-top:8px; } body.bc-quarries-sourcing #bc-qs-resp-grid>.e-con{ gap:0;padding:4px 24px;border-left:1px solid rgba(2,69,72,.13); } body.bc-quarries-sourcing #bc-qs-resp-grid>.e-con:first-child{border-left:0;padding-left:0} body.bc-quarries-sourcing .bcq-rp-ic{margin-bottom:14px} body.bc-quarries-sourcing .bcq-rp-ic .elementor-icon{color:#9A7B45;font-size:21px} body.bc-quarries-sourcing .bcq-rp-title .elementor-heading-title{ font-family:'Poppins',sans-serif;font-size:12px;font-weight:500;letter-spacing:1.5px; text-transform:uppercase;color:#012F31;line-height:1.5;margin:0 0 8px; } body.bc-quarries-sourcing .bcq-rp-desc p{ font-family:'Poppins',sans-serif;font-size:12.6px;font-weight:300;line-height:1.75; color:#4A5254;margin:0; } /* ===================== 08 SOURCE TO FACTORY ========================= */ body.bc-quarries-sourcing #bc-qs-bridge-inner>.e-con-inner{ display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:stretch; max-width:none;padding-inline:0; } body.bc-quarries-sourcing #bc-qs-bridge-media{padding:0;gap:0} body.bc-quarries-sourcing .bcq-bridge-img, body.bc-quarries-sourcing .bcq-bridge-img .elementor-widget-container, body.bc-quarries-sourcing .bcq-bridge-img figure{height:100%} body.bc-quarries-sourcing .bcq-bridge-img img{ width:100%;height:100%;min-height:460px;object-fit:cover;display:block; } body.bc-quarries-sourcing #bc-qs-bridge-copy{ gap:0;justify-content:center;padding:96px 40px 96px 68px;max-width:640px; } body.bc-quarries-sourcing #bc-qs-bridge-pts{gap:0;margin:4px 0 32px;width:100%} body.bc-quarries-sourcing #bc-qs-bridge-pts>.e-con{ flex-direction:row;align-items:flex-start;gap:14px;padding:13px 0; border-bottom:1px solid rgba(209,170,109,.16);width:100%; } body.bc-quarries-sourcing #bc-qs-bridge-pts>.e-con:first-child{border-top:1px solid rgba(209,170,109,.16)} body.bc-quarries-sourcing .bcq-bp-ic{width:auto;flex:0 0 auto} body.bc-quarries-sourcing .bcq-bp-ic .elementor-icon{color:#D1AA6D;font-size:11px; border:1px solid rgba(209,170,109,.5);border-radius:50%;width:23px;height:23px; display:flex;align-items:center;justify-content:center;margin-top:2px} body.bc-quarries-sourcing #bc-qs-bridge-pts>.e-con>.e-con{gap:0;width:auto;flex:1 1 auto} body.bc-quarries-sourcing .bcq-bp-title .elementor-heading-title{ font-family:'Poppins',sans-serif;font-size:12px;font-weight:500;letter-spacing:1.6px; text-transform:uppercase;color:#F3EFE7;line-height:1.5;margin:0 0 5px; } body.bc-quarries-sourcing .bcq-bp-desc p{ font-family:'Poppins',sans-serif;font-size:12.8px;font-weight:300;line-height:1.7; color:rgba(243,239,231,.62);margin:0; } /* ===================== 09 FINAL CTA ================================= */ body.bc-quarries-sourcing #bc-qs-cta{position:relative} body.bc-quarries-sourcing #bc-qs-cta::after{ content:"";position:absolute;inset:0;z-index:1;pointer-events:none; background:linear-gradient(180deg,rgba(7,9,9,.88) 0%,rgba(1,47,49,.78) 50%,rgba(7,9,9,.92) 100%); } body.bc-quarries-sourcing #bc-qs-cta-inner{position:relative;z-index:3} body.bc-quarries-sourcing #bc-qs-cta-inner .bcq-lede{margin-inline:auto} body.bc-quarries-sourcing #bc-qs-cta-btns{ flex-direction:row;flex-wrap:wrap;gap:14px;justify-content:center;width:auto; } body.bc-quarries-sourcing .bcq-textlink--center{margin-top:26px} /* ===================================================================== RESPONSIVE ===================================================================== */ /* ---- <=1180 : process timeline to 3 columns ---------------------- */ @media(max-width:1180px){ body.bc-quarries-sourcing #bc-qs-process-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:44px} body.bc-quarries-sourcing #bc-qs-process-grid>.e-con::before{display:none} body.bc-quarries-sourcing #bc-qs-origin-inner>.e-con-inner{gap:48px} body.bc-quarries-sourcing #bc-qs-origins-inner>.e-con-inner{gap:44px} body.bc-quarries-sourcing #bc-qs-bridge-copy{padding:80px 36px 80px 48px} } /* ---- <=1024 : tablet ---------------------------------------------- */ @media(max-width:1024px){ body.bc-quarries-sourcing #bc-qs-hero-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-strip-grid>.e-con-inner, body.bc-quarries-sourcing #bc-qs-origin-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-process-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-origins-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-inspect-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-resp-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-cta-inner>.e-con-inner{padding-inline:32px} body.bc-quarries-sourcing #bc-qs-hero{min-height:520px} body.bc-quarries-sourcing #bc-qs-hero{padding-top:84px!important;padding-bottom:78px!important} body.bc-quarries-sourcing #bc-qs-origin, body.bc-quarries-sourcing #bc-qs-process, body.bc-quarries-sourcing #bc-qs-origins, body.bc-quarries-sourcing #bc-qs-inspect{padding-top:84px!important;padding-bottom:84px!important} body.bc-quarries-sourcing #bc-qs-resp{padding-top:80px!important;padding-bottom:80px!important} body.bc-quarries-sourcing #bc-qs-cta{padding-top:92px!important;padding-bottom:92px!important} body.bc-quarries-sourcing #bc-qs-strip-grid>.e-con-inner{grid-template-columns:repeat(3,minmax(0,1fr))} body.bc-quarries-sourcing #bc-qs-strip-grid>.e-con-inner>.e-con{padding:32px 18px;border-top:1px solid rgba(209,170,109,.20)} body.bc-quarries-sourcing #bc-qs-strip-grid>.e-con-inner>.e-con:nth-child(-n+3){border-top:0} body.bc-quarries-sourcing #bc-qs-strip-grid>.e-con-inner>.e-con:nth-child(3n+1){border-left:0} /* Origin + Origins + Bridge stack */ body.bc-quarries-sourcing #bc-qs-origin-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-origins-inner>.e-con-inner{grid-template-columns:minmax(0,1fr);gap:46px} body.bc-quarries-sourcing #bc-qs-bridge-inner>.e-con-inner{grid-template-columns:minmax(0,1fr)} body.bc-quarries-sourcing .bcq-bridge-img img{min-height:340px;aspect-ratio:16/9;height:auto} body.bc-quarries-sourcing #bc-qs-bridge-copy{padding:64px 32px;max-width:none} body.bc-quarries-sourcing #bc-qs-inspect-grid{grid-template-columns:repeat(2,minmax(0,1fr))} body.bc-quarries-sourcing #bc-qs-resp-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:34px} body.bc-quarries-sourcing #bc-qs-resp-grid>.e-con{padding:0 20px} body.bc-quarries-sourcing #bc-qs-resp-grid>.e-con:nth-child(3n+1){border-left:0;padding-left:0} } /* ---- <=767 : mobile ------------------------------------------------ */ @media(max-width:767px){ body.bc-quarries-sourcing #bc-qs-hero-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-strip-grid>.e-con-inner, body.bc-quarries-sourcing #bc-qs-origin-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-process-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-origins-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-inspect-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-resp-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-cta-inner>.e-con-inner{padding-inline:22px} body.bc-quarries-sourcing #bc-qs-hero{min-height:0} body.bc-quarries-sourcing #bc-qs-hero{padding-top:64px!important;padding-bottom:60px!important} body.bc-quarries-sourcing #bc-qs-origin, body.bc-quarries-sourcing #bc-qs-process, body.bc-quarries-sourcing #bc-qs-origins, body.bc-quarries-sourcing #bc-qs-inspect{padding-top:64px!important;padding-bottom:64px!important} body.bc-quarries-sourcing #bc-qs-resp{padding-top:60px!important;padding-bottom:60px!important} body.bc-quarries-sourcing #bc-qs-cta{padding-top:70px!important;padding-bottom:70px!important} body.bc-quarries-sourcing .bcq-hero-title .elementor-heading-title{font-size:clamp(30px,8.4vw,40px)} body.bc-quarries-sourcing .bcq-h2 .elementor-heading-title{font-size:clamp(26px,6.6vw,34px)} body.bc-quarries-sourcing #bc-qs-hero-cta{flex-direction:column;align-items:stretch;width:100%;gap:12px} body.bc-quarries-sourcing #bc-qs-hero-cta .elementor-widget-button{width:100%} body.bc-quarries-sourcing .bcq-btn .elementor-button{width:100%;justify-content:center;padding:18px 22px;min-height:52px} body.bc-quarries-sourcing #bc-qs-strip-grid>.e-con-inner{grid-template-columns:repeat(2,minmax(0,1fr))} body.bc-quarries-sourcing #bc-qs-strip-grid>.e-con-inner>.e-con{padding:28px 14px} body.bc-quarries-sourcing #bc-qs-strip-grid>.e-con-inner>.e-con:nth-child(-n+3){border-top:1px solid rgba(209,170,109,.20)} body.bc-quarries-sourcing #bc-qs-strip-grid>.e-con-inner>.e-con:nth-child(-n+2){border-top:0} body.bc-quarries-sourcing #bc-qs-strip-grid>.e-con-inner>.e-con:nth-child(3n+1){border-left:1px solid rgba(209,170,109,.20)} body.bc-quarries-sourcing #bc-qs-strip-grid>.e-con-inner>.e-con:nth-child(2n+1){border-left:0} /* Collage -> 2-up */ body.bc-quarries-sourcing #bc-qs-collage-grid{grid-template-columns:repeat(2,minmax(0,1fr))} body.bc-quarries-sourcing .bcq-collage-s:last-child{display:none} body.bc-quarries-sourcing .bcq-collage-main img{aspect-ratio:16/11} body.bc-quarries-sourcing #bc-qs-origin-media::before, body.bc-quarries-sourcing #bc-qs-origin-media::after{width:60px;height:60px} body.bc-quarries-sourcing #bc-qs-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:38px} body.bc-quarries-sourcing #bc-qs-origins-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} body.bc-quarries-sourcing #bc-qs-origins-mini{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} body.bc-quarries-sourcing #bc-qs-inspect-grid{grid-template-columns:minmax(0,1fr)} body.bc-quarries-sourcing #bc-qs-inspect-grid>.e-con{padding:26px 24px 28px} body.bc-quarries-sourcing #bc-qs-resp-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px} body.bc-quarries-sourcing #bc-qs-resp-grid>.e-con{padding:0 18px} body.bc-quarries-sourcing #bc-qs-resp-grid>.e-con:nth-child(2n+1){border-left:0;padding-left:0} body.bc-quarries-sourcing #bc-qs-bridge-copy{padding:52px 22px} body.bc-quarries-sourcing .bcq-bridge-img img{min-height:240px} body.bc-quarries-sourcing #bc-qs-cta-btns{flex-direction:column;align-items:stretch;width:100%} body.bc-quarries-sourcing #bc-qs-cta-btns .elementor-widget-button{width:100%} } /* ---- <=560 : narrow phones ----------------------------------------- */ @media(max-width:560px){ body.bc-quarries-sourcing #bc-qs-process-grid{grid-template-columns:minmax(0,1fr);row-gap:0} body.bc-quarries-sourcing #bc-qs-process-grid>.e-con{ flex-direction:row;align-items:flex-start;text-align:left;gap:16px; padding:20px 0;border-bottom:1px solid rgba(209,170,109,.16); } body.bc-quarries-sourcing #bc-qs-process-grid>.e-con:first-child{border-top:1px solid rgba(209,170,109,.16)} body.bc-quarries-sourcing .bcq-step-ic{margin-bottom:0;flex:0 0 auto;width:auto} body.bc-quarries-sourcing .bcq-step-ic .elementor-icon{width:50px;height:50px;font-size:19px} /* vertical connector */ body.bc-quarries-sourcing #bc-qs-process-grid>.e-con::before{ display:block;top:70px;bottom:-20px;left:25px;width:1px;height:auto; } body.bc-quarries-sourcing #bc-qs-process-grid>.e-con:last-child::before{display:none} body.bc-quarries-sourcing .bcq-step-num, body.bc-quarries-sourcing .bcq-step-title, body.bc-quarries-sourcing .bcq-step-desc{width:100%} } /* ---- <=480 : single column everywhere ------------------------------ */ @media(max-width:480px){ body.bc-quarries-sourcing #bc-qs-hero-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-strip-grid>.e-con-inner, body.bc-quarries-sourcing #bc-qs-origin-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-process-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-origins-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-inspect-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-resp-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-cta-inner>.e-con-inner{padding-inline:18px} body.bc-quarries-sourcing #bc-qs-strip-grid>.e-con-inner{grid-template-columns:minmax(0,1fr)} body.bc-quarries-sourcing #bc-qs-strip-grid>.e-con-inner>.e-con{ border-left:0!important;border-top:1px solid rgba(209,170,109,.20);padding:26px 8px; } body.bc-quarries-sourcing #bc-qs-strip-grid>.e-con-inner>.e-con:first-child{border-top:0} body.bc-quarries-sourcing #bc-qs-origins-cards{grid-template-columns:minmax(0,1fr)} body.bc-quarries-sourcing #bc-qs-origins-mini{grid-template-columns:minmax(0,1fr);gap:18px} body.bc-quarries-sourcing #bc-qs-resp-grid{grid-template-columns:minmax(0,1fr);row-gap:26px} body.bc-quarries-sourcing #bc-qs-resp-grid>.e-con{border-left:0!important;padding:0} body.bc-quarries-sourcing #bc-qs-collage-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } /* ---- <=380 : 320-375 safety ---------------------------------------- */ @media(max-width:380px){ body.bc-quarries-sourcing #bc-qs-hero-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-strip-grid>.e-con-inner, body.bc-quarries-sourcing #bc-qs-origin-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-process-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-origins-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-inspect-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-resp-inner>.e-con-inner, body.bc-quarries-sourcing #bc-qs-cta-inner>.e-con-inner{padding-inline:15px} body.bc-quarries-sourcing .bcq-hero-title .elementor-heading-title{font-size:28px} body.bc-quarries-sourcing .bcq-h2 .elementor-heading-title{font-size:25px} body.bc-quarries-sourcing .bcq-btn .elementor-button{font-size:11.5px;letter-spacing:1.5px;padding:17px 14px} body.bc-quarries-sourcing .bcq-textlink .elementor-button{font-size:11px;letter-spacing:1.4px} body.bc-quarries-sourcing #bc-qs-crumb{gap:7px} body.bc-quarries-sourcing .bcq-crumb .elementor-heading-title, body.bc-quarries-sourcing .bcq-crumb-sep .elementor-heading-title{font-size:10px;letter-spacing:1.3px} body.bc-quarries-sourcing .bcq-collage-main img{aspect-ratio:4/3} } /* ===================================================================== BASELINE ALIGNMENT POLISH Titles in the multi-column rows wrap to different line counts (e.g. 'Selected Egyptian Sources' vs 'Block Inspection'), which pushed the body copy of each column to a different baseline. Reserve two lines only while the items are actually side by side. ===================================================================== */ @media(min-width:481px){ body.bc-quarries-sourcing .bcq-cap-title .elementor-heading-title{min-height:38px} body.bc-quarries-sourcing .bcq-rp-title .elementor-heading-title{min-height:36px} } @media(min-width:561px){ body.bc-quarries-sourcing .bcq-step-title .elementor-heading-title{min-height:38px} } @media(min-width:768px){ body.bc-quarries-sourcing .bcq-mini-title .elementor-heading-title{min-height:34px} }