:root {
--ebm-ink: #0e1116;
--ebm-ink-soft: #171b22;
--ebm-text: #1b2430;
--ebm-muted: #5d6675;
--ebm-faint: #5f6979; --ebm-accent: #0f6fb5;
--ebm-accent-ink: #0a4d7d;
--ebm-accent-soft: #e8f2fa;
--ebm-line: #e3e7ee;
--ebm-line-soft: #eef1f5;
--ebm-bg: #f4f6f9;
--ebm-surface: #ffffff;
--ebm-radius: 18px;
--ebm-radius-sm: 12px;
--ebm-shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);
--ebm-shadow-sm: 0 2px 10px rgba(15, 23, 42, .06);
--ebm-shadow: 0 18px 44px rgba(15, 23, 42, .10);
--ebm-shadow-lg: 0 32px 70px rgba(15, 23, 42, .16);
--ebm-max: 1180px;
--ebm-read: 700px;
--ebm-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--ebm-display: -apple-system, BlinkMacSystemFont, "Segoe UI Semibold", "Segoe UI", Roboto, sans-serif;
--ebm-radius-pill: 999px;
} *,
*::before,
*::after { box-sizing: border-box; }
html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
}
body,
body.custom-background {
background: var(--ebm-bg) !important;
color: var(--ebm-text);
font-family: var(--ebm-font);
font-size: 17px;
line-height: 1.65;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6 {
color: var(--ebm-ink);
font-family: var(--ebm-display);
font-weight: 800;
letter-spacing: -.02em;
line-height: 1.16;
}
a { color: var(--ebm-accent); text-decoration-thickness: 1px; text-underline-offset: 3px; }
img { max-width: 100%; height: auto; }
::selection { background: var(--ebm-accent); color: #fff; }
:focus-visible {
outline: 3px solid #7cc0f0;
outline-offset: 3px;
border-radius: 6px;
} .ebm-page-title {
max-width: var(--ebm-max);
margin: 40px auto 0;
padding: 0 20px;
font-size: clamp(30px, 4vw, 44px);
} .ebm-skip {
position: absolute;
left: 12px;
top: -80px;
z-index: 100000;
padding: 12px 20px;
border-radius: var(--ebm-radius-pill);
background: #fff;
color: var(--ebm-ink) !important;
font-weight: 700;
text-decoration: none;
box-shadow: var(--ebm-shadow);
transition: top .16s ease;
}
.ebm-skip:focus { top: 12px; }  .btn-mini-search .ti-search,
.btn-mini-search i,
.btn-mini-close i,
.share-links .social-item a i,
.entry_pagination i,
.page-numbers i,
.ebm-more span[aria-hidden],
.ebm-cat-arrow,
.ebm-card-more i { display: none !important; }
.btn-mini-search,
.ebm-icon-search {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4.2-4.2'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
}
.share-links .social-item a {
background-repeat: no-repeat;
background-position: center;
background-size: 17px 17px;
}
.share-links .social-item.facebook a {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234b5563'%3E%3Cpath d='M14 9h3V6h-3c-2.2 0-4 1.8-4 4v2H8v3h2v7h3v-7h3l1-3h-4V10c0-.6.4-1 1-1z'/%3E%3C/svg%3E");
}
.share-links .social-item.twitter a {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234b5563'%3E%3Cpath d='M17.5 3h3l-6.6 7.5L21.7 21h-5.3l-4.2-5.5L7.3 21H4.2l7-7.9L3 3h5.5l3.9 5.2L17.5 3zm-1.1 16.2h1.7L7.7 4.7H5.9l10.5 14.5z'/%3E%3C/svg%3E");
}
.share-links .social-item.linkedin a {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234b5563'%3E%3Cpath d='M6.9 8.6H4V20h2.9V8.6zM5.5 4a1.7 1.7 0 100 3.4 1.7 1.7 0 000-3.4zM20 13.6c0-3-1.6-4.4-3.8-4.4-1.7 0-2.5 1-2.9 1.6V8.6H10.4V20h2.9v-6.2c0-1.4.5-2.3 1.8-2.3 1.2 0 1.7.9 1.7 2.3V20H20v-6.4z'/%3E%3C/svg%3E");
}
.share-links .social-item.google a,
.share-links .social-item.pinterest a {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E");
}
.page-prev, .page-next { position: relative; } .container {
width: 100%;
max-width: var(--ebm-max);
margin: 0 auto;
padding: 0 20px;
}
.container-inner { padding: 0; } .searchform-wrap {
position: absolute;
top: 72px;
left: 0;
right: 0;
z-index: 60;
display: none;
padding: 0;
background: #fff;
border-bottom: 1px solid var(--ebm-line);
box-shadow: var(--ebm-shadow-sm);
}
.searchform-wrap.is-open { display: block; }
.searchform-wrap .container { padding-top: 14px; padding-bottom: 14px; }
.searchform {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
}
.searchform .input-group {
display: flex;
flex: 1 1 auto;
gap: 8px;
width: 100%;
}
.searchform input[type="text"],
.searchform input[type="search"] {
flex: 1 1 auto;
width: 100%;
height: 46px;
padding: 0 18px;
border: 1px solid var(--ebm-line) !important;
border-radius: var(--ebm-radius-pill) !important;
background: var(--ebm-bg) !important;
color: var(--ebm-text) !important;
font-family: var(--ebm-font) !important;
font-size: 15px !important;
box-shadow: none !important;
}
.searchform input:focus {
border-color: var(--ebm-accent) !important;
background: #fff !important;
outline: none;
box-shadow: 0 0 0 4px rgba(15, 111, 181, .12) !important;
}
.searchform .input-group-btn { display: flex; flex: 0 0 auto; }
.searchform button,
.searchform .btn {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 46px;
width: 46px;
min-width: 46px;
height: 46px;
padding: 0 !important;
border: 0 !important;
border-radius: var(--ebm-radius-pill) !important;
background: var(--ebm-accent) !important;
color: #fff !important;
box-shadow: none !important;
}
.searchform button:hover { background: var(--ebm-accent-ink) !important; }
.btn-mini-close {
width: 46px;
height: 46px;
padding: 0;
border: 1px solid var(--ebm-line);
border-radius: var(--ebm-radius-pill);
background: #fff;
color: var(--ebm-muted);
font-size: 18px;
line-height: 1;
cursor: pointer;
} #masthead.site-header,
.header-fixed,
#peflican-header {
background: var(--ebm-ink);
border: 0;
box-shadow: none;
}
#masthead.site-header {
position: sticky;
top: 0;
z-index: 5000;
border-bottom: 1px solid rgba(255, 255, 255, .09);
transition: box-shadow .2s ease, background .2s ease;
}
#masthead.site-header.is-stuck {
background: rgba(11, 21, 38, .96);
backdrop-filter: saturate(140%) blur(10px);
box-shadow: 0 10px 30px rgba(0, 0, 0, .28);
} body.admin-bar #masthead.site-header { top: 32px; }
.peflican-header-content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
height: 72px;
transition: height .2s ease;
}
#masthead.site-header.is-stuck .peflican-header-content { height: 60px; }
.header-content-logo,
#logo {
display: flex;
align-items: center;
flex: 0 0 auto;
width: auto !important;
max-width: none;
}
#logo img {
display: block;
width: auto;
max-height: 34px; margin-bottom: 0 !important;
transition: max-height .2s ease;
}
#masthead.site-header.is-stuck #logo img { max-height: 28px; }
.header-content-menu {
display: flex;
align-items: center;
flex: 1 1 auto;
justify-content: center;
}
#na-menu-primary,
#na-menu-primary ul {
display: flex;
align-items: center;
gap: 4px;
margin: 0;
padding: 0;
list-style: none;
} #na-menu-primary ul.mega-menu > li,
#na-menu-primary > ul > li { position: relative; flex: 0 0 auto; }
#na-menu-primary ul.mega-menu > li > a,
#na-menu-primary > ul > li > a {
position: relative;
display: inline-flex;
align-items: center;
height: 40px !important;
line-height: 1.2 !important;
padding: 0 12px;
border-radius: var(--ebm-radius-pill);
color: #c6cfd9 !important;
font-family: var(--ebm-font);
font-size: 15px;
font-weight: 600;
letter-spacing: -.01em;
white-space: nowrap;
text-decoration: none;
transition: color .16s ease, background .16s ease;
}
#na-menu-primary ul.mega-menu > li > a::after,
#na-menu-primary > ul > li > a::after {
content: "";
position: absolute;
left: 12px;
right: 12px;
bottom: 4px;
height: 2px;
border-radius: 2px;
background: var(--ebm-accent);
transform: scaleX(0);
transform-origin: left;
transition: transform .2s ease;
}
#na-menu-primary ul.mega-menu > li > a:hover,
#na-menu-primary ul.mega-menu > li.current-menu-item > a,
#na-menu-primary > ul > li > a:hover,
#na-menu-primary > ul > li.current-menu-item > a {
color: #fff !important;
background: rgba(255, 255, 255, .07);
}
#na-menu-primary ul.mega-menu > li > a:hover::after,
#na-menu-primary ul.mega-menu > li.current-menu-item > a::after,
#na-menu-primary > ul > li > a:hover::after,
#na-menu-primary > ul > li.current-menu-item > a::after { transform: scaleX(1); } #na-menu-primary ul ul {
position: absolute;
top: 100%;
left: 0;
z-index: 20;
display: block;
min-width: 220px;
padding: 8px;
border: 1px solid var(--ebm-line);
border-radius: 14px;
background: #fff;
box-shadow: var(--ebm-shadow);
opacity: 0;
visibility: hidden;
transform: translateY(6px);
transition: opacity .16s ease, transform .16s ease, visibility .16s;
}
#na-menu-primary li:hover > ul { opacity: 1; visibility: visible; transform: none; }
#na-menu-primary ul ul li a {
display: block;
padding: 9px 12px;
border-radius: 8px;
color: var(--ebm-text) !important;
font-size: 14.5px;
font-weight: 500;
text-decoration: none;
}
#na-menu-primary ul ul li a:hover { background: var(--ebm-bg); color: var(--ebm-accent) !important; }
.header-content-right {
display: flex;
align-items: center;
flex: 0 0 auto;
gap: 6px;
}
.btn-mini-search {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
padding: 0;
border: 1px solid rgba(255, 255, 255, .16);
border-radius: var(--ebm-radius-pill);
background-color: transparent;
color: #fff;
cursor: pointer;
transition: background .16s ease, border-color .16s ease;
}
.btn-mini-search:hover { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .3); } .ebm-menu-toggle {
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 5px;
width: 44px;
height: 44px;
padding: 0;
border: 1px solid rgba(255, 255, 255, .16);
border-radius: var(--ebm-radius-pill);
background: transparent;
cursor: pointer;
}
.ebm-menu-toggle span {
display: block;
width: 20px;
height: 2px;
border-radius: 2px;
background: #fff;
transition: transform .2s ease, opacity .2s ease;
}
.ebm-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.ebm-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.ebm-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } .slicknav_menu { display: none !important; } .ebm-drawer {
position: fixed;
inset: 0;
display: block;
z-index: 9000;
visibility: hidden;
pointer-events: none;
transition: visibility 0s linear .28s;
}
.ebm-drawer.is-open {
visibility: visible;
transition: visibility 0s;
}
.ebm-drawer-overlay {
position: absolute;
inset: 0;
background: rgba(9, 11, 15, .55);
opacity: 0;
transition: opacity .22s ease;
}
.ebm-drawer-panel {
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
width: min(88vw, 400px);
padding: 18px 22px 28px;
background: #101a2b;
box-shadow: -20px 0 60px rgba(0, 0, 0, .45);
transform: translateX(100%);
transition: transform .26s cubic-bezier(.32, .72, 0, 1);
overflow-y: auto;
}
.ebm-drawer.is-open { pointer-events: auto; }
.ebm-drawer.is-open .ebm-drawer-overlay { opacity: 1; }
.ebm-drawer.is-open .ebm-drawer-panel { transform: none; }
.ebm-drawer-head {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 16px;
border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.ebm-drawer-brand {
color: #fff;
font-family: var(--ebm-display);
font-size: 15px;
font-weight: 800;
letter-spacing: .16em;
text-transform: uppercase;
}
.ebm-drawer-close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: 1px solid rgba(255, 255, 255, .16);
border-radius: var(--ebm-radius-pill);
background: transparent;
color: #fff;
font-size: 22px;
line-height: 1;
cursor: pointer;
}
.ebm-drawer nav { margin-top: 8px; }
.ebm-drawer nav ul { margin: 0; padding: 0; list-style: none; }
.ebm-drawer nav ul li a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 2px;
border-bottom: 1px solid rgba(255, 255, 255, .07);
color: #e8edf3 !important;
font-size: 18px;
font-weight: 600;
text-decoration: none;
}
.ebm-drawer nav ul li a::after {
content: "→";
color: rgba(255, 255, 255, .35);
font-size: 15px;
}
.ebm-drawer nav ul li a:hover { color: #fff !important; padding-left: 6px; }
.ebm-drawer-search {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 50px;
margin-top: 22px;
border: 0;
border-radius: var(--ebm-radius-pill);
background: var(--ebm-accent);
color: #fff;
font-family: var(--ebm-font);
font-size: 15px;
font-weight: 700;
letter-spacing: .02em;
text-transform: uppercase;
cursor: pointer;
}
.ebm-drawer-foot {
margin-top: auto;
padding-top: 24px;
color: #8792a3;
font-size: 13px;
line-height: 1.6;
}
body.ebm-menu-open { overflow: hidden; } .ebm-progress {
position: fixed;
top: 0;
left: 0;
z-index: 6000;
width: 100%;
height: 3px;
background: transparent;
pointer-events: none;
}
.ebm-progress span {
display: block;
width: 0;
height: 100%;
background: linear-gradient(90deg, #0f6fb5, #4aa8e0);
transition: width .08s linear;
}
body.admin-bar .ebm-progress { top: 32px; }  .ebm-home { padding: 0 0 72px; }
.ebm-intro {
max-width: 780px;
margin: 0 auto;
padding: 54px 20px 34px;
text-align: center;
}
.ebm-kicker {
margin: 0 0 12px;
color: var(--ebm-accent);
font-family: var(--ebm-display);
font-size: 12px;
font-weight: 800;
letter-spacing: .18em;
text-transform: uppercase;
}
.ebm-h1 {
margin: 0;
font-size: clamp(32px, 4.6vw, 52px);
letter-spacing: -.03em;
line-height: 1.08;
}
.ebm-h2 {
margin: 0;
font-size: clamp(22px, 2.6vw, 30px);
letter-spacing: -.02em;
}
.ebm-lead {
max-width: 620px;
margin: 18px auto 0;
color: var(--ebm-muted);
font-size: 18px;
line-height: 1.6;
} .ebm-hero {
position: relative;
display: block;
max-width: var(--ebm-max);
margin: 0 auto;
border-radius: var(--ebm-radius);
overflow: hidden;
background: #101a2b;
color: #fff !important;
text-decoration: none;
box-shadow: var(--ebm-shadow);
isolation: isolate;
}
.ebm-hero-media {
position: absolute;
inset: 0;
display: block;
}
.ebm-hero-media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .5s cubic-bezier(.2, .7, .2, 1);
}
.ebm-hero:hover .ebm-hero-media img { transform: scale(1.035); }
.ebm-hero-body {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
min-height: 480px;
padding: 40px;
background: linear-gradient(180deg, rgba(10, 12, 16, .05) 0%, rgba(10, 12, 16, .55) 48%, rgba(10, 12, 16, .92) 100%);
}
.ebm-hero-title {
display: block;
max-width: 760px;
margin: 14px 0 0;
color: #fff;
font-family: var(--ebm-display);
font-size: clamp(26px, 3.4vw, 44px);
font-weight: 800;
letter-spacing: -.02em;
line-height: 1.1;
text-shadow: 0 2px 20px rgba(0, 0, 0, .3);
}
.ebm-hero-excerpt {
display: block;
max-width: 620px;
margin: 14px 0 0;
color: rgba(255, 255, 255, .82);
font-size: 16.5px;
line-height: 1.6;
}
.ebm-hero-cta {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 22px;
padding: 12px 22px;
border-radius: var(--ebm-radius-pill);
background: #fff;
color: var(--ebm-ink);
font-size: 14px;
font-weight: 700;
letter-spacing: .01em;
transition: transform .16s ease, box-shadow .16s ease;
}
.ebm-hero:hover .ebm-hero-cta { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(0, 0, 0, .3); }
.ebm-chip {
display: inline-flex;
align-items: center;
height: 26px;
padding: 0 11px;
border-radius: var(--ebm-radius-pill);
background: var(--ebm-accent-soft);
color: var(--ebm-accent-ink) !important;
font-family: var(--ebm-font);
font-size: 11.5px;
font-weight: 800;
letter-spacing: .1em;
text-decoration: none;
text-transform: uppercase;
}
.ebm-chip-light {
background: rgba(255, 255, 255, .16);
color: #fff !important;
backdrop-filter: blur(6px);
} .ebm-section {
max-width: var(--ebm-max);
margin: 64px auto 0;
padding: 0 20px;
}
.ebm-section-head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 16px;
margin-bottom: 22px;
}
.ebm-section-link {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--ebm-accent-ink) !important;
font-size: 14.5px;
font-weight: 700;
text-decoration: none;
white-space: nowrap;
}
.ebm-section-link:hover { color: var(--ebm-accent) !important; }
.ebm-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
} .ebm-cats {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
}
.ebm-cat {
position: relative;
display: flex;
flex-direction: column;
gap: 6px;
padding: 22px;
border: 1px solid var(--ebm-line);
border-radius: var(--ebm-radius-sm);
background: var(--ebm-surface);
color: var(--ebm-text) !important;
text-decoration: none;
box-shadow: var(--ebm-shadow-xs);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.ebm-cat:hover {
transform: translateY(-3px);
border-color: #cdd6e2;
box-shadow: var(--ebm-shadow-sm);
}
.ebm-cat-label {
color: var(--ebm-ink);
font-family: var(--ebm-display);
font-size: 17px;
font-weight: 800;
letter-spacing: -.01em;
}
.ebm-cat-copy { color: var(--ebm-muted); font-size: 13.5px; line-height: 1.5; }
.ebm-cat-count {
margin-top: auto;
padding-top: 12px;
color: var(--ebm-faint);
font-size: 12px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
}
.ebm-cat-arrow {
position: absolute;
top: 18px;
right: 18px;
width: 26px;
height: 26px;
border-radius: 50%;
background: var(--ebm-accent-soft);
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a4d7d' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 12h12M13 6l6 6-6 6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 13px;
}
.ebm-cat:hover .ebm-cat-arrow { background-color: var(--ebm-accent); } .ebm-cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
max-width: var(--ebm-max);
margin: 64px auto 0;
padding: 38px 40px;
border-radius: var(--ebm-radius);
background: linear-gradient(120deg, #0b2536 0%, #0f6fb5 100%);
color: #fff;
box-shadow: var(--ebm-shadow);
}
.ebm-cta .ebm-kicker { color: #9fd0f2; }
.ebm-cta .ebm-h2 { color: #fff; }
.ebm-cta p { max-width: 560px; margin: 10px 0 0; color: rgba(255, 255, 255, .84); font-size: 15.5px; }
.ebm-btn {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
height: 50px;
padding: 0 26px;
border-radius: var(--ebm-radius-pill);
background: #fff;
color: var(--ebm-ink) !important;
font-size: 14.5px;
font-weight: 800;
text-decoration: none;
white-space: nowrap;
transition: transform .16s ease, box-shadow .16s ease;
}
.ebm-btn:hover { transform: translateY(-1px); box-shadow: 0 12px 26px rgba(0, 0, 0, .28); } .ebm-card {
display: flex;
flex-direction: column;
height: 100%;
border: 1px solid var(--ebm-line);
border-radius: var(--ebm-radius-sm);
background: var(--ebm-surface);
box-shadow: var(--ebm-shadow-xs);
overflow: hidden;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.ebm-card:hover {
transform: translateY(-3px);
border-color: #cfd8e4;
box-shadow: var(--ebm-shadow-sm);
}
.ebm-card-media {
display: block;
aspect-ratio: 16 / 10;
background: #e9edf3;
overflow: hidden;
}
.ebm-card-media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .45s cubic-bezier(.2, .7, .2, 1);
}
.ebm-card:hover .ebm-card-media img { transform: scale(1.04); }
.ebm-card-body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-items: flex-start;
padding: 18px 20px 20px;
}
.ebm-card-title {
margin: 10px 0 8px;
font-size: 18.5px;
line-height: 1.32;
letter-spacing: -.015em;
}
.ebm-card-title a { color: var(--ebm-ink); text-decoration: none; }
.ebm-card-title a:hover { color: var(--ebm-accent); }
.ebm-card-excerpt {
margin: 0 0 14px;
color: var(--ebm-muted);
font-size: 14.5px;
line-height: 1.55;
}
.ebm-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin-top: auto;
color: var(--ebm-faint);
font-size: 12.5px;
font-weight: 600;
}
.ebm-thumb-fallback {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #eef2f7, #dde5ee);
color: #9aa7b8;
font-family: var(--ebm-display);
font-size: 13px;
font-weight: 800;
letter-spacing: .2em;
text-transform: uppercase;
} .ebm-more {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: fit-content;
min-height: 48px;
margin: 34px auto 0;
padding: 0 26px;
border: 1px solid var(--ebm-line);
border-radius: var(--ebm-radius-pill);
background: #fff;
color: var(--ebm-accent-ink) !important;
font-family: var(--ebm-display);
font-size: 14px;
font-weight: 800;
text-decoration: none;
box-shadow: var(--ebm-shadow-xs);
transition: border-color .16s ease, box-shadow .16s ease;
}
.ebm-more:hover { border-color: var(--ebm-accent); box-shadow: var(--ebm-shadow-sm); } .single .wrap-content-inner,
.page .wrap-content-inner {
padding-top: 28px;
padding-bottom: 64px;
}
.single .content-inner { max-width: 900px; margin: 0 auto; } @media (min-width: 992px) {
.single .main-content {
float: none;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
} .ebm-breadcrumb {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
max-width: 900px;
margin: 0 auto 14px;
color: var(--ebm-faint);
font-size: 13px;
font-weight: 600;
}
.ebm-breadcrumb a { color: var(--ebm-muted) !important; text-decoration: none; }
.ebm-breadcrumb a:hover { color: var(--ebm-accent) !important; }
.ebm-breadcrumb span[aria-current] { color: var(--ebm-ink); }
.ebm-breadcrumb .sep { color: #c3cbd6; }
.box-article {
padding: clamp(22px, 4vw, 48px);
border: 1px solid var(--ebm-line);
border-radius: var(--ebm-radius);
background: var(--ebm-surface);
box-shadow: var(--ebm-shadow-xs);
}
.single-header {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 26px;
padding: 15px 0;
}
.single-header .post-cat {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 16px;
order: 1;
}
.single-header .post-cat a {
display: inline-flex;
align-items: center;
height: 26px;
padding: 0 11px;
border-radius: var(--ebm-radius-pill);
background: var(--ebm-accent-soft);
color: var(--ebm-accent-ink) !important;
font-size: 11.5px;
font-weight: 800;
letter-spacing: .1em;
text-decoration: none;
text-transform: uppercase;
}
.single-header .post-date { display: none; }
.single-header .entry-title {
margin: 0;
order: 2;
font-size: clamp(28px, 3.8vw, 44px);
letter-spacing: -.03em;
line-height: 1.1;
}
.single-header .ebm-single-lead {
order: 3;
max-width: 700px;
margin: 16px 0 0;
color: var(--ebm-muted);
font-size: 18px;
line-height: 1.6;
}
.single-header .article-meta-group {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 14px;
width: 100%;
margin-top: 22px;
padding-top: 18px;
border-top: 1px solid var(--ebm-line-soft);
order: 4;
}
.single-header .article-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
color: var(--ebm-muted);
font-size: 13.5px;
font-weight: 600;
}
.single-header .article-meta a { color: var(--ebm-accent-ink) !important; text-decoration: none; }
.single-header .article-meta i { display: none; } .share-links .count-share { text-align: left; }
.share-links .social-icons {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.share-links .social-item {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.share-links .social-item a {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0 !important;
border-radius: var(--ebm-radius-pill) !important;
background-color: #eef2f7 !important;
color: #4b5563 !important;
text-decoration: none;
transition: background-color .16s ease, transform .16s ease;
}
.share-links .social-item a:hover { background-color: var(--ebm-accent) !important; transform: translateY(-1px); }
.share-links .social-item a span { display: none !important; } .single-image,
.post-image.single-image {
margin: 0 0 30px; padding: 0;
border-radius: var(--ebm-radius-sm, 12px);
overflow: hidden;
background: #e9edf3;
}
.single-image img {
display: block;
width: 100%;
height: auto;
} .single .entry-content {
max-width: var(--ebm-read);
margin: 0 auto;
color: var(--ebm-text);
font-size: 18.5px;
line-height: 1.78;
}
.single .entry-content > *:first-child { margin-top: 0; }
.single .entry-content p { margin: 0 0 1.15em; }
.single .entry-content h2 {
margin: 1.9em 0 .6em;
padding-left: 14px;
border-left: 4px solid var(--ebm-accent);
font-size: 28px;
line-height: 1.2;
}
.single .entry-content h3 {
margin: 1.6em 0 .5em;
font-size: 22px;
line-height: 1.25;
}
.single .entry-content h4 { margin: 1.4em 0 .4em; font-size: 19px; }
.single .entry-content a {
color: var(--ebm-accent-ink);
text-decoration: underline;
text-decoration-color: rgba(15, 111, 181, .35);
text-decoration-thickness: 2px;
text-underline-offset: 3px;
}
.single .entry-content a:hover { text-decoration-color: var(--ebm-accent); }
.single .entry-content ul,
.single .entry-content ol { margin: 0 0 1.15em; padding-left: 1.35em; }
.single .entry-content li { margin-bottom: .5em; }
.single .entry-content blockquote {
margin: 1.6em 0;
padding: 18px 24px;
border-left: 4px solid var(--ebm-accent);
border-radius: 0 12px 12px 0;
background: var(--ebm-accent-soft);
color: var(--ebm-text);
font-size: 19px;
font-style: normal;
}
.single .entry-content blockquote p:last-child { margin-bottom: 0; }
.single .entry-content img,
.single .entry-content iframe { border-radius: 10px; }
.single .entry-content iframe { width: 100%; }
.single .entry-content figure { margin: 1.6em 0; }
.single .entry-content figcaption {
margin-top: 8px;
color: var(--ebm-faint);
font-size: 13.5px;
text-align: center;
}
.single .entry-content table {
width: 100%;
margin: 1.4em 0;
border-collapse: collapse;
font-size: 15.5px;
}
.single .entry-content th,
.single .entry-content td {
padding: 10px 12px;
border-bottom: 1px solid var(--ebm-line);
text-align: left;
}
.single .entry-content th { background: var(--ebm-bg); font-weight: 700; } .entry-footer { margin-top: 34px; padding-top: 22px; border-top: 1px solid var(--ebm-line-soft); }
.entry-footer .social { margin-bottom: 16px; }
.tags-wrap { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.tags-title {
color: var(--ebm-faint);
font-size: 11.5px;
font-weight: 800;
letter-spacing: .12em;
text-transform: uppercase;
}
.tags a {
display: inline-flex;
align-items: center;
height: 28px;
margin: 0 4px 4px 0;
padding: 0 11px;
border: 1px solid var(--ebm-line);
border-radius: var(--ebm-radius-pill);
background: #fff;
color: var(--ebm-muted) !important;
font-size: 12.5px;
font-weight: 600;
text-decoration: none;
}
.tags a:hover { border-color: var(--ebm-accent); color: var(--ebm-accent) !important; } .entry_pagination {
max-width: 900px;
margin: 26px auto 0;
}
.entry_pagination .post-pagination {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
}
.entry_pagination .page-numbers {
display: block;
padding: 16px 18px;
border: 1px solid var(--ebm-line);
border-radius: var(--ebm-radius-sm);
background: #fff;
color: var(--ebm-text) !important;
text-decoration: none;
box-shadow: var(--ebm-shadow-xs);
transition: border-color .16s ease, transform .16s ease;
}
.entry_pagination .page-numbers:hover { border-color: var(--ebm-accent); transform: translateY(-2px); }
.entry_pagination .page-next { text-align: right; }
.entry_pagination .body-btn-prev,
.entry_pagination .body-btn-next {
display: flex;
align-items: center;
gap: 6px;
color: var(--ebm-accent-ink);
font-size: 11.5px;
font-weight: 800;
letter-spacing: .1em;
text-transform: uppercase;
}
.entry_pagination .page-next .body-btn-next { justify-content: flex-end; } .entry_pagination .btn-prev,
.entry_pagination .btn-next {
color: var(--ebm-accent-ink) !important;
}
.entry_pagination .title-pagination {
margin: 6px 0 0;
color: var(--ebm-ink);
font-size: 15px;
font-weight: 700;
line-height: 1.35;
} .post-related {
max-width: var(--ebm-max);
margin: 56px auto 0;
padding: 0;
}
.post-related .widgettitle,
.post-related .widgettitle span {
margin: 0 0 20px !important;
padding: 0 !important;
background: transparent !important;
color: var(--ebm-ink) !important;
font-size: 24px !important;
font-weight: 800 !important;
letter-spacing: -.02em;
}
.post-related .archive-blog {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
margin: 0;
} .post-related .archive-blog::before,
.post-related .archive-blog::after {
content: none !important;
display: none !important;
}
.post-related .item-related {
float: none !important;
width: auto !important;
padding: 0 !important;
}
.post-related .post-item {
display: flex;
flex-direction: column;
height: 100%;
border: 1px solid var(--ebm-line);
border-radius: var(--ebm-radius-sm);
background: #fff;
overflow: hidden;
box-shadow: var(--ebm-shadow-xs);
transition: transform .18s ease, box-shadow .18s ease;
}
.post-related .post-item:hover { transform: translateY(-3px); box-shadow: var(--ebm-shadow-sm); }
.post-related .article-image,
.post-related .post-image {
position: relative;
aspect-ratio: 16 / 10;
overflow: hidden;
background: #e9edf3;
}
.post-related .post-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.post-related .article-content {
display: flex;
flex: 1 1 auto;
flex-direction: column;
padding: 16px 18px 18px !important;
}
.post-related .entry-title {
margin: 8px 0 0;
font-size: 16.5px;
line-height: 1.3;
}
.post-related .entry-title a { color: var(--ebm-ink); text-decoration: none; }
.post-related .post-cat a { color: var(--ebm-accent-ink) !important; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; }
.post-related .entry-content,
.post-related .article-meta,
.post-related .hover-share,
.post-related .post-date { display: none !important; } .box-author { max-width: 900px; margin: 34px auto 0; } .cat-header {
padding: 44px 0 8px !important;
background: transparent !important;
text-align: left;
}
.cat-header .title-page {
margin: 0;
padding: 0 !important;
color: var(--ebm-ink);
font-size: clamp(28px, 3.6vw, 42px);
font-weight: 800;
letter-spacing: -.03em;
line-height: 1.1;
text-transform: none !important;
}
.cat-header .description-page { max-width: 640px; margin-top: 10px; color: var(--ebm-muted); font-size: 15.5px; }
.ebm-archive-count {
display: block;
margin-top: 10px;
color: var(--ebm-faint);
font-size: 13px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
}
.archive .wrap-content-inner,
.search .wrap-content-inner { padding-top: 20px; padding-bottom: 64px; }
.archive-blog.row { display: block; margin: 0; }
.archive-blog .row.affect-isotope,
.archive-blog .row.affect-isotopes,
.archive-blog .rows.affect-isotope,
.archive-blog .rows.affect-isotopes {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
margin: 0;
} .archive-blog .row.affect-isotope::before,
.archive-blog .row.affect-isotope::after,
.archive-blog .row.affect-isotopes::before,
.archive-blog .row.affect-isotopes::after,
.archive-blog .rows.affect-isotope::before,
.archive-blog .rows.affect-isotope::after,
.archive-blog .rows.affect-isotopes::before,
.archive-blog .rows.affect-isotopes::after {
content: none !important;
display: none !important;
}
.archive-blog .item-post.col-item,
.archive-blog .row > [class*="col-"],
.archive-blog .rows > [class*="col-"],
.archive-blog .row.affect-isotope > [class*="col-"],
.archive-blog .row.affect-isotopes > [class*="col-"],
.archive-blog .rows.affect-isotope > [class*="col-"],
.archive-blog .rows.affect-isotopes > [class*="col-"] {
float: none !important;
width: auto !important;
padding: 0 !important; position: static !important;
left: auto !important;
top: auto !important;
} .search .wrap-content-inner > .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
.search .main-content,
.search .archive-sidebar {
float: none !important;
width: 100% !important;
padding: 0 !important;
}
.search .archive-sidebar { display: none !important; }
@media (min-width: 1100px) {
.search .archive-blog .row.affect-isotopes { grid-template-columns: repeat(3, minmax(0, 1fr)); }
} .archive-blog .row > [class*="col-"] { display: flex; }
.archive-blog .post-item.post-list,
.search-results .post-item.post-list {
display: flex;
flex: 1 1 auto;
flex-direction: column; height: auto;
border: 1px solid var(--ebm-line);
border-radius: var(--ebm-radius-sm);
background: #fff;
overflow: hidden;
box-shadow: var(--ebm-shadow-xs);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.archive-blog .post-item.post-list:hover,
.search-results .post-item.post-list:hover {
transform: translateY(-3px);
border-color: #cfd8e4;
box-shadow: var(--ebm-shadow-sm);
}
.archive-blog .post-list .article-image,
.search-results .post-list .article-image { width: 100%; }
.archive-blog .post-list .post-image,
.search-results .post-list .post-image {
position: relative;
aspect-ratio: 16 / 10;
overflow: hidden;
background: #e9edf3;
}
.archive-blog .post-list .post-image img,
.search-results .post-list .post-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .45s cubic-bezier(.2, .7, .2, 1);
}
.archive-blog .post-list:hover .post-image img { transform: scale(1.04); }
.archive-blog .post-list .post-image .bgr-item { display: none; }
.archive-blog .post-list .article-content,
.search-results .post-list .article-content {
display: flex;
flex: 1 1 auto;
flex-direction: column;
width: 100%;
padding: 18px 20px 20px !important;
}
.archive-blog .post-list .entry-title,
.search-results .post-list .entry-title {
margin: 8px 0 8px;
font-size: 19px;
line-height: 1.3;
letter-spacing: -.015em;
}
.archive-blog .post-list .entry-title a,
.search-results .post-list .entry-title a { color: var(--ebm-ink); text-decoration: none; }
.archive-blog .post-list .entry-title a:hover { color: var(--ebm-accent); }
.archive-blog .post-list .post-cat a,
.search-results .post-list .post-cat a {
color: var(--ebm-accent-ink) !important;
font-size: 11px;
font-weight: 800;
letter-spacing: .1em;
text-decoration: none;
text-transform: uppercase;
}
.archive-blog .post-list .entry-content,
.search-results .post-list .entry-content {
color: var(--ebm-muted);
font-size: 14.5px !important;
line-height: 1.55 !important;
}
.archive-blog .post-list .entry-content > div { display: block; }
.archive-blog .post-list .article-meta,
.search-results .post-list .article-meta { display: none; }
.archive-blog .post-list .post-date { display: none; } .search .cat-header .title-page { margin-bottom: 0; }
.searchform-top {
display: flex;
gap: 10px;
max-width: 560px;
margin: 18px 0 0;
} .site-main.page-content { float: none !important; width: 100% !important; padding: 0 !important; }
.box-sliders.sliders-column4b {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
margin: 0 !important;
}
.box-sliders.sliders-column4b::before,
.box-sliders.sliders-column4b::after { content: none !important; display: none !important; }
.box-sliders .article-item {
float: none !important;
width: auto !important;
padding: 0 !important;
margin: 0 !important;
}
.box-sliders .post-tran {
height: 100%;
border: 1px solid var(--ebm-line);
border-radius: var(--ebm-radius-sm);
background: #fff;
overflow: hidden;
box-shadow: var(--ebm-shadow-xs);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.box-sliders .post-tran:hover { transform: translateY(-3px); border-color: #cfd8e4; box-shadow: var(--ebm-shadow-sm); }
.box-sliders .post-tran .article-tran {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
}
.box-sliders .post-tran .post-image {
position: relative !important;
height: auto !important;
aspect-ratio: 16 / 10;
background-color: #e9edf3;
background-size: cover;
background-position: center;
overflow: hidden;
}
.box-sliders .post-tran .post-image > a { position: absolute; inset: 0; }
.box-sliders .post-tran .bg-rgb { display: none !important; }
.box-sliders .post-tran .article-content {
position: static !important;
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-items: flex-start;
padding: 18px 20px 20px !important;
background: #fff !important;
color: var(--ebm-text) !important;
}
.box-sliders .post-tran .post-cat,
.article-tran .post-cat { margin-bottom: 10px; } .box-sliders .post-tran .post-cat a,
.article-tran .post-cat a {
display: inline-block;
padding: 3px 9px;
border-radius: var(--ebm-radius-pill);
background: var(--ebm-accent-soft) !important;
color: var(--ebm-accent-ink) !important;
font-size: 11px;
font-weight: 800;
letter-spacing: .1em;
text-decoration: none;
text-transform: uppercase;
}
.box-sliders .post-tran .entry-title {
margin: 0 0 8px !important;
font-size: 18.5px !important;
font-weight: 700;
line-height: 1.32;
}
.box-sliders .post-tran .entry-title a { color: var(--ebm-ink) !important; text-decoration: none; }
.box-sliders .post-tran .entry-title a:hover { color: var(--ebm-accent) !important; }
.box-sliders .post-tran .entry-content {
max-width: none;
margin: 0 !important;
color: var(--ebm-muted) !important;
font-size: 14.5px !important;
line-height: 1.55 !important;
}
.box-sliders .post-tran .post-date,
.box-sliders .post-tran .hover-share { display: none !important; }
.wrapper-posts, .box-cats { display: none !important; } .page .wrap-content-inner #main-content {
float: none;
width: 100%;
max-width: 900px;
margin: 0 auto;
padding: clamp(24px, 4vw, 48px);
border: 1px solid var(--ebm-line);
border-radius: var(--ebm-radius);
background: #fff;
box-shadow: var(--ebm-shadow-xs);
}
.page .wrap-content-inner #main-content .wpb_row { margin-bottom: 0; }
.page .wrap-content-inner #main-content p { font-size: 17.5px; line-height: 1.8; }
.page .wrap-content-inner #main-content h2 { margin-top: 1.6em; }
.page .wrap-content-inner #main-content h2:first-child { margin-top: 0; } #na-footer {
margin-top: 0;
padding: 0;
background: var(--ebm-ink) !important;
color: #cfd6df;
}
#na-footer .footer-center {
padding: 56px 0 40px;
background: var(--ebm-ink);
}
#na-footer .footer-center .row {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr;
gap: 36px;
margin: 0;
}
#na-footer .footer-center [class*="col-"] {
float: none;
width: auto;
padding: 0;
}
#na-footer .widgettitle,
#na-footer .footer-center .widgettitle {
margin: 0 0 14px !important;
color: #ffffff !important;
font-family: var(--ebm-display);
font-size: 12px !important;
font-weight: 800;
letter-spacing: .16em;
text-transform: uppercase;
}
#na-footer .textwidget { color: #a9b3c1; font-size: 14.5px; line-height: 1.7; }
#na-footer .textwidget a { color: #dbe3ec !important; text-decoration: none; }
#na-footer .textwidget a:hover { color: #fff !important; }
#na-footer ul { margin: 0; padding: 0; list-style: none; }
#na-footer ul li { margin: 0 0 9px; }
#na-footer ul li a {
display: inline-block;
color: #a9b3c1 !important;
font-size: 14.5px;
text-decoration: none;
transition: color .16s ease, transform .16s ease;
}
#na-footer ul li a:hover { color: #fff !important; transform: translateX(2px); }
#na-footer .footer-bottom {
padding: 18px 0;
border-top: 1px solid rgba(255, 255, 255, .1);
background: rgba(0, 0, 0, .22);
}
#na-footer .coppy-right {
color: #8f99a6;
font-size: 12.5px;
line-height: 1.6;
text-align: left;
}
#na-footer .coppy-right a { color: #cfd6df; text-decoration: none; }
#na-footer .coppy-right > span > div { display: block; } #cookie-law-info-bar {
inset: auto 0 16px 0 !important;
width: auto !important;
padding: 0 16px !important;
background: transparent !important;
box-shadow: none !important;
font-family: var(--ebm-font) !important;
z-index: 99999 !important;
}
#cookie-law-info-bar > span {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 10px 14px;
max-width: 820px;
margin: 0 auto;
padding: 14px 18px;
border: 1px solid var(--ebm-line);
border-radius: 14px;
background: #fff;
box-shadow: 0 18px 50px rgba(15, 23, 42, .18);
color: var(--ebm-text) !important;
font-size: 13.5px !important;
line-height: 1.5 !important;
text-align: center;
}
.cli-plugin-button,
.cookie_action_close_header,
#cookie-law-info-bar .cli-plugin-button {
display: inline-flex !important;
align-items: center;
justify-content: center;
height: 38px;
padding: 0 18px !important;
border: 0 !important;
border-radius: var(--ebm-radius-pill) !important;
background: var(--ebm-accent-ink) !important;
color: #fff !important;
font-family: var(--ebm-font) !important;
font-size: 13.5px !important;
font-weight: 700 !important;
text-decoration: none !important;
cursor: pointer;
}
.cli-plugin-button:hover { background: #083f66 !important; }
#cookie-law-info-bar .cli-plugin-main-link {
color: var(--ebm-accent-ink) !important;
font-size: 13.5px !important;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
} #cookie-law-info-again { display: none !important; } .no-results,
.error-404 .page-content { max-width: 660px; }
.ebm-empty-title {
margin: 0 0 8px;
color: var(--ebm-ink);
font-family: var(--ebm-display);
font-size: 22px;
font-weight: 800;
}
.no-results .page-content p,
.error-404 .page-content p {
margin-bottom: 20px;
color: var(--ebm-muted);
font-size: 16.5px;
}
.error-404 .title-page,
.search-no-results .title-page { text-align: left; text-transform: none !important; }
.error-404 .searchform,
.search-no-results .searchform { max-width: 520px; margin-top: 6px; }
.error-404 .btn-mini-close,
.search-no-results .btn-mini-close { display: none !important; }
.ebm-404-links {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 26px;
}
.ebm-404-btn {
display: inline-flex;
align-items: center;
height: 46px;
padding: 0 22px;
border: 1px solid var(--ebm-accent);
border-radius: var(--ebm-radius-pill);
background: var(--ebm-accent);
color: #fff !important;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: background .16s ease, transform .16s ease;
}
.ebm-404-btn:hover { background: var(--ebm-accent-ink); border-color: var(--ebm-accent-ink); transform: translateY(-1px); }
.ebm-404-btn.is-ghost {
background: #fff;
color: var(--ebm-accent-ink) !important;
}
.ebm-404-btn.is-ghost:hover { background: var(--ebm-accent-soft); } .navigation.pagination {
margin: 44px 0 0;
}
.navigation.pagination .nav-links {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 8px;
}
.navigation.pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
height: 42px;
padding: 0 14px;
border: 1px solid var(--ebm-line);
border-radius: var(--ebm-radius-pill);
background: #fff;
color: var(--ebm-text) !important;
font-size: 14.5px;
font-weight: 700;
text-decoration: none;
box-shadow: var(--ebm-shadow-xs);
transition: border-color .16s ease, background .16s ease, color .16s ease;
}
.navigation.pagination .page-numbers:hover { border-color: var(--ebm-accent); color: var(--ebm-accent) !important; }
.navigation.pagination .page-numbers.current {
border-color: var(--ebm-accent);
background: var(--ebm-accent);
color: #fff !important;
}
.navigation.pagination .page-numbers.dots { border: 0; background: transparent; box-shadow: none; } @media (max-width: 1099px) {
.ebm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ebm-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.post-related .archive-blog { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#na-menu-primary > ul > li > a { padding: 0 9px; font-size: 14.5px; }
}
@media (max-width: 991px) {
.header-content-menu { display: none; }
.ebm-menu-toggle { display: flex; }
.peflican-header-content { height: 62px; gap: 12px; }
.header-content-logo, #logo { width: auto !important; }
#logo img { max-height: 30px; }
.searchform-wrap { top: 62px; }
.ebm-hero-body { min-height: 400px; padding: 30px; }
.ebm-cta { flex-direction: column; align-items: flex-start; padding: 30px; }
#na-footer .footer-center .row { grid-template-columns: 1fr 1fr; gap: 28px; }
.box-sliders.sliders-column4b { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
}
@media (max-width: 780px) {
.archive-blog .row.affect-isotope,
.archive-blog .row.affect-isotopes,
.archive-blog .rows.affect-isotope,
.archive-blog .rows.affect-isotopes,
.post-related .archive-blog { grid-template-columns: 1fr; }
.entry_pagination .post-pagination { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
body { font-size: 16.5px; }
.ebm-intro { padding: 34px 18px 24px; }
.ebm-lead { font-size: 16.5px; }
.ebm-home { padding-bottom: 48px; }
.ebm-section { margin-top: 44px; padding: 0 16px; }
.ebm-grid { grid-template-columns: 1fr; gap: 16px; }
.ebm-cats { grid-template-columns: 1fr; gap: 12px; }
.ebm-cat { padding: 18px; }
.ebm-hero { border-radius: 14px; }
.ebm-hero-media { position: relative; inset: auto; display: block; height: 210px; }
.ebm-hero-body { min-height: 0; padding: 20px; background: #101a2b; }
.ebm-hero-title { font-size: 25px; margin-top: 10px; }
.ebm-hero-excerpt { font-size: 15px; }
.ebm-hero-cta { margin-top: 16px; }
.ebm-cta { margin: 44px 16px 0; padding: 24px; border-radius: 16px; }
.ebm-cta .ebm-btn { width: 100%; }
.ebm-section-head { flex-direction: column; align-items: flex-start; gap: 6px; }
.box-sliders.sliders-column4b { grid-template-columns: 1fr; gap: 14px; }
.box-sliders .post-tran .entry-title { font-size: 17px !important; }
.single .wrap-content-inner, .page .wrap-content-inner { padding-left: 12px; padding-right: 12px; }
.box-article { padding: 22px 18px; border-radius: 14px; }
.single .entry-content { font-size: 17.5px; }
.single .entry-content h2 { font-size: 23px; }
#na-footer .footer-center { padding: 40px 0 28px; }
#na-footer .footer-center .row { grid-template-columns: 1fr; gap: 26px; }
#na-footer .coppy-right { text-align: left; font-size: 12px; }
.cat-header { padding: 26px 0 4px !important; }
#cookie-law-info-bar { bottom: 10px !important; padding: 0 10px !important; }
#cookie-law-info-bar > span { justify-content: flex-start; padding: 12px 14px; font-size: 12.5px !important; text-align: left; }
} @media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*,
*::before,
*::after {
animation-duration: .001ms !important;
animation-iteration-count: 1 !important;
transition-duration: .001ms !important;
}
}
@media print {
#masthead, .sidebar, #na-footer, #cookie-law-info-bar, .ebm-top, .post-related, .wrapper-posts,
.ebm-drawer, .ebm-progress, .share-links, .entry_pagination { display: none !important; }
.box-article { border: 0; box-shadow: none; padding: 0; }
body { background: #fff; }
}  .ebm-search {
display: flex;
gap: 10px;
width: 100%;
max-width: 520px;
margin: 26px auto 0;
}
.ebm-search input[type="search"] {
flex: 1 1 auto;
height: 52px;
padding: 0 20px;
border: 1px solid var(--ebm-line);
border-radius: var(--ebm-radius-pill);
background: #fff !important;
color: var(--ebm-text) !important;
font-family: var(--ebm-font);
font-size: 15.5px;
box-shadow: var(--ebm-shadow-xs);
}
.ebm-search input[type="search"]:focus {
border-color: var(--ebm-accent);
outline: none;
box-shadow: 0 0 0 4px rgba(15, 111, 181, .12);
}
.ebm-search button {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
height: 52px;
padding: 0 24px;
border: 0;
border-radius: var(--ebm-radius-pill);
background: var(--ebm-accent);
color: #fff;
font-family: var(--ebm-font);
font-size: 14.5px;
font-weight: 700;
cursor: pointer;
transition: background .16s ease;
}
.ebm-search button:hover { background: var(--ebm-accent-ink); } .ebm-archive-head {
max-width: var(--ebm-max);
margin: 0 auto;
padding: 46px 20px 6px;
} .ebm-archive-head .ebm-lead {
max-width: 640px;
margin: 14px 0 0;
}
.ebm-archive-head .ebm-search { margin: 20px 0 0; }
.ebm-archive-head .ebm-h1 { font-size: clamp(30px, 4vw, 46px); }
.ebm-count {
display: block;
margin-top: 10px;
color: var(--ebm-faint);
font-size: 13px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
}
.ebm-filters {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 22px;
}
.ebm-filter {
display: inline-flex;
align-items: center;
height: 40px;
padding: 0 16px;
border: 1px solid var(--ebm-line);
border-radius: var(--ebm-radius-pill);
background: #fff;
color: var(--ebm-text) !important;
font-size: 14px;
font-weight: 700;
text-decoration: none;
box-shadow: var(--ebm-shadow-xs);
transition: border-color .16s ease, color .16s ease, background .16s ease;
}
.ebm-filter:hover { border-color: var(--ebm-accent); color: var(--ebm-accent-ink) !important; }
.ebm-filter.is-active {
border-color: var(--ebm-accent);
background: var(--ebm-accent);
color: #fff !important;
}
.ebm-archive-body {
max-width: var(--ebm-max);
margin: 26px auto 0;
padding: 0 20px 72px;
}
.ebm-archive-body .ebm-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ebm-archive-empty {
padding: 48px 24px;
border: 1px dashed var(--ebm-line);
border-radius: var(--ebm-radius-sm);
background: #fff;
color: var(--ebm-muted);
text-align: center;
} .single-header .article-meta .ebm-meta-item,
.single-header .article-meta time {
display: inline-flex;
align-items: center;
gap: 6px;
}
.single-header .article-meta .ebm-dot { color: #c3cbd6; }
.single-header .article-meta .ebm-reading::before {
content: "";
width: 15px;
height: 15px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6675' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
} .ebm-top {
position: fixed;
right: 20px;
bottom: 76px;
z-index: 7000;
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
padding: 0;
border: 1px solid var(--ebm-line);
border-radius: var(--ebm-radius-pill);
background: #fff;
color: var(--ebm-ink);
font-size: 17px;
line-height: 1;
box-shadow: var(--ebm-shadow);
cursor: pointer;
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition: opacity .18s ease, transform .18s ease, visibility .18s;
}
.ebm-top.is-visible { opacity: 1; visibility: visible; transform: none; }
.ebm-top:hover { border-color: var(--ebm-accent); color: var(--ebm-accent-ink); } .ebm-hero-media img,
.single-image img { background: #e9edf3; } .btn-mini-search[aria-expanded="true"] {
background: rgba(255, 255, 255, .12);
border-color: rgba(255, 255, 255, .34);
}
@media (max-width: 1099px) {
.ebm-archive-body .ebm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 780px) {
.ebm-archive-body .ebm-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
.ebm-search { flex-direction: column; }
.ebm-search button { width: 100%; }
.ebm-archive-head { padding: 28px 16px 4px; }
.ebm-archive-body { padding: 20px 16px 52px; }
.ebm-filters { gap: 6px; }
.ebm-filter { height: 36px; padding: 0 13px; font-size: 13px; }
.ebm-top { right: 12px; bottom: calc(var(--ebm-marketbar-offset, 0px) + 70px); width: 42px; height: 42px; }
}  h1, h2, h3, h4, h5, h6,
.entry-title, .title-page, .widgettitle, .widgettitle span,
.cat-header .title-page, .post-related .widgettitle {
font-family: var(--ebm-font) !important;
} .archive .archive-blog.row,
.search .archive-blog.row,
body:not(.single) .archive-blog.row { display: block; }
.post-related .archive-blog.row {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
}
.post-related .widgettitle { text-transform: none !important; letter-spacing: -.02em !important; } .entry_pagination .page-numbers {
float: none !important;
width: 100% !important;
margin: 0 !important;
}
.entry_pagination .post-pagination { align-items: stretch; }
.entry_pagination .title-pagination { margin-top: 10px; } .entry-footer .tags-wrap { gap: 10px; }
.entry-footer .tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
font-size: 0;
}
.entry-footer .tags a {
height: 30px !important;
margin: 0 !important;
padding: 0 13px !important;
border: 1px solid var(--ebm-line) !important;
border-radius: var(--ebm-radius-pill) !important;
background: #fff !important;
color: var(--ebm-muted) !important;
font-size: 12.5px !important;
font-weight: 600 !important;
line-height: 28px !important;
}
.entry-footer .tags a:hover {
border-color: var(--ebm-accent) !important;
color: var(--ebm-accent-ink) !important;
} .single-header .share-links { display: none !important; } .box-author { max-width: 900px; margin: 34px auto 0; }
.box-author .post-author {
display: grid;
grid-template-columns: 76px minmax(0, 1fr);
gap: 20px;
align-items: start;
padding: 26px 28px;
border: 1px solid var(--ebm-line);
border-radius: var(--ebm-radius-sm);
background: #fff;
box-shadow: var(--ebm-shadow-xs);
}
.box-author .author-img { width: 76px !important; height: 76px !important; margin: 0 !important; }
.box-author .author-img img { width: 76px !important; height: 76px !important; border-radius: 50%; object-fit: cover; }
.box-author .author-content { font-size: 14.5px; line-height: 1.65; color: var(--ebm-muted); }
.box-author h5 { margin: 0 0 8px !important; font-size: 17px !important; letter-spacing: -.01em; }
.box-author h5 a { color: var(--ebm-ink) !important; text-decoration: none; }
.box-author h5 a:hover { color: var(--ebm-accent) !important; } #na-footer .footer-center { padding: 64px 0 48px; }
#na-footer .footer-center .row {
display: block;
margin: 0;
}
#na-footer .footer-center .col-md-6 {
display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(0, .85fr);
gap: 56px;
float: none;
width: 100% !important;
padding: 0 !important;
}
#na-footer .footer-center .col-md-3 { display: none; }
#na-footer .widget { margin: 0 0 26px; }
#na-footer .widgettitle {
margin: 0 0 16px !important;
padding: 0 0 10px !important;
border-bottom: 1px solid rgba(255, 255, 255, .14);
background: none !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 800 !important;
letter-spacing: .16em !important;
text-transform: uppercase;
}
#na-footer .textwidget,
#na-footer .textwidget span,
#na-footer .textwidget em {
color: #aab4c2 !important;
font-size: 14px !important;
line-height: 1.7 !important;
}
#na-footer .textwidget em { color: #c8d2de !important; }
#na-footer .textwidget .g { margin: 0 0 10px; }
#na-footer .widget ul { margin: 0 !important; padding: 0 !important; list-style: none; }
#na-footer .widget li { margin: 0 !important; padding: 9px 0; border-bottom: 1px solid rgba(255, 255, 255, .07); }
#na-footer .widget li:last-child { border-bottom: 0; }
#na-footer .widget li a { color: #cfd6df !important; font-size: 14px; line-height: 1.5; text-decoration: none; }
#na-footer .widget li a:hover { color: #fff !important; }
#na-footer .footer-bottom { padding: 20px 0; }
#na-footer .footer-bottom .row { margin: 0; }
#na-footer .footer-bottom .col-md-12 { padding: 0 !important; }
#na-footer .coppy-right { color: #8f99a6; font-size: 12.5px; line-height: 1.6; } #cookie-law-info-bar {
left: 50% !important;
right: auto !important;
bottom: 18px !important;
width: min(640px, calc(100% - 32px)) !important;
max-width: 640px;
margin: 0 !important;
padding: 16px 20px !important;
border-radius: 16px !important;
box-shadow: 0 24px 60px rgba(15, 23, 42, .28) !important;
font-size: 13.5px !important;
line-height: 1.55 !important;
transform: translateX(-50%);
z-index: 9000 !important;
}
#cookie-law-info-bar .cli-plugin-main-button {
margin-left: 10px !important;
padding: 8px 18px !important;
border-radius: var(--ebm-radius-pill) !important;
background: var(--ebm-accent) !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 700 !important;
}
#cookie-law-info-bar .cli-plugin-main-link {
margin-left: 10px !important;
color: var(--ebm-accent-ink) !important;
font-size: 13px !important;
font-weight: 600 !important;
}
#cookie-law-info-again { display: none !important; }
@media (max-width: 1099px) {
.post-related .archive-blog.row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 780px) {
.post-related .archive-blog.row { grid-template-columns: 1fr; gap: 16px; }
#na-footer .footer-center .col-md-6 { grid-template-columns: 1fr; gap: 30px; }
}
@media (max-width: 640px) { .container.wrap-content-inner,
.single .wrap-content-inner,
.page .wrap-content-inner { padding-left: 15px !important; padding-right: 15px !important; }
.ebm-section-head { flex-wrap: wrap; gap: 4px; }
.ebm-section-head .ebm-section-link { margin-top: 2px; }
.box-author .post-author { grid-template-columns: 1fr; gap: 14px; padding: 22px 20px; }
.box-author .author-img { width: 64px !important; height: 64px !important; }
.box-author .author-img img { width: 64px !important; height: 64px !important; }
#cookie-law-info-bar {
left: 12px !important;
right: 12px !important;
bottom: 12px !important;
width: auto !important;
max-width: none;
transform: none;
padding: 14px 16px !important;
}
#na-footer .footer-center { padding: 44px 0 34px; }
} :root {
--ebm-ink: #0b1526;
--ebm-text: #2e3039;
--ebm-muted: #566274;
--ebm-faint: #5b6675;
--ebm-accent: #0f6fb5;
--ebm-accent-ink: #0a4a80;
--ebm-accent-2: #4da1ff;
--ebm-accent-3: #0078ff;
--ebm-grad: linear-gradient(115deg, #0b63d6 0%, #0066cc 52%, #0056b3 100%);
--ebm-grad-text: linear-gradient(100deg, #0b4a9e 0%, #0b63d6 55%, #0078ff 100%);
--ebm-grad-soft: linear-gradient(120deg, rgba(77, 161, 255, .12), rgba(0, 120, 255, .12));
--ebm-line: #e2e7f0;
--ebm-line-soft: #edf0f6;
--ebm-bg: #f5f7fb;
--ebm-radius: 22px;
--ebm-shadow: 0 26px 60px -28px rgba(10, 22, 45, .38);
--ebm-shadow-lg: 0 46px 90px -40px rgba(10, 22, 45, .46);
}
body,
body.custom-background {
background-color: var(--ebm-bg) !important;
background-image:
radial-gradient(1100px 520px at 50% -180px, rgba(77, 161, 255, .16), rgba(77, 161, 255, 0) 70%),
radial-gradient(680px 420px at 12% 60px, rgba(108, 206, 230, .12), rgba(108, 206, 230, 0) 70%),
radial-gradient(680px 420px at 88% 40px, rgba(0, 120, 255, .10), rgba(0, 120, 255, 0) 70%) !important;
background-repeat: no-repeat !important;
}
.ebm-grad {
background: var(--ebm-grad-text);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
} #masthead.site-header { background: rgba(11, 21, 38, .95) !important; }
#masthead.site-header::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(77, 161, 255, .55), rgba(77, 161, 255, .55), rgba(0, 120, 255, .45), transparent);
pointer-events: none;
}
#masthead.site-header.is-stuck {
background: rgba(11, 21, 38, .88) !important;
backdrop-filter: saturate(160%) blur(14px);
-webkit-backdrop-filter: saturate(160%) blur(14px);
box-shadow: 0 18px 40px -22px rgba(0, 0, 0, .6);
}
.peflican-header-content { height: 76px; }
#masthead.site-header.is-stuck .peflican-header-content { height: 62px; }
#na-menu-primary ul.mega-menu > li > a::after,
#na-menu-primary > ul > li > a::after { background: var(--ebm-grad); }
@media (min-width: 992px) {
.btn-mini-search {
width: auto !important;
height: 40px !important;
gap: 8px;
padding: 0 15px !important;
border: 1px solid rgba(255, 255, 255, .14) !important;
background: linear-gradient(120deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .04)) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}
.btn-mini-search::before {
content: "";
width: 15px;
height: 15px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.6-3.6'/%3E%3C/svg%3E") center / contain no-repeat;
}
.btn-mini-search::after {
content: "Cerca";
font-size: 13px;
font-weight: 700;
letter-spacing: .01em;
}
.btn-mini-search:hover {
border-color: rgba(255, 255, 255, .3) !important;
background: rgba(255, 255, 255, .1) !important;
}
} @media (min-width: 1200px) and (max-width: 1399px) {
.btn-mini-search {
width: 40px !important;
padding: 0 !important;
gap: 0 !important;
justify-content: center;
}
.btn-mini-search::after { display: none; }
#na-menu-primary > ul > li > a,
#na-menu-primary ul.mega-menu > li > a { padding: 0 10px; font-size: 14.5px; }
}
@media (max-width: 1199px) and (min-width: 992px) {
.header-content-menu { display: none; }
.ebm-menu-toggle { display: flex; }
.peflican-header-content { gap: 16px; }
} .ebm-intro {
position: relative;
max-width: 900px;
padding: 78px 20px 46px;
}
.ebm-intro > * { position: relative; z-index: 1; }
.ebm-intro::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -140px;
height: 620px;
background:
radial-gradient(520px 300px at 50% 22%, rgba(77, 161, 255, .16), rgba(77, 161, 255, 0) 70%),
radial-gradient(420px 280px at 20% 42%, rgba(77, 161, 255, .13), rgba(77, 161, 255, 0) 70%),
radial-gradient(420px 280px at 80% 34%, rgba(0, 120, 255, .12), rgba(0, 120, 255, 0) 70%); -webkit-mask-image: radial-gradient(78% 62% at 50% 42%, #000 42%, transparent 100%);
mask-image: radial-gradient(78% 62% at 50% 42%, #000 42%, transparent 100%);
pointer-events: none;
z-index: 0;
}
.ebm-kicker-pill {
display: inline-flex;
align-items: center;
gap: 9px;
margin-bottom: 18px;
padding: 7px 15px 7px 12px;
border: 1px solid rgba(77, 161, 255, .22);
border-radius: var(--ebm-radius-pill);
background: rgba(255, 255, 255, .72);
box-shadow: 0 10px 26px -18px rgba(10, 22, 45, .5);
}
.ebm-kicker-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--ebm-grad);
box-shadow: 0 0 0 4px rgba(77, 161, 255, .14);
}
.ebm-intro .ebm-h1 {
max-width: 15ch;
margin: 0 auto;
font-size: clamp(34px, 5.2vw, 62px);
line-height: 1.03;
letter-spacing: -.035em;
text-wrap: balance;
}
.ebm-intro .ebm-lead {
max-width: 560px;
margin-top: 20px;
font-size: 18.5px;
line-height: 1.62;
}
.ebm-stats {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 10px 34px;
margin: 30px 0 0;
padding: 0;
list-style: none;
}
.ebm-stats li {
display: flex;
align-items: baseline;
gap: 8px;
}
.ebm-stats b {
color: var(--ebm-ink);
font-family: var(--ebm-display);
font-size: 19px;
font-weight: 800;
letter-spacing: -.02em;
}
.ebm-stats span {
color: var(--ebm-faint);
font-size: 11.5px;
font-weight: 700;
letter-spacing: .13em;
text-transform: uppercase;
}
.ebm-stats li + li { position: relative; }
.ebm-stats li + li::before {
content: "";
position: absolute;
left: -18px;
top: 50%;
width: 3px;
height: 3px;
margin-top: -1px;
border-radius: 50%;
background: #c3ccd9;
}
.ebm-quick {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 22px;
}
.ebm-quick-link {
display: inline-flex;
align-items: center;
gap: 6px;
height: 34px;
padding: 0 14px;
border: 1px solid rgba(15, 111, 181, .16);
border-radius: var(--ebm-radius-pill);
background: rgba(255, 255, 255, .66);
color: var(--ebm-muted) !important;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: color .16s ease, border-color .16s ease, background .16s ease, transform .16s ease;
}
.ebm-quick-link:hover {
border-color: rgba(77, 161, 255, .45);
background: #fff;
color: var(--ebm-accent-ink) !important;
transform: translateY(-1px);
}
.ebm-quick-link.is-ghost { border-color: transparent; background: transparent; color: var(--ebm-accent-ink) !important; } .ebm-search { position: relative; max-width: 560px; }
.ebm-search input[type="search"] {
height: 58px;
padding: 0 54px 0 22px;
border: 1px solid rgba(15, 111, 181, .18) !important;
border-radius: var(--ebm-radius-pill) !important;
background: #fff !important;
font-size: 16px !important;
box-shadow: 0 18px 40px -26px rgba(10, 22, 45, .5), inset 0 1px 0 rgba(255, 255, 255, .8);
transition: border-color .18s ease, box-shadow .18s ease;
}
.ebm-search input[type="search"]:focus {
border-color: rgba(77, 161, 255, .55) !important;
box-shadow: 0 0 0 4px rgba(77, 161, 255, .14), 0 20px 44px -26px rgba(10, 22, 45, .5) !important;
outline: 0;
}
.ebm-search button {
height: 58px;
padding: 0 26px;
border-radius: var(--ebm-radius-pill);
background: var(--ebm-grad);
box-shadow: 0 14px 30px -16px rgba(77, 161, 255, .8);
transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.ebm-search button:hover { transform: translateY(-1px); box-shadow: 0 18px 34px -16px rgba(77, 161, 255, .9); filter: saturate(115%); }
.ebm-search-hint {
position: absolute;
right: 132px;
top: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
margin-top: -12px;
border: 1px solid #dbe2ec;
border-radius: 7px;
background: #f6f8fc;
color: #7d8798;
font-size: 12px;
font-weight: 700;
pointer-events: none;
} .ebm-hero {
border-radius: 26px;
box-shadow: var(--ebm-shadow-lg);
}
.ebm-hero::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
border-radius: inherit;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14);
pointer-events: none;
}
.ebm-hero-body { min-height: 520px; padding: 44px 44px 40px; }
.ebm-hero-label {
position: absolute;
top: 26px;
left: 26px;
display: inline-flex;
align-items: center;
height: 28px;
padding: 0 13px;
border: 1px solid rgba(255, 255, 255, .26);
border-radius: var(--ebm-radius-pill);
background: rgba(10, 14, 22, .38);
backdrop-filter: blur(10px);
color: #fff;
font-size: 11px;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
}
.ebm-hero-title {
font-size: clamp(27px, 3.9vw, 50px);
letter-spacing: -.032em;
line-height: 1.06;
text-wrap: balance;
}
.ebm-hero-foot {
display: flex;
align-items: center;
gap: 18px;
margin-top: 24px;
}
.ebm-hero-cta {
margin-top: 0;
background: #fff;
box-shadow: 0 16px 34px -18px rgba(0, 0, 0, .8);
}
.ebm-hero:hover .ebm-hero-cta { transform: translateY(-2px); box-shadow: 0 20px 40px -18px rgba(0, 0, 0, .85); }
.ebm-hero-time {
color: rgba(255, 255, 255, .72);
font-size: 13.5px;
font-weight: 600;
} .ebm-section-head { align-items: center; }
.ebm-section-head .ebm-h2 { position: relative; padding-bottom: 12px; }
.ebm-section-head .ebm-h2::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 42px;
height: 3px;
border-radius: 3px;
background: var(--ebm-grad);
}
.ebm-section-link {
padding: 9px 14px;
border: 1px solid var(--ebm-line);
border-radius: var(--ebm-radius-pill);
background: #fff;
transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}
.ebm-section-link:hover {
border-color: rgba(77, 161, 255, .4);
transform: translateX(2px);
box-shadow: var(--ebm-shadow-xs);
} .ebm-card {
position: relative;
border-radius: 16px;
border-color: #e5eaf3;
box-shadow: 0 1px 2px rgba(10, 22, 45, .04), 0 12px 30px -26px rgba(10, 22, 45, .4);
transition: transform .32s cubic-bezier(.2, .7, .2, 1), box-shadow .32s ease, border-color .32s ease;
}
.ebm-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: var(--ebm-grad);
transform: scaleX(0);
transform-origin: left;
transition: transform .45s cubic-bezier(.2, .7, .2, 1);
z-index: 2;
}
.ebm-card:hover {
transform: translateY(-6px);
border-color: rgba(77, 161, 255, .28);
box-shadow: 0 34px 60px -34px rgba(10, 22, 45, .5);
}
.ebm-card:hover::before { transform: scaleX(1); }
.ebm-card-media img { transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.ebm-card:hover .ebm-card-media img { transform: scale(1.06); }
.ebm-card-title { font-size: 19px; letter-spacing: -.022em; line-height: 1.3; }
.ebm-card-title a {
background-image: linear-gradient(var(--ebm-accent), var(--ebm-accent));
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 0 1.5px;
transition: background-size .35s ease, color .16s ease;
}
.ebm-card:hover .ebm-card-title a { background-size: 100% 1.5px; color: var(--ebm-accent-ink); }
.ebm-chip {
background: linear-gradient(120deg, rgba(15, 111, 181, .1), rgba(77, 161, 255, .12));
border: 1px solid rgba(77, 161, 255, .14);
} .ebm-cat {
border-radius: 16px;
overflow: hidden;
box-shadow: 0 1px 2px rgba(10, 22, 45, .04), 0 12px 30px -26px rgba(10, 22, 45, .4);
transition: transform .3s cubic-bezier(.2, .7, .2, 1), box-shadow .3s ease, border-color .3s ease;
}
.ebm-cat::before {
content: "";
position: absolute;
top: -70px;
right: -60px;
width: 190px;
height: 190px;
border-radius: 50%;
background: radial-gradient(circle, rgba(77, 161, 255, .16), rgba(77, 161, 255, 0) 68%);
opacity: 0;
transition: opacity .35s ease;
pointer-events: none;
}
.ebm-cat:hover {
transform: translateY(-4px);
border-color: rgba(77, 161, 255, .3);
box-shadow: 0 28px 50px -30px rgba(10, 22, 45, .45);
}
.ebm-cat:hover::before { opacity: 1; }
.ebm-cat-label { font-size: 18px; letter-spacing: -.02em; }
.ebm-cat-arrow { background-color: rgba(77, 161, 255, .1); transition: background-color .2s ease, transform .2s ease; }
.ebm-cat:hover .ebm-cat-arrow { transform: translateX(3px); } .ebm-cta {
position: relative;
border-radius: 26px;
overflow: hidden;
background: linear-gradient(120deg, #0b3c78 0%, #0b63d6 52%, #0078ff 100%);
box-shadow: var(--ebm-shadow-lg);
}
.ebm-cta::before {
content: "";
position: absolute;
top: -160px;
right: -80px;
width: 420px;
height: 420px;
border-radius: 50%;
background: radial-gradient(circle, rgba(0, 120, 255, .35), rgba(0, 120, 255, 0) 65%);
pointer-events: none;
}
.ebm-cta::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
pointer-events: none;
}
.ebm-cta > * { position: relative; z-index: 1; }
.ebm-cta .ebm-btn {
color: #0a0f1a !important;
box-shadow: 0 18px 40px -20px rgba(0, 0, 0, .7);
} .single .box-article,
.page .box-article {
border-radius: 24px;
border-color: #e7ebf4;
box-shadow: 0 40px 80px -52px rgba(10, 22, 45, .45);
}
.single-image,
.post-image.single-image {
border-radius: 16px;
box-shadow: 0 26px 50px -34px rgba(10, 22, 45, .55);
}
.single .entry-content { font-size: 18.5px; }
.single .entry-content > p:first-of-type {
color: #2a3543;
font-size: 20.5px;
line-height: 1.7;
}
.single .entry-content h2 {
padding-left: 18px;
border-left: 0;
letter-spacing: -.025em;
}
.single .entry-content h2::before {
content: "";
position: absolute;
left: 0;
top: .16em;
bottom: .16em;
width: 4px;
border-radius: 4px;
background: var(--ebm-grad);
}
.single .entry-content h2 { position: relative; }
.single .entry-content a {
text-decoration: none;
background-image: linear-gradient(rgba(15, 111, 181, .45), rgba(15, 111, 181, .45));
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 1px;
transition: background-size .2s ease, color .16s ease;
}
.single .entry-content a:hover { background-size: 100% 2px; color: var(--ebm-accent-ink); }
.single .entry-content blockquote {
position: relative;
margin: 1.8em 0;
padding: 26px 30px 24px 58px;
border: 1px solid rgba(77, 161, 255, .16);
border-radius: 18px;
background: linear-gradient(120deg, rgba(15, 111, 181, .06), rgba(77, 161, 255, .07));
color: #24303f;
font-size: 19.5px;
line-height: 1.6;
}
.single .entry-content blockquote::before {
content: "\201C";
position: absolute;
left: 20px;
top: 10px;
color: rgba(77, 161, 255, .5);
font-family: Georgia, "Times New Roman", serif;
font-size: 58px;
line-height: 1;
}
.single .entry-content blockquote p:last-child { margin-bottom: 0; }
.single .entry-content img,
.single .entry-content figure img { border-radius: 14px; }
.single .entry-content figure { margin: 1.8em 0; }
.single .entry-content figcaption {
margin-top: 10px;
color: var(--ebm-faint);
font-size: 13.5px;
text-align: center;
}
.ebm-breadcrumb { font-size: 12.5px; letter-spacing: .01em; }
.ebm-breadcrumb a { transition: color .16s ease; }
.ebm-breadcrumb a:hover { color: var(--ebm-accent-ink) !important; }
.single-header .article-meta-group { border-top-color: #eef1f7; } .ebm-filter {
transition: color .16s ease, border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease;
}
.ebm-filter:hover { transform: translateY(-1px); box-shadow: var(--ebm-shadow-xs); }
.ebm-filter.is-active {
border-color: transparent;
background: var(--ebm-grad);
box-shadow: 0 14px 28px -16px rgba(77, 161, 255, .8);
}
.ebm-archive-head .ebm-h1 { letter-spacing: -.035em; }
.archive-blog .post-item.post-list,
.search-results .post-item.post-list {
border-radius: 16px;
border-color: #e5eaf3;
transition: transform .3s cubic-bezier(.2, .7, .2, 1), box-shadow .3s ease, border-color .3s ease;
}
.archive-blog .post-item.post-list:hover,
.search-results .post-item.post-list:hover {
transform: translateY(-5px);
border-color: rgba(77, 161, 255, .28);
box-shadow: 0 32px 56px -34px rgba(10, 22, 45, .45);
} .navigation.pagination .page-numbers {
border-radius: 12px;
transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
}
.navigation.pagination .page-numbers:hover { transform: translateY(-1px); }
.navigation.pagination .page-numbers.current {
border-color: transparent;
background: var(--ebm-grad);
color: #fff !important;
box-shadow: 0 14px 28px -18px rgba(77, 161, 255, .8);
} #na-footer { position: relative; }
#na-footer::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(77, 161, 255, .5), rgba(0, 120, 255, .4), transparent);
}
#na-footer .footer-center { position: relative; overflow: hidden; }
#na-footer .footer-center::before {
content: "";
position: absolute;
top: -220px;
left: 50%;
width: 760px;
height: 420px;
margin-left: -380px;
border-radius: 50%;
background: radial-gradient(circle, rgba(77, 161, 255, .18), rgba(77, 161, 255, 0) 68%);
pointer-events: none;
}
#na-footer .footer-center > * { position: relative; } .error-404 .page-header { position: relative; padding-top: 18px; }
.ebm-404-code {
margin: 0 0 -6px;
background: var(--ebm-grad-text);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
font-family: var(--ebm-display);
font-size: clamp(84px, 15vw, 152px);
font-weight: 800;
letter-spacing: -.06em;
line-height: .9;
}
.ebm-404-btn {
border: 0;
background: var(--ebm-grad);
box-shadow: 0 18px 36px -20px rgba(77, 161, 255, .8);
transition: transform .16s ease, box-shadow .16s ease;
}
.ebm-404-btn.is-ghost {
border: 1px solid var(--ebm-line);
background: #fff;
box-shadow: none;
} .searchform-wrap {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
z-index: 7000 !important;
padding: 0 !important;
border: 0 !important;
background: rgba(7, 11, 20, .55) !important;
backdrop-filter: blur(14px) saturate(130%);
-webkit-backdrop-filter: blur(14px) saturate(130%);
box-shadow: none !important;
}
.searchform-wrap.is-open {
display: flex !important;
align-items: flex-start;
justify-content: center;
padding: 12vh 20px 0 !important;
}
.search-transition-inner {
display: block;
width: 100%;
max-width: 680px;
margin: 0 auto;
padding: 22px;
border-radius: 24px;
background: #fff;
box-shadow: 0 60px 120px -40px rgba(0, 0, 0, .55);
}
.searchform { gap: 10px; }
.searchform .input-group { gap: 10px; }
.searchform input[type="text"],
.searchform input[type="search"] {
height: 56px !important;
padding: 0 20px !important;
border: 1px solid var(--ebm-line) !important;
border-radius: 14px !important;
background: #f6f8fc !important;
font-size: 16.5px !important;
}
.searchform button,
.searchform .btn {
width: 56px !important;
height: 56px !important;
border-radius: 14px !important;
background: var(--ebm-grad) !important;
box-shadow: 0 14px 28px -16px rgba(77, 161, 255, .8);
}
.searchform button::before {
content: "";
width: 18px;
height: 18px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.6-3.6'/%3E%3C/svg%3E") center / contain no-repeat;
}
.btn-mini-close {
position: absolute;
top: 14px;
right: 14px;
width: 34px !important;
height: 34px !important;
border: 1px solid var(--ebm-line) !important;
border-radius: 50% !important;
background: #fff !important;
color: var(--ebm-muted) !important;
font-size: 16px;
line-height: 1;
box-shadow: var(--ebm-shadow-xs);
}
.search-transition-inner { position: relative; }
.ebm-search-extra {
margin-top: 16px;
padding-top: 14px;
border-top: 1px solid var(--ebm-line-soft);
}
.ebm-search-extra-label {
display: block;
margin-bottom: 10px;
color: var(--ebm-faint);
font-size: 11px;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
}
.ebm-search-chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.ebm-search-chip {
display: inline-flex;
align-items: center;
height: 34px;
padding: 0 14px;
border: 1px solid var(--ebm-line);
border-radius: var(--ebm-radius-pill);
background: #fff;
color: var(--ebm-text) !important;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: border-color .16s ease, color .16s ease, transform .16s ease;
}
.ebm-search-chip:hover {
border-color: rgba(77, 161, 255, .45);
color: var(--ebm-accent-ink) !important;
transform: translateY(-1px);
} .ebm-progress span {
background: linear-gradient(90deg, #4da1ff, #2f8bff 55%, #0078ff);
box-shadow: 0 0 14px rgba(77, 161, 255, .55);
}
.ebm-top {
background: linear-gradient(135deg, #0b63d6, #0078ff);
color: #fff;
box-shadow: 0 18px 36px -18px rgba(0, 120, 255, .7);
}
.ebm-top:hover { border-color: #4da1ff; color: #fff; }
.ebm-top:hover { background: var(--ebm-accent-ink); } .ebm-reveal {
opacity: 0;
transform: translateY(18px);
transition: opacity .55s cubic-bezier(.2, .7, .2, 1), transform .55s cubic-bezier(.2, .7, .2, 1);
will-change: opacity, transform;
}
.ebm-reveal.is-in { opacity: 1; transform: none; will-change: auto; } @media (max-width: 991px) {
.ebm-hero-body { min-height: 440px; padding: 32px; }
.ebm-hero-label { top: 18px; left: 18px; }
.ebm-intro { padding: 56px 20px 34px; }
.ebm-intro .ebm-h1 { font-size: clamp(32px, 7vw, 48px); }
.ebm-cta { border-radius: 22px; }
}
@media (max-width: 640px) {
.ebm-intro { padding: 38px 18px 26px; }
.ebm-intro .ebm-h1 { max-width: none; font-size: clamp(31px, 9vw, 40px); }
.ebm-intro .ebm-lead { margin-top: 16px; font-size: 16.5px; }
.ebm-stats { gap: 8px 22px; margin-top: 22px; }
.ebm-stats li + li::before { left: -12px; }
.ebm-quick { margin-top: 16px; }
.ebm-search-hint { display: none; }
.ebm-search input[type="search"] { height: 54px; padding-right: 22px; }
.ebm-search button { height: 54px; }
.ebm-hero-body { padding: 22px 20px; }
.ebm-hero-label { top: 14px; left: 14px; height: 24px; font-size: 10px; }
.ebm-hero-title { font-size: 25px; }
.ebm-hero-foot { flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.ebm-hero-time { font-size: 12.5px; }
.ebm-cta { border-radius: 18px; }
.single .entry-content > p:first-of-type { font-size: 18.5px; }
.searchform-wrap.is-open { padding-top: 8vh !important; }
.search-transition-inner { padding: 16px; border-radius: 20px; }
}
@media (prefers-reduced-motion: reduce) {
.ebm-reveal { opacity: 1; transform: none; transition: none; }
}  .searchform-wrap .search-transition-inner {
position: relative !important;
top: auto !important;
width: 100% !important;
max-width: 680px !important;
margin: 0 auto !important;
padding: 22px !important;
text-align: left !important;
border: 0 !important;
background: #fff !important;
}
.searchform-wrap .searchform,
.searchform-wrap .woocommerce-product-search {
padding: 0 !important;
opacity: 1 !important;
transform: none !important;
}
.searchform-wrap .searchform .input-group,
.searchform-wrap .woocommerce-product-search .input-group {
padding: 0 !important;
border: 0 !important;
}
.searchform-wrap .searchform .form-control { float: none !important; min-width: 0 !important; } .searchform .btn i,
.searchform button i,
.searchform .input-group-btn i { display: none !important; }
.searchform .btn::before,
.searchform button::before { display: block; }
.searchform-wrap .searchform .input-group { flex-wrap: nowrap; }
.searchform-wrap .searchform input[type="text"],
.searchform-wrap .searchform input[type="search"] {
flex: 1 1 0% !important;
width: auto !important;
min-width: 0 !important;
}
.searchform-wrap .searchform .input-group-btn {
display: flex !important;
flex: 0 0 auto !important;
width: auto !important;
}
.searchform-wrap .searchform button,
.searchform-wrap .searchform .btn { flex: 0 0 auto; } .searchform-wrap .btn-mini-close {
display: flex !important;
align-items: center;
justify-content: center;
top: -50px !important;
right: 0 !important;
margin: 0 !important;
width: 38px !important;
height: 38px !important;
padding: 0 !important;
border: 1px solid rgba(255, 255, 255, .3) !important;
border-radius: 50% !important;
background: rgba(255, 255, 255, .16) !important;
color: #fff !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
cursor: pointer;
}
.searchform-wrap .btn-mini-close i { display: none !important; }
.searchform-wrap .btn-mini-close::before,
.searchform-wrap .btn-mini-close::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 15px;
height: 2px;
border-radius: 2px;
background: currentColor;
}
.searchform-wrap .btn-mini-close::before { transform: translate(-50%, -50%) rotate(45deg); }
.searchform-wrap .btn-mini-close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.searchform-wrap .btn-mini-close:hover {
border-color: rgba(255, 255, 255, .55) !important;
background: rgba(255, 255, 255, .26) !important;
} .error-404,
.search-no-results { padding-top: 0 !important; }
.error-404 .page-header,
.search-no-results .page-header {
position: relative;
overflow: hidden;
margin: 0 0 36px;
padding: 40px 0 44px;
background-color: #0b3c78 !important;
background-image: linear-gradient(135deg, #0b3c78 0%, #0b63d6 58%, #0078ff 100%) !important;
background-size: auto !important;
color: #fff;
}
.error-404 .page-header::before,
.search-no-results .page-header::before {
content: "";
position: absolute;
top: -190px;
right: -90px;
width: 540px;
height: 430px;
border-radius: 50%;
background: radial-gradient(circle, rgba(0, 120, 255, .34), rgba(0, 120, 255, 0) 68%);
pointer-events: none;
}
.error-404 .page-header .container,
.search-no-results .page-header .container { position: relative; z-index: 1; }
.error-404 .title-page,
.search-no-results .title-page { color: #fff; }
.ebm-404-code {
background: linear-gradient(100deg, #9fe3ff 0%, #8aa2ff 50%, #c6b6ff 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
} .search-results .post-item .post-cat a,
.archive-blog .post-item .post-cat a,
.post-related .post-item .post-cat a {
display: inline-flex;
align-items: center;
height: 22px;
padding: 0 10px;
border: 1px solid rgba(77, 161, 255, .16);
border-radius: 999px;
background: linear-gradient(120deg, rgba(15, 111, 181, .1), rgba(77, 161, 255, .12)) !important;
color: #0a4d7d !important;
font-size: 10.5px;
font-weight: 800;
letter-spacing: .1em;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
transition: border-color .16s ease, color .16s ease;
}
.search-results .post-item .post-cat a:hover,
.archive-blog .post-item .post-cat a:hover,
.post-related .post-item .post-cat a:hover {
border-color: rgba(77, 161, 255, .42);
color: #0a3f6b !important;
}
.single-header .article-meta-group::before,
.search-results .post-item::before,
.archive-blog .post-item::before {
content: none !important;
display: none !important;
} @media (max-width: 640px) {
.ebm-stats { gap: 6px 18px; }
.ebm-stats li + li::before { display: none; }
.ebm-hero-body { min-height: 0; }
} @media print {
.ebm-reveal { opacity: 1 !important; transform: none !important; }
} .ebm-archive-empty p { margin: 0 0 10px; }
.ebm-archive-empty p:last-of-type { margin-bottom: 0; }
.ebm-archive-empty strong {
color: var(--ebm-ink);
font-size: 18px;
letter-spacing: -.015em;
}
.ebm-archive-empty .ebm-filters { justify-content: center; margin-top: 18px; } @media (max-width: 991px) {
.peflican-header-content { height: 62px; }
#masthead.site-header.is-stuck .peflican-header-content { height: 56px; }
#masthead.site-header.is-stuck #logo img { max-height: 28px; }
} :root {
--ebm-ink: #0b1526;
--ebm-text: #2e3039;
--ebm-muted: #525f74;
--ebm-faint: #5b6675;
--ebm-line: #e1e7f0;
--ebm-line-soft: #edf1f7;
--ebm-bg: #f5f7fb;
--ebm-surface: #ffffff;
--ebm-grad: linear-gradient(115deg, #0b63d6 0%, #0066cc 55%, #0056b3 100%);
--ebm-grad-text: linear-gradient(100deg, #0b4a9e 0%, #0b63d6 52%, #0078ff 100%);
--ebm-radius: 28px;
--ebm-radius-sm: 20px;
--ebm-shadow: 0 34px 80px -44px rgba(8, 13, 24, .55);
--ebm-shadow-lg: 0 50px 110px -48px rgba(8, 13, 24, .6);
} .ebm-intro { padding: 64px 20px 40px; }
.ebm-h1 {
font-size: clamp(34px, 4.7vw, 56px);
line-height: 1.04;
letter-spacing: -.035em;
}
.ebm-lead { max-width: 650px; font-size: 18.5px; }
.ebm-kicker-pill {
padding: 8px 16px 8px 13px;
border-color: rgba(15, 111, 181, .18);
background: rgba(255, 255, 255, .78);
box-shadow: 0 14px 34px -24px rgba(8, 13, 24, .6);
}
.ebm-search { max-width: 580px; }
.ebm-search input[type="search"] {
height: 58px;
padding: 0 24px;
border-color: #dde4ef;
box-shadow: 0 18px 40px -30px rgba(8, 13, 24, .5);
}
.ebm-search button { height: 58px; padding: 0 30px; }
.ebm-search input[type="search"]:focus {
border-color: rgba(11, 99, 214, .55);
box-shadow: 0 0 0 4px rgba(15, 111, 181, .12), 0 18px 40px -30px rgba(8, 13, 24, .5);
} .ebm-menu-toggle:hover,
.ebm-menu-toggle:focus,
.ebm-menu-toggle:active,
.btn-mini-search:hover,
.btn-mini-search:focus,
.btn-mini-search:active {
background: rgba(255, 255, 255, .1) !important;
border-color: rgba(255, 255, 255, .3) !important;
color: #fff !important;
box-shadow: 0 0 0 3px rgba(77, 161, 255, .32);
outline: none;
}
.ebm-menu-toggle:focus-visible,
.btn-mini-search:focus-visible {
outline: 2px solid #4da1ff;
outline-offset: 2px;
}
.ebm-quick { margin-top: 22px; }
.ebm-quick-link {
height: 36px;
padding: 0 16px;
border-color: #e0e6f0;
background: rgba(255, 255, 255, .8);
font-size: 13px;
transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
}
.ebm-quick-link:hover {
transform: translateY(-1px);
border-color: rgba(15, 111, 181, .32);
background: #fff;
} .ebm-hero {
border-radius: 28px;
box-shadow: 0 50px 110px -55px rgba(8, 13, 24, .75), 0 2px 0 rgba(255, 255, 255, .06) inset;
}
.ebm-hero::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
border-radius: inherit;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), inset 0 -120px 120px -90px rgba(4, 8, 16, .9);
pointer-events: none;
}
.ebm-hero-body {
min-height: 520px;
padding: 48px;
background:
linear-gradient(100deg, rgba(4, 8, 16, .93) 0%, rgba(4, 8, 16, .72) 46%, rgba(4, 8, 16, .1) 84%),
linear-gradient(180deg, rgba(4, 8, 16, 0) 40%, rgba(4, 8, 16, .72) 100%);
}
.ebm-hero-title {
font-size: clamp(30px, 4vw, 54px);
line-height: 1.04;
letter-spacing: -.035em;
}
.ebm-hero-excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
max-width: 640px;
font-size: 17px;
}
.ebm-hero-label {
top: 24px;
left: 24px;
z-index: 3;
height: 30px;
padding: 0 15px 0 11px;
gap: 8px;
border-color: rgba(255, 255, 255, .22);
background: rgba(8, 12, 22, .42);
box-shadow: 0 10px 30px -18px rgba(0, 0, 0, .9);
}
.ebm-hero-label::before {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: #4da1ff;
box-shadow: 0 0 0 4px rgba(77, 161, 255, .2);
}
.ebm-hero-cta {
padding: 14px 24px;
font-size: 14.5px;
box-shadow: 0 18px 40px -22px rgba(0, 0, 0, .9);
}
.ebm-hero-cta span { transition: transform .2s ease; }
.ebm-hero:hover .ebm-hero-cta span { transform: translateX(4px); }
.ebm-hero:hover .ebm-hero-media img { transform: scale(1.05); } .ebm-section { margin-top: 64px; }
.ebm-section-head { margin-bottom: 26px; gap: 20px; }
.ebm-section-title { min-width: 0; }
.ebm-eyebrow {
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 10px;
color: var(--ebm-accent-ink);
font-size: 11px;
font-weight: 800;
letter-spacing: .18em;
line-height: 1;
text-transform: uppercase;
}
.ebm-eyebrow::before {
content: "";
width: 20px;
height: 2px;
border-radius: 2px;
background: var(--ebm-grad);
}
.ebm-section-head .ebm-h2 {
padding-bottom: 0;
font-size: clamp(26px, 3vw, 36px);
letter-spacing: -.03em;
line-height: 1.1;
}
.ebm-section-head .ebm-h2::after { display: none; }
.ebm-section-link {
display: inline-flex;
align-items: center;
gap: 8px;
flex: 0 0 auto;
height: 40px;
padding: 0 18px;
border: 1px solid var(--ebm-line);
border-radius: var(--ebm-radius-pill);
background: #fff;
color: var(--ebm-accent-ink) !important;
font-size: 13px;
font-weight: 700;
text-decoration: none;
box-shadow: var(--ebm-shadow-xs);
transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.ebm-section-link span { transition: transform .2s ease; }
.ebm-section-link:hover {
transform: translateY(-1px);
border-color: rgba(15, 111, 181, .34);
box-shadow: 0 14px 30px -22px rgba(8, 13, 24, .6);
}
.ebm-section-link:hover span { transform: translateX(3px); } .ebm-card {
border-radius: 20px;
border-color: #e4eaf3;
box-shadow: 0 1px 2px rgba(8, 13, 24, .04), 0 20px 44px -34px rgba(8, 13, 24, .55);
}
.ebm-card::before { height: 3px; }
.ebm-card-media { position: relative; aspect-ratio: 16 / 10; }
.ebm-card-media::after {
content: "";
position: absolute;
inset: auto 0 0 0;
height: 55%;
background: linear-gradient(180deg, rgba(6, 10, 20, 0) 0%, rgba(6, 10, 20, .32) 100%);
opacity: 0;
transition: opacity .3s ease;
pointer-events: none;
}
.ebm-card:hover .ebm-card-media::after { opacity: 1; }
.ebm-card-body { padding: 0 22px 22px; }
.ebm-card .ebm-chip {
position: relative;
z-index: 2;
margin-top: -13px;
height: 26px;
padding: 0 12px;
border: 1px solid rgba(255, 255, 255, .7);
background: rgba(255, 255, 255, .92);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
color: var(--ebm-accent-ink) !important;
font-size: 10.5px;
box-shadow: 0 6px 16px -10px rgba(8, 13, 24, .8);
}
.ebm-card-title {
margin: 16px 0 8px;
font-size: 19px;
line-height: 1.3;
}
.ebm-card-excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
margin-bottom: 16px;
font-size: 14.5px;
}
.ebm-meta { font-size: 12.5px; } .ebm-cats { gap: 16px; }
.ebm-cat {
--tile: 11, 99, 214;
gap: 8px;
padding: 26px 24px 22px;
border-color: rgba(8, 13, 24, .06);
border-radius: 22px;
background:
radial-gradient(120% 120% at 100% 0%, rgba(var(--tile), .13), rgba(var(--tile), 0) 60%),
linear-gradient(170deg, #ffffff 0%, #f7f9fd 100%);
box-shadow: 0 1px 2px rgba(8, 13, 24, .04), 0 20px 44px -36px rgba(8, 13, 24, .6);
transition: transform .3s cubic-bezier(.2, .7, .2, 1), box-shadow .3s ease, border-color .3s ease;
}
.ebm-cat-2 { --tile: 77, 161, 255; }
.ebm-cat-3 { --tile: 0, 120, 255; }
.ebm-cat-4 { --tile: 0, 86, 179; }
.ebm-cat-index {
position: absolute;
top: 14px;
right: 20px;
color: rgba(var(--tile), .16);
font-family: var(--ebm-display);
font-size: 58px;
font-weight: 800;
letter-spacing: -.06em;
line-height: 1;
transition: color .3s ease, transform .3s ease;
}
.ebm-cat:hover {
transform: translateY(-4px);
border-color: rgba(var(--tile), .34);
box-shadow: 0 34px 60px -40px rgba(var(--tile), .85);
}
.ebm-cat:hover .ebm-cat-index { color: rgba(var(--tile), .3); transform: translateY(-2px); }
.ebm-cat-label { position: relative; font-size: 20px; letter-spacing: -.025em; }
.ebm-cat-copy { position: relative; max-width: 23ch; }
.ebm-cat-count {
position: relative;
align-self: flex-start;
margin-top: 6px;
padding: 4px 10px;
border: 1px solid rgba(var(--tile), .18);
border-radius: var(--ebm-radius-pill);
background: rgba(255, 255, 255, .7);
color: rgba(var(--tile), 1);
font-size: 10.5px;
font-weight: 800;
letter-spacing: .1em;
}
.ebm-cat-arrow {
position: absolute;
right: 20px;
bottom: 20px;
background: rgba(var(--tile), .12);
color: rgb(var(--tile));
}
.ebm-cat:hover .ebm-cat-arrow { background: rgb(var(--tile)); color: #fff; } .ebm-cta {
margin-top: 64px;
padding: 46px 46px;
border-radius: 28px;
background: linear-gradient(120deg, #0b3c78 0%, #0b63d6 52%, #0078ff 100%);
box-shadow: 0 50px 100px -60px rgba(8, 13, 24, .9);
}
.ebm-cta::before,
.ebm-cta::after {
width: 420px;
height: 420px;
border-radius: 50%;
filter: blur(10px);
}
.ebm-cta::before {
top: -220px;
right: -80px;
background: radial-gradient(circle, rgba(0, 120, 255, .55), rgba(0, 120, 255, 0) 68%);
}
.ebm-cta::after {
bottom: -260px;
left: 18%;
background: radial-gradient(circle, rgba(77, 161, 255, .55), rgba(77, 161, 255, 0) 70%);
}
.ebm-cta .ebm-h2 { font-size: clamp(26px, 3.2vw, 38px); letter-spacing: -.03em; }
.ebm-cta .ebm-btn {
height: 52px;
padding: 0 26px;
background: #fff;
color: #0b3c78 !important;
font-size: 14.5px;
box-shadow: 0 20px 40px -24px rgba(0, 0, 0, .9);
}
.ebm-cta .ebm-btn:hover { transform: translateY(-2px); background: #fff; } .single .entry-content > p:first-of-type::first-letter {
float: left;
margin: 6px 12px 0 0;
color: var(--ebm-accent-ink);
font-family: var(--ebm-display);
font-size: 62px;
font-weight: 800;
line-height: .78;
}
.single .entry-content h2 {
position: relative;
margin-top: 2em;
padding-left: 18px;
font-size: clamp(22px, 2.4vw, 28px);
letter-spacing: -.025em;
}
.single .entry-content h2::before {
content: "";
position: absolute;
left: 0;
top: .18em;
bottom: .18em;
width: 4px;
border-radius: 4px;
background: var(--ebm-grad);
}
.single .entry-content h3 { font-size: clamp(19px, 2vw, 22px); letter-spacing: -.02em; }
.single .entry-content blockquote {
position: relative;
margin: 1.8em 0;
padding: 26px 28px 26px 58px;
border: 1px solid var(--ebm-line-soft);
border-left: 4px solid transparent;
border-image: var(--ebm-grad) 1;
border-radius: 0 18px 18px 0;
background: linear-gradient(120deg, #f7faff, #fbf8ff);
color: var(--ebm-text);
font-size: 18px;
line-height: 1.6;
}
.single .entry-content blockquote::before {
content: "“";
position: absolute;
top: 8px;
left: 20px;
color: rgba(15, 111, 181, .22);
font-family: Georgia, serif;
font-size: 52px;
line-height: 1;
}
.single .entry-content figure { margin: 1.8em 0; }
.single .entry-content figure img { border-radius: 18px; }
.single .entry-content figcaption {
margin-top: 10px;
color: var(--ebm-faint);
font-size: 13px;
text-align: center;
}
.single .entry-content img { border-radius: 14px; }
.single .entry-content table { width: 100%; border-collapse: collapse; font-size: 15px; }
.single .entry-content th,
.single .entry-content td { padding: 10px 12px; border-bottom: 1px solid var(--ebm-line-soft); text-align: left; }
.single .entry-content th { background: #f7f9fd; font-weight: 800; } .ebm-filter {
height: 38px;
padding: 0 16px;
border-color: #e1e7f0;
background: rgba(255, 255, 255, .8);
font-size: 13.5px;
transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.ebm-filter:hover { transform: translateY(-1px); border-color: rgba(15, 111, 181, .32); }
.ebm-filter.is-active {
background: var(--ebm-grad);
box-shadow: 0 14px 30px -20px rgba(15, 111, 181, .9);
}
.navigation.pagination .nav-links a,
.navigation.pagination .nav-links span {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
min-width: 40px;
height: 40px;
margin-right: 0;
padding: 0 15px;
border: 1px solid var(--ebm-line);
border-radius: var(--ebm-radius-pill);
background: #fff;
color: var(--ebm-text);
font-size: 13.5px;
line-height: 1;
font-weight: 700;
text-decoration: none;
transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.navigation.pagination .nav-links .dots {
border-color: transparent;
background: transparent;
color: var(--ebm-muted);
}
.navigation.pagination .nav-links a:hover {
transform: translateY(-1px);
border-color: rgba(15, 111, 181, .4);
box-shadow: 0 12px 24px -18px rgba(8, 13, 24, .8);
}
.navigation.pagination .nav-links .current {
border-color: transparent;
background: var(--ebm-grad);
color: #fff;
}
.navigation.pagination .nav-links .current {
border-color: transparent;
background: var(--ebm-grad);
color: #fff;
} .ebm-drawer-panel {
border-radius: 26px 0 0 26px;
background:
radial-gradient(420px 320px at 100% 0%, rgba(77, 161, 255, .34), rgba(77, 161, 255, 0) 70%),
linear-gradient(180deg, #0a1020 0%, #0c1424 55%, #0a0f1c 100%);
box-shadow: -30px 0 80px rgba(4, 8, 16, .55);
}
.ebm-drawer-close:hover,
.ebm-drawer-close:focus,
.ebm-drawer-close:active {
background: rgba(255, 255, 255, .1) !important;
border-color: rgba(255, 255, 255, .3) !important;
color: #fff !important;
box-shadow: 0 0 0 3px rgba(77, 161, 255, .3);
outline: 0;
}
.ebm-drawer-search {
background: var(--ebm-grad);
letter-spacing: .06em;
box-shadow: 0 20px 44px -26px rgba(15, 111, 181, .95);
}
.ebm-drawer-search:hover,
.ebm-drawer-search:focus {
background: var(--ebm-grad) !important;
filter: brightness(1.07);
box-shadow: 0 22px 46px -24px rgba(0, 120, 255, .95);
} .searchform-wrap .search-transition-inner { border-radius: 28px; }
.searchform-wrap .searchform input[type="text"],
.searchform-wrap .searchform input[type="search"] { height: 56px; }
.searchform-wrap .searchform button,
.searchform-wrap .searchform input[type="submit"] {
width: 56px !important;
height: 56px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 999px !important;
background: var(--ebm-grad) !important;
color: #fff !important;
box-shadow: 0 16px 34px -20px rgba(15, 111, 181, .9);
}
.searchform-wrap .searchform button:hover,
.searchform-wrap .searchform button:focus {
box-shadow: 0 18px 38px -20px rgba(15, 111, 181, 1);
}
.searchform-wrap .ebm-search-chip {
height: 34px;
padding: 0 14px;
border-color: #e1e7f0;
background: #fff;
font-size: 12.5px;
transition: border-color .2s ease, transform .2s ease;
}
.searchform-wrap .ebm-search-chip:hover { transform: translateY(-1px); border-color: rgba(15, 111, 181, .35); } @media (max-width: 991px) {
.ebm-hero-body { min-height: 460px; padding: 36px; }
.ebm-cta { padding: 36px; }
}
@media (max-width: 640px) {
.ebm-intro { padding: 34px 16px 26px; }
.ebm-intro .ebm-h1 { font-size: clamp(31px, 9vw, 40px); }
.ebm-lead { font-size: 16.5px; }
.ebm-hero { border-radius: 20px; }
.ebm-hero-body { min-height: 0; padding: 22px 20px; }
.ebm-hero-title { font-size: clamp(24px, 6.6vw, 30px); }
.ebm-hero-label { top: 14px; left: 14px; height: 24px; padding: 0 12px 0 9px; font-size: 10px; }
.ebm-hero-excerpt { font-size: 15.5px; }
.ebm-hero-cta { padding: 12px 20px; font-size: 14px; }
.ebm-card .ebm-chip { margin-top: -12px; }
.ebm-search input[type="search"], .ebm-search button { height: 54px; }
.ebm-section { margin-top: 46px; padding: 0 16px; }
.ebm-section-head { gap: 12px; margin-bottom: 20px; }
.ebm-section-link { height: 36px; padding: 0 14px; font-size: 12.5px; }
.ebm-card-body { padding: 0 18px 20px; }
.ebm-card-title { font-size: 18px; }
.ebm-cat { padding: 22px 20px 18px; }
.ebm-cat-index { font-size: 46px; top: 12px; right: 16px; }
.ebm-cat-arrow { right: 16px; bottom: 16px; }
.ebm-cta { margin: 46px 16px 0; padding: 28px 24px; }
.ebm-hero-label { top: 14px; left: 14px; }
.single .entry-content > p:first-of-type::first-letter { font-size: 52px; }
}
@media (prefers-reduced-motion: reduce) {
.ebm-card, .ebm-cat, .ebm-section-link, .ebm-quick-link, .ebm-filter { transition: none !important; }
.ebm-card:hover, .ebm-cat:hover, .ebm-quick-link:hover { transform: none !important; }
.ebm-hero:hover .ebm-hero-media img { transform: none !important; }
} .ebm-market {
position: relative;
isolation: isolate;
width: min(1180px, 100%);
margin: 0 auto;
padding: 62px 60px 44px;
border: 1px solid #d3e6fa;
border-radius: 32px;
background:
radial-gradient(820px 440px at 86% -14%, rgba(77, 161, 255, .30), rgba(77, 161, 255, 0) 66%),
radial-gradient(640px 400px at 2% 6%, rgba(108, 206, 230, .22), rgba(108, 206, 230, 0) 62%),
linear-gradient(157deg, #fbfdff 0%, #e9f4ff 46%, #d3e8ff 100%);
box-shadow: 0 50px 100px -60px rgba(13, 94, 180, .42);
color: #2e3039;
overflow: hidden;
}
.ebm-market-glow {
position: absolute;
inset: auto -10% -60% 40%;
height: 70%;
z-index: 0;
background: radial-gradient(closest-side, rgba(77, 161, 255, .22), rgba(77, 161, 255, 0));
pointer-events: none;
}
.ebm-market-body {
position: relative;
z-index: 1;
max-width: 900px;
}
.ebm-market .ebm-h1 {
max-width: 18ch;
margin: 0;
color: #232a35;
font-size: clamp(34px, 5.2vw, 62px);
line-height: 1.02;
letter-spacing: -.038em;
text-wrap: balance;
}
.ebm-market .ebm-grad {
background: linear-gradient(100deg, #0b4a9e 0%, #0b63d6 55%, #0078ff 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.ebm-kicker-light {
border-color: rgba(77, 161, 255, .34);
background: rgba(255, 255, 255, .82);
color: #0b4a9e !important;
box-shadow: 0 12px 26px -22px rgba(13, 94, 180, .55);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}
.ebm-kicker-light .ebm-kicker-dot {
background: #4da1ff;
box-shadow: 0 0 0 4px rgba(77, 161, 255, .2);
}
.ebm-market .ebm-lead {
max-width: 620px;
margin: 20px 0 0;
color: #455166;
font-size: 18px;
line-height: 1.62;
} .ebm-finder {
max-width: 680px;
margin: 28px 0 0;
gap: 10px;
}
.ebm-finder input[type="search"] {
flex: 1 1 auto;
width: 100%;
height: 60px;
padding: 0 24px;
border: 1px solid #cfe2f7 !important;
border-radius: var(--ebm-radius-pill) !important;
background: #fff !important;
color: #2e3039 !important;
font-size: 16px !important;
box-shadow: 0 18px 38px -32px rgba(13, 94, 180, .55);
transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.ebm-finder input[type="search"]::placeholder {
color: #7f8fa4;
opacity: 1;
}
.ebm-finder input[type="search"]:focus {
border-color: #4da1ff !important;
background: #fff !important;
box-shadow: 0 0 0 4px rgba(77, 161, 255, .2);
outline: none;
}
.ebm-finder button {
flex: 0 0 auto;
height: 60px;
padding: 0 30px;
border: 0 !important;
border-radius: var(--ebm-radius-pill) !important;
background: linear-gradient(100deg, #0b63d6 0%, #0066cc 55%, #0056b3 100%) !important;
color: #fff !important;
font-size: 15px;
font-weight: 800;
letter-spacing: .01em;
box-shadow: 0 20px 44px -22px rgba(0, 120, 255, .8);
cursor: pointer;
transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.ebm-finder button:hover,
.ebm-finder button:focus {
transform: translateY(-1px);
filter: brightness(1.06);
box-shadow: 0 24px 50px -22px rgba(0, 120, 255, .95);
}
.ebm-market-note {
margin: 14px 0 0;
color: #5d6675;
font-size: 13px;
letter-spacing: .01em;
}
.ebm-market .ebm-stats {
justify-content: flex-start;
gap: 10px 32px;
margin-top: 26px;
}
.ebm-market .ebm-stats b { color: #232a35; font-size: 18px; }
.ebm-market .ebm-stats span { color: #5d6675; }
.ebm-market .ebm-stats li + li::before { background: #cfe2f7; }
.ebm-market .ebm-quick {
justify-content: flex-start;
margin-top: 24px;
}
.ebm-market .ebm-quick-link {
height: 36px;
padding: 0 16px;
border-color: #cfe2f7;
background: rgba(255, 255, 255, .78);
color: #0b4a9e !important;
font-size: 13px;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}
.ebm-market .ebm-quick-link:hover {
border-color: #4da1ff;
background: #fff;
color: #0b63d6 !important;
}
.ebm-market .ebm-quick-link.is-ghost {
border-color: transparent;
background: transparent;
color: #0b63d6 !important;
} .ebm-services {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
}
.ebm-svc {
position: relative;
display: flex;
flex-direction: column;
isolation: isolate;
padding: 24px 22px 20px;
border: 1px solid var(--ebm-line);
border-radius: 22px;
background: #fff;
color: var(--ebm-text);
text-decoration: none;
overflow: hidden;
transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.ebm-svc::before {
content: "";
position: absolute;
top: -70px;
right: -70px;
width: 180px;
height: 180px;
z-index: -1;
border-radius: 50%;
opacity: .6;
transition: opacity .22s ease, transform .22s ease;
}
.ebm-svc-1::before { background: radial-gradient(closest-side, rgba(77, 161, 255, .22), transparent); }
.ebm-svc-2::before { background: radial-gradient(closest-side, rgba(77, 161, 255, .2), transparent); }
.ebm-svc-3::before { background: radial-gradient(closest-side, rgba(0, 120, 255, .2), transparent); }
.ebm-svc-4::before { background: radial-gradient(closest-side, rgba(77, 161, 255, .16), transparent); }
.ebm-svc-5::before { background: radial-gradient(closest-side, rgba(0, 120, 255, .16), transparent); }
.ebm-svc-6::before { background: radial-gradient(closest-side, rgba(77, 161, 255, .14), transparent); }
.ebm-svc-7::before { background: radial-gradient(closest-side, rgba(77, 161, 255, .18), transparent); }
.ebm-svc-8::before { background: radial-gradient(closest-side, rgba(0, 120, 255, .14), transparent); }
.ebm-svc:hover {
transform: translateY(-3px);
border-color: rgba(11, 99, 214, .3);
box-shadow: 0 30px 60px -40px rgba(8, 13, 24, .6);
}
.ebm-svc:hover::before { opacity: 1; transform: scale(1.08); }
.ebm-svc-index {
color: rgba(11, 99, 214, .55);
font-size: 12px;
font-weight: 800;
letter-spacing: .18em;
}
.ebm-svc-label {
margin-top: 10px;
color: var(--ebm-ink);
font-family: var(--ebm-display);
font-size: 20px;
font-weight: 800;
letter-spacing: -.02em;
line-height: 1.2;
}
.ebm-svc-copy {
margin-top: 6px;
color: var(--ebm-muted);
font-size: 14.5px;
line-height: 1.5;
}
.ebm-svc-cta {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 16px;
color: var(--ebm-accent-ink);
font-size: 12.5px;
font-weight: 800;
letter-spacing: .01em;
}
.ebm-svc-cta span { transition: transform .2s ease; }
.ebm-svc:hover .ebm-svc-cta span { transform: translateX(3px); } .ebm-steps {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
margin: 0;
padding: 0;
list-style: none;
}
.ebm-steps li {
position: relative;
padding: 26px 24px;
border: 1px solid var(--ebm-line);
border-radius: 22px;
background: linear-gradient(180deg, #fff 0%, #f8fafd 100%);
}
.ebm-step-n {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: var(--ebm-radius-pill);
background: linear-gradient(120deg, #0b63d6, #0078ff);
color: #fff;
font-family: var(--ebm-display);
font-size: 17px;
font-weight: 800;
box-shadow: 0 14px 30px -18px rgba(77, 161, 255, .9);
}
.ebm-step-title {
margin: 16px 0 8px;
color: var(--ebm-ink);
font-family: var(--ebm-display);
font-size: 18px;
font-weight: 800;
letter-spacing: -.015em;
}
.ebm-steps p {
margin: 0;
color: var(--ebm-muted);
font-size: 15px;
line-height: 1.6;
} .ebm-seo-inner { max-width: 780px; }
.ebm-seo .ebm-h2 { margin-bottom: 18px; }
.ebm-seo p {
color: #2a3543;
font-size: 17px;
line-height: 1.75;
}
.ebm-seo p:last-child { margin-bottom: 0; }
.ebm-seo a {
color: var(--ebm-accent-ink);
font-weight: 600;
text-decoration-color: rgba(15, 111, 181, .35);
}
.ebm-seo a:hover { text-decoration-color: currentColor; } .ebm-faq-list {
display: grid;
gap: 10px;
max-width: 860px;
}
.ebm-faq-item {
padding: 0 22px;
border: 1px solid var(--ebm-line);
border-radius: 18px;
background: #fff;
transition: border-color .18s ease, box-shadow .18s ease;
}
.ebm-faq-item[open] {
border-color: rgba(15, 111, 181, .3);
box-shadow: 0 24px 50px -44px rgba(8, 13, 24, .7);
}
.ebm-faq-item summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
padding: 18px 0;
color: var(--ebm-ink);
font-family: var(--ebm-display);
font-size: 16.5px;
font-weight: 700;
line-height: 1.35;
list-style: none;
cursor: pointer;
}
.ebm-faq-item summary::-webkit-details-marker { display: none; }
.ebm-faq-icon {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: var(--ebm-radius-pill);
background: var(--ebm-accent-soft);
color: var(--ebm-accent-ink);
font-size: 19px;
line-height: 1;
transition: transform .2s ease;
}
.ebm-faq-item[open] .ebm-faq-icon { transform: rotate(45deg); }
.ebm-faq-a {
margin: 0 0 20px;
color: var(--ebm-muted);
font-size: 15.5px;
line-height: 1.7;
} .ebm-svc-box {
margin: 34px 0 0;
padding: 28px;
border: 1px solid #e2e8f2;
border-radius: 24px;
background:
radial-gradient(420px 200px at 100% 0%, rgba(77, 161, 255, .14), transparent 70%),
linear-gradient(180deg, #fff, #f8fafd);
box-shadow: 0 30px 60px -54px rgba(8, 13, 24, .65);
clear: both;
}
.ebm-svc-box .ebm-eyebrow { margin-bottom: 10px; }
.ebm-svc-box-title {
margin: 0 0 16px;
color: var(--ebm-ink);
font-family: var(--ebm-display);
font-size: 20px;
font-weight: 800;
letter-spacing: -.02em;
line-height: 1.3;
}
.ebm-svc-box-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 18px;
padding: 0;
list-style: none;
}
.ebm-svc-box-list a {
display: inline-flex;
align-items: center;
height: 38px;
padding: 0 16px;
border: 1px solid var(--ebm-line);
border-radius: var(--ebm-radius-pill);
background: #fff;
color: var(--ebm-text) !important;
font-size: 13.5px;
font-weight: 700;
text-decoration: none;
transition: border-color .18s ease, transform .18s ease;
}
.ebm-svc-box-list a:hover {
border-color: rgba(15, 111, 181, .4);
transform: translateY(-1px);
}
.ebm-btn-grad {
height: 48px;
padding: 0 24px;
border: 0;
background: linear-gradient(100deg, #0b63d6, #0066cc 60%, #0056b3) !important;
color: #fff !important;
box-shadow: 0 18px 40px -22px rgba(0, 120, 255, .75);
}
.ebm-btn-grad:hover { box-shadow: 0 22px 46px -22px rgba(0, 120, 255, .9); }
.ebm-svc-box-note {
margin: 12px 0 0;
color: var(--ebm-muted);
font-size: 12.5px;
} .ebm-header-cta {
display: inline-flex;
align-items: center;
height: 40px;
padding: 0 18px;
border-radius: var(--ebm-radius-pill);
background: linear-gradient(100deg, #0b63d6, #0066cc 60%, #0056b3);
color: #fff !important;
font-size: 13px;
font-weight: 800;
letter-spacing: .01em;
text-decoration: none;
white-space: nowrap;
box-shadow: 0 14px 30px -18px rgba(0, 120, 255, .8);
transition: transform .18s ease, box-shadow .18s ease;
}
.ebm-header-cta:hover,
.ebm-header-cta:focus {
color: #fff !important;
transform: translateY(-1px);
box-shadow: 0 18px 36px -18px rgba(0, 120, 255, .95);
outline: none;
}
@media (max-width: 991px) {
.ebm-header-cta { display: none; }
} .ebm-marketbar {
position: fixed;
left: 20px;
bottom: 20px; transform: translateY(calc(-1 * var(--ebm-marketbar-offset, 0px) + var(--ebm-marketbar-shift, 130%)));
opacity: 0;
visibility: hidden;
pointer-events: none; transition: transform .34s ease, opacity .28s ease, visibility 0s linear .34s;
z-index: 8000;
display: flex;
align-items: center;
gap: 16px;
max-width: min(560px, calc(100vw - 40px));
padding: 10px 12px 10px 20px;
border: 1px solid #d6e7fa;
border-radius: var(--ebm-radius-pill);
background: rgba(255, 255, 255, .97);
box-shadow: 0 24px 50px -28px rgba(13, 94, 180, .45), 0 1px 0 #fff inset;
color: #2e3039;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.ebm-marketbar.is-visible {
--ebm-marketbar-shift: 0px;
opacity: 1;
visibility: visible;
pointer-events: auto;
transition: transform .34s ease, opacity .28s ease, visibility 0s;
}
.ebm-marketbar[hidden] { display: none !important; }
.ebm-marketbar-text {
display: flex;
flex-direction: column;
min-width: 0;
line-height: 1.25;
}
.ebm-marketbar-text strong {
color: #2e3039;
font-family: var(--ebm-display);
font-size: 13.5px;
font-weight: 800;
letter-spacing: -.01em;
}
.ebm-marketbar-text span {
color: #5d6675;
font-size: 12px;
}
.ebm-marketbar-btn {
display: inline-flex;
align-items: center;
gap: 6px;
flex: 0 0 auto;
height: 40px;
padding: 0 18px;
border-radius: var(--ebm-radius-pill);
background: linear-gradient(100deg, #0b63d6, #0066cc 60%, #0056b3);
color: #fff !important;
font-size: 13px;
font-weight: 800;
text-decoration: none;
white-space: nowrap;
}
.ebm-marketbar-btn:hover { color: #fff !important; filter: brightness(1.06); }
.ebm-marketbar-close {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 28px;
height: 28px;
padding: 0;
border: 0;
border-radius: var(--ebm-radius-pill);
background: #eaf4ff;
color: #0b63d6;
font-size: 17px;
line-height: 1;
cursor: pointer;
}
.ebm-marketbar-close:hover,
.ebm-marketbar-close:focus {
background: #dbeeff;
color: #0b4a9e;
outline: none;
} @media (max-width: 1099px) {
.ebm-market { padding: 48px 40px 38px; }
.ebm-services { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
.ebm-steps { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
.ebm-market { width: calc(100% - 24px); padding: 30px 20px 26px; border-radius: 24px; }
.ebm-market .ebm-h1 { font-size: clamp(31px, 9vw, 40px); }
.ebm-market .ebm-lead { margin-top: 16px; font-size: 16px; }
.ebm-finder { flex-direction: column; margin-top: 22px; }
.ebm-finder input[type="search"] { height: 56px; padding: 0 20px; }
.ebm-finder button { width: 100%; height: 54px; }
.ebm-market .ebm-stats { justify-content: flex-start; gap: 6px 18px; margin-top: 22px; }
.ebm-market .ebm-stats li + li::before { display: none; }
.ebm-market .ebm-quick { gap: 6px; }
.ebm-market .ebm-quick-link { height: 34px; padding: 0 13px; font-size: 12.5px; }
.ebm-services { grid-template-columns: 1fr; gap: 12px; }
.ebm-svc { padding: 20px 20px 18px; }
.ebm-seo p { font-size: 16px; }
.ebm-svc-box { padding: 22px; }
.ebm-marketbar {
left: 0;
right: 0;
bottom: 0;
max-width: none;
padding: 9px 10px 9px 16px;
border-radius: 18px 18px 0 0;
border-bottom: 0;
gap: 10px;
}
.ebm-marketbar-text span { display: none; }
.ebm-marketbar-btn { height: 38px; padding: 0 15px; font-size: 12.5px; }
body { padding-bottom: 74px; }
}
@media (prefers-reduced-motion: reduce) {
.ebm-svc, .ebm-marketbar-btn, .ebm-finder button { transition: none !important; }
.ebm-svc:hover { transform: none !important; }
}