.elementor-4018 .elementor-element.elementor-element-2b844bc{--display:flex;--min-height:260px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-color:#0A0A0A;--border-color:#0A0A0A;--border-radius:0px 0px 2px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4018 .elementor-element.elementor-element-c3835ba{font-family:"Barlow Condensed Medium", Sans-serif;font-size:0.58rem;font-weight:700;text-transform:uppercase;line-height:1.2em;letter-spacing:0.28em;color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-4018 .elementor-element.elementor-element-e2b756e{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0.65rem) 0rem;}.elementor-4018 .elementor-element.elementor-element-3cc4f3f{font-family:"Syne", Sans-serif;font-size:1rem;font-weight:300;line-height:1.65em;}.elementor-4018 .elementor-element.elementor-element-2beb380{background-color:var( --e-global-color-secondary );padding:0.22rem 0.6rem 0.22rem 0.6rem;top:1rem;font-family:"Barlow Condensed Medium", Sans-serif;font-size:0.8rem;font-weight:300;text-transform:uppercase;line-height:1em;color:var( --e-global-color-a21a36f );}body:not(.rtl) .elementor-4018 .elementor-element.elementor-element-2beb380{right:1rem;}body.rtl .elementor-4018 .elementor-element.elementor-element-2beb380{left:1rem;}body.elementor-page-4018:not(.elementor-motion-effects-element-type-background), body.elementor-page-4018 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAF8;}@media(min-width:768px){.elementor-4018 .elementor-element.elementor-element-2b844bc{--content-width:100%;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}/* Start custom CSS *//* ─── BCD BLOG PAGE — CUSTOM CSS ──────────────────────────── */ /* Snippet: BCD — Blog Page Styles · WPCode · Site Wide */ /* Version: 1.0 · March 2026 */ /* ── Hero: left panel gradient overlay ── */ .hero-left { background-image: radial-gradient(ellipse 70% 80% at 0% 100%, rgba(107,76,247,0.12) 0%, transparent 60%), radial-gradient(ellipse 50% 60% at 100% 0%, rgba(0,201,190,0.06) 0%, transparent 60%); } /* ── Hero: right panel hatch texture ── */ .hero-right { background-image: repeating-linear-gradient(-45deg, transparent, transparent 18px, rgba(10,10,10,0.025) 18px, rgba(10,10,10,0.025) 19px); } /* ── Hero: fix height strictly ── */ .blog-hero-section { height: 260px !important; max-height: 260px !important; overflow: hidden; } /* ── Featured badge: absolute position ── */ .hero-feat-badge { position: absolute; top: 1rem; right: 1rem; } /* ── Ticker bar styles ── */ .ticker-label { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 0.56rem; letter-spacing: 0.22em; text-transform: uppercase; color: #00C9BE; flex-shrink: 0; border-right: 1px solid rgba(255,255,255,0.08); padding-right: 1.2rem; } .ticker-items { display: flex; gap: 2rem; overflow: hidden; align-items: center; } .ticker-item { font-family: 'Barlow Condensed', sans-serif; font-weight: 600; font-size: 0.58rem; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(184,196,212,0.35); white-space: nowrap; } .ticker-item.hot { color: #E8A838; } .ticker-dot { font-size: 0.4rem; color: rgba(255,255,255,0.08); flex-shrink: 0; } /* ── Browse / category bar ── */ .browse-label { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 0.56rem; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(10,10,10,0.40); padding: 0 1.3rem; display: flex; align-items: center; border-right: 1px solid rgba(10,10,10,0.08); flex-shrink: 0; } .browse-cats { display: flex; align-items: stretch; overflow-x: auto; scrollbar-width: none; } .browse-cats::-webkit-scrollbar { display: none; } .cat-pill { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 0.6rem; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(10,10,10,0.40); padding: 0 1.3rem; display: flex; align-items: center; border-right: 1px solid rgba(10,10,10,0.08); white-space: nowrap; text-decoration: none; transition: color 0.18s; } .cat-pill:hover { color: #0A0A0A; } .cat-pill.is-active { color: #0A0A0A; box-shadow: inset 0 -3px 0 #00C9BE; } /* ── Loop Grid: 2x2 card borders ── */ /* Remove right border from even cards */ .elementor-loop-container .elementor-loop-item:nth-child(2n) .art-card { border-right: none; } /* Remove bottom border from last row */ .elementor-loop-container .elementor-loop-item:nth-child(3) .art-card, .elementor-loop-container .elementor-loop-item:nth-child(4) .art-card { border-bottom: none; } /* ── Card thumbnail aspect ratio ── */ .card-thumb, .art-card .elementor-widget-image img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; } /* ── Excerpt line clamp: cards ── */ .art-card .elementor-widget-post-excerpt .elementor-widget-container { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /* ── Excerpt line clamp: rows ── */ .post-row .elementor-widget-post-excerpt .elementor-widget-container { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* ── Row thumbnail fixed size ── */ .bcd-row-thumb { width: 180px; height: 120px; flex-shrink: 0; overflow: hidden; } .bcd-row-thumb img { width: 100%; height: 100%; object-fit: cover; } /* ── Sidebar: hide scrollbar ── */ .bcd-sidebar { scrollbar-width: none; } .bcd-sidebar::-webkit-scrollbar { display: none; } /* ── Footer secondary nav link dividers ── */ .footer-secondary-nav a { border-right: 1px solid rgba(255,255,255,0.06); } .footer-secondary-nav a:first-child { padding-left: 0; } .footer-secondary-nav a:last-child { border-right: none; } /* ── Card / row hover background ── */ .art-card:hover, .post-row:hover { background-color: #F5F4F1; transition: background-color 0.18s ease; }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Barlow Condensed Medium';
	font-display: auto;
	src: url('https://bklyncustomdesigns.com/wp-content/uploads/BarlowCondensed-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */