.wp-pagenavi {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 20px;
}
.wp-pagenavi a, .wp-pagenavi span {
padding: 8px 12px;
border: 0 !important;
background: #092f67;
color: #fff;
text-decoration: none;
border-radius: 4px;
}
.wp-pagenavi a:hover {
background: #0073aa;
color: white;
}
.wp-pagenavi span.current {
background: #ffc576;
color: #000;
font-weight: bold;
} body.page-id-722 .content-title-style-above .entry-hero-container-inner,
body.page-id-1243 .content-title-style-above .entry-hero-container-inner {
padding-top: clamp(88px, 9vw, 128px);
padding-bottom: clamp(42px, 6vw, 72px);
}
body.page-id-722 .entry-hero .entry-title,
body.page-id-1243 .entry-hero .entry-title {
margin-bottom: 0;
}
body.page-id-722 .vp-portfolio,
body.page-id-1243 .vp-portfolio {
margin-top: 10px;
}
body.page-id-722 .vp-filter,
body.page-id-1243 .vp-filter {
margin-bottom: 28px;
}
body.page-id-722 .vp-portfolio__item-wrap,
body.page-id-1243 .vp-portfolio__item-wrap,
body.page-id-722 .vp-portfolio__item,
body.page-id-1243 .vp-portfolio__item {
background: #f6f8fb !important;
overflow: hidden;
}
body.page-id-722 .vp-portfolio__item-img,
body.page-id-1243 .vp-portfolio__item-img,
body.page-id-722 .vp-portfolio__item-img-wrap,
body.page-id-1243 .vp-portfolio__item-img-wrap,
body.page-id-722 .vp-portfolio__item img,
body.page-id-1243 .vp-portfolio__item img {
background-color: #f6f8fb !important;
}
body.page-id-722 .vp-portfolio__item img,
body.page-id-1243 .vp-portfolio__item img {
opacity: 1;
transition: opacity .18s ease;
}
body.page-id-722 .vp-portfolio__item img.lazyload,
body.page-id-1243 .vp-portfolio__item img.lazyload,
body.page-id-722 .vp-portfolio__item img.lazyloading,
body.page-id-1243 .vp-portfolio__item img.lazyloading {
opacity: .08;
}
@media (max-width: 1024px) {
body.page-id-722 .content-title-style-above .entry-hero-container-inner,
body.page-id-1243 .content-title-style-above .entry-hero-container-inner {
padding-top: 84px;
padding-bottom: 44px;
}
} .site-branding a.brand.has-logo-image,
.site-branding a.brand,
.chdr-brand-mark {
display: inline-flex;
align-items: center;
gap: 10px;
text-decoration: none !important;
}
.site-branding a.brand.has-logo-image img.custom-logo {
display: none !important;
}
.site-branding a.brand.has-logo-image::before,
.site-branding a.brand::before,
.chdr-brand-mark::before {
content: "";
display: inline-block;
width: 42px;
height: 42px;
flex: 0 0 42px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M48 17.5A23 23 0 1 0 48 46.5' stroke='%2341E4C0' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M43.5 23A15.5 15.5 0 1 0 43.5 41' stroke='%2341E4C0' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M39.5 28.5A8.5 8.5 0 1 0 39.5 35.5' stroke='%2341E4C0' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M32 32H53' stroke='%2341E4C0' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='53' cy='32' r='3.5' fill='%2341E4C0'/%3E%3C/svg%3E");
}
.site-branding a.brand.has-logo-image::after,
.site-branding a.brand::after,
.chdr-brand-mark::after {
content: "CHDR.TECH";
display: inline-block;
color: #41e4c0;
font-family: "Space Grotesk", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: clamp(15px, 1.8vw, 19px);
font-weight: 800;
line-height: 1;
letter-spacing: .18em;
white-space: nowrap;
}
.chdr-site-footer {
position: relative;
padding: clamp(42px, 5vw, 64px) 40px 28px;
background: #080e1a !important;
background-image: none !important;
border-top: 1px solid rgba(68, 71, 77, .45);
color: #dde2f3;
}
.chdr-site-footer__grid,
.chdr-site-footer__bottom {
width: min(1280px, 100%);
margin: 0 auto;
}
.chdr-site-footer__grid {
display: grid;
grid-template-columns: minmax(220px, 1.15fr) repeat(3, minmax(150px, .75fr));
gap: clamp(24px, 3vw, 40px);
align-items: start;
}
.chdr-brand-mark {
margin: 0 0 16px;
color: transparent !important;
font-size: 0;
}
.chdr-brand-mark span {
display: none;
}
.chdr-site-footer__brand p,
.chdr-site-footer__column a,
.chdr-site-footer__email,
.chdr-site-footer__bottom p,
.chdr-site-footer__status span {
color: #c5c6cd !important;
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
line-height: 1.6;
}
.chdr-site-footer__brand p {
max-width: 320px;
margin: 0;
}
.chdr-site-footer__column h2 {
margin: 0 0 16px;
color: #dde2f3;
font-family: "Space Grotesk", Inter, system-ui, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
letter-spacing: .1em;
text-transform: uppercase;
}
.chdr-site-footer__column a {
display: block;
width: fit-content;
margin: 0 0 8px;
opacity: .8;
text-decoration: none !important;
transition: color .18s ease, opacity .18s ease;
}
.chdr-site-footer__column a:hover {
color: #b9c7e4 !important;
opacity: 1;
}
.chdr-site-footer__icons {
display: flex;
gap: 16px;
margin-bottom: 14px;
}
.chdr-site-footer__icons span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
min-height: 30px;
padding: 0 10px;
border: 1px solid rgba(68, 71, 77, .72);
border-radius: 6px;
background: rgba(26, 32, 44, .72);
color: #41e4c0;
font-family: Inter, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 12px;
font-weight: 700;
line-height: 1;
letter-spacing: .08em;
}
.chdr-site-footer__email {
font-size: 14px;
}
.chdr-site-footer__bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-top: 32px;
padding-top: 32px;
border-top: 1px solid rgba(68, 71, 77, .45);
}
.chdr-site-footer__bottom p,
.chdr-site-footer__status span {
margin: 0;
font-size: 14px;
}
.chdr-site-footer__status {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
@media (max-width: 960px) {
.chdr-site-footer__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.chdr-site-footer__brand {
grid-column: 1 / -1;
}
}
@media (max-width: 640px) {
.chdr-site-footer {
padding-inline: 24px;
}
.chdr-site-footer__grid,
.chdr-site-footer__bottom {
grid-template-columns: 1fr;
}
.chdr-site-footer__bottom {
align-items: flex-start;
flex-direction: column;
}
} @media (max-width: 1024px) {
body.mobile-transparent-header #masthead,
#masthead.site-header {
position: fixed !important;
inset: 0 0 auto 0 !important;
z-index: 1000;
}
#mobile-header .site-main-header-wrap,
#mobile-header .site-header-row-container-inner,
.mobile-transparent-header #masthead .site-main-header-wrap .site-header-row-container-inner {
background: rgba(8, 14, 26, .82) !important;
border-bottom: 1px solid rgba(68, 71, 77, .42);
box-shadow: 0 16px 40px rgba(0, 0, 0, .28);
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
}
#mobile-header .site-container {
padding-inline: clamp(18px, 5vw, 28px);
}
#mobile-header .site-main-header-inner-wrap {
min-height: 76px;
}
#mobile-header .site-branding a.brand::before,
#mobile-header .chdr-brand-mark::before {
width: 36px;
height: 36px;
flex-basis: 36px;
}
#mobile-header .site-branding a.brand::after,
#mobile-header .chdr-brand-mark::after {
color: #41e4c0;
font-size: clamp(13px, 4vw, 16px);
letter-spacing: .16em;
}
#mobile-header .mobile-toggle-open-container .menu-toggle-open,
.mobile-transparent-header .mobile-toggle-open-container .menu-toggle-open,
.transparent-header .mobile-toggle-open-container .menu-toggle-open {
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
padding: 0 !important;
border: 1px solid rgba(65, 228, 192, .42) !important;
border-radius: 14px;
background: rgba(18, 26, 42, .76);
color: #dde2f3 !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 10px 24px rgba(0, 0, 0, .24);
transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
#mobile-header .mobile-toggle-open-container .menu-toggle-open:hover,
#mobile-header .mobile-toggle-open-container .menu-toggle-open:focus-visible {
background: rgba(65, 228, 192, .12);
border-color: rgba(65, 228, 192, .74) !important;
box-shadow: 0 0 18px rgba(65, 228, 192, .18);
transform: translateY(-1px);
}
#mobile-header .menu-toggle-open .menu-toggle-icon,
#mobile-header .menu-toggle-open .kadence-svg-iconset {
display: inline-flex;
line-height: 0;
}
#mobile-header .menu-toggle-open svg {
width: 22px;
height: 22px;
}
#mobile-drawer.popup-drawer .drawer-overlay {
background: rgba(2, 6, 14, .72);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
#mobile-drawer .drawer-inner,
#mobile-drawer.popup-drawer-layout-fullwidth.popup-drawer-animation-slice .pop-portion-bg,
#mobile-drawer.popup-drawer-layout-fullwidth.popup-drawer-animation-slice.pop-animated.show-drawer .drawer-inner {
width: min(390px, calc(100vw - 24px));
max-width: calc(100vw - 24px);
margin: 12px 12px 12px auto;
border: 1px solid rgba(65, 228, 192, .22);
border-radius: 24px;
background: radial-gradient(circle at 20% 0%, rgba(65, 228, 192, .12), transparent 30%), #080e1a !important;
box-shadow: -24px 0 80px rgba(0, 0, 0, .46), inset 0 1px 0 rgba(255, 255, 255, .04);
overflow: hidden;
}
#mobile-drawer .drawer-header {
min-height: 76px;
padding: 18px 22px 8px;
}
#mobile-drawer .drawer-header::before {
content: "Menu";
margin-right: auto;
color: #41e4c0;
font-family: "Space Grotesk", Inter, system-ui, sans-serif;
font-size: 12px;
font-weight: 800;
letter-spacing: .18em;
text-transform: uppercase;
}
#mobile-drawer .drawer-header .drawer-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
padding: 0 !important;
border: 1px solid rgba(68, 71, 77, .72);
border-radius: 14px;
background: rgba(26, 32, 44, .78);
color: #dde2f3 !important;
}
#mobile-drawer .drawer-content {
padding: 8px 22px 26px;
}
#mobile-drawer .mobile-navigation ul.menu {
display: grid;
gap: 10px;
margin: 0;
padding: 0;
}
#mobile-drawer .mobile-navigation ul li.menu-item {
border: 0;
font-size: 16px;
}
#mobile-drawer .mobile-navigation ul li:not(.menu-item-has-children) a,
#mobile-drawer .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 54px;
padding: 15px 16px !important;
border: 1px solid rgba(68, 71, 77, .56) !important;
border-radius: 16px;
background: rgba(18, 26, 42, .64);
color: #dde2f3 !important;
font-family: Inter, system-ui, sans-serif;
font-size: 15px;
font-weight: 650;
line-height: 1.2;
text-decoration: none;
transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}
#mobile-drawer .mobile-navigation ul li:not(.menu-item-has-children) a::after {
content: "→";
color: rgba(65, 228, 192, .78);
font-weight: 800;
}
#mobile-drawer .mobile-navigation ul li > a:hover,
#mobile-drawer .mobile-navigation ul li > a:focus-visible,
#mobile-drawer .mobile-navigation ul li.current-menu-item > a {
border-color: rgba(65, 228, 192, .58) !important;
background: rgba(65, 228, 192, .11);
color: #ffffff !important;
transform: translateX(-2px);
}
#mobile-drawer .mobile-navigation ul li.lang-item a {
justify-content: center;
min-height: 42px;
width: fit-content;
min-width: 72px;
margin-top: 6px;
padding: 11px 16px !important;
border-color: rgba(65, 228, 192, .36) !important;
border-radius: 999px;
color: #41e4c0 !important;
font-size: 12px;
letter-spacing: .12em;
text-transform: uppercase;
}
#mobile-drawer .mobile-navigation ul li.lang-item a::after {
content: none;
}
}