/*!
 * DeVo — main stylesheet.
 * Values come from CSS variables written by inc/dynamic-css.php (DeVo Options).
 */

/* ==========================================================================
   1. Base
   ========================================================================== */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; overflow-x: clip; }
body {
	margin: 0;
	overflow-x: clip;
	font-family: var(--devo-font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
	font-size: 15px;
	line-height: 26px;
	color: var(--devo-text, #818181);
	background-color: var(--devo-content-bg, #fff);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	--devo-adminbar: 0px;
	--devo-pp-offset: 0px;
}
body.admin-bar { --devo-adminbar: 32px; }
@media (max-width: 782px) { body.admin-bar { --devo-adminbar: 46px; } }
@media (max-width: 600px) { body.admin-bar { --devo-adminbar: 0px; } }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: var(--devo-font-heading, inherit);
	color: var(--devo-heading, #303030);
	font-weight: 400;
	margin: 0 0 .6em;
	line-height: 1.25;
}
h1 { font-size: 60px; } h2 { font-size: 44px; } h3 { font-size: 32px; }
h4 { font-size: 24px; } h5 { font-size: 19px; } h6 { font-size: 16px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none; }
p { margin: 0 0 1.4em; }
a { color: var(--devo-c1, #af1e23); text-decoration: none; transition: color .2s ease, background-color .2s ease, border-color .2s ease; }
a:hover { color: var(--devo-c2, #565656); }
img, video, iframe, embed, object { max-width: 100%; }
img { height: auto; vertical-align: middle; }
::selection { background: var(--devo-selection, #af1e23); color: #fff; }
mark, .highlight { background: var(--devo-mark-bg, #af1e23); color: var(--devo-mark-color, #fff); padding: 0 .2em; }
hr { border: 0; height: var(--devo-sep-h, 1px); background: var(--devo-sep-color, #eaeaea); margin: 2em 0; }
table { width: 100%; border-collapse: collapse; margin: 0 0 1.5em; }
th, td { padding: 10px 14px; border: 1px solid var(--devo-sep-color, #eaeaea); text-align: left; }
th { color: var(--devo-heading); font-weight: 600; }
code, kbd, pre, samp { font-family: Menlo, Consolas, monospace; font-size: .9em; }
pre { background: var(--devo-c4, #f6f6f6); padding: 1.2em; overflow: auto; border-radius: 4px; }
ul, ol { padding-left: 1.4em; margin: 0 0 1.4em; }
figure { margin: 0 0 1.5em; }
figcaption, .wp-caption-text { font-size: .85em; opacity: .8; padding-top: 6px; }

.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus { background: #fff; clip: auto !important; clip-path: none; color: #000; display: block; height: auto; left: 8px; padding: 12px 18px; top: 8px; width: auto; z-index: 100000; }
.skip-link:focus { position: fixed !important; }
:focus-visible { outline: 2px solid var(--devo-c1, #af1e23); outline-offset: 2px; }

blockquote, .wp-block-quote {
	position: relative;
	margin: 0 0 1.6em;
	padding: 24px 28px 24px 70px;
	background: var(--devo-quote-bg-el, transparent);
	border-left: 3px solid var(--devo-quote-accent, #af1e23);
	color: var(--devo-heading);
	font-size: 20px;
	line-height: 32px;
	font-style: italic;
}
blockquote::before { content: "\201C"; position: absolute; left: 20px; top: 6px; font: 72px/1 Georgia, serif; color: var(--devo-quote-accent, #af1e23); opacity: .8; }
blockquote p:last-child { margin-bottom: 0; }
blockquote cite { display: block; margin-top: 10px; font-size: 14px; font-style: normal; opacity: .7; }

/* ==========================================================================
   2. Grid, wrapper, boxed, passepartout
   ========================================================================== */
.devo-container { width: min(var(--devo-grid, 1100px), 100% - 2 * var(--devo-gutter, 20px)); margin-left: auto; margin-right: auto; }
.devo-container-full { width: 100%; }
.devo-header-full, .devo-footer-full { padding-left: var(--devo-header-side-pad, 45px); padding-right: var(--devo-header-side-pad, 45px); }
.devo-wrapper { position: relative; z-index: 1; transition: left .45s cubic-bezier(.2,.7,.2,1); left: 0; }
.devo-content { position: relative; z-index: 1; background-color: var(--devo-content-bg, #fff); }

body.devo-boxed .devo-wrapper__inner { max-width: calc(var(--devo-grid, 1100px) + 80px); margin: 0 auto; background: var(--devo-content-bg, #fff); }
body.devo-boxed.devo-boxed-shadow .devo-wrapper__inner { box-shadow: 0 0 40px rgba(0,0,0,.15); }
body.devo-boxed .devo-header--fixed, body.devo-boxed .devo-header.is-sticky { max-width: calc(var(--devo-grid, 1100px) + 80px); margin: 0 auto; }

body.devo-passepartout { padding: var(--devo-pp-size, 20px); background-color: var(--devo-pp-color, #fff); --devo-pp-offset: var(--devo-pp-size, 20px); }
.devo-pp { display: none; }
body.devo-passepartout-fixed .devo-pp { display: block; position: fixed; background: var(--devo-pp-color, #fff); z-index: 1001; }
.devo-pp--top { top: var(--devo-adminbar); left: 0; right: 0; height: var(--devo-pp-size, 20px); }
.devo-pp--bottom { bottom: 0; left: 0; right: 0; height: var(--devo-pp-size, 20px); }
.devo-pp--left { top: 0; bottom: 0; left: 0; width: var(--devo-pp-size, 20px); }
.devo-pp--right { top: 0; bottom: 0; right: 0; width: var(--devo-pp-size, 20px); }

/* Background grid lines */
body.devo-grid-lines .devo-content::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	width: min(var(--devo-grid, 1100px), 100% - 2 * var(--devo-gutter, 20px));
	margin: 0 auto;
	--devo-line-color: rgba(0,0,0,.06);
	background-image: linear-gradient(to right, var(--devo-line-color) 1px, transparent 1px);
	border-right: 1px solid var(--devo-line-color);
}
body.devo-grid-lines-dark .devo-content::before { --devo-line-color: rgba(255,255,255,.08); }
body.devo-grid-lines-3 .devo-content::before { background-size: calc(100% / 3) 100%; }
body.devo-grid-lines-4 .devo-content::before { background-size: 25% 100%; }
body.devo-grid-lines-5 .devo-content::before { background-size: 20% 100%; }
body.devo-grid-lines .devo-content > * { position: relative; z-index: 1; }

/* ==========================================================================
   3. Header
   ========================================================================== */
.devo-header-holder { position: relative; z-index: 100; }
body.devo-header-overlay .devo-header-holder { position: absolute; top: 0; left: 0; right: 0; }
body.devo-header-fixed.devo-header-in-flow .devo-header-holder,
body.devo-header-sticky.devo-header-in-flow .devo-header-holder,
body.devo-header-divided.devo-header-in-flow .devo-header-holder,
body.devo-header-minimal.devo-header-in-flow .devo-header-holder { min-height: var(--devo-header-offset, auto); }

.devo-header { position: relative; width: 100%; z-index: 100; transition: transform .35s ease, box-shadow .3s ease, background-color .3s ease; }
.devo-header__main {
	position: relative;
	background-color: var(--devo-header-bg, #fff);
	background-image: var(--devo-header-bg-image, none);
	background-size: cover;
	transition: background-color .3s ease;
}
.devo-header__main::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: var(--devo-header-border, transparent);
	pointer-events: none;
}
.devo-header--border-grid .devo-header__main::after { width: min(var(--devo-grid, 1100px), 100% - 2 * var(--devo-gutter, 20px)); margin: 0 auto; }
.devo-header--blur .devo-header__main { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }

.devo-header__inner { display: flex; align-items: center; gap: 24px; height: var(--devo-header-h, 100px); transition: height .3s ease; position: relative; }
.devo-header__spacer { flex: 1 1 0; }

/* Fixed: always on top. Sticky: fixed once scrolled past. */
.devo-header--fixed,
.devo-header--minimal,
.devo-header--sticky.is-sticky,
.devo-header--divided.is-sticky {
	position: fixed;
	top: calc(var(--devo-adminbar) + var(--devo-pp-offset));
	left: var(--devo-pp-offset);
	right: var(--devo-pp-offset);
	width: auto;
}
body:not(.devo-passepartout) .devo-header--fixed, body:not(.devo-passepartout) .devo-header--minimal, body:not(.devo-passepartout) .devo-header.is-sticky { left: 0; right: 0; }
.devo-header--minimal.is-scrolled .devo-header__inner { height: var(--devo-header-h-scrolled, 70px); }
.devo-header.is-sticky { animation: devoSlideDown .4s ease both; }
.devo-header--hide-initially:not(.is-revealed) { transform: translateY(-110%); }
.devo-header.is-scrolled .devo-header__main { background-color: var(--devo-header-bg-scrolled, var(--devo-header-bg, #fff)); }
.devo-header--shadow.is-scrolled .devo-header__main { box-shadow: 0 2px 18px rgba(0,0,0,.12); }
.devo-header--fixed.is-scrolled .devo-header__inner:not(.devo-header__inner--menu),
.devo-header.is-sticky .devo-header__inner:not(.devo-header__inner--menu) { height: var(--devo-header-h-scrolled, 70px); }
.devo-header.is-top-hidden .devo-header-top { margin-top: calc(-1 * var(--devo-top-h, 36px)); opacity: 0; pointer-events: none; }
.devo-header-top { transition: margin-top .3s ease, opacity .3s ease; }
@keyframes devoSlideDown { from { transform: translateY(-100%); } to { transform: none; } }

/* Logo */
.devo-logo { flex: 0 0 auto; display: flex; align-items: center; height: 100%; }
.devo-logo__link { display: flex; align-items: center; position: relative; height: 100%; }
.devo-logo__img { max-height: var(--devo-logo-h, calc(var(--devo-header-h, 100px) - 30px)); width: auto; transition: max-height .3s ease, opacity .3s ease; }
.devo-header.is-scrolled .devo-logo__img, .devo-header.is-sticky .devo-logo__img { max-height: var(--devo-logo-h-scrolled, calc(var(--devo-header-h-scrolled, 70px) - 20px)); }
.devo-logo__img--light, .devo-logo__img--dark, .devo-logo__img--sticky { display: none; }
.devo-skin-light .devo-logo__link:has(.devo-logo__img--light) .devo-logo__img--normal,
.devo-skin-dark .devo-logo__link:has(.devo-logo__img--dark) .devo-logo__img--normal { display: none; }
.devo-skin-light .devo-logo__img--light, .devo-skin-dark .devo-logo__img--dark { display: block; }
.devo-header.is-scrolled .devo-logo__link:has(.devo-logo__img--sticky) .devo-logo__img { display: none; }
.devo-header.is-scrolled .devo-logo__link .devo-logo__img--sticky { display: block; }
.devo-logo__text { font-family: var(--devo-font-heading); font-size: 26px; color: var(--devo-heading); letter-spacing: 1px; }
.devo-skin-light .devo-logo__text { color: #fff; }
.devo-vertical-header .devo-logo__text { color: var(--devo-heading); }
.devo-vertical-header.devo-skin-light .devo-logo__text { color: #fff; }

/* Main menu */
.devo-main-menu { display: flex; flex: 1 1 auto; height: 100%; }
.devo-menu-right .devo-main-menu { justify-content: flex-end; }
.devo-menu-center .devo-main-menu { justify-content: center; }
.devo-menu-left .devo-main-menu { justify-content: flex-start; }
.devo-main-menu ul { list-style: none; margin: 0; padding: 0; }
.devo-main-menu > ul { display: flex; align-items: stretch; height: 100%; flex-wrap: nowrap; }
.devo-main-menu > ul > li { position: relative; display: flex; align-items: center; }
.devo-main-menu > ul > li > a {
	display: flex;
	align-items: center;
	gap: 6px;
	height: 100%;
	padding: 0 var(--devo-menu-spacing, 18px);
	color: #303030;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: var(--devo-menu-item-bg, transparent);
	white-space: nowrap;
}
.devo-main-menu > ul > li > a:hover, .devo-main-menu > ul > li:hover > a { color: var(--devo-menu-hover, #af1e23); }
.devo-main-menu > ul > .current-menu-item > a, .devo-main-menu > ul > .current-menu-ancestor > a, .devo-main-menu > ul > li > a.is-anchor-active { color: var(--devo-menu-active, #af1e23); }
.devo-menu-arrow { display: inline-flex; width: 12px; height: 12px; opacity: .6; }
.devo-menu-arrow svg { width: 12px; height: 12px; }
.devo-main-menu .sub-menu .devo-menu-arrow { margin-left: auto; transform: rotate(-90deg); }
.devo-menu-label { position: relative; }

/* Hover effects */
.devo-menu-hover-underline .devo-main-menu > ul > li > a .devo-menu-label::after,
.devo-menu-hover-overline .devo-main-menu > ul > li > a .devo-menu-label::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 2px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .3s ease;
}
.devo-menu-hover-underline .devo-main-menu > ul > li > a .devo-menu-label::after { bottom: -6px; }
.devo-menu-hover-overline .devo-main-menu > ul > li > a .devo-menu-label::after { top: -8px; }
.devo-main-menu > ul > li:hover > a .devo-menu-label::after,
.devo-main-menu > ul > .current-menu-item > a .devo-menu-label::after,
.devo-main-menu > ul > .current-menu-ancestor > a .devo-menu-label::after { transform: scaleX(1); }
.devo-menu-hover-background .devo-main-menu > ul > li:hover > a { background: var(--devo-menu-item-bg-hover, var(--devo-c1, #af1e23)); color: #fff; }

/* Dropdowns */
.devo-main-menu .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	width: var(--devo-dropdown-w, 225px);
	padding: 12px 0;
	background: var(--devo-dropdown-bg, rgba(38,38,38,.95));
	box-shadow: 0 10px 30px rgba(0,0,0,.12);
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s ease, transform .25s ease, visibility 0s linear .25s;
	z-index: 50;
	text-align: left;
}
.devo-dropdown-slide .devo-main-menu .sub-menu { transform: translateY(10px); }
.devo-dropdown-none .devo-main-menu .sub-menu { transition: none; }
.devo-main-menu li:hover > .sub-menu, .devo-main-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.devo-main-menu .sub-menu .sub-menu { top: -12px; left: 100%; }
.devo-main-menu .sub-menu li { position: relative; }
.devo-main-menu .sub-menu a { display: flex; align-items: center; gap: 6px; padding: 8px 22px; color: #9d9d9d; font-size: 13px; line-height: 18px; }
.devo-main-menu .sub-menu a:hover, .devo-main-menu .sub-menu .current-menu-item > a { color: var(--devo-menu-2-hover, #fff); }
.devo-main-menu .sub-menu .sub-menu a:hover { color: var(--devo-menu-3-hover, var(--devo-menu-2-hover, #fff)); }
body .devo-main-menu .sub-menu li + li { border-top: 0; }
body.devo-dropdown-separators .devo-main-menu .sub-menu li + li { border-top: 1px solid var(--devo-dropdown-line, rgba(255,255,255,.08)); }
body.devo-dropdown-border .devo-main-menu .sub-menu { border: 1px solid var(--devo-dropdown-line, rgba(255,255,255,.08)); }
body.devo-dropdown-topline .devo-main-menu .sub-menu { border-top: 2px solid var(--devo-c1, #af1e23); }
body.devo-dropdown-separators .devo-mega > .sub-menu > li + li { border-top: 0; border-left: 1px solid var(--devo-dropdown-line, rgba(255,255,255,.08)); }
.devo-main-menu > ul > li:last-child > .sub-menu, .devo-main-menu > ul > li.devo-sub-left > .sub-menu { left: auto; right: 0; }
.devo-main-menu > ul > li.devo-sub-left .sub-menu .sub-menu { left: auto; right: 100%; }

/* Mega menu */
.devo-main-menu > ul > li.devo-mega { position: static; }
.devo-main-menu > ul > li.devo-mega > .sub-menu {
	left: 0;
	right: 0;
	width: auto;
	display: grid;
	grid-template-columns: repeat(var(--devo-mega-cols, auto-fit), minmax(180px, 1fr));
	gap: 0;
	padding: 30px 10px;
}
.devo-mega--cols-2 > .sub-menu { --devo-mega-cols: 2; }
.devo-mega--cols-3 > .sub-menu { --devo-mega-cols: 3; }
.devo-mega--cols-4 > .sub-menu { --devo-mega-cols: 4; }
.devo-mega--cols-5 > .sub-menu { --devo-mega-cols: 5; }
.devo-mega--cols-6 > .sub-menu { --devo-mega-cols: 6; }
.devo-main-menu .devo-mega > .sub-menu > li > a { font-weight: 600; text-transform: uppercase; color: #fff; padding-bottom: 12px; }
.devo-main-menu .devo-mega > .sub-menu > li > a .devo-menu-arrow { display: none; }
.devo-main-menu .devo-mega > .sub-menu .sub-menu { position: static; opacity: 1; visibility: visible; transform: none; width: auto; padding: 0; background: none; box-shadow: none; }
body.devo-mega-fullbg .devo-main-menu .devo-mega > .sub-menu::before { content: ""; position: absolute; top: 0; bottom: 0; left: -100vw; right: -100vw; background: inherit; z-index: -1; }
.devo-header .devo-mega.devo-mega--full > .sub-menu { left: calc(-1 * (100vw - 100%) / 2); right: calc(-1 * (100vw - 100%) / 2); }

/* Header icons & widgets */
.devo-header__extras { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; height: 100%; }
.devo-header__widgets { display: flex; align-items: center; gap: 14px; }
.devo-header__widgets .widget { margin: 0; }
.devo-header__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 6px;
	border: 0;
	background: none;
	color: var(--devo-icon-color, #303030);
	cursor: pointer;
	transition: color .2s ease;
}
.devo-header__icon:hover { color: var(--devo-icon-hover, var(--devo-c1, #af1e23)); }
.devo-search-opener svg { width: var(--devo-icon-size, 18px); height: var(--devo-icon-size, 18px); }

/* Hamburger-style openers */
.devo-opener { position: relative; display: inline-flex; flex-direction: column; justify-content: center; gap: 5px; width: var(--devo-opener-size, 22px); height: var(--devo-opener-size, 22px); }
.devo-opener--lines i { display: block; height: 2px; width: 100%; background: currentColor; transition: transform .3s ease, opacity .3s ease, width .3s ease; }
.devo-opener--short i:nth-child(2) { width: 70%; margin-left: auto; }
.devo-opener--short i:nth-child(3) { width: 45%; margin-left: auto; }
.devo-header__icon:hover .devo-opener--short i { width: 100%; }
.devo-opener--dots { flex-direction: row; align-items: center; gap: 4px; }
.devo-opener--dots i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.devo-opener--grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; }
.devo-opener--grid i { width: 100%; aspect-ratio: 1; background: currentColor; border-radius: 1px; }
.devo-opener--svg svg { width: 100%; height: 100%; fill: currentColor; }
.is-open > .devo-opener--lines i:nth-child(1), [aria-expanded="true"] > .devo-opener--lines i:nth-child(1) { transform: translateY(7px) rotate(45deg); width: 100%; }
[aria-expanded="true"] > .devo-opener--lines i:nth-child(2) { opacity: 0; }
[aria-expanded="true"] > .devo-opener--lines i:nth-child(3) { transform: translateY(-7px) rotate(-45deg); width: 100%; }
[aria-expanded="true"] > .devo-opener--two i:nth-child(1) { transform: translateY(3.5px) rotate(45deg); }
[aria-expanded="true"] > .devo-opener--two i:nth-child(2) { transform: translateY(-3.5px) rotate(-45deg); opacity: 1; }

/* Skins (header text color) */
.devo-skin-light .devo-main-menu > ul > li > a, .devo-skin-light .devo-header__icon, .devo-skin-light.devo-vertical-header .devo-vertical-menu > ul > li > a { color: #fff; }
.devo-skin-dark .devo-main-menu > ul > li > a, .devo-skin-dark .devo-header__icon, .devo-skin-dark.devo-vertical-header .devo-vertical-menu > ul > li > a { color: #1b1b1b; }
.devo-skin-light .devo-main-menu > ul > li > a:hover, .devo-skin-light .devo-header__icon:hover { color: rgba(255,255,255,.75); }
.devo-skin-dark .devo-main-menu > ul > li > a:hover, .devo-skin-dark .devo-header__icon:hover { color: rgba(0,0,0,.6); }
.devo-skin-light .devo-main-menu > ul > .current-menu-item > a, .devo-skin-light .devo-main-menu > ul > .current-menu-ancestor > a { color: #fff; }

/* Centered logo layout */
.devo-header__inner--logo { justify-content: space-between; }
.devo-header__inner--logo .devo-logo { justify-content: center; }
.devo-header__inner--logo > .devo-header__spacer, .devo-header__inner--logo > .devo-header__extras { flex: 1 1 0; }
.devo-header__logo-row { overflow: hidden; transition: max-height .4s ease, opacity .3s ease; max-height: 600px; }
.devo-header__inner--menu { height: var(--devo-menu-row-h, 50px); }
.devo-header--centered .devo-main-menu { justify-content: center; }
.devo-header--centered.devo-menu-left .devo-main-menu { justify-content: flex-start; }
.devo-header--centered.devo-menu-right .devo-main-menu { justify-content: flex-end; }
.devo-header__scrolled-logo { display: none; height: 100%; }
.devo-header--centered-animate.is-scrolled .devo-header__logo-row,
.devo-header--centered-animate.is-sticky .devo-header__logo-row { max-height: 0; opacity: 0; }
.devo-header--centered-animate.is-scrolled .devo-header__scrolled-logo,
.devo-header--centered-animate.is-sticky .devo-header__scrolled-logo { display: flex; }
.devo-header--centered-animate.is-scrolled .devo-header__inner--menu,
.devo-header--centered-animate.is-sticky .devo-header__inner--menu { height: var(--devo-header-h-scrolled, 70px); }
.devo-header__scrolled-logo .devo-logo__img { max-height: calc(var(--devo-header-h-scrolled, 70px) - 24px); }

/* Divided */
.devo-header__inner--divided > .devo-main-menu { flex: 1 1 0; }
.devo-header__inner--divided > .devo-main-menu--left { justify-content: flex-end; }
.devo-header__inner--divided > .devo-main-menu--right { justify-content: flex-start; }
.devo-header__inner--divided > .devo-logo { padding: 0 20px; }

/* Header top bar */
.devo-header-top { background: var(--devo-top-bg, #262626); border-bottom: var(--devo-top-border, 0); color: #ccc; font-size: 12px; }
.devo-header-top a { color: inherit; }
.devo-header-top a:hover { color: var(--devo-top-link-hover, #fff); }
.devo-header-top .devo-header-full { padding-left: var(--devo-top-pad, var(--devo-header-side-pad, 45px)); padding-right: var(--devo-top-pad, var(--devo-header-side-pad, 45px)); }
.devo-header-top__inner { display: flex; align-items: center; justify-content: space-between; min-height: var(--devo-top-h, 36px); gap: 20px; }
.devo-header-top__left, .devo-header-top__right { display: flex; align-items: center; gap: 22px; }
.devo-header-top .widget { margin: 0; }
.devo-header-top .widget-title, .devo-header-top .wp-block-heading { display: none; }
.devo-header-top .widget p, .devo-header-top .wp-block-group { margin: 0; }
.devo-header-top li { padding: 0; border: 0; }
.devo-header-top ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 16px; }
.devo-info-line { display: inline-flex; align-items: center; gap: 6px; }

/* ==========================================================================
   4. Search
   ========================================================================== */
.devo-search { background: var(--devo-search-bg, #fff); z-index: 120; }
.devo-search__inner { position: relative; display: flex; align-items: center; height: 100%; }
.devo-search__form { flex: 1; display: flex; align-items: center; gap: 12px; height: 100%; }
.devo-search__icon { color: var(--devo-search-icon, #999); display: inline-flex; }
.devo-search__icon svg { width: 20px; height: 20px; }
.devo-search__input { flex: 1; height: 100%; border: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 18px; padding: 0 !important; color: var(--devo-heading); outline: none; }
.devo-search__input::-webkit-search-cancel-button { display: none; }
.devo-search__close { border: 0; background: none; cursor: pointer; color: var(--devo-search-close, #999); display: inline-flex; padding: 6px; }
.devo-search__close svg { width: 22px; height: 22px; }
.devo-search__close:hover { color: var(--devo-c1, #af1e23); }

.devo-search--slide_top {
	position: fixed;
	top: var(--devo-adminbar);
	left: 0;
	right: 0;
	height: var(--devo-search-h, 60px);
	border-bottom: 1px solid var(--devo-search-border, rgba(0,0,0,.08));
	transform: translateY(-100%);
	transition: transform .35s ease;
	box-shadow: 0 2px 20px rgba(0,0,0,.08);
}
.devo-search--slide_top .devo-container { height: 100%; }
.devo-search--header_bottom {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: var(--devo-search-h, 60px);
	border-bottom: 1px solid var(--devo-search-border, rgba(0,0,0,.08));
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all .3s ease;
}
.devo-search--header_bottom .devo-container { height: 100%; }
.devo-search--cover_header {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease, visibility 0s linear .3s;
}
.devo-search--cover_header > div { height: 100%; }
body.devo-search-open .devo-search--slide_top { transform: none; }
body.devo-search-open .devo-search--header_bottom,
body.devo-search-open .devo-search--cover_header { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }

.devo-search--fullscreen {
	position: fixed;
	inset: 0;
	z-index: 1100;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--devo-search-bg, rgba(255,255,255,.97));
	opacity: 0;
	visibility: hidden;
	transition: opacity .4s ease, visibility 0s linear .4s;
}
.devo-search--fullscreen .devo-search__inner { width: min(800px, 90vw); flex-direction: column; align-items: stretch; height: auto; }
.devo-search--fullscreen .devo-search__form { border-bottom: 2px solid var(--devo-search-border, var(--devo-heading)); height: 90px; }
.devo-search--fullscreen .devo-search__input { font-size: 44px; font-family: var(--devo-font-heading); }
.devo-search--fullscreen .devo-search__label { font-size: 13px; text-transform: uppercase; letter-spacing: 2px; opacity: .7; margin: 0 0 6px; }
.devo-search--fullscreen > .devo-search__close { position: absolute; top: calc(30px + var(--devo-adminbar)); right: 30px; }
.devo-search--fullscreen > .devo-search__close svg { width: 32px; height: 32px; }
.devo-search--anim-circle { clip-path: circle(0 at var(--devo-search-x, 90%) var(--devo-search-y, 40px)); transition: clip-path .6s ease, opacity .3s ease, visibility 0s linear .6s; opacity: 1; }
body.devo-search-open .devo-search--fullscreen { opacity: 1; visibility: visible; transition-delay: 0s; }
body.devo-search-open .devo-search--anim-circle { clip-path: circle(150% at var(--devo-search-x, 90%) var(--devo-search-y, 40px)); }

/* ==========================================================================
   5. Side area
   ========================================================================== */
.devo-side-area {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	width: var(--devo-side-w, 470px);
	max-width: 90vw;
	background-color: var(--devo-side-bg, #1b1b1b);
	background-image: var(--devo-side-bg-image, none);
	background-size: cover;
	color: #aaa;
	overflow-y: auto;
	z-index: 1050;
	text-align: var(--devo-side-align, left);
	transition: transform .45s cubic-bezier(.2,.7,.2,1), visibility 0s linear .45s;
	visibility: hidden;
}
body.admin-bar .devo-side-area { top: var(--devo-adminbar); }
.devo-side-area__inner { padding: var(--devo-side-pad, 60px 45px 45px); }
.devo-side-area__title { color: #dd3333; margin-bottom: 30px; }
.devo-side-area .widget { margin-bottom: 36px; }
.devo-side-area .widget-title { color: #fff; }
.devo-side-area a { color: var(--devo-side-link, #ccc); }
.devo-side-area a:hover { color: var(--devo-side-link-hover, #fff); }
.devo-side-area .devo-logo { height: auto; margin-bottom: 30px; }
.devo-side-area__close { position: absolute; top: 22px; right: 22px; border: 0; background: none; cursor: pointer; color: #fff; padding: 4px; }
.devo-side-area__close.devo-close--dark { color: #1b1b1b; }
.devo-side-area__close svg { width: 22px; height: 22px; }
.devo-side-overlay { position: fixed; inset: 0; background: var(--devo-side-overlay, rgba(0,0,0,.4)); opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility 0s linear .4s; z-index: 1040; cursor: pointer; }

.devo-side-area--over, .devo-side-area--push { transform: translateX(100%); }
.devo-side-area--uncover { z-index: 0; }
body.devo-side-open .devo-side-area { visibility: visible; transform: none; transition-delay: 0s; }
body.devo-side-open .devo-side-overlay { opacity: 1; visibility: visible; transition-delay: 0s; }
body.devo-side-area-uncover .devo-side-overlay { background: transparent; z-index: 2; }
body.devo-side-area-uncover.devo-side-open .devo-side-overlay { right: var(--devo-side-w, 470px); }
body.devo-side-area-uncover.devo-side-open .devo-wrapper,
body.devo-side-area-push.devo-side-open .devo-wrapper { left: calc(-1 * min(var(--devo-side-w, 470px), 90vw)); }
body.devo-side-area-uncover.devo-side-open .devo-header--fixed,
body.devo-side-area-uncover.devo-side-open .devo-header.is-sticky,
body.devo-side-area-push.devo-side-open .devo-header--fixed,
body.devo-side-area-push.devo-side-open .devo-header.is-sticky { left: calc(-1 * min(var(--devo-side-w, 470px), 90vw)); right: min(var(--devo-side-w, 470px), 90vw); }
.devo-header--fixed, .devo-header.is-sticky { transition: left .45s cubic-bezier(.2,.7,.2,1), right .45s cubic-bezier(.2,.7,.2,1), transform .35s ease; }
body.devo-side-area-uncover .devo-wrapper { background: var(--devo-content-bg, #fff); }

/* ==========================================================================
   6. Fullscreen menu
   ========================================================================== */
.devo-fullscreen {
	position: fixed;
	inset: 0;
	z-index: 1080;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--devo-fs-bg, rgba(17,17,17,.97));
	background-image: var(--devo-fs-bg-image, none);
	background-size: cover;
	text-align: var(--devo-fs-align, center);
	overflow-y: auto;
	opacity: 0;
	visibility: hidden;
	transition: opacity .45s ease, visibility 0s linear .45s, transform .5s ease;
}
.devo-fullscreen__inner { width: min(900px, 90vw); padding: 80px 0; }
.devo-fullscreen__logo { margin-bottom: 40px; }
.devo-fullscreen__logo img { max-height: 70px; width: auto; }
.devo-fullscreen__close { position: absolute; top: calc(30px + var(--devo-adminbar)); right: 34px; border: 0; background: none; color: var(--devo-fs-close, #fff); cursor: pointer; }
.devo-fullscreen__close svg { width: 34px; height: 34px; }
.devo-fullscreen__menu ul { list-style: none; margin: 0; padding: 0; }
.devo-fullscreen__menu > ul > li { overflow: hidden; }
.devo-fullscreen__menu > ul > li > a { display: inline-block; font-family: var(--devo-font-heading); font-size: 42px; line-height: 62px; color: #fff; transition: color .25s ease, transform .5s ease, opacity .5s ease; }
.devo-fullscreen__menu .sub-menu { padding: 6px 0 14px; display: none; }
.devo-fullscreen__menu li.is-open > .sub-menu { display: block; }
.devo-fullscreen__menu .sub-menu a { font-size: 18px; line-height: 34px; color: #bbb; }
.devo-fullscreen__menu > ul > li > a:hover, .devo-fullscreen__menu > ul > .current-menu-item > a { color: var(--devo-fs-hover-1, #af1e23); }
.devo-fullscreen__menu .sub-menu a:hover, .devo-fullscreen__menu .sub-menu .current-menu-item > a { color: var(--devo-fs-hover-2, #af1e23); }
.devo-fullscreen__widgets { margin-top: 40px; color: #aaa; }
body.devo-fullscreen-open .devo-fullscreen { opacity: 1; visibility: visible; transition-delay: 0s; }
body.devo-fullscreen-open { overflow: hidden; }

.devo-fullscreen--fade_push_top .devo-fullscreen__menu > ul > li > a { transform: translateY(100%); opacity: 0; }
.devo-fullscreen--fade_push_right .devo-fullscreen__menu > ul > li > a { transform: translateX(-60px); opacity: 0; }
.devo-fullscreen--scale .devo-fullscreen__inner { transform: scale(1.12); transition: transform .5s ease; }
.devo-fullscreen--slide_down { transform: translateY(-100%); opacity: 1; }
body.devo-fullscreen-open .devo-fullscreen--slide_down { transform: none; }
body.devo-fullscreen-open .devo-fullscreen__menu > ul > li > a { transform: none; opacity: 1; }
body.devo-fullscreen-open .devo-fullscreen--scale .devo-fullscreen__inner { transform: none; }
.devo-fullscreen__menu > ul > li:nth-child(2) > a { transition-delay: .05s; }
.devo-fullscreen__menu > ul > li:nth-child(3) > a { transition-delay: .1s; }
.devo-fullscreen__menu > ul > li:nth-child(4) > a { transition-delay: .15s; }
.devo-fullscreen__menu > ul > li:nth-child(5) > a { transition-delay: .2s; }
.devo-fullscreen__menu > ul > li:nth-child(6) > a { transition-delay: .25s; }
.devo-fullscreen__menu > ul > li:nth-child(n+7) > a { transition-delay: .3s; }

/* ==========================================================================
   7. Vertical (left) header
   ========================================================================== */
body.devo-header-position-left .devo-wrapper { padding-left: var(--devo-vertical-w, 290px); }
body.devo-vertical-transparent .devo-wrapper, body.devo-vertical-hidden .devo-wrapper { padding-left: 0; }
.devo-vertical-header {
	position: fixed;
	top: var(--devo-adminbar);
	left: 0;
	bottom: 0;
	width: var(--devo-vertical-w, 290px);
	background-color: var(--devo-vertical-bg, #fff);
	background-image: var(--devo-vertical-bg-image, none);
	background-size: cover;
	color: var(--devo-vertical-text, inherit);
	z-index: 110;
	overflow-y: auto;
	text-align: var(--devo-vertical-align, left);
	box-shadow: 1px 0 0 rgba(0,0,0,.06);
	transition: transform .45s ease;
}
body.devo-vertical-transparent .devo-vertical-header { box-shadow: none; }
.devo-vertical-header__inner { min-height: 100%; display: flex; flex-direction: column; padding: 50px 40px 40px; gap: 40px; }
.devo-vertical-header--center .devo-vertical-header__inner { justify-content: center; }
.devo-vertical-header .devo-logo { height: auto; }
.devo-vertical-header--align-center .devo-logo { justify-content: center; }
.devo-vertical-header--align-right .devo-logo { justify-content: flex-end; }
.devo-vertical-header .devo-logo__img { max-height: none; max-width: 100%; }
.devo-vertical-menu ul { list-style: none; margin: 0; padding: 0; }
.devo-vertical-menu > ul > li > a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 0; color: #303030; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }
.devo-vertical-header--align-center .devo-vertical-menu a { justify-content: center; }
.devo-vertical-menu a:hover, .devo-vertical-menu .current-menu-item > a, .devo-vertical-menu .current-menu-ancestor > a { color: var(--devo-vertical-hover, #af1e23); }
.devo-vertical-menu .sub-menu a { display: block; padding: 5px 0 5px 12px; font-size: 13px; color: #888; }
body.devo-vertical-submenu-accordion .devo-vertical-menu .sub-menu { display: none; }
body.devo-vertical-submenu-accordion .devo-vertical-menu li.is-open > .sub-menu { display: block; }
body.devo-vertical-submenu-flyout .devo-vertical-menu li { position: relative; }
body.devo-vertical-submenu-flyout .devo-vertical-menu .sub-menu { position: fixed; left: var(--devo-vertical-w, 290px); width: 230px; padding: 14px 20px; margin-top: -40px; background: var(--devo-vertical-dropdown, #fff); box-shadow: 4px 6px 24px rgba(0,0,0,.1); opacity: 0; visibility: hidden; transition: opacity .25s ease; }
body.devo-vertical-submenu-flyout .devo-vertical-menu li:hover > .sub-menu { opacity: 1; visibility: visible; }
.devo-vertical-header__search .devo-search__form { border-bottom: 1px solid rgba(0,0,0,.12); height: 44px; }
.devo-vertical-header__search .devo-search__input { font-size: 14px; }
.devo-vertical-header__widgets { margin-top: auto; font-size: 13px; }
body.devo-vertical-hidden .devo-vertical-header { transform: translateX(-100%); }
body.devo-vertical-hidden.devo-vertical-open .devo-vertical-header { transform: none; box-shadow: 6px 0 40px rgba(0,0,0,.15); }
.devo-vertical-toggle { position: fixed; top: calc(30px + var(--devo-adminbar)); left: 30px; z-index: 120; width: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: #fff; color: var(--devo-vertical-button, #303030); box-shadow: 0 4px 18px rgba(0,0,0,.12); cursor: pointer; transition: left .45s ease; }
body.devo-vertical-open .devo-vertical-toggle { left: calc(var(--devo-vertical-w, 290px) + 20px); }

/* ==========================================================================
   8. Mobile header
   ========================================================================== */
.devo-mobile-header { display: none; position: relative; z-index: 100; background: var(--devo-mobile-bg, #fff); }
.devo-mobile-header .devo-header-top { background: var(--devo-mobile-top-bg, var(--devo-top-bg)); }
.devo-mobile-header--sticky { position: sticky; top: var(--devo-adminbar); }
body.devo-header-overlay .devo-mobile-header:not(.devo-mobile-header--sticky) { position: relative; }
.devo-mobile-header__inner { display: flex; align-items: center; justify-content: space-between; height: var(--devo-mobile-h, 70px); }
.devo-mobile-header .devo-logo__img { max-height: var(--devo-logo-h-mobile-header, 40px); }
.devo-mobile-header .devo-logo__text { color: var(--devo-mobile-icon, #fff); font-size: 22px; }
.devo-mobile-header__actions { display: flex; align-items: center; gap: 4px; }
.devo-mobile-header .devo-header__icon { color: var(--devo-mobile-icon, #fff); }
.devo-mobile-menu-opener { border: 0; background: none; color: var(--devo-mobile-icon, #fff); cursor: pointer; padding: 8px; display: inline-flex; }
.devo-mobile-search { background: var(--devo-mobile-menu-bg, #fff); border-top: 1px solid var(--devo-mobile-sep, #eee); }
.devo-mobile-search .devo-search__form { height: 56px; }
.devo-mobile-menu-panel { background: var(--devo-mobile-menu-bg, #fff); max-height: calc(100vh - var(--devo-mobile-h, 70px) - var(--devo-adminbar)); overflow-y: auto; box-shadow: 0 10px 20px rgba(0,0,0,.08); }
.devo-mobile-menu ul { list-style: none; margin: 0; padding: 0; }
.devo-mobile-menu li { position: relative; border-bottom: 1px solid var(--devo-mobile-sep, #eee); text-align: var(--devo-mobile-align, left); }
.devo-mobile-menu li:last-child { border-bottom: 0; }
.devo-mobile-menu a { display: block; padding: 13px 44px 13px 0; color: #565656; font-size: 14px; text-transform: uppercase; }
.devo-mobile-menu a:hover, .devo-mobile-menu .current-menu-item > a { color: var(--devo-mobile-hover, #af1e23); }
.devo-mobile-menu .sub-menu { display: none; padding-left: 16px; border-top: 1px solid var(--devo-mobile-sep, #eee); }
.devo-mobile-menu li.is-open > .sub-menu { display: block; }
.devo-mobile-menu .sub-menu a { text-transform: none; }
.devo-submenu-toggle { position: absolute; top: 4px; right: 0; width: 40px; height: 40px; border: 0; background: none; color: inherit; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: transform .3s ease; }
.devo-submenu-toggle svg { width: 16px; height: 16px; }
li.is-open > .devo-submenu-toggle { transform: rotate(180deg); }
.devo-mobile-menu__widgets { padding: 20px 0; }

/* ==========================================================================
   9. Slide-down panel
   ========================================================================== */
.devo-panel { background: var(--devo-panel-bg, #262626); color: var(--devo-panel-text, #ccc); max-height: 0; overflow: hidden; transition: max-height .5s ease; position: relative; z-index: 130; }
.devo-panel__inner { padding: 40px 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 30px; }
.devo-panel .widget-title { color: #fff; }
body.devo-panel-open .devo-panel { max-height: 80vh; overflow-y: auto; }
.devo-panel-toggle { position: absolute; top: var(--devo-adminbar); left: 50%; transform: translateX(-50%); z-index: 131; border: 0; background: var(--devo-panel-bg, #262626); color: var(--devo-panel-text, #ccc); font-size: 11px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 16px; border-radius: 0 0 4px 4px; cursor: pointer; }
body.devo-panel-open .devo-panel-toggle { position: relative; top: 0; display: block; margin: 0 auto; }

/* ==========================================================================
   10. Title area
   ========================================================================== */
.devo-title {
	position: relative;
	display: flex;
	align-items: center;
	min-height: var(--devo-title-h, 100px);
	background-color: var(--devo-title-bg, #f6f6f6);
	margin-bottom: var(--devo-title-margin, 60px);
	overflow: hidden;
}
body.devo-header-overlay .devo-title { padding-top: var(--devo-header-offset, var(--devo-header-h, 100px)); min-height: calc(var(--devo-title-h, 100px) + var(--devo-header-offset, var(--devo-header-h, 100px))); }
body.devo-builder-page .devo-title, body.page-template-template-fullwidth .devo-title { margin-bottom: 0; }
.devo-title__bg { position: absolute; inset: 0; background-image: var(--devo-title-image, none); background-size: cover; background-position: center; will-change: transform; }
.devo-title--effect-fixed .devo-title__bg { background-attachment: fixed; }
.devo-title--effect-parallax .devo-title__bg, .devo-title--effect-zoom .devo-title__bg { inset: -25% 0; }
.devo-title__overlay { position: absolute; inset: 0; background-color: var(--devo-title-overlay, transparent); background-image: var(--devo-title-pattern, none); }
.devo-title--responsive { display: block; min-height: 0; }
.devo-title--responsive .devo-title__bg { display: none; }
.devo-title__responsive-img { display: block; width: 100%; }
.devo-title--responsive .devo-title__holder { position: absolute; inset: 0; display: flex; align-items: center; }
body.devo-header-overlay .devo-title--responsive { padding-top: 0; }
.devo-title--fullscreen { min-height: calc(100vh - var(--devo-adminbar)); }
.devo-title__holder { position: relative; z-index: 2; width: 100%; padding: 30px 0; }
.devo-title__content { margin: var(--devo-title-text-margin, 0); }
.devo-title__content > *:last-child { margin-bottom: 0; }
.devo-title--align-center { text-align: center; }
.devo-title--align-right { text-align: right; }
.devo-title__text { margin: 0; font-size: 32px; line-height: 40px; }
.devo-title--medium .devo-title__text { font-size: 48px; line-height: 56px; }
.devo-title--large .devo-title__text { font-size: 72px; line-height: 80px; }
.devo-title--shadow .devo-title__text, .devo-title--shadow .devo-title__subtitle { text-shadow: 0 2px 12px rgba(0,0,0,.35); }
.devo-title__above { display: block; margin-bottom: 10px; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; }
.devo-title__subtitle { margin-top: 12px; font-size: 18px; line-height: 28px; }
.devo-title__subtitle p { margin: 0; }
.devo-title__sep { display: inline-block; width: var(--devo-title-sep-w, 40px); height: var(--devo-title-sep-h, 2px); background: var(--devo-title-sep-color, #af1e23); margin-top: 16px; vertical-align: top; }
.devo-title__sep--gradient { background: linear-gradient(90deg, var(--devo-grad-start), var(--devo-grad-end)); }
.devo-title__text + .devo-title__sep { display: block; }
.devo-title--align-center .devo-title__sep { margin-left: auto; margin-right: auto; }
.devo-title--align-right .devo-title__sep { margin-left: auto; }
.devo-title--border::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--devo-title-border, #eee); z-index: 3; }
.devo-title--border-grid::after { width: min(var(--devo-grid, 1100px), 100% - 2 * var(--devo-gutter, 20px)); margin: 0 auto; }
.devo-title__angle { position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 6vw; max-height: 90px; fill: var(--devo-title-angle, #fff); z-index: 3; }
.devo-title--angled .devo-title__holder { padding-bottom: calc(30px + 4vw); }
.devo-breadcrumbs { margin-top: 12px; font-size: 13px; color: var(--devo-crumbs, inherit); }
.devo-breadcrumbs a { color: inherit; }
.devo-breadcrumbs a:hover { color: var(--devo-crumbs-hover, var(--devo-c1, #af1e23)); }
.devo-breadcrumbs__sep { margin: 0 8px; opacity: .6; }
.devo-breadcrumbs--core .wp-block-breadcrumbs { margin: 0; font-size: inherit; color: inherit; }
.devo-title--align-center .devo-breadcrumbs--core ol { justify-content: center; }
.devo-title--align-right .devo-breadcrumbs--core ol { justify-content: flex-end; }
.devo-title--type-breadcrumbs .devo-breadcrumbs { margin-top: 0; }

.devo-title--anim-fade .devo-title__content { animation: devoFadeIn .9s ease both; }
.devo-title--anim-slide_up .devo-title__content { animation: devoSlideUp .9s ease both; }
.devo-title--anim-slide_side .devo-title__text { animation: devoFromLeft .9s ease both; }
.devo-title--anim-slide_side .devo-title__subtitle { animation: devoFromRight .9s ease both; }
@keyframes devoFadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes devoSlideUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: none; } }
@keyframes devoFromLeft { from { opacity: 0; transform: translateX(-60px); } to { opacity: 1; transform: none; } }
@keyframes devoFromRight { from { opacity: 0; transform: translateX(60px); } to { opacity: 1; transform: none; } }

/* ==========================================================================
   11. Layout & sidebar
   ========================================================================== */
.devo-content-inner { padding-top: var(--devo-content-pt, 0); padding-bottom: 80px; }
body.devo-title-hidden:not(.devo-builder-page) .devo-content-inner { padding-top: var(--devo-content-pt, 60px); }
body.devo-title-hidden.devo-header-overlay:not(.devo-builder-page) .devo-content-inner { padding-top: calc(var(--devo-content-pt, 60px) + var(--devo-header-offset, var(--devo-header-h, 100px))); }
body.devo-builder-page .devo-content-inner, .devo-fullwidth, .devo-blank { padding-top: 0; padding-bottom: 0; }
.devo-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--devo-sidebar-gap, 50px); }
.devo-layout--sidebar-right.devo-layout--narrow { grid-template-columns: minmax(0, 1fr) 25%; }
.devo-layout--sidebar-right.devo-layout--wide { grid-template-columns: minmax(0, 1fr) 30%; }
.devo-layout--sidebar-left.devo-layout--narrow { grid-template-columns: 25% minmax(0, 1fr); }
.devo-layout--sidebar-left.devo-layout--wide { grid-template-columns: 30% minmax(0, 1fr); }
.devo-layout--sidebar-left .devo-sidebar { order: -1; }
.devo-main { min-width: 0; }
.devo-sidebar--sticky .devo-sidebar__inner { position: sticky; top: calc(var(--devo-adminbar) + var(--devo-header-h-scrolled, 70px) + 30px); }
body.devo-overlapping .devo-content-inner > .devo-layout { position: relative; z-index: 3; margin-top: calc(-1 * var(--devo-overlap, 75px) - var(--devo-title-margin, 60px)); background: var(--devo-content-bg, #fff); padding: var(--devo-overlap-pad, 40px); }
body.devo-overlapping.devo-title-hidden .devo-content-inner > .devo-layout { margin-top: 0; }

.widget { margin-bottom: var(--devo-widget-spacing, 42px); }
.widget:last-child { margin-bottom: 0; }
.widget-title { font-size: 18px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 18px; }
.devo-sidebar--title-sep .widget-title::after { content: ""; display: block; width: 30px; height: 2px; margin-top: 12px; background: var(--devo-c1, #af1e23); }
.widget ul { list-style: none; padding: 0; margin: 0; }
.widget li { padding: 6px 0; }
.devo-sidebar .widget li + li { border-top: 1px solid var(--devo-sep-color, #eee); }
.devo-sidebar .widget a { color: inherit; }
.devo-sidebar .widget a:hover { color: var(--devo-widget-link-hover, var(--devo-c1, #af1e23)); }
.devo-widget-posts li a { display: flex; gap: 14px; align-items: center; }
.devo-widget-posts__img { width: 64px; height: 64px; object-fit: cover; flex: 0 0 64px; }
.devo-widget-posts__text { display: flex; flex-direction: column; }
.devo-widget-posts__title { color: var(--devo-heading); font-weight: 600; line-height: 1.35; }
.devo-widget-posts__date { font-size: 12px; opacity: .7; }

/* Entry content / blocks */
.devo-entry-content::after { content: ""; display: table; clear: both; }
.devo-entry-content > .alignwide { width: min(1400px, 100vw - 40px); max-width: none; margin-left: 50%; transform: translateX(-50%); }
.devo-entry-content > .alignfull { width: 100vw; max-width: none; margin-left: calc(50% - 50vw); }
.devo-layout--sidebar-right .alignwide, .devo-layout--sidebar-left .alignwide, .devo-layout--sidebar-right .alignfull, .devo-layout--sidebar-left .alignfull { width: auto; margin-left: 0; transform: none; }
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-block-image img { height: auto; }
.devo-page-links { margin-top: 30px; display: flex; gap: 8px; align-items: center; }
.devo-embed, .wp-block-embed__wrapper { position: relative; }
.devo-text-light, .devo-text-light h1, .devo-text-light h2, .devo-text-light h3, .devo-text-light h4, .devo-text-light h5, .devo-text-light h6, .devo-text-light p { color: #fff; }
.devo-text-dark, .devo-text-dark h1, .devo-text-dark h2, .devo-text-dark h3, .devo-text-dark h4, .devo-text-dark h5, .devo-text-dark h6, .devo-text-dark p { color: #1b1b1b; }
.devo-align-left { text-align: left; }
.devo-align-center { text-align: center; }
.devo-align-right { text-align: right; }

/* ==========================================================================
   12. Buttons & forms
   ========================================================================== */
.devo-btn, .wp-block-button__link, .wp-element-button, input[type=submit], button[type=submit]:not(.devo-search__close):not(.search-submit), .button, .comment-form .submit, .woocommerce a.button, .woocommerce button.button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: var(--devo-btn-h, 46px);
	padding: 0 var(--devo-btn-pad, 28px);
	border: var(--devo-btn-border, 0);
	border-radius: var(--devo-btn-radius, 4px);
	background: var(--devo-btn-bg, #af1e23);
	color: var(--devo-btn-color, #fff);
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	transition: color .25s ease, background-color .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;
	-webkit-appearance: none;
	appearance: none;
}
.devo-btn:hover, .wp-block-button__link:hover, .wp-element-button:hover, input[type=submit]:hover, button[type=submit]:not(.devo-search__close):not(.search-submit):hover, .button:hover, .comment-form .submit:hover {
	background: var(--devo-btn-hover-bg, #565656);
	color: var(--devo-btn-hover-color, #fff);
	border-color: var(--devo-btn-hover-border, transparent);
}
.devo-btn--solid { color: var(--devo-b-color, var(--devo-btn-color, #fff)); background: var(--devo-b-bg, var(--devo-btn-bg, #af1e23)); border-color: var(--devo-b-border, transparent); }
.devo-btn--solid:hover { color: var(--devo-b-hover-color, var(--devo-btn-hover-color, #fff)); background: var(--devo-b-hover-bg, var(--devo-btn-hover-bg, #565656)); border-color: var(--devo-b-hover-border, var(--devo-btn-hover-border, transparent)); }
.devo-btn--outline, .wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--devo-b-color, var(--devo-btn-outline, #af1e23));
	border: 2px solid var(--devo-b-border, var(--devo-btn-outline, #af1e23));
}
.devo-btn--outline:hover, .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--devo-b-hover-bg, var(--devo-btn-outline-hover-bg, #af1e23));
	color: var(--devo-b-hover-color, var(--devo-btn-outline-hover-color, #fff));
	border-color: var(--devo-b-hover-border, var(--devo-btn-outline-hover-bg, #af1e23));
}
.devo-btn--gradient { background: linear-gradient(var(--devo-grad-angle, 135deg), var(--devo-grad-start, #af1e23), var(--devo-grad-end, #d81a20)); color: var(--devo-b-color, #fff); background-size: 200% 100%; }
.devo-btn--gradient:hover { background: linear-gradient(var(--devo-grad-angle, 135deg), var(--devo-grad-end, #d81a20), var(--devo-grad-start, #af1e23)); color: var(--devo-b-hover-color, #fff); }
.devo-btn--text { background: none !important; padding: 0; height: auto; color: var(--devo-b-color, var(--devo-c1, #af1e23)); border: 0; overflow: visible; }
.devo-btn--text::after { content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 1px; background: currentColor; transform: scaleX(.3); transform-origin: left; transition: transform .3s ease; }
.devo-btn--text:hover { color: var(--devo-b-hover-color, var(--devo-c2, #565656)); }
.devo-btn--text:hover::after { transform: scaleX(1); }
.devo-btn--sm { height: var(--devo-btn-sm-h, 36px); font-size: var(--devo-btn-sm-size, 11px); padding: 0 20px; }
.devo-btn--lg { height: var(--devo-btn-lg-h, 56px); font-size: var(--devo-btn-lg-size, 15px); padding: 0 36px; }
.devo-btn--xl { height: var(--devo-btn-xl-h, 66px); font-size: var(--devo-btn-xl-size, 17px); padding: 0 46px; }
.devo-btn--full { display: flex; width: 100%; }
.devo-btn__icon { display: inline-flex; }
.devo-btn-wrap { margin: 0 0 1em; }

body.devo-btn-hover-lift .devo-btn:not(.devo-btn--text):hover, body.devo-btn-hover-lift input[type=submit]:hover { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(0,0,0,.18); }
body.devo-btn-hover-fill .devo-btn--solid { background-image: linear-gradient(90deg, var(--devo-b-hover-bg, var(--devo-btn-hover-bg, #565656)) 50%, transparent 50%); background-size: 200% 100%; background-position: 100% 0; transition: background-position .4s ease, color .3s ease; }
body.devo-btn-hover-fill .devo-btn--solid:hover { background-color: var(--devo-b-bg, var(--devo-btn-bg, #af1e23)); background-position: 0 0; }
body.devo-btn-hover-shine .devo-btn:not(.devo-btn--text)::before { content: ""; position: absolute; top: 0; bottom: 0; width: 40%; left: -60%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent); transform: skewX(-20deg); transition: left .6s ease; }
body.devo-btn-hover-shine .devo-btn:not(.devo-btn--text):hover::before { left: 130%; }

input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=tel], input[type=number], input[type=date], input[type=datetime-local], input[type=time], textarea, select {
	width: 100%;
	max-width: 100%;
	height: var(--devo-input-h, 46px);
	padding: 0 14px;
	font: inherit;
	color: var(--devo-input-color, inherit);
	background: var(--devo-input-bg, #fff);
	border: var(--devo-input-border, 1px solid #ddd);
	border-radius: var(--devo-input-radius, 4px);
	transition: border-color .2s ease, box-shadow .2s ease;
	-webkit-appearance: none;
	appearance: none;
}
select { padding-right: 34px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 14px; }
textarea { height: auto; min-height: 140px; padding: 12px 14px; line-height: 1.6; resize: vertical; }
input:focus, textarea:focus, select:focus { outline: none; border-color: var(--devo-input-focus, #af1e23); box-shadow: 0 0 0 3px color-mix(in srgb, var(--devo-input-focus, #af1e23) 18%, transparent); }
input[type=checkbox], input[type=radio] { width: auto; height: auto; accent-color: var(--devo-c1, #af1e23); }
label { cursor: pointer; }
.devo-searchform, .search-form { position: relative; display: flex; }
.devo-searchform .search-field { padding-right: 46px; }
.devo-searchform .search-submit { position: absolute; right: 0; top: 0; height: 100%; width: 46px; border: 0; background: none; color: inherit; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.devo-searchform .search-submit svg { width: 18px; height: 18px; }

/* ==========================================================================
   13. Post lists
   ========================================================================== */
.devo-cols-1 { --devo-cols: 1; } .devo-cols-2 { --devo-cols: 2; } .devo-cols-3 { --devo-cols: 3; }
.devo-cols-4 { --devo-cols: 4; } .devo-cols-5 { --devo-cols: 5; } .devo-cols-6 { --devo-cols: 6; }
.devo-posts[class*="devo-cols-"], .devo-pf-list, .devo-gallery, .devo-search-list--grid, .devo-project__gallery {
	display: grid;
	grid-template-columns: repeat(var(--devo-cols, 3), minmax(0, 1fr));
	gap: var(--devo-blog-gap, 30px);
}
.devo-pf-list { gap: var(--devo-pf-gap, 20px); }
.devo-gallery { gap: var(--devo-gap, 10px); }
.devo-search-list--grid { gap: var(--devo-search-gap, 30px); }
.devo-masonry, .devo-posts.devo-masonry, .devo-pf-list.devo-masonry, .devo-gallery.devo-masonry { display: block; columns: var(--devo-cols, 3); column-gap: var(--devo-blog-gap, 30px); }
.devo-pf-list.devo-masonry { column-gap: var(--devo-pf-gap, 20px); }
.devo-gallery.devo-masonry { column-gap: var(--devo-gap, 10px); }
.devo-masonry > * { break-inside: avoid; margin-bottom: var(--devo-blog-gap, 30px); }
.devo-pf-list.devo-masonry > * { margin-bottom: var(--devo-pf-gap, 20px); }
.devo-gallery.devo-masonry > * { margin-bottom: var(--devo-gap, 10px); }
.devo-posts--masonry_full { width: 100vw; margin-left: calc(50% - 50vw); padding: 0 var(--devo-blog-gap, 30px); }
.is-filtered-out { display: none !important; }

.devo-post { position: relative; }
.devo-posts--standard .devo-post { margin-bottom: 70px; }
.devo-post__media { position: relative; overflow: hidden; margin-bottom: 26px; }
.devo-post__media img { display: block; width: 100%; transition: transform .6s ease, filter .4s ease; }
.devo-post__image { display: block; position: relative; }
.devo-hover--zoom .devo-post:hover .devo-post__media img { transform: scale(1.06); }
.devo-hover--grayscale .devo-post__media img { filter: grayscale(1); }
.devo-hover--grayscale .devo-post:hover .devo-post__media img { filter: none; }
.devo-hover--overlay .devo-post__image::after { content: ""; position: absolute; inset: 0; background: var(--devo-c1, #af1e23); opacity: 0; transition: opacity .35s ease; }
.devo-hover--overlay .devo-post:hover .devo-post__image::after { opacity: .5; }
.devo-post__media-wrap { position: relative; }
.devo-post__badge { position: absolute; top: 20px; left: 20px; z-index: 2; display: flex; flex-direction: column; align-items: center; padding: 8px 12px; background: var(--devo-c1, #af1e23); color: #fff; line-height: 1.1; text-transform: uppercase; }
.devo-post__badge-day { font-size: 24px; font-weight: 700; }
.devo-post__badge-month { font-size: 11px; letter-spacing: 1px; }
.devo-post__title { margin: 0 0 12px; font-size: 28px; line-height: 36px; }
.devo-post__title a:hover { color: var(--devo-blog-title-hover, #af1e23); }
.devo-post__meta { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-bottom: 12px; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: var(--devo-c3, #aaa); }
.devo-post__meta a { color: inherit; }
.devo-post__meta a:hover { color: var(--devo-c1, #af1e23); }
.devo-meta { display: inline-flex; align-items: center; gap: 5px; }
.devo-meta .devo-icon { width: 14px; height: 14px; opacity: .8; }
.devo-like { cursor: pointer; }
.devo-like.is-liked { color: var(--devo-c1, #af1e23); }
.devo-like__on { display: none; }
.devo-like.is-liked .devo-like__on { display: inline-block; }
.devo-like.is-liked .devo-like__off { display: none; }
.devo-post__excerpt p { margin-bottom: 18px; }
.devo-post__more { margin-top: 4px; }

.devo-posts--small_image .devo-post { margin-bottom: 50px; }
.devo-posts--small_image .devo-post__inner { display: grid; grid-template-columns: 40% minmax(0, 1fr); gap: 34px; align-items: start; }
.devo-posts--small_image .devo-post__media { margin-bottom: 0; }
.devo-posts--small_image .devo-post__title, .devo-posts:not(.devo-posts--standard) .devo-post__title { font-size: 20px; line-height: 28px; }

.devo-posts--grid .devo-post__inner, .devo-posts--masonry .devo-post__inner, .devo-posts--masonry_full .devo-post__inner { background: var(--devo-blog-box-bg, var(--devo-box-bg, #fff)); height: 100%; }
.devo-posts--grid .devo-post__media, .devo-posts--masonry .devo-post__media, .devo-posts--masonry_full .devo-post__media { margin-bottom: 0; }
.devo-posts--grid .devo-post__text, .devo-posts--masonry .devo-post__text, .devo-posts--masonry_full .devo-post__text { padding: var(--devo-blog-box-pad, 25px); }
.devo-posts--grid .devo-post__inner:not(:has(.devo-post__media)) .devo-post__text { padding-top: var(--devo-blog-box-pad, 25px); }
body:not([style]) .devo-posts--grid .devo-post__inner { box-shadow: 0 1px 0 var(--devo-sep-color, #eee); }

.devo-posts--image_overlay .devo-post__inner { position: relative; overflow: hidden; min-height: 320px; background: var(--devo-c2, #565656); }
.devo-posts--image_overlay .devo-post__media { position: absolute; inset: 0; margin: 0; }
.devo-posts--image_overlay .devo-post__media img { height: 100%; object-fit: cover; }
.devo-posts--image_overlay .devo-post__media-wrap { position: static; }
.devo-posts--image_overlay .devo-post__image::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top, rgba(0,0,0,.75), transparent 60%); }
.devo-posts--image_overlay .devo-post__text { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 28px; color: #fff; pointer-events: none; }
.devo-posts--image_overlay .devo-post__text a { pointer-events: auto; }
.devo-posts--image_overlay .devo-post__title, .devo-posts--image_overlay .devo-post__meta { color: #fff; }

.devo-posts--minimal .devo-post { border-bottom: 1px solid var(--devo-sep-color, #eee); }
.devo-post__minimal { display: flex; gap: 30px; align-items: baseline; padding: 18px 0; }
.devo-post__minimal .devo-post__date { flex: 0 0 130px; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: var(--devo-c3, #aaa); }
.devo-post__minimal .devo-post__title { margin: 0; }

.devo-post__box { display: flex; flex-direction: column; gap: 14px; padding: 40px; background: var(--devo-quote-bg, #af1e23); color: #fff; text-decoration: none; }
.devo-post__box .devo-icon { width: 34px; height: 34px; opacity: .7; }
.devo-post__box .devo-post__meta, .devo-post__box .devo-post__meta a { color: rgba(255,255,255,.8); margin: 0; }
.devo-post__quote-text, .devo-post__link-text { font-family: var(--devo-font-heading); font-size: 22px; line-height: 32px; color: #fff; }
.devo-post__box:hover { color: #fff; filter: brightness(1.05); }

.devo-filter { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 26px; margin-bottom: 36px; }
.devo-filter button { border: 0; background: none; padding: 4px 0; cursor: pointer; color: var(--devo-heading); font: inherit; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; height: auto; }
.devo-filter button::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: currentColor; transform: scaleX(0); transition: transform .3s ease; }
.devo-filter button:hover, .devo-filter button.is-active { color: var(--devo-pf-filter-active, #af1e23); }
.devo-filter button.is-active::after { transform: scaleX(1); }

.devo-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 40px; }
.devo-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 8px; border: 1px solid var(--devo-sep-color, #e5e5e5); color: var(--devo-pagination, var(--devo-heading)); font-weight: 600; }
.devo-pagination--circle .page-numbers { border-radius: 50%; }
.devo-pagination--plain .page-numbers { border: 0; }
.devo-pagination .page-numbers.current, .devo-pagination .page-numbers:hover { background: var(--devo-pagination-active, #af1e23); border-color: var(--devo-pagination-active, #af1e23); color: #fff; }
.devo-pagination .page-numbers svg { width: 16px; height: 16px; }
.devo-pagination__older, .devo-pagination__newer { flex: 1; }
.devo-pagination__newer { text-align: right; }
.devo-load-more { text-align: center; margin-top: 40px; }
.devo-load-more.is-loading .devo-btn { opacity: .5; pointer-events: none; }

/* Search results */
.devo-search-item { display: flex; gap: 26px; padding: 26px 0; border-bottom: 1px solid var(--devo-sep-color, #eee); }
.devo-search-list--grid .devo-search-item { flex-direction: column; padding: 0; border: 0; gap: 14px; }
.devo-search-item__image { flex: 0 0 200px; }
.devo-search-item__type { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: var(--devo-c1, #af1e23); }
.devo-search-item__title { font-size: 22px; margin: 4px 0 8px; }

/* ==========================================================================
   14. Single post
   ========================================================================== */
.devo-single > .devo-post__media { margin-bottom: 36px; }
.devo-single__header { margin-bottom: 30px; }
.devo-single__title { margin-bottom: 14px; }
.devo-single__header .devo-sep { margin-top: 10px; }
.devo-single__footer, .devo-author-box, .devo-post-nav, .devo-related, .devo-comments { margin-top: var(--devo-single-spacing, 50px); }
.devo-single__footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; padding-top: 24px; border-top: 1px solid var(--devo-sep-color, #eee); }
.devo-single__actions { display: flex; align-items: center; gap: 20px; }
.devo-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.devo-tags a, .tagcloud a, .wp-block-tag-cloud a { display: inline-block; padding: 5px 12px; font-size: 12px !important; color: inherit; background: var(--devo-tag-bg, transparent); border: var(--devo-tag-border, 1px solid #e5e5e5); margin: 0 4px 6px 0; }
.devo-tags a:hover, .tagcloud a:hover, .wp-block-tag-cloud a:hover { color: var(--devo-tag-hover, #fff); background: var(--devo-tag-hover-bg, #af1e23); border-color: var(--devo-tag-hover-bg, #af1e23); }
.devo-author-box { display: flex; gap: 24px; padding: 30px; background: var(--devo-box-bg, #fff); border: 1px solid var(--devo-sep-color, #eee); }
.devo-author-box__avatar img { border-radius: 50%; }
.devo-author-box__name { margin-bottom: 8px; }
.devo-author-box p { margin: 0; }
.devo-post-nav .nav-links { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.devo-post-nav .nav-next { text-align: right; grid-column: 2; }
.devo-post-nav a { display: flex; flex-direction: column; gap: 4px; color: var(--devo-heading); }
.devo-post-nav__label { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: var(--devo-c3, #aaa); }
.devo-post-nav__title { font-family: var(--devo-font-heading); font-size: 20px; }
.devo-related__title, .devo-comments__title { margin-bottom: 26px; }
.devo-related .devo-pagination { display: none; }

.devo-comments__list { list-style: none; padding: 0; }
.devo-comments__list .children { list-style: none; padding-left: 50px; }
.devo-comments__list .comment-body { position: relative; padding: 0 0 24px 84px; margin-bottom: 24px; border-bottom: 1px solid var(--devo-sep-color, #eee); }
.devo-comments__list .avatar { position: absolute; left: 0; top: 0; border-radius: 50%; }
.devo-comments__list .comment-meta { font-size: 13px; margin-bottom: 8px; }
.devo-comments__list .fn { font-style: normal; font-weight: 700; color: var(--devo-heading); }
.devo-comments__list .says { display: none; }
.devo-comments__list .comment-metadata a { color: var(--devo-c3, #aaa); }
.devo-comments__list .reply a { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; }
.comment-form p { margin-bottom: 18px; }
.comment-form label { display: block; margin-bottom: 6px; font-size: 13px; font-weight: 600; color: var(--devo-heading); }
.comment-form .comment-form-cookies-consent label { display: inline; font-weight: 400; }

/* ==========================================================================
   15. Portfolio
   ========================================================================== */
.devo-pf-item { position: relative; }
.devo-pf-item__link { display: block; position: relative; overflow: hidden; color: inherit; }
.devo-pf-item__image img { display: block; width: 100%; transition: transform .6s ease; }
.devo-pf-item__title { margin: 0 0 4px; font-size: 20px; line-height: 26px; }
.devo-pf-item__cats { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; opacity: .8; }
.devo-pf-list:not(.devo-masonry) .devo-pf-item--large_width { grid-column: span 2; }
.devo-pf-list:not(.devo-masonry) .devo-pf-item--large_height { grid-row: span 2; }
.devo-pf-list:not(.devo-masonry) .devo-pf-item--large { grid-column: span 2; grid-row: span 2; }
.devo-pf-list:not(.devo-masonry) .devo-pf-item--large_height .devo-pf-item__image img,
.devo-pf-list:not(.devo-masonry) .devo-pf-item--large .devo-pf-item__image img { height: 100%; object-fit: cover; }

.devo-pf-hover--overlay .devo-pf-item__text, .devo-pf-hover--gradient .devo-pf-item__text {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 20px;
	background: var(--devo-pf-overlay, rgba(0,0,0,.6));
	color: #fff;
	opacity: 0;
	transition: opacity .35s ease;
}
.devo-pf-hover--gradient .devo-pf-item__text { background: linear-gradient(var(--devo-grad-angle, 135deg), var(--devo-grad-start), var(--devo-grad-end)); }
.devo-pf-hover--overlay .devo-pf-item__title, .devo-pf-hover--gradient .devo-pf-item__title, .devo-pf-hover--slide_up .devo-pf-item__title { color: #fff; transform: translateY(14px); transition: transform .4s ease; }
.devo-pf-item__link:hover .devo-pf-item__text, .devo-pf-item__link:focus .devo-pf-item__text { opacity: 1; }
.devo-pf-item__link:hover .devo-pf-item__title { transform: none; }
.devo-pf-hover--overlay .devo-pf-item__link:hover img, .devo-pf-hover--below .devo-pf-item__link:hover img, .devo-pf-hover--gradient .devo-pf-item__link:hover img { transform: scale(1.06); }
.devo-pf-hover--below .devo-pf-item__image { overflow: hidden; }
.devo-pf-hover--below .devo-pf-item__text { padding: 18px 0 6px; }
.devo-pf-hover--below .devo-pf-item__title { color: var(--devo-heading); }
.devo-pf-hover--below .devo-pf-item__link:hover .devo-pf-item__title { color: var(--devo-c1, #af1e23); }
.devo-pf-hover--slide_up .devo-pf-item__text { position: absolute; left: 0; right: 0; bottom: 0; padding: 60px 24px 22px; color: #fff; background: linear-gradient(to top, rgba(0,0,0,.75), transparent); transform: translateY(100%); transition: transform .45s ease; }
.devo-pf-hover--slide_up .devo-pf-item__link:hover .devo-pf-item__text { transform: none; }

.devo-project__columns { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 50px; align-items: start; }
.devo-project__columns--sticky .devo-project__info { position: sticky; top: calc(var(--devo-adminbar) + var(--devo-header-h-scrolled, 70px) + 30px); }
.devo-project__images figure, .devo-project__media .devo-project__image { margin: 0 0 20px; }
.devo-project__images img, .devo-project__gallery img, .devo-project__media .devo-slider img { display: block; width: 100%; }
.devo-project__media--big_images, .devo-project__media--slider { margin-bottom: 40px; }
.devo-project__video { margin-bottom: 20px; }
.devo-project__video iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; }
.devo-project__gallery { gap: 12px; }
.devo-project__gallery figure { margin: 0; }
.devo-project__title { font-size: 28px; }
.devo-project__details { margin: 26px 0; padding: 0; }
.devo-project__details > div { display: flex; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--devo-sep-color, #eee); }
.devo-project__details dt { min-width: 100px; font-weight: 700; color: var(--devo-heading); }
.devo-project__details dd { margin: 0; }
.devo-project__actions { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 20px; }
.devo-project-nav { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; margin-top: 60px; padding: 26px 0; border-top: 1px solid var(--devo-sep-color, #eee); border-bottom: 1px solid var(--devo-sep-color, #eee); }
.devo-project-nav a { display: inline-flex; align-items: center; gap: 8px; color: var(--devo-heading); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; }
.devo-project-nav a:hover { color: var(--devo-c1, #af1e23); }
.devo-project-nav svg { width: 20px; height: 20px; }
.devo-project-nav__next { text-align: right; }

/* ==========================================================================
   16. Elements
   ========================================================================== */
.devo-sep { display: block; height: var(--devo-sep-h, 1px); background: var(--devo-sep-color, #eaeaea); }
.devo-sep--small { width: var(--devo-sep-small-w, 40px); height: 2px; background: var(--devo-c1, #af1e23); margin: 14px 0 18px; display: inline-block; }
.devo-sep--transparent { background: transparent; }
.devo-sep--gradient { background: linear-gradient(90deg, var(--devo-grad-start), var(--devo-grad-end)); }
.devo-align-center .devo-sep--small { margin-left: auto; margin-right: auto; }
.devo-align-right .devo-sep--small { margin-left: auto; }
.devo-sep-wrap .devo-sep--small { margin-top: 0; margin-bottom: 0; }

.devo-section-title { margin: 0 auto 30px; }
.devo-section-title.devo-align-left { margin-left: 0; }
.devo-section-title.devo-align-right { margin-right: 0; }
.devo-section-title__above { display: block; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: var(--devo-c1, #af1e23); margin-bottom: 8px; }
.devo-section-title__title { margin: 0; }
.devo-section-title .devo-sep--small { display: block; }
.devo-section-title__subtitle { margin-top: 6px; }
.devo-section-title__subtitle p:last-child { margin-bottom: 0; }

.devo-icon-box { display: flex; flex-direction: column; gap: 18px; }
.devo-icon-box.devo-align-center { align-items: center; }
.devo-icon-box.devo-align-right { align-items: flex-end; }
.devo-icon-box--left { flex-direction: row; text-align: left; align-items: flex-start !important; }
.devo-icon-box--left_title .devo-icon-box__icon { display: inline-flex; }
.devo-icon-box__icon { display: inline-flex; align-items: center; justify-content: center; font-size: 40px; line-height: 1; color: var(--devo-c1, #af1e23); flex: 0 0 auto; }
.devo-icon-box__icon img { max-width: 120px; }
.devo-icon-shape--circle, .devo-icon-shape--square, .devo-icon-shape--outline { width: 2.2em; height: 2.2em; font-size: 32px; }
.devo-icon-shape--circle { border-radius: 50%; background: var(--devo-shape, var(--devo-c4, #f6f6f6)); }
.devo-icon-shape--square { background: var(--devo-shape, var(--devo-c4, #f6f6f6)); }
.devo-icon-shape--outline { border-radius: 50%; border: 2px solid var(--devo-shape, currentColor); }
.devo-icon-box__title { margin: 0 0 8px; }
.devo-icon-box__text p:last-child { margin: 0; }

.devo-counter__number { font-family: var(--devo-font-heading); font-size: 60px; line-height: 64px; color: var(--devo-heading); }
.devo-counter__title { margin: 8px 0 0; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }
.devo-counter__text { margin: 6px 0 0; }

.devo-progress__item { margin-bottom: 22px; }
.devo-progress__head { display: flex; justify-content: space-between; margin-bottom: 8px; color: var(--devo-heading); font-size: 14px; font-weight: 600; }
.devo-progress__track { height: var(--devo-progress-h, 8px); background: var(--devo-progress-bg, #eee); overflow: hidden; border-radius: 20px; }
.devo-progress__bar { height: 100%; width: 0; background: var(--devo-progress, #af1e23); border-radius: inherit; transition: width 1.6s cubic-bezier(.2,.7,.2,1); }

.devo-testimonial { margin: 0; padding: 10px 20px; }
.devo-testimonial__quote { display: block; color: var(--devo-c1, #af1e23); margin-bottom: 14px; }
.devo-testimonial__quote svg { width: 40px; height: 40px; }
.devo-testimonial.devo-align-center .devo-testimonial__quote { margin-left: auto; margin-right: auto; width: 40px; }
.devo-testimonial__text { border: 0; padding: 0; background: none; margin: 0 0 22px; font-size: 20px; line-height: 32px; }
.devo-testimonial__text::before { display: none; }
.devo-testimonial__by { display: flex; flex-direction: column; align-items: inherit; gap: 4px; padding: 0; opacity: 1; font-size: inherit; }
.devo-testimonial.devo-align-center .devo-testimonial__by { align-items: center; }
.devo-testimonial__image img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; margin-bottom: 8px; }
.devo-testimonial__author { font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; color: var(--devo-heading); }
.devo-testimonial__role { font-size: 13px; opacity: .7; }

.devo-team { position: relative; }
.devo-team__image { position: relative; overflow: hidden; }
.devo-team__image img { display: block; width: 100%; transition: transform .6s ease; }
.devo-team:hover .devo-team__image img { transform: scale(1.04); }
.devo-team__info { padding: 20px 0 0; }
.devo-team__name { margin: 0 0 4px; }
.devo-team__role { display: block; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: var(--devo-c1, #af1e23); }
.devo-team__text { margin: 12px 0 0; }
.devo-team__social { display: flex; gap: 14px; margin-top: 14px; }
.devo-align-center .devo-team__social { justify-content: center; }
.devo-team__social a { color: inherit; }
.devo-team--overlay .devo-team__info { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: 24px; background: var(--devo-team-overlay, rgba(0,0,0,.55)); color: #fff; opacity: 0; transition: opacity .35s ease; }
.devo-team--overlay:hover .devo-team__info { opacity: 1; }
.devo-team--overlay .devo-team__name, .devo-team--overlay .devo-team__role { color: #fff; }

.devo-pricing { position: relative; display: flex; flex-direction: column; height: 100%; text-align: center; background: var(--devo-pricing-bg, #fff); border: 1px solid var(--devo-pricing-border, #eaeaea); transition: transform .3s ease, box-shadow .3s ease; }
.devo-pricing:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,0,0,.08); }
.devo-pricing__head { padding: 36px 24px 26px; border-bottom: 1px solid var(--devo-pricing-border, #eaeaea); }
.devo-pricing--featured .devo-pricing__head { background: var(--devo-pricing-featured, #af1e23); color: #fff; border-color: transparent; }
.devo-pricing--featured .devo-pricing__title, .devo-pricing--featured .devo-pricing__price { color: #fff; }
.devo-pricing__title { font-size: 18px; text-transform: uppercase; letter-spacing: 1px; }
.devo-pricing__price { font-family: var(--devo-font-heading); font-size: 54px; line-height: 60px; color: var(--devo-heading); }
.devo-pricing__price sup { font-size: .4em; vertical-align: super; margin-right: 2px; }
.devo-pricing__period { font-size: 14px; font-family: var(--devo-font-body); opacity: .7; margin-left: 4px; }
.devo-pricing__features { list-style: none; margin: 0; padding: 20px 30px; flex: 1; }
.devo-pricing__features li { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 9px 0; border-bottom: 1px dashed var(--devo-pricing-border, #eaeaea); }
.devo-pricing__features li:last-child { border: 0; }
.devo-pricing__features svg { width: 14px; height: 14px; color: var(--devo-c1, #af1e23); }
.devo-pricing__foot { padding: 0 24px 34px; }
.devo-pricing__badge { position: absolute; top: 16px; right: -34px; transform: rotate(45deg); background: var(--devo-c2, #565656); color: #fff; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 40px; z-index: 2; }
.devo-pricing { overflow: hidden; }

.devo-cta { background-size: cover; background-position: center; }
.devo-cta__inner { padding: 0 var(--devo-gutter, 20px); }
.devo-cta__row { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.devo-cta--stacked .devo-cta__row { flex-direction: column; text-align: center; }
.devo-cta__title { margin: 0 0 6px; }
.devo-cta__text p:last-child { margin: 0; }

.devo-gallery__item { margin: 0; overflow: hidden; }
.devo-gallery__item img { display: block; width: 100%; transition: transform .5s ease; }
.devo-gallery__item a:hover img { transform: scale(1.05); }

.devo-video-box { position: relative; display: flex; align-items: center; justify-content: center; }
.devo-video-box--image img { display: block; width: 100%; }
.devo-video-box--image .devo-video-box__center { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; }
.devo-video-box__center { text-align: center; }
.devo-video-box__title { color: #fff; margin: 0; }
.devo-video-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: var(--devo-play-size, 84px); height: var(--devo-play-size, 84px); border-radius: 50%; background: var(--devo-play-bg, #af1e23); color: var(--devo-play-color, #fff); transition: transform .3s ease; }
.devo-video-btn::before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: inherit; opacity: .35; animation: devoPulse 2s ease-out infinite; z-index: -1; }
.devo-video-btn:hover { transform: scale(1.08); color: var(--devo-play-color, #fff); }
.devo-video-btn__icon svg { width: 34%; height: 34%; min-width: 22px; min-height: 22px; margin-left: 4px; }
.devo-video-btn__icon { display: inline-flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
@keyframes devoPulse { from { transform: scale(1); opacity: .45; } to { transform: scale(1.6); opacity: 0; } }

.devo-accordion__item { margin-bottom: 8px; }
.devo-accordion__title { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; height: auto; padding: 16px 20px; border: 1px solid var(--devo-acc-border, #eaeaea); background: var(--devo-acc-bg, #f6f6f6); color: var(--devo-acc-color, #565656); font: inherit; font-size: 15px; font-weight: 600; text-align: left; text-transform: none; letter-spacing: 0; cursor: pointer; border-radius: 0; transition: background-color .25s ease, color .25s ease; }
.devo-accordion__title:hover, .devo-accordion__item.is-open .devo-accordion__title { background: var(--devo-acc-active-bg, #af1e23); color: var(--devo-acc-active, #fff); border-color: var(--devo-acc-active-bg, #af1e23); }
.devo-accordion__icon { display: inline-flex; transition: transform .3s ease; }
.devo-accordion__icon svg { width: 16px; height: 16px; }
.devo-accordion__item.is-open .devo-accordion__icon { transform: rotate(45deg); }
.devo-accordion__inner { padding: 20px; border: 1px solid var(--devo-acc-border, #eaeaea); border-top: 0; }
.devo-accordion__inner p:last-child { margin: 0; }
.devo-accordion--minimal .devo-accordion__item { margin: 0; border-bottom: 1px solid var(--devo-acc-border, #eaeaea); }
.devo-accordion--minimal .devo-accordion__title { background: none !important; border: 0; padding: 18px 0; color: var(--devo-heading) !important; }
.devo-accordion--minimal .devo-accordion__item.is-open .devo-accordion__title { color: var(--devo-c1, #af1e23) !important; }
.devo-accordion--minimal .devo-accordion__inner { border: 0; padding: 0 0 20px; }

.devo-tabs__nav { display: flex; flex-wrap: wrap; gap: 4px; }
.devo-tabs__nav.devo-align-center { justify-content: center; }
.devo-tabs__nav.devo-align-right { justify-content: flex-end; }
.devo-tabs__nav button { height: auto; padding: 14px 24px; border: 1px solid var(--devo-acc-border, #eaeaea); background: var(--devo-acc-bg, #f6f6f6); color: var(--devo-acc-color, #565656); font: inherit; font-weight: 600; text-transform: none; letter-spacing: 0; cursor: pointer; border-radius: 0; }
.devo-tabs__nav button.is-active, .devo-tabs__nav button:hover { background: var(--devo-acc-active-bg, #af1e23); color: var(--devo-acc-active, #fff); border-color: var(--devo-acc-active-bg, #af1e23); }
.devo-tabs__panes { padding: 26px; border: 1px solid var(--devo-acc-border, #eaeaea); margin-top: -1px; }
.devo-tabs--underline .devo-tabs__nav { border-bottom: 1px solid var(--devo-acc-border, #eaeaea); gap: 30px; }
.devo-tabs--underline .devo-tabs__nav button { background: none !important; border: 0; padding: 12px 0; color: var(--devo-heading) !important; position: relative; }
.devo-tabs--underline .devo-tabs__nav button::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--devo-c1, #af1e23); transform: scaleX(0); transition: transform .3s ease; }
.devo-tabs--underline .devo-tabs__nav button.is-active::after { transform: scaleX(1); }
.devo-tabs--underline .devo-tabs__panes { border: 0; padding: 26px 0 0; }
.devo-tabs--vertical { display: grid; grid-template-columns: 240px 1fr; }
.devo-tabs--vertical .devo-tabs__nav { flex-direction: column; }
.devo-tabs--vertical .devo-tabs__panes { margin: 0 0 0 -1px; }

.devo-icon-list { list-style: none; margin: 0 0 1.4em; padding: 0; }
.devo-icon-list li { display: flex; margin-bottom: var(--devo-icon-list-gap, 10px); }
.devo-icon-list a, .devo-icon-list li > span:not(.devo-icon-list__icon) { color: inherit; }
.devo-icon-list li, .devo-icon-list a { gap: 12px; align-items: baseline; }
.devo-icon-list a { display: flex; }
.devo-icon-list__icon { color: var(--devo-icon-list-color, var(--devo-c1, #af1e23)); width: 18px; text-align: center; flex: 0 0 18px; }

.devo-social { list-style: none; margin: 0; padding: 0; display: inline-flex; flex-wrap: wrap; gap: 8px; }
.devo-social__link { display: inline-flex; align-items: center; justify-content: center; width: calc(var(--devo-social-size, 16px) * 2.3); height: calc(var(--devo-social-size, 16px) * 2.3); font-size: var(--devo-social-size, 16px); color: var(--devo-social-color, inherit); transition: all .25s ease; }
.devo-social--none .devo-social__link { width: auto; height: auto; padding: 0 4px; }
.devo-social--small .devo-social__link { font-size: 13px; width: auto; height: auto; padding: 0 4px; background: none !important; }
.devo-social--circle .devo-social__link, .devo-social--square .devo-social__link, .devo-social--rounded .devo-social__link { background: var(--devo-social-bg, rgba(0,0,0,.06)); }
.devo-social--circle .devo-social__link { border-radius: 50%; }
.devo-social--rounded .devo-social__link { border-radius: 6px; }
.devo-social__link:hover { color: var(--devo-social-hover, #af1e23); background: var(--devo-social-bg-hover, var(--devo-social-bg, transparent)); }
.devo-social--brand .devo-social__link--facebook:hover { color: #1877f2; }
.devo-social--brand .devo-social__link--instagram:hover { color: #e4405f; }
.devo-social--brand .devo-social__link--x:hover { color: #000; }
.devo-social--brand .devo-social__link--linkedin:hover { color: #0a66c2; }
.devo-social--brand .devo-social__link--youtube:hover { color: #ff0000; }
.devo-social--brand .devo-social__link--pinterest:hover { color: #e60023; }
.devo-social--brand .devo-social__link--vimeo:hover { color: #1ab7ea; }
.devo-social--brand .devo-social__link--github:hover { color: #6e5494; }
.devo-el-social.devo-align-center { text-align: center; }

.devo-share { display: flex; align-items: center; gap: 14px; }
.devo-share__label { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; color: var(--devo-heading); }
.devo-share__label .devo-icon { width: 16px; height: 16px; }
.devo-share__list { list-style: none; display: flex; gap: 4px; margin: 0; padding: 0; }
.devo-share__link { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 32px; padding: 0 6px; color: var(--devo-c3, #999); font-size: 14px; }
.devo-share__link:hover { color: var(--devo-c1, #af1e23); }
.devo-share--dropdown { position: relative; }
.devo-share--dropdown .devo-share__list { position: absolute; bottom: 100%; left: 0; background: #fff; box-shadow: 0 6px 24px rgba(0,0,0,.1); padding: 6px; opacity: 0; visibility: hidden; transform: translateY(6px); transition: all .25s ease; z-index: 10; }
.devo-share--dropdown:hover .devo-share__list, .devo-share--dropdown:focus-within .devo-share__list { opacity: 1; visibility: visible; transform: none; }

/* Brand + UI icons */
.devo-icon { display: inline-block; width: 1em; height: 1em; fill: currentColor; vertical-align: -0.125em; flex: 0 0 auto; }
.devo-brand-icon { display: inline-flex; line-height: 0; }
.devo-brand-icon svg { width: 1em; height: 1em; fill: currentColor; }

/* Slider */
.devo-slider { position: relative; overflow: hidden; --devo-slide-gap: 0px; }
.devo-slider:not(.is-ready) > .devo-slider__slide:not(:first-child) { display: none; }
.devo-slider__viewport { overflow: hidden; }
.devo-slider__track { display: flex; gap: var(--devo-slide-gap, 0px); transition: transform .6s cubic-bezier(.2,.7,.2,1); will-change: transform; }
.devo-slider__track > .devo-slider__slide { flex: 0 0 calc((100% - (var(--devo-per-view, 1) - 1) * var(--devo-slide-gap, 0px)) / var(--devo-per-view, 1)); min-width: 0; }
.devo-slider__slide img { display: block; width: 100%; }
.devo-slider__arrow { position: absolute; top: 50%; z-index: 3; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: var(--devo-nav-size, 46px); height: var(--devo-nav-size, 46px); padding: 0; border: var(--devo-nav-border, 0); border-radius: var(--devo-nav-radius, 50%); background: var(--devo-nav-bg, rgba(0,0,0,.4)); color: var(--devo-nav-color, #fff); cursor: pointer; transition: background-color .25s ease; }
.devo-slider__arrow:hover { background: var(--devo-nav-hover-bg, #af1e23); }
.devo-slider__arrow svg { width: 20px; height: 20px; }
.devo-slider__arrow--prev { left: 16px; }
.devo-slider__arrow--next { right: 16px; }
.devo-slider__dots { display: flex; justify-content: center; gap: 8px; padding-top: 22px; }
.devo-slider__dots button { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: var(--devo-dot, rgba(0,0,0,.25)); cursor: pointer; transition: transform .25s ease, background-color .25s ease; }
.devo-slider__dots button.is-active { background: var(--devo-dot-active, #af1e23); transform: scale(1.3); }

/* Lightbox */
.devo-lightbox { position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; background: rgba(10,10,10,.92); opacity: 0; transition: opacity .3s ease; }
.devo-lightbox.is-open { opacity: 1; }
.devo-lightbox__stage { max-width: 90vw; max-height: 86vh; }
.devo-lightbox__stage img { max-width: 90vw; max-height: 86vh; width: auto; height: auto; box-shadow: 0 10px 50px rgba(0,0,0,.5); }
.devo-lightbox__stage iframe, .devo-lightbox__stage video { width: min(1100px, 90vw); aspect-ratio: 16 / 9; height: auto; border: 0; background: #000; }
.devo-lightbox button { position: absolute; border: 0; background: none; color: #fff; cursor: pointer; padding: 10px; height: auto; }
.devo-lightbox button svg { width: 34px; height: 34px; }
.devo-lightbox__close { top: calc(16px + var(--devo-adminbar)); right: 16px; }
.devo-lightbox__prev { left: 10px; top: 50%; transform: translateY(-50%); }
.devo-lightbox__next { right: 10px; top: 50%; transform: translateY(-50%); }
.devo-lightbox__count { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); color: rgba(255,255,255,.7); font-size: 13px; }

/* Scroll animations */
[data-devo-animate] { opacity: 0; transform: translateY(30px); transition: opacity .8s ease, transform .8s ease; }
[data-devo-animate].is-inview { opacity: 1; transform: none; }
body.devo-no-touch-animations.devo-touch [data-devo-animate] { opacity: 1; transform: none; }

/* ==========================================================================
   17. Footer
   ========================================================================== */
.devo-footer { position: relative; z-index: 1; background-image: var(--devo-footer-image, none); background-size: cover; background-position: center; }
.devo-footer-top { background-color: var(--devo-ft-bg, #262626); background-image: var(--devo-ft-bg-image, none); background-size: cover; padding: var(--devo-ft-pad, 72px 0 52px); color: var(--devo-ft-text, #b9b9b9); border-top: var(--devo-ft-border, 0); }
.devo-footer-top--border-grid { border-top: 0; }
.devo-footer-top--border-grid .devo-container { border-top: var(--devo-ft-border, 0); }
.devo-footer-top a { color: var(--devo-ft-link, #b9b9b9); }
.devo-footer-top a:hover { color: var(--devo-ft-link-hover, #fff); }
.devo-footer-top .widget-title { color: var(--devo-ft-title, #fff); }
.devo-footer-top .widget li + li { border-top: 0; }
.devo-footer-top__cols { display: grid; gap: var(--devo-ft-gap, 30px); grid-template-columns: repeat(4, minmax(0, 1fr)); }
.devo-footer-cols--1 { grid-template-columns: 1fr; }
.devo-footer-cols--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.devo-footer-cols--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.devo-footer-cols--3-50-25 { grid-template-columns: 2fr 1fr 1fr; }
.devo-footer-cols--3-25-50 { grid-template-columns: 1fr 1fr 2fr; }
.devo-footer-cols--4-40 { grid-template-columns: 2fr 1fr 1fr 1fr; }
.devo-footer-bottom { background-color: var(--devo-fb-bg, #1b1b1b); background-image: var(--devo-fb-bg-image, none); background-size: cover; padding: var(--devo-fb-pad, 22px 0); color: var(--devo-fb-text, #8a8a8a); font-size: 13px; border-top: var(--devo-fb-border, 0); }
.devo-footer-bottom--border-grid { border-top: 0; }
.devo-footer-bottom--border-grid .devo-container { border-top: var(--devo-fb-border, 0); padding-top: inherit; }
.devo-footer-bottom a { color: var(--devo-fb-link, #b9b9b9); }
.devo-footer-bottom a:hover { color: var(--devo-fb-link-hover, #fff); }
.devo-footer-bottom__cols { display: flex; align-items: center; gap: 20px; }
.devo-footer-bottom__cols.devo-align-center { justify-content: center; }
.devo-footer-bottom__cols.devo-align-right { justify-content: flex-end; }
.devo-footer-bottom__cols--2, .devo-footer-bottom__cols--3 { justify-content: space-between; }
.devo-footer-bottom__cols--2 > :last-child, .devo-footer-bottom__cols--3 > :last-child { text-align: right; }
.devo-footer-bottom__cols--3 > :nth-child(2) { text-align: center; }
.devo-footer-bottom__col > :last-child, .devo-footer-bottom .widget { margin-bottom: 0; }
.devo-copyright { margin: 0; }
.devo-footer-menu ul, .devo-footer-bottom .menu { list-style: none; padding: 0; margin: 0 0 6px; display: flex; flex-wrap: wrap; gap: 6px var(--devo-fb-menu-spacing, 20px); justify-content: inherit; }
.devo-footer-bottom__cols.devo-align-center .devo-footer-menu ul { justify-content: center; }
.devo-footer__angle { position: absolute; top: -1px; left: 0; width: 100%; height: 6vw; max-height: 90px; fill: var(--devo-footer-angle, #fff); z-index: 2; }
.devo-footer--angled .devo-footer-top, .devo-footer--angled > .devo-footer-bottom:first-of-type { padding-top: calc(4vw + 60px); }
body.devo-footer-uncover .devo-footer { position: fixed; left: 0; right: 0; bottom: 0; z-index: 0; }
body.devo-footer-uncover .devo-wrapper__inner { padding-bottom: var(--devo-footer-h, 0px); }
body.devo-footer-uncover .devo-content, body.devo-footer-uncover .devo-content-bottom { position: relative; z-index: 1; }

.devo-content-bottom { background: var(--devo-cb-bg, transparent); padding: var(--devo-cb-pad, 60px 0); }

/* ==========================================================================
   18. Misc: 404, contact, maps, loader, back to top, transitions
   ========================================================================== */
.devo-404 { display: flex; align-items: center; justify-content: center; min-height: 80vh; padding: 120px 0 80px; text-align: center; background-size: cover; background-position: center; }
.devo-404__title { font-size: clamp(90px, 18vw, 220px); line-height: 1; margin-bottom: 10px; color: var(--devo-c1, #af1e23); }
.devo-404__text { max-width: 560px; margin: 0 auto 30px; }
.devo-404__search { max-width: 420px; margin: 0 auto 30px; }
.devo-text-light .devo-404__title { color: #fff; }

.devo-map { width: 100%; background: #e9e9e9; }
.devo-map--embed iframe { width: 100%; height: 100%; border: 0; display: block; }
.devo-contact-page .devo-section-title { margin-bottom: 40px; }
.devo-contact-form { max-width: 820px; margin: 40px auto 0; }
.devo-contact-form__heading { text-align: center; margin-bottom: 30px; }
.devo-contact-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; }
.devo-contact-form p { margin-bottom: 18px; }
.devo-contact-form__accept label { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; }
.devo-hp { position: absolute !important; left: -9999px; }
.devo-notice { padding: 14px 18px; margin-bottom: 20px; border-left: 4px solid; }
.devo-notice--success { background: #edf7ed; border-color: #46b450; color: #1e4620; }
.devo-notice--error { background: #fcf0f1; border-color: #d63638; color: #6b1517; }
.devo-cf7 .wpcf7-form-control-wrap { display: block; }

.devo-loader { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; background: var(--devo-loader-bg, #fff); transition: opacity .6s ease, visibility 0s linear .6s; }
body.devo-loaded .devo-loader { opacity: 0; visibility: hidden; }
.devo-loader__inner { position: relative; width: 56px; height: 56px; color: var(--devo-loader-color, #af1e23); }
.devo-loader__inner span { position: absolute; }
.devo-loader--ring span:first-child { inset: 0; border: 3px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: devoSpin 1s linear infinite; }
.devo-loader--ring span:not(:first-child) { display: none; }
.devo-loader--pulse span:first-child { inset: 0; border-radius: 50%; background: currentColor; animation: devoPulse 1.2s ease-out infinite; }
.devo-loader--pulse span:not(:first-child) { display: none; }
.devo-loader--double_pulse span { inset: 0; border-radius: 50%; background: currentColor; opacity: .6; animation: devoBounce 2s ease-in-out infinite; }
.devo-loader--double_pulse span:nth-child(2) { animation-delay: -1s; }
.devo-loader--double_pulse span:nth-child(3) { display: none; }
.devo-loader--cube span:first-child { inset: 8px; background: currentColor; animation: devoFlip 1.2s ease-in-out infinite; }
.devo-loader--cube span:not(:first-child) { display: none; }
.devo-loader--dots { display: flex; align-items: center; justify-content: center; gap: 8px; }
.devo-loader--dots span { position: static; width: 12px; height: 12px; border-radius: 50%; background: currentColor; animation: devoBounce 1.4s ease-in-out infinite both; }
.devo-loader--dots span:nth-child(1) { animation-delay: -.32s; }
.devo-loader--dots span:nth-child(2) { animation-delay: -.16s; }
.devo-loader--lines { display: flex; align-items: center; justify-content: center; gap: 5px; }
.devo-loader--lines span { position: static; width: 6px; height: 40px; background: currentColor; animation: devoStretch 1.2s ease-in-out infinite; }
.devo-loader--lines span:nth-child(2) { animation-delay: -1.1s; }
.devo-loader--lines span:nth-child(3) { animation-delay: -1s; }
.devo-loader--image { width: auto; height: auto; }
.devo-loader--image img { max-width: 160px; animation: devoFadeIn 1s ease-in-out infinite alternate; }
@keyframes devoSpin { to { transform: rotate(360deg); } }
@keyframes devoBounce { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } }
@keyframes devoFlip { 0% { transform: perspective(120px) rotateX(0) rotateY(0); } 50% { transform: perspective(120px) rotateX(-180deg) rotateY(0); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } }
@keyframes devoStretch { 0%, 40%, 100% { transform: scaleY(.4); } 20% { transform: scaleY(1); } }

.devo-btt { position: fixed; bottom: var(--devo-btt-offset, 30px); right: var(--devo-btt-offset, 30px); z-index: 900; display: inline-flex; align-items: center; justify-content: center; width: var(--devo-btt-size, 44px); height: var(--devo-btt-size, 44px); background: var(--devo-btt-bg, rgba(0,0,0,.6)); color: var(--devo-btt-color, #fff); border: var(--devo-btt-border, 0); border-radius: var(--devo-btt-radius, 4px); opacity: 0; visibility: hidden; transform: translateY(20px); transition: all .3s ease; }
.devo-btt svg { width: 45%; height: 45%; }
.devo-btt.is-visible { opacity: 1; visibility: visible; transform: none; }
.devo-btt:hover { background: var(--devo-btt-hover-bg, #af1e23); color: var(--devo-btt-hover, #fff); }
.devo-btt--left { right: auto; left: var(--devo-btt-offset, 30px); }
.devo-btt--center { right: auto; left: 50%; margin-left: calc(var(--devo-btt-size, 44px) / -2); }

body.devo-transition-fade .devo-wrapper { animation: devoFadeIn .6s ease both; }
body.devo-transition-fade_up .devo-content { animation: devoSlideUp .7s ease both; }
body.devo-leaving .devo-wrapper { opacity: 0; transition: opacity .35s ease; }

/* WPBakery rows */
.devo-row-overlay { position: relative; }
.devo-row-overlay::before { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.devo-row-overlay > * { position: relative; z-index: 1; }
.devo-row-parallax { background-size: cover; background-repeat: no-repeat; background-position: center 50%; min-height: var(--devo-parallax-min, 400px); }
.devo-row-grid > .wpb_column, .devo-row-grid > .vc_column_container { max-width: var(--devo-grid, 1100px); }

/* Maintenance */
.devo-maintenance__screen { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 40px 20px; background: var(--devo-c4, #f6f6f6) center / cover; text-align: center; }
.devo-maintenance__box { max-width: 560px; background: rgba(255,255,255,.94); padding: 50px 40px; box-shadow: 0 20px 60px rgba(0,0,0,.12); }
.devo-maintenance__box .devo-logo { justify-content: center; margin-bottom: 26px; height: auto; }
.devo-maintenance__box .devo-logo__img { max-height: 70px; }

.devo-none { text-align: center; padding: 40px 0; }
.devo-archive-description { margin-bottom: 40px; }