/*
Theme Name: Salient Child
Theme URI: https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Description: Hoptrans — child tema (Salient). Hero ir brand CSS.
Author: Hoptrans
Author URI: https://hoptrans.lt
Template: salient
Version: 1.0.202.14
*/
:root {
--hop-svg-1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill='%23000' d='M6.62 10.79a15.15 15.15 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.4 21 3 13.6 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.46.57 3.58a1 1 0 0 1-.25 1.02l-2.2 2.19Z'/%3E%3C/svg%3E");
--hop-svg-2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill='%23000' d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
--hop-svg-3: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231c2e20' d='M7 7h10v10h-2.2V10.7L7.8 17.7 6.3 16.2 13.3 9.2H7V7z'/%3E%3C/svg%3E");
}
/* Prototipo spalvų paletė (hoptrans_v6_4_18_new.html :root) */
body.hoptrans-gradient-landing {
--hop-bg: #f4f2eb;
--hop-wh: #ffffff;
--hop-ink: #1c2e20;
--hop-g1: #1a5c30;
--hop-g2: #2d8a4e;
--hop-g3: #409c61;
--hop-gbr: #22d227;
--hop-glt: #d4f0bc;
--hop-i50: rgba(28, 46, 32, 0.5);
--hop-i25: rgba(28, 46, 32, 0.25);
--hop-i08: rgba(28, 46, 32, 0.08);
--hop-sc-1: #e8e4da;
--hop-sc-2: #dde8e1;
--hop-sc-3: #e4e8dd;
--hop-sc-4: #dae4e1;
--hop-sc-5: #e1e8e4;
--hop-sc-6: #e6e2d8;
--nectar-extra-color-1: var(--hop-sc-1);
--nectar-extra-color-2: var(--hop-sc-2);
--nectar-extra-color-3: var(--hop-sc-3);
}
/**
* Hero antraštė „VERSLO ARTERIJOS“ — VERSLO tamsiai žalia, didesnis šriftas siaurame ekrane.
*/
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading {
max-width: none;
width: 100%;
margin-left: 0;
margin-right: auto;
text-align: left;
font-size: clamp(52px, 8.5vw, 118px) !important;
line-height: 0.86 !important;
white-space: nowrap !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading > h1,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading > h2 {
display: block !important;
flex-direction: row !important;
white-space: nowrap !important;
font-family: "Outfit", sans-serif !important;
font-size: inherit !important;
font-weight: 700 !important;
line-height: inherit !important;
letter-spacing: -0.05em !important;
color: #1c2e20 !important;
margin: 0;
}
/* Salient line-reveal-by-space: žodžiai kaip inline-block — vienoje eilutėje */
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading[data-animation-type="line-reveal-by-space"] > h1 > span,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading[data-animation-type="line-reveal-by-space"] > h2 > span {
display: inline-block !important;
vertical-align: baseline !important;
white-space: nowrap !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading .hop-hero-w1,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading > h1 > span.hop-hero-w1,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading > h2 > span.hop-hero-w1,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading > h1 > span:first-of-type,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading .hop-hero-w1 span,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading .hop-hero-w1 .inner,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading > h1 > span:first-of-type span,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading > h1 > span:first-of-type .inner {
color: #ffffff !important;
font-weight: 700 !important;
font-style: normal;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading .hop-hero-w2,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading > h1 > span.hop-hero-w2,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading > h2 > span.hop-hero-w2,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading > h1 > span:nth-of-type(2),
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading .hop-hero-w2 span,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading .hop-hero-w2 .inner,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading > h1 > span:nth-of-type(2) span,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading > h1 > span:nth-of-type(2) .inner {
color: #ffffff !important;
font-weight: 700 !important;
font-style: normal;
}
/* Hero h1: visos raidės baltos */
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading > h1 > span,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading > h1 > span span,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading > h1 > span .inner {
color: #ffffff !important;
font-weight: 700 !important;
font-style: normal;
}
/* Hero įvadinis tekstas po antrašte */
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-responsive-text[data-inherit-heading-family="h5"],
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-responsive-text[data-inherit-heading-family="h5"] p,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-responsive-text[data-inherit-heading-family="h5"] strong,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .font-claude-response-body,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .font-claude-response-body strong {
color: #ffffff !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row > .vc_row:first-of-type .vc_column {
padding-bottom: 0.5rem !important;
}
/* Hero žemėlapis (WP bg) + kraujagyslės SVG overlay (animacijai) */
body.hoptrans-gradient-landing .three-hero-row {
--hop-hero-map-pos: 50% 50%;
--hop-hero-vessels-pos: 50% 50%;
position: relative;
overflow: hidden;
}
/* Hero vaizdo įrašas — per visą viewport plotį (abu landingai) */
body.hoptrans-gradient-landing.hoptrans-hero-video #ajax-content-wrap,
body.hoptrans-gradient-landing.hoptrans-hero-video #ajax-content-wrap > .container-wrap,
body.hoptrans-gradient-landing.hoptrans-hero-video #ajax-content-wrap > .container-wrap > .container.main-content,
body.hoptrans-gradient-landing.hoptrans-hero-video #ajax-content-wrap > .container-wrap > .container.main-content > .row {
overflow: visible !important;
}
body.hoptrans-gradient-landing.hoptrans-hero-video #ajax-content-wrap .three-hero-row,
body.hoptrans-gradient-landing.hoptrans-hero-video .three-hero-row.nectar_section.top-level.full-width-section {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
box-sizing: border-box !important;
}
body.hoptrans-gradient-landing.hoptrans-hero-video .three-hero-row > .row-bg-wrap .row-bg.using-bg-color,
body.hoptrans-gradient-landing.hoptrans-hero-video .three-hero-row > .row-bg-wrap .row-bg.using-image {
background-color: transparent !important;
}
body.hoptrans-gradient-landing.hoptrans-hero-video .three-hero-row > .row-bg-wrap .row-bg-img {
display: none !important;
}
body.hoptrans-gradient-landing .three-hero-row.parallax_effect--parallax_fade > .row-bg-wrap .row-bg.using-image:after {
display: none !important;
}
/* Salient .row-bg-wrap dažnai 0px aukščio — kraujagyslės overlay tada nematomos */
body.hoptrans-gradient-landing .three-hero-row > .row-bg-wrap {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
z-index: 0;
pointer-events: none;
overflow: hidden;
}
/* Video hero: row-bg užpildo jau 100vw hero sekciją */
body.hoptrans-gradient-landing.hoptrans-hero-video .three-hero-row > .row-bg-wrap {
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
margin-left: 0 !important;
width: 100% !important;
max-width: none !important;
}
body.hoptrans-gradient-landing .three-hero-row > .row-bg-wrap > .inner-wrap.row-bg-layer,
body.hoptrans-gradient-landing .three-hero-row > .row-bg-wrap > .row-bg-overlay {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
}
body.hoptrans-gradient-landing .three-hero-row > .row-bg-wrap .row-bg.using-image {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
background-color: #e9e7e0 !important;
background-image: none !important;
transform: none !important;
top: 0 !important;
bottom: auto !important;
}
body.hoptrans-gradient-landing .three-hero-row > .row-bg-wrap picture,
body.hoptrans-gradient-landing .three-hero-row > .row-bg-wrap .row-bg-img {
opacity: 1 !important;
visibility: visible !important;
display: block !important;
pointer-events: none !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: 50% 50% !important;
transform: none !important;
}
body.hoptrans-gradient-landing.hoptrans-hero-video .three-hero-row > .row-bg-wrap picture,
body.hoptrans-gradient-landing.hoptrans-hero-video .three-hero-row > .row-bg-wrap .row-bg-img {
display: none !important;
}
body.hoptrans-gradient-landing.hoptrans-hero-video .three-hero-row > .row-bg-wrap .nectar-video-wrap video.translate {
transform: none !important;
}
body.hoptrans-gradient-landing .three-hero-row .row-bg-wrap .row-bg.using-image,
body.hoptrans-gradient-landing .three-hero-row .row-bg-wrap.hoptrans-hero-map-only .row-bg.using-image,
body.hoptrans-gradient-landing .three-hero-row .row-bg.using-image {
z-index: 1;
}
body.hoptrans-gradient-landing .three-hero-row > .row-bg-wrap .row-bg-overlay {
z-index: 2 !important;
pointer-events: none;
background: linear-gradient(
100deg,
rgba(35, 40, 32, 0.1) 0%,
rgba(244, 242, 235, 0.2) 58%,
rgba(244, 242, 235, 0.45) 82%,
rgba(244, 242, 235, 0.62) 100%
);
}
body.hoptrans-gradient-landing .three-hero-row > .row-bg-wrap .nectar-video-wrap {
position: absolute !important;
inset: 0 !important;
left: 0 !important;
right: 0 !important;
margin-left: 0 !important;
transform: none !important;
width: 100% !important;
max-width: none !important;
height: 100% !important;
z-index: 1 !important;
overflow: hidden !important;
}
body.hoptrans-gradient-landing .three-hero-row > .row-bg-wrap .nectar-video-wrap .nectar-video-inner {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
}
body.hoptrans-gradient-landing .three-hero-row > .row-bg-wrap .nectar-video-wrap video {
position: absolute !important;
inset: 0 !important;
display: block !important;
opacity: 1 !important;
object-fit: cover !important;
object-position: center center !important;
width: 100% !important;
height: 100% !important;
min-width: 100% !important;
min-height: 100% !important;
}
body.hoptrans-gradient-landing .three-hero-row .hoptrans-hero-vessels-wrap {
display: none !important;
}
/* row-bg-wrap absolute sizing — see block above */
body.hoptrans-gradient-landing .three-hero-row > .row-bg-wrap > .hoptrans-hero-vessels-wrap {
position: absolute;
inset: 0;
z-index: 10 !important;
pointer-events: none;
overflow: visible;
opacity: 1;
}
body.hoptrans-gradient-landing .three-hero-row > .row-bg-wrap > .hoptrans-hero-vessels-wrap.is-loading {
opacity: 0.35;
}
body.hoptrans-gradient-landing .three-hero-row .hoptrans-hero-vessels-svg-inner {
position: absolute;
inset: 0;
transform: none;
}
body.hoptrans-gradient-landing .three-hero-row .hoptrans-hero-vessels-svg,
body.hoptrans-gradient-landing .three-hero-row .hoptrans-hero-vessels-wrap svg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
object-position: var(--hop-hero-vessels-pos);
}
body.hoptrans-gradient-landing .three-hero-row .hop-vessel-path,
body.hoptrans-gradient-landing .three-hero-row #hop-vessels-network path,
body.hoptrans-gradient-landing .three-hero-row #kraujagysles path {
fill: none !important;
stroke: #45eb45 !important;
stroke-width: 3.2px !important;
stroke-linecap: round;
stroke-linejoin: round;
stroke-opacity: 1;
filter: drop-shadow(0 0 2px rgba(69, 235, 69, 0.85));
}
@keyframes hoptrans-vessel-pulse {
0%,
100% {
stroke-opacity: 0.72;
}
50% {
stroke-opacity: 1;
}
}
@media (max-width: 999px) {
body.hoptrans-gradient-landing .three-hero-row {
--hop-hero-map-pos: 22% 50%;
--hop-hero-vessels-pos: 22% 50%;
}
}
@media (max-width: 999px) {
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading {
font-size: clamp(44px, 14vw, 92px) !important;
line-height: 0.9 !important;
letter-spacing: -0.048em !important;
}
}
@media (max-width: 600px) {
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading {
font-size: clamp(40px, 13.5vw, 80px) !important;
letter-spacing: -0.045em !important;
}
}
/*
* Hero stiklo kortelė — Salient Harbor (inner_row 64%, tamsus stiklas, 1/3 media + 2/3 tekstas/CTA).
* Flex 1/3 + 2/3 (ne minmax(0,1fr) — kitaip video susitraukia iki apskritimo).
*/
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25.max_width_desktop_64pct {
max-width: 64% !important;
padding: 15px !important;
background-color: rgba(0, 0, 0, 0.43) !important;
border-radius: 15px !important;
box-sizing: border-box;
overflow: visible;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25.max_width_desktop_64pct > .row-bg-wrap {
border-radius: 15px !important;
overflow: hidden;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25.max_width_desktop_64pct > .row-bg-wrap .row-bg {
background-color: rgba(0, 0, 0, 0.43) !important;
border-radius: 15px !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25.max_width_desktop_64pct > .row_col_wrap_12_inner {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
gap: 20px !important;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25.max_width_desktop_64pct > .row_col_wrap_12_inner::before,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25.max_width_desktop_64pct > .row_col_wrap_12_inner::after {
display: none !important;
content: none !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25.max_width_desktop_64pct > .row_col_wrap_12_inner > .child_column {
float: none !important;
margin: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
min-width: 0;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25.max_width_desktop_64pct > .row_col_wrap_12_inner > .child_column:first-child {
display: none !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25.max_width_desktop_64pct > .row_col_wrap_12_inner > .child_column:last-child {
flex: 1 1 100% !important;
width: 100% !important;
max-width: 100% !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25 .child_column > .vc_column-inner {
height: 100% !important;
min-height: 0 !important;
padding: 0 !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25 .child_column.min_height_desktop_100px > .vc_column-inner {
min-height: 0 !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25 .nectar_video_player_self_hosted {
width: 100%;
margin: 0;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25 .nectar_video_player_self_hosted .wpb_video_wrapper {
aspect-ratio: 1 / 1;
width: 100%;
height: auto;
overflow: hidden;
border-radius: 15px;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25 .nectar-video-self-hosted,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25 .nectar_video_player_self_hosted video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 15px;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25 .child_column.flex_layout_desktop_column > .vc_column-inner {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
min-width: 0;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25 .child_column.flex_layout_desktop_column > .vc_column-inner > .wpb_wrapper {
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: flex-start !important;
text-align: left !important;
flex: 1 1 auto;
width: 100%;
min-width: 0;
min-height: 100%;
height: 100%;
box-sizing: border-box;
gap: 20px !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25 .nectar-responsive-text[data-inherit-heading-family="h5"],
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25 .nectar-responsive-text[data-inherit-heading-family="h5"] p {
text-align: left !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25 .nectar-responsive-text[data-inherit-heading-family="h5"] p {
white-space: nowrap;
margin: 0 !important;
}
/* ══ Inovacijos & Tvarumas — Salient Post Grid vertical list (spalvos, rodyklės, hover) ══ */
/* Homepage Inovacijos — Salient Post Grid vertical list
Scoped: body.home + .hoptrans-innov-post-grid (no #inovacijos dependency) */
body.home.hoptrans-gradient-landing .vc_section:has(.hoptrans-innov-post-grid) .nectar-responsive-text[data-inherit-heading-family="h6"] p,
body.home.hoptrans-gradient-landing .vc_section:has(.hoptrans-innov-post-grid) .nectar-responsive-text.h6,
body.home.hoptrans-gradient-landing #inovacijos .nectar-responsive-text[data-inherit-heading-family="h6"] p,
body.home.hoptrans-gradient-landing #inovacijos .nectar-responsive-text.h6 {
color: var(--hop-g3);
}
body.home.hoptrans-gradient-landing .vc_section:has(.hoptrans-innov-post-grid) .nectar-responsive-text[data-inherit-heading-family="h2"] p,
body.home.hoptrans-gradient-landing #inovacijos .nectar-responsive-text[data-inherit-heading-family="h2"] p {
color: var(--hop-ink) !important;
font-family: Outfit, sans-serif !important;
font-size: inherit !important;
font-weight: 700 !important;
font-style: normal !important;
line-height: 1.15 !important;
letter-spacing: -0.02em !important;
}
body.home.hoptrans-gradient-landing .vc_section:has(.hoptrans-innov-post-grid) .nectar-responsive-text[data-inherit-heading-family="h2"] p em,
body.home.hoptrans-gradient-landing #inovacijos .nectar-responsive-text[data-inherit-heading-family="h2"] p em {
font-family: Outfit, sans-serif !important;
font-size: inherit !important;
font-weight: 700 !important;
font-style: normal !important;
line-height: inherit !important;
letter-spacing: inherit !important;
color: var(--hop-g2) !important;
}
body.home.hoptrans-gradient-landing .vc_section:has(.hoptrans-innov-post-grid) .nectar-responsive-text:not([data-inherit-heading-family="h2"]):not([data-inherit-heading-family="h6"]) p,
body.home.hoptrans-gradient-landing .vc_section:has(.hoptrans-innov-post-grid) .nectar-responsive-text:not([data-inherit-heading-family="h2"]):not([data-inherit-heading-family="h6"]),
body.home.hoptrans-gradient-landing #inovacijos .nectar-responsive-text:not([data-inherit-heading-family="h2"]):not([data-inherit-heading-family="h6"]) p,
body.home.hoptrans-gradient-landing #inovacijos .nectar-responsive-text:not([data-inherit-heading-family="h2"]):not([data-inherit-heading-family="h6"]) {
color: var(--hop-i50);
}
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid.nectar-post-grid-wrap[data-style="vertical_list"] {
--nectar-vertical-list-bg-hover: var(--hop-glt);
--nectar-vertical-list-text-hover: var(--hop-gbr);
}
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .nectar-post-grid-item {
border-color: var(--hop-i08) !important;
}
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .nectar-post-grid-item .meta-category a,
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .nectar-post-grid-item .meta-category {
color: var(--hop-g3);
}
/* Resting ink text — prevent white-on-light bleed when hover vars missing */
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .vert_list_hover_effect_bg_color_change .nectar-post-grid-item .item-main .post-heading,
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .vert_list_hover_effect_bg_color_change .nectar-post-grid-item .item-main .post-heading a,
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .vert_list_hover_effect_bg_color_change .nectar-post-grid-item .nectar-link-underline span {
color: var(--hop-ink, #1c2e20) !important;
}
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .vert_list_hover_effect_bg_color_change .nectar-post-grid-item .content .item-main {
align-items: center;
min-height: 0;
}
/* Salient SVG has width/height="200px" inline — cap arrow icon (stable, class-scoped) */
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .vert_list_hover_effect_bg_color_change .nectar-post-grid-item .content .item-main .nectar-post-grid-item__arrow,
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .vert_list_hover_effect_bg_color_change .nectar-post-grid-item .content .item-main svg.nectar-post-grid-item__arrow {
display: block;
width: 20px !important;
height: 20px !important;
max-width: 20px !important;
max-height: 20px !important;
min-width: 20px;
min-height: 20px;
flex: 0 0 20px;
overflow: visible;
}
@media only screen and (max-width: 1000px) {
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .vert_list_hover_effect_bg_color_change .nectar-post-grid-item .content .item-main .nectar-post-grid-item__arrow,
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .vert_list_hover_effect_bg_color_change .nectar-post-grid-item .content .item-main svg.nectar-post-grid-item__arrow {
width: 14px !important;
height: 14px !important;
max-width: 14px !important;
max-height: 14px !important;
min-width: 14px;
min-height: 14px;
flex: 0 0 14px;
}
}
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .vert_list_hover_effect_bg_color_change .nectar-post-grid-item-bg:after {
background-color: var(--hop-glt) !important;
}
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .vert_list_hover_effect_bg_color_change .nectar-post-grid-item .item-main,
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .vert_list_hover_effect_bg_color_change .nectar-post-grid-item .nectar-post-grid-item__arrow,
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .vert_list_counter .item-main:before {
transition: color 0.65s cubic-bezier(0.22, 1, 0.36, 1), stroke 0.65s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}
body.home.hoptrans-gradient-landing #ajax-content-wrap .hoptrans-innov-post-grid .vert_list_hover_effect_bg_color_change .nectar-post-grid-item-bg {
transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .vert_list_hover_effect_bg_color_change .nectar-post-grid-item .item-main .post-heading,
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .vert_list_hover_effect_bg_color_change .nectar-post-grid-item .item-main .post-heading a,
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .vert_list_hover_effect_bg_color_change .nectar-post-grid-item .nectar-link-underline span {
transition: color 0.65s cubic-bezier(0.22, 1, 0.36, 1), background-image 0.65s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
@media only screen and (min-width: 1000px) {
body.home.hoptrans-gradient-landing #ajax-content-wrap .hoptrans-innov-post-grid .vert_list_hover_effect_bg_color_change .nectar-post-grid-item:hover .item-main,
body.home.hoptrans-gradient-landing #ajax-content-wrap .hoptrans-innov-post-grid .vert_list_hover_effect_bg_color_change .nectar-post-grid-item:hover .item-main *,
body.home.hoptrans-gradient-landing #ajax-content-wrap .hoptrans-innov-post-grid .vert_list_hover_effect_bg_color_change .nectar-post-grid-item:hover .post-heading,
body.home.hoptrans-gradient-landing #ajax-content-wrap .hoptrans-innov-post-grid .vert_list_hover_effect_bg_color_change .nectar-post-grid-item:hover .post-heading a {
color: var(--hop-gbr) !important;
}
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .vert_list_hover_effect_bg_color_change .nectar-post-grid-item:hover .nectar-link-underline span {
background-image: linear-gradient(to right, var(--hop-gbr) 0, var(--hop-gbr) 100%) !important;
}
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .vert_list_counter.vert_list_hover_effect_bg_color_change .nectar-post-grid-item:hover .item-main:before {
border-color: var(--hop-gbr) !important;
color: var(--hop-gbr) !important;
}
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .vert_list_hover_effect_bg_color_change .nectar-post-grid-item:hover .nectar-post-grid-item__arrow,
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .vert_list_hover_effect_bg_color_change .nectar-post-grid-item:hover svg.nectar-post-grid-item__arrow {
stroke: var(--hop-gbr) !important;
color: var(--hop-gbr) !important;
}
}
/* Inovacijos sąrašas — lėtas stagger reveal */
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .nectar-post-grid-item.hoptrans-innov-reveal-item {
opacity: 0;
transform: translateY(56px);
transition:
transform 3900ms cubic-bezier(0.22, 1, 0.36, 1),
opacity 3900ms cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: var(--hop-innov-delay, 0ms);
will-change: transform, opacity;
}
body.home.hoptrans-gradient-landing .hoptrans-innov-post-grid .nectar-post-grid-item.hoptrans-innov-reveal-item.is-revealed {
opacity: 1;
transform: translateY(0);
}
/* Darbas vairuotojams — atlyginimo sekcija (titulinio sektorių kortelių stilius) */
body.hoptrans-gradient-landing #vairuotojai-atlyginimas .nectar-responsive-text[data-inherit-heading-family="h6"] p,
body.hoptrans-gradient-landing #vairuotojai-atlyginimas .nectar-responsive-text.h6,
body.page-id-1884 #vairuotojai-atlyginimas .nectar-responsive-text[data-inherit-heading-family="h6"] p {
color: var(--hop-g3);
}
body.hoptrans-gradient-landing #vairuotojai-atlyginimas .nectar-responsive-text[data-inherit-heading-family="h2"] p,
body.page-id-1884 #vairuotojai-atlyginimas .nectar-responsive-text[data-inherit-heading-family="h2"] p {
color: var(--hop-ink) !important;
font-family: Outfit, sans-serif !important;
font-weight: 700 !important;
letter-spacing: -0.02em !important;
}
body.hoptrans-gradient-landing #vairuotojai-atlyginimas .hoptrans-vair-atlyginimas-lead p,
body.page-id-1884 #vairuotojai-atlyginimas .hoptrans-vair-atlyginimas-lead p {
color: var(--hop-ink, #1c2e20) !important;
max-width: 28rem;
line-height: 1.55;
}
body.hoptrans-gradient-landing #vairuotojai-atlyginimas .hoptrans-vair-atlyginimas-cards .vc_column_container h3,
body.page-id-1884 #vairuotojai-atlyginimas .hoptrans-vair-atlyginimas-cards .vc_column_container h3 {
font-family: Outfit, sans-serif !important;
font-weight: 700 !important;
letter-spacing: -0.02em !important;
color: var(--hop-ink) !important;
}
body.hoptrans-gradient-landing #vairuotojai-atlyginimas .hoptrans-vair-atlyginimas-cards .nectar-responsive-text p,
body.page-id-1884 #vairuotojai-atlyginimas .hoptrans-vair-atlyginimas-cards .nectar-responsive-text p,
body.hoptrans-gradient-landing #vairuotojai-atlyginimas .hoptrans-vair-atlyginimas-cards .wpb_text_column,
body.page-id-1884 #vairuotojai-atlyginimas .hoptrans-vair-atlyginimas-cards .wpb_text_column,
body.hoptrans-gradient-landing #vairuotojai-atlyginimas .hoptrans-vair-atlyginimas-cards .wpb_text_column p,
body.page-id-1884 #vairuotojai-atlyginimas .hoptrans-vair-atlyginimas-cards .wpb_text_column p {
color: var(--hop-ink, #1c2e20) !important;
}
body.hoptrans-gradient-landing #vairuotojai-atlyginimas .hoptrans-vair-atlyginimas-cards .nectar-badge,
body.page-id-1884 #vairuotojai-atlyginimas .hoptrans-vair-atlyginimas-cards .nectar-badge {
flex-shrink: 0;
white-space: nowrap;
}
body.hoptrans-gradient-landing #vairuotojai-atlyginimas .hoptrans-vair-atlyginimas-cards .nectar-badge,
body.hoptrans-gradient-landing #vairuotojai-atlyginimas .hoptrans-vair-atlyginimas-cards .nectar-badge span,
body.hoptrans-gradient-landing #vairuotojai-atlyginimas .hoptrans-vair-atlyginimas-cards .nectar-badge .nectar-badge-text,
body.page-id-1884 #vairuotojai-atlyginimas .hoptrans-vair-atlyginimas-cards .nectar-badge,
body.page-id-1884 #vairuotojai-atlyginimas .hoptrans-vair-atlyginimas-cards .nectar-badge span,
body.page-id-1884 #vairuotojai-atlyginimas .hoptrans-vair-atlyginimas-cards .nectar-badge .nectar-badge-text {
color: #ffffff !important;
}
body.hoptrans-gradient-landing #vairuotojai-atlyginimas .hoptrans-vair-atlyginimas-cards .fancy-ul li,
body.page-id-1884 #vairuotojai-atlyginimas .hoptrans-vair-atlyginimas-cards .fancy-ul li {
color: var(--hop-ink, #1c2e20) !important;
}
@media only screen and (max-width: 999px) {
body.hoptrans-gradient-landing #vairuotojai-atlyginimas .hoptrans-vair-atlyginimas-cards .vc_column_container,
body.page-id-1884 #vairuotojai-atlyginimas .hoptrans-vair-atlyginimas-cards .vc_column_container {
margin-bottom: 0;
}
}
/* Darbas vairuotojams — intro CTA pill (Laisvos darbo vietos) */ /* hoptrans-vair-intro-cta */
body.hoptrans-gradient-landing #vairuotojai-intro .nectar-cta[data-style="arrow-circle-animation"],
body.page-id-1884 #vairuotojai-intro .nectar-cta[data-style="arrow-circle-animation"] {
width: auto !important;
max-width: 100% !important;
min-width: 0;
flex: 0 0 auto;
overflow: visible !important;
--nectar-icon-gap: 14px !important;
--nectar-min-icon-size: 34px !important;
}
body.hoptrans-gradient-landing #vairuotojai-intro .nectar-cta[data-style="arrow-circle-animation"] .nectar-button-type,
body.page-id-1884 #vairuotojai-intro .nectar-cta[data-style="arrow-circle-animation"] .nectar-button-type {
display: block !important;
max-width: 100%;
overflow: visible !important;
}
body.hoptrans-gradient-landing #vairuotojai-intro .nectar-cta[data-style="arrow-circle-animation"] .link_wrap,
body.page-id-1884 #vairuotojai-intro .nectar-cta[data-style="arrow-circle-animation"] .link_wrap {
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
width: auto !important;
max-width: 100% !important;
min-width: max-content !important;
box-sizing: border-box !important;
padding: 4px 8px 4px 22px !important;
overflow: visible !important;
background-color: var(--hop-ink, #1c2e20) !important;
border-color: var(--hop-ink, #1c2e20) !important;
--nectar-button-color: #ffffff;
--nectar-text-color: #ffffff;
}
body.hoptrans-gradient-landing #vairuotojai-intro .nectar-cta[data-style="arrow-circle-animation"] a.link_text,
body.page-id-1884 #vairuotojai-intro .nectar-cta[data-style="arrow-circle-animation"] a.link_text {
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: var(--nectar-icon-gap, 14px) !important;
width: auto !important;
max-width: 100% !important;
padding: 0 !important;
overflow: visible !important;
}
body.hoptrans-gradient-landing #vairuotojai-intro .nectar-cta[data-style="arrow-circle-animation"] .link_text .text,
body.page-id-1884 #vairuotojai-intro .nectar-cta[data-style="arrow-circle-animation"] .link_text .text {
color: #ffffff !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
font-family: "Outfit", sans-serif !important;
font-weight: 600 !important;
font-size: 14px !important;
line-height: 1.2 !important;
}
body.hoptrans-gradient-landing #vairuotojai-intro .nectar-cta[data-style="arrow-circle-animation"] .arrow-circle-animation-arrow-wrap,
body.page-id-1884 #vairuotojai-intro .nectar-cta[data-style="arrow-circle-animation"] .arrow-circle-animation-arrow-wrap {
position: relative !important;
flex-shrink: 0 !important;
display: block !important;
width: max(34px, var(--nectar-min-icon-size, 34px)) !important;
min-width: max(34px, var(--nectar-min-icon-size, 34px)) !important;
aspect-ratio: 1 / 1;
border-radius: 100%;
overflow: hidden;
background-color: #ffffff !important;
clip-path: circle(50% at 50% 50%);
}
body.hoptrans-gradient-landing #vairuotojai-intro .nectar-cta[data-style="arrow-circle-animation"] .arrow-circle-animation-arrow,
body.page-id-1884 #vairuotojai-intro .nectar-cta[data-style="arrow-circle-animation"] .arrow-circle-animation-arrow {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 50% !important;
height: 50% !important;
fill: var(--hop-ink, #1c2e20) !important;
opacity: 1 !important;
visibility: visible !important;
}
body.hoptrans-gradient-landing #vairuotojai-intro .nectar-cta[data-style="arrow-circle-animation"]:hover .link_wrap,
body.page-id-1884 #vairuotojai-intro .nectar-cta[data-style="arrow-circle-animation"]:hover .link_wrap {
background-color: #000000 !important;
border-color: #000000 !important;
}
/* Hoptrans — arrow-circle CTA (juodas fonas, baltas tekstas, pilnas tekstas) */
body.hoptrans-gradient-landing .nectar-cta[data-style="arrow-circle-animation"]:not(.hoptrans-vair-phone-cta),
body.page-id-1925 .nectar-cta[data-style="arrow-circle-animation"]:not(.hoptrans-vair-phone-cta) {
width: auto !important;
max-width: 100% !important;
min-width: 0;
flex: 0 0 auto;
}
body.hoptrans-gradient-landing .nectar-cta[data-style="arrow-circle-animation"]:not(.hoptrans-vair-phone-cta) .link_wrap,
body.page-id-1925 .nectar-cta[data-style="arrow-circle-animation"]:not(.hoptrans-vair-phone-cta) .link_wrap {
display: inline-flex !important;
align-items: center !important;
width: auto !important;
max-width: 100% !important;
min-width: max-content !important;
box-sizing: border-box !important;
padding: 4px 6px 4px 20px !important;
overflow: visible !important;
background-color: var(--hop-ink, #1c2e20) !important;
border-color: var(--hop-ink, #1c2e20) !important;
--nectar-button-color: #ffffff;
--nectar-text-color: #ffffff;
}
body.hoptrans-gradient-landing .nectar-cta[data-style="arrow-circle-animation"]:not(.hoptrans-vair-phone-cta) .link_wrap .link_text,
body.page-id-1925 .nectar-cta[data-style="arrow-circle-animation"]:not(.hoptrans-vair-phone-cta) .link_wrap .link_text {
display: inline-flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: var(--nectar-icon-gap, 14px) !important;
padding-right: 0 !important;
max-width: none !important;
overflow: visible !important;
}
body.hoptrans-gradient-landing .nectar-cta[data-style="arrow-circle-animation"]:not(.hoptrans-vair-phone-cta) .link_text .text,
body.page-id-1925 .nectar-cta[data-style="arrow-circle-animation"]:not(.hoptrans-vair-phone-cta) .link_text .text {
color: #ffffff !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
font-family: "Outfit", sans-serif !important;
font-weight: 600 !important;
font-size: 14px !important;
line-height: 1.2 !important;
}
body.hoptrans-gradient-landing .nectar-cta[data-style="arrow-circle-animation"]:not(.hoptrans-vair-phone-cta) .arrow-circle-animation-arrow-wrap,
body.page-id-1925 .nectar-cta[data-style="arrow-circle-animation"]:not(.hoptrans-vair-phone-cta) .arrow-circle-animation-arrow-wrap {
position: relative !important;
flex-shrink: 0 !important;
width: max(34px, var(--nectar-min-icon-size, 34px)) !important;
min-width: max(34px, var(--nectar-min-icon-size, 34px)) !important;
aspect-ratio: 1 / 1;
border-radius: 100%;
overflow: hidden;
background-color: #ffffff !important;
clip-path: circle(50% at 50% 50%);
}
body.hoptrans-gradient-landing .nectar-cta[data-style="arrow-circle-animation"]:not(.hoptrans-vair-phone-cta) .arrow-circle-animation-arrow,
body.page-id-1925 .nectar-cta[data-style="arrow-circle-animation"]:not(.hoptrans-vair-phone-cta) .arrow-circle-animation-arrow {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 50% !important;
height: 50% !important;
fill: var(--hop-ink, #1c2e20) !important;
opacity: 1 !important;
visibility: visible !important;
}
body.hoptrans-gradient-landing .nectar-cta[data-style="arrow-circle-animation"]:not(.hoptrans-vair-phone-cta):hover .link_wrap,
body.page-id-1925 .nectar-cta[data-style="arrow-circle-animation"]:not(.hoptrans-vair-phone-cta):hover .link_wrap {
background-color: #000000 !important;
border-color: #000000 !important;
}
/* Vairuotojų CTA — phone link uses same ink arrow-circle style */
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-phone-cta,
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-phone-cta,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta {
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: visible !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-phone-cta .link_wrap,
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta .link_wrap,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-phone-cta .link_wrap,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta .link_wrap {
display: inline-flex !important;
align-items: center !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
min-height: 42px !important;
box-sizing: border-box !important;
padding: 6px 8px 6px 20px !important;
overflow: visible !important;
background-color: var(--hop-ink, #1c2e20) !important;
border-color: var(--hop-ink, #1c2e20) !important;
--nectar-button-color: #ffffff;
--nectar-text-color: #ffffff;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-phone-cta .link_wrap .link_text,
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta .link_wrap .link_text,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-phone-cta .link_wrap .link_text,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta .link_wrap .link_text {
display: inline-flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: var(--nectar-icon-gap, 14px) !important;
padding-right: 0 !important;
max-width: none !important;
overflow: visible !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-phone-cta .link_text .text,
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta .link_text .text,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-phone-cta .link_text .text,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta .link_text .text {
color: #ffffff !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
font-family: "Outfit", sans-serif !important;
font-weight: 600 !important;
font-size: clamp(12px, 1.6vw, 14px) !important;
line-height: 1.25 !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-phone-cta .arrow-circle-animation-arrow-wrap,
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta .arrow-circle-animation-arrow-wrap,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-phone-cta .arrow-circle-animation-arrow-wrap,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta .arrow-circle-animation-arrow-wrap {
position: relative !important;
flex-shrink: 0 !important;
width: max(34px, var(--nectar-min-icon-size, 34px)) !important;
min-width: max(34px, var(--nectar-min-icon-size, 34px)) !important;
aspect-ratio: 1 / 1;
border-radius: 100%;
overflow: hidden;
background-color: #ffffff !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-phone-cta .arrow-circle-animation-arrow,
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta .arrow-circle-animation-arrow,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-phone-cta .arrow-circle-animation-arrow,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta .arrow-circle-animation-arrow {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 50% !important;
height: 50% !important;
fill: var(--hop-ink, #1c2e20) !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-phone-cta:hover .link_wrap,
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta:hover .link_wrap,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-phone-cta:hover .link_wrap,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta:hover .link_wrap {
background-color: #000000 !important;
border-color: #000000 !important;
}
/* Homepage hero glass card — "Judėkime kartu" ink CTA (scoped to three-hero-row) */
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25 .nectar-cta[data-style="arrow-circle-animation"] .link_wrap {
background-color: var(--hop-ink, #1c2e20) !important;
border-color: var(--hop-ink, #1c2e20) !important;
--nectar-button-color: #ffffff;
--nectar-text-color: #ffffff;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25 .nectar-cta[data-style="arrow-circle-animation"] .link_text .text,
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25 .nectar-cta[data-style="arrow-circle-animation"] .nectar-button-type {
color: #ffffff !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25 .nectar-cta[data-style="arrow-circle-animation"] .arrow-circle-animation-arrow-wrap {
background-color: #ffffff !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25 .nectar-cta[data-style="arrow-circle-animation"] .arrow-circle-animation-arrow {
fill: var(--hop-ink, #1c2e20) !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .inner_row.backdrop_filter_blur_25 .nectar-cta[data-style="arrow-circle-animation"]:hover .link_wrap {
background-color: #000000 !important;
border-color: #000000 !important;
}
/* Darbas vairuotojams — skelbimų sąrašas (Inovacijų vertical list + Toggle akordeonas) */
body.hoptrans-gradient-landing #vairuotojai-skelbimai .nectar-responsive-text[data-inherit-heading-family="h6"] p,
body.hoptrans-gradient-landing #vairuotojai-skelbimai .nectar-responsive-text.h6,
body.page-id-1884 #vairuotojai-skelbimai .nectar-responsive-text[data-inherit-heading-family="h6"] p {
color: var(--hop-g3);
}
body.hoptrans-gradient-landing #vairuotojai-skelbimai .nectar-responsive-text[data-inherit-heading-family="h2"] p,
body.page-id-1884 #vairuotojai-skelbimai .nectar-responsive-text[data-inherit-heading-family="h2"] p {
color: var(--hop-ink) !important;
font-family: Outfit, sans-serif !important;
font-weight: 700 !important;
letter-spacing: -0.02em !important;
}
body.hoptrans-gradient-landing #vairuotojai-skelbimai .wpb_wrapper > .nectar-responsive-text:not([data-inherit-heading-family]) p,
body.hoptrans-gradient-landing #vairuotojai-skelbimai .wpb_wrapper > .nectar-responsive-text[style*="color"] p,
body.page-id-1884 #vairuotojai-skelbimai .wpb_wrapper > .nectar-responsive-text[style*="color"] p {
color: var(--hop-ink, #1c2e20) !important;
max-width: 42rem;
}
/* Miesto filtras — checkbox row (varnelės) */
body.hoptrans-gradient-landing #vairuotojai-skelbimai .hoptrans-vair-jobs-filter,
body.page-id-1884 #vairuotojai-skelbimai .hoptrans-vair-jobs-filter {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 20px;
margin: clamp(14px, 1.8vw, 20px) 0 clamp(6px, 1vw, 12px);
}
body.hoptrans-gradient-landing #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__label,
body.page-id-1884 #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__label {
font-family: Outfit, sans-serif;
font-size: 0.82rem;
font-weight: 600;
letter-spacing: 0.04em;
color: var(--hop-ink, #1c2e20);
opacity: 0.72;
}
body.hoptrans-gradient-landing #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__options,
body.page-id-1884 #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__options {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 18px;
}
body.hoptrans-gradient-landing #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__option,
body.page-id-1884 #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__option {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0;
cursor: pointer;
font-family: Outfit, sans-serif;
font-size: 0.95rem;
font-weight: 600;
line-height: 1.2;
color: var(--hop-ink, #1c2e20);
user-select: none;
}
body.hoptrans-gradient-landing #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__checkbox,
body.page-id-1884 #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__checkbox {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
body.hoptrans-gradient-landing #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__box,
body.page-id-1884 #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__box {
box-sizing: border-box;
flex: 0 0 18px;
width: 18px;
height: 18px;
border: 1.5px solid var(--hop-i08, rgba(13, 31, 18, 0.22));
border-radius: 4px;
background: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
transition:
background-color 0.25s cubic-bezier(0.22, 1, 0.36, 1),
border-color 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
body.hoptrans-gradient-landing #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__box::after,
body.page-id-1884 #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__box::after {
content: "";
width: 10px;
height: 6px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(-45deg) translateY(-1px);
opacity: 0;
transition: opacity 0.2s ease;
}
body.hoptrans-gradient-landing #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__checkbox:checked + .hoptrans-vair-jobs-filter__box,
body.page-id-1884 #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__checkbox:checked + .hoptrans-vair-jobs-filter__box {
background: var(--hop-g1, #1a5c30);
border-color: var(--hop-g1, #1a5c30);
}
body.hoptrans-gradient-landing #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__checkbox:checked + .hoptrans-vair-jobs-filter__box::after,
body.page-id-1884 #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__checkbox:checked + .hoptrans-vair-jobs-filter__box::after {
opacity: 1;
}
body.hoptrans-gradient-landing #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__option:hover .hoptrans-vair-jobs-filter__box,
body.page-id-1884 #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__option:hover .hoptrans-vair-jobs-filter__box {
border-color: var(--hop-g1, #1a5c30);
}
body.hoptrans-gradient-landing #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__checkbox:focus-visible + .hoptrans-vair-jobs-filter__box,
body.page-id-1884 #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__checkbox:focus-visible + .hoptrans-vair-jobs-filter__box {
outline: 2px solid var(--hop-g1, #1a5c30);
outline-offset: 2px;
}
body.hoptrans-gradient-landing #vairuotojai-skelbimai .hoptrans-vair-jobs-empty,
body.page-id-1884 #vairuotojai-skelbimai .hoptrans-vair-jobs-empty {
margin: 18px 0 0;
padding: 14px 4px;
font-size: 0.95rem;
line-height: 1.45;
color: rgba(28, 46, 32, 0.7);
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle.is-city-hidden,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle.is-city-hidden {
display: none !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
height: 0 !important;
overflow: hidden !important;
}
@media (prefers-reduced-motion: reduce) {
body.hoptrans-gradient-landing #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__box,
body.page-id-1884 #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__box,
body.hoptrans-gradient-landing #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__box::after,
body.page-id-1884 #vairuotojai-skelbimai .hoptrans-vair-jobs-filter__box::after {
transition: none;
}
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion {
counter-reset: hop-vair-job;
margin-top: clamp(12px, 2vw, 24px);
border-top: 1px solid var(--hop-i08);
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle {
counter-increment: hop-vair-job;
margin: 0 !important;
padding: 0 !important;
border: none !important;
border-bottom: 1px solid var(--hop-i08) !important;
background: transparent !important;
overflow: visible;
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .toggle-title,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .toggle-title {
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
transition: background-color 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .toggle-title a,
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle h3 a,
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle h4 a,
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .toggle-title a.nectar-inherit-h4,
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle h3 a.toggle-heading,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .toggle-title a,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle h3 a,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle h3 a.nectar-inherit-h4,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle h3 a.toggle-heading {
display: flex !important;
align-items: center !important;
gap: clamp(12px, 2vw, 20px) !important;
width: 100% !important;
padding: clamp(16px, 2.2vw, 24px) clamp(8px, 1.5vw, 16px) !important;
margin: 0 !important;
border: none !important;
border-radius: 0 !important;
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
font-family: Outfit, sans-serif !important;
font-size: clamp(0.95rem, 1.2vw, 1.125rem) !important;
font-weight: 700 !important;
line-height: 1.25 !important;
letter-spacing: -0.02em !important;
text-transform: none !important;
text-decoration: none !important;
color: var(--hop-ink) !important;
transition: color 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .toggle-title a i,
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .toggle-title a .fa,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .toggle-title a i {
display: none !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
visibility: hidden !important;
font-size: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .toggle-title a::before,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .toggle-title a::before {
content: counter(hop-vair-job);
flex: 0 0 clamp(2rem, 3vw, 2.35rem);
width: clamp(2rem, 3vw, 2.35rem);
height: clamp(2rem, 3vw, 2.35rem);
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--hop-i08);
border-radius: 50%;
font-size: clamp(0.75rem, 1vw, 0.85rem);
font-weight: 600;
font-family: Outfit, sans-serif;
color: var(--hop-g3);
transition:
color 0.65s cubic-bezier(0.22, 1, 0.36, 1),
border-color 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .toggle-title a::after,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .toggle-title a::after {
content: "";
box-sizing: border-box;
flex: 0 0 clamp(2rem, 3vw, 2.35rem);
width: clamp(2rem, 3vw, 2.35rem);
height: clamp(2rem, 3vw, 2.35rem);
margin-left: auto;
display: block;
border: 1px solid var(--hop-i08, rgba(13, 31, 18, 0.14));
border-radius: 50%;
background-color: transparent;
/* Square 24×24 arrow, path centered in viewBox */
background-image: var(--hop-svg-3);
background-repeat: no-repeat;
background-position: 52% 48%;
background-size: 12px 12px;
transform-origin: 50% 50%;
transition:
transform 0.65s cubic-bezier(0.22, 1, 0.36, 1),
border-color 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}
/* Hover / open row — karjera etalon (#karjera-skelbimai) */
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle.open .toggle-title,
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle:hover .toggle-title,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle.open .toggle-title,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle:hover .toggle-title {
background-color: #dde8e1 !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle.open .toggle-title a,
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle:hover .toggle-title a,
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle.active .toggle-title a,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle.open .toggle-title a,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle:hover .toggle-title a {
color: var(--hop-g1, #1a5c30) !important;
background: transparent !important;
background-color: transparent !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle.open .toggle-title a::before,
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle:hover .toggle-title a::before,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle.open .toggle-title a::before,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle:hover .toggle-title a::before {
border-color: var(--hop-g1, #1a5c30) !important;
color: var(--hop-g1, #1a5c30) !important;
}
/* Atidaryta — titulinio sektorių kortelių tonai (hop-sc-1…4) tik išskleistam turiniui */
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle:nth-child(4n + 1).open .inner-toggle-wrap,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle:nth-child(4n + 1).open .inner-toggle-wrap {
background-color: var(--hop-sc-1, #e8e4da) !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle:nth-child(4n + 2).open .inner-toggle-wrap,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle:nth-child(4n + 2).open .inner-toggle-wrap {
background-color: var(--hop-sc-2, #dde8e1) !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle:nth-child(4n + 3).open .inner-toggle-wrap,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle:nth-child(4n + 3).open .inner-toggle-wrap {
background-color: var(--hop-sc-3, #e4e8dd) !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle:nth-child(4n + 4).open .inner-toggle-wrap,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle:nth-child(4n + 4).open .inner-toggle-wrap {
background-color: var(--hop-sc-4, #dae4e1) !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle.open .toggle-title a::after,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle.open .toggle-title a::after {
transform: rotate(90deg);
border-color: var(--hop-g1, #1a5c30);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231a5c30' d='M7 7h10v10h-2.2V10.7L7.8 17.7 6.3 16.2 13.3 9.2H7V7z'/%3E%3C/svg%3E");
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle:hover .toggle-title a::after,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle:hover .toggle-title a::after {
border-color: var(--hop-g1, #1a5c30);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231a5c30' d='M7 7h10v10h-2.2V10.7L7.8 17.7 6.3 16.2 13.3 9.2H7V7z'/%3E%3C/svg%3E");
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle > div,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle > div {
border: none !important;
background: transparent !important;
}
/* Salient animates max-height on open panes — unlock so deeper content isn't clipped */
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle[data-inner-wrap="true"].open > div,
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle.open > div,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle[data-inner-wrap="true"].open > div,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle.open > div {
max-height: none !important;
height: auto !important;
overflow: visible !important;
pointer-events: auto !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 14px 16px;
min-height: 0;
padding: 8px clamp(8px, 1.5vw, 16px) clamp(28px, 3.2vw, 40px)
calc(clamp(2rem, 3vw, 2.35rem) + clamp(20px, 3vw, 36px)) !important;
border: none !important;
background: transparent !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block {
flex: 1 1 100%;
width: 100%;
margin: 4px 0 0;
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block h5,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block h5 {
margin: 0 0 8px;
font-family: Outfit, sans-serif;
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 0.02em;
color: var(--hop-g1, #1a5c30);
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block ul,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block ul {
margin: 0;
padding-left: 1.15rem;
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block li,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block li {
margin: 0 0 4px;
font-size: clamp(0.88rem, 1.02vw, 0.98rem);
line-height: 1.5;
color: var(--hop-ink, #1c2e20);
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .wpb_text_column,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .wpb_text_column {
flex: 1 1 100%;
width: 100%;
margin-bottom: 0;
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap p,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap p,
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .wpb_text_column,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .wpb_text_column {
font-size: clamp(0.9rem, 1.05vw, 1rem);
line-height: 1.55;
color: var(--hop-ink, #1c2e20) !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .nectar-cta,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .nectar-cta {
display: inline-flex !important;
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
flex: 0 1 auto !important;
margin: clamp(8px, 1.2vw, 12px) 0 0 !important;
align-self: flex-start;
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .nectar-cta + .nectar-cta,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .nectar-cta + .nectar-cta {
margin-left: clamp(12px, 1.6vw, 18px) !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .link_wrap,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .link_wrap {
display: inline-flex !important;
align-items: center !important;
width: auto !important;
max-width: 100% !important;
min-width: max-content !important;
box-sizing: border-box !important;
padding: 4px 6px 4px 20px !important;
overflow: visible !important;
background-color: var(--hop-ink, #1c2e20) !important;
border-color: var(--hop-ink, #1c2e20) !important;
--nectar-button-color: #ffffff;
--nectar-text-color: #ffffff;
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .link_wrap .link_text,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .link_wrap .link_text {
display: inline-flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: var(--nectar-icon-gap, 14px) !important;
padding-right: 0 !important;
max-width: none !important;
overflow: visible !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .link_text .text,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .link_text .text {
color: #ffffff !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
font-family: "Outfit", sans-serif !important;
font-weight: 600 !important;
font-size: clamp(12px, 0.95vw, 14px) !important;
line-height: 1.25 !important;
letter-spacing: -0.01em;
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .arrow-circle-animation-arrow-wrap,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .arrow-circle-animation-arrow-wrap {
position: relative !important;
flex-shrink: 0 !important;
width: max(34px, var(--nectar-min-icon-size, 34px)) !important;
min-width: max(34px, var(--nectar-min-icon-size, 34px)) !important;
aspect-ratio: 1 / 1;
border-radius: 100%;
overflow: hidden;
background-color: #ffffff !important;
clip-path: circle(50% at 50% 50%);
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .arrow-circle-animation-arrow,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .arrow-circle-animation-arrow {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 50% !important;
height: 50% !important;
fill: var(--hop-ink, #1c2e20) !important;
opacity: 1 !important;
visibility: visible !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"]:hover .link_wrap,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"]:hover .link_wrap {
background-color: #000000 !important;
border-color: #000000 !important;
}
/* Phone CTA in job accordion (Salient drops nectar_cta el_class — target tel: href) */
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta:has(a[href^="tel:"]) .arrow-circle-animation-arrow,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta:has(a[href^="tel:"]) .arrow-circle-animation-arrow {
opacity: 0 !important;
visibility: hidden !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta:has(a[href^="tel:"]) .arrow-circle-animation-arrow-wrap::after,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta:has(a[href^="tel:"]) .arrow-circle-animation-arrow-wrap::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 46%;
height: 46%;
background-color: var(--hop-ink, #1c2e20);
mask-image: var(--hop-svg-1);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-image: var(--hop-svg-1);
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}
@media only screen and (max-width: 999px) {
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .toggle-title a::after,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .toggle-title a::after {
flex-basis: 1.85rem;
width: 1.85rem;
height: 1.85rem;
background-size: 11px 11px;
}
body.hoptrans-gradient-landing #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap,
body.page-id-1884 #ajax-content-wrap #vairuotojai-skelbimai .toggles.accordion .toggle .inner-toggle-wrap {
padding-left: clamp(8px, 1.5vw, 16px) !important;
}
}
#vairuotojai-privalumai.hoptrans-vair-benefits {
background: transparent !important;
background-color: transparent !important;
}
#vairuotojai-privalumai.hoptrans-vair-benefits > .span_12 {
padding: 0 !important;
}
#vairuotojai-privalumai .hoptrans-vair-privalumai {
padding: clamp(40px, 5vw, 72px) clamp(20px, 4vw, 48px);
color: var(--hop-ink, #1c2e20);
font-family: "Outfit", sans-serif;
}
#vairuotojai-privalumai .hoptrans-vair-privalumai__panel {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
gap: clamp(32px, 4vw, 56px);
align-items: start;
padding: clamp(36px, 4.5vw, 64px);
border-radius: 20px;
background: var(--hop-sc-4, #dae4e1);
background-image: none;
border: none;
box-shadow: none;
}
#vairuotojai-privalumai .hoptrans-vair-privalumai__intro {
display: flex;
flex-direction: column;
gap: 14px;
max-width: 22rem;
padding-top: 0.25rem;
}
#vairuotojai-privalumai .hoptrans-vair-privalumai__label {
margin: 0;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--hop-g3, #409c61);
}
#vairuotojai-privalumai .hoptrans-vair-privalumai__heading {
margin: 0;
font-family: "Outfit", sans-serif !important;
font-size: clamp(1.65rem, 2.6vw, 2.35rem);
font-weight: 700;
line-height: 1.15;
letter-spacing: -0.03em;
color: var(--hop-ink, #1c2e20) !important;
}
#vairuotojai-privalumai .hoptrans-vair-privalumai__lead {
margin: 0;
font-size: 0.98rem;
line-height: 1.6;
color: var(--hop-i50, rgba(28, 46, 32, 0.5));
}
#vairuotojai-privalumai .hoptrans-vair-privalumai__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(28px, 3.5vw, 44px) clamp(28px, 3.5vw, 48px);
}
#vairuotojai-privalumai .hoptrans-vair-privalumai__item {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
}
#vairuotojai-privalumai .hoptrans-vair-privalumai__num {
font-size: 0.82rem;
font-weight: 500;
letter-spacing: 0.06em;
color: var(--hop-i50, rgba(28, 46, 32, 0.5));
line-height: 1;
}
#vairuotojai-privalumai .hoptrans-vair-privalumai__title {
margin: 0;
font-family: "Outfit", sans-serif !important;
font-size: clamp(1.05rem, 1.4vw, 1.25rem);
font-weight: 700;
line-height: 1.25;
letter-spacing: -0.02em;
color: var(--hop-ink, #1c2e20) !important;
}
#vairuotojai-privalumai .hoptrans-vair-privalumai__text {
margin: 0;
font-size: 0.92rem;
line-height: 1.55;
color: var(--hop-i50, rgba(28, 46, 32, 0.5));
}
@media only screen and (max-width: 999px) {
#vairuotojai-privalumai .hoptrans-vair-privalumai__panel {
grid-template-columns: 1fr;
gap: 36px;
padding: clamp(28px, 5vw, 40px);
}
#vairuotojai-privalumai .hoptrans-vair-privalumai__intro {
max-width: none;
}
}
@media only screen and (max-width: 690px) {
#vairuotojai-privalumai .hoptrans-vair-privalumai__grid {
grid-template-columns: 1fr;
gap: 28px;
}
#vairuotojai-privalumai .hoptrans-vair-privalumai {
padding-left: 16px;
padding-right: 16px;
}
}
/* Darbas vairuotojams — CTA Fluent Form */ /* hoptrans-vair-cta-form */
body.hoptrans-gradient-landing #vairuotojai-cta,
body.page-id-1884 #vairuotojai-cta {
scroll-margin-top: 100px;
}
/* Split card shell — background on inner wrap so 48px outer inset matches other sections */
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-split > .row_col_wrap_12,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-split > .row_col_wrap_12,
body.hoptrans-gradient-landing #vairuotojai-cta > .row_col_wrap_12 > .wpb_row > .row_col_wrap_12,
body.page-id-1884 #vairuotojai-cta > .row_col_wrap_12 > .wpb_row > .row_col_wrap_12 {
border-radius: 24px !important;
overflow: hidden !important;
border: none !important;
box-shadow: none !important;
background: var(--hop-sc-4, #dae4e1) !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: calc(var(--hop-rail-max, 1425px) - 2 * var(--hop-rail-gutter, 40px)) !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 0 !important;
gap: 0 !important;
align-items: stretch !important;
box-sizing: border-box !important;
}
/* Full-bleed row stays transparent — Salient negative margin breakout */
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-split,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-split,
body.hoptrans-gradient-landing #vairuotojai-cta > .row_col_wrap_12 > .wpb_row.vc_row-o-equal-height,
body.page-id-1884 #vairuotojai-cta > .row_col_wrap_12 > .wpb_row.vc_row-o-equal-height {
background: transparent !important;
border-radius: 0 !important;
overflow: visible !important;
border: none !important;
box-shadow: none !important;
align-items: stretch !important;
}
/* Form column — padding on inner shell (Salient no-extra-padding zeros outer) */
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col {
background: var(--hop-sc-4, #dae4e1) !important;
padding: 0 !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
overflow: visible !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col .wpb_wrapper,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col .wpb_wrapper {
display: flex;
flex-direction: column;
gap: 0;
width: 100%;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner {
padding: clamp(32px, 4vw, 48px) !important;
box-sizing: border-box !important;
min-width: 0 !important;
overflow: visible !important;
}
/* Intro typography */
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col .nectar-responsive-text[class*="h6"],
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col .nectar-responsive-text.h6,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col .nectar-responsive-text[class*="h6"],
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col .nectar-responsive-text.h6 {
margin: 0 0 10px !important;
color: var(--hop-g3, #409c61) !important;
letter-spacing: 0.1em;
text-transform: uppercase;
font-weight: 600 !important;
font-size: 0.78rem !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col .nectar-responsive-text[class*="h2"],
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col .nectar-responsive-text.h2,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col .nectar-responsive-text[class*="h2"],
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col .nectar-responsive-text.h2 {
margin: 0 0 12px !important;
font-family: "Outfit", sans-serif !important;
font-size: clamp(1.5rem, 2.4vw, 2rem) !important;
font-weight: 700 !important;
line-height: 1.15 !important;
letter-spacing: -0.02em;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col .nectar-responsive-text,
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col .nectar-responsive-text *,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col .nectar-responsive-text,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col .nectar-responsive-text * {
color: var(--hop-ink, #1c2e20) !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-lead,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-lead,
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col .nectar-responsive-text:not([class*="h6"]):not([class*="h2"]),
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col .nectar-responsive-text:not([class*="h6"]):not([class*="h2"]) {
color: var(--hop-i50, rgba(28, 46, 32, 0.62)) !important;
max-width: 36em;
margin: 0 0 20px !important;
line-height: 1.55 !important;
font-size: 0.96rem !important;
}
/* Phone CTA — ink arrow-circle, grouped under intro (el_class often not rendered by Salient) */
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-phone-cta,
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-phone-cta,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta {
margin: 0 0 28px !important;
padding-bottom: 24px !important;
border-bottom: 1px solid rgba(28, 46, 32, 0.1);
align-self: flex-start;
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: visible !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta .link_wrap,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta .link_wrap {
display: inline-flex !important;
align-items: center !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
min-height: 42px !important;
padding: 6px 8px 6px 20px !important;
box-sizing: border-box !important;
overflow: visible !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta .link_text .text,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta .link_text .text {
white-space: nowrap !important;
font-size: clamp(12px, 1.6vw, 14px) !important;
line-height: 1.25 !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col > .wpb_wrapper > .wpb_text_column,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col > .wpb_wrapper > .wpb_text_column {
margin: 0 !important;
padding: 0 !important;
width: 100%;
}
/* Photo column */
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-photo-col,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-photo-col {
padding: 0 !important;
margin: 0 !important;
min-height: 100%;
background: var(--hop-sc-4, #dae4e1) !important;
display: flex !important;
flex-direction: column !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-photo-col > .vc_column-inner,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-photo-col > .vc_column-inner {
padding: 0 !important;
height: 100%;
flex: 1 1 auto;
display: flex;
flex-direction: column;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-photo-col .wpb_wrapper,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-photo-col .wpb_wrapper {
flex: 1 1 auto;
display: flex;
flex-direction: column;
height: 100%;
margin: 0 !important;
padding: 0 !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-photo-col .img-with-animation,
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-photo-col .img-with-aniamtion-wrap,
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-photo-col img,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-photo-col .img-with-animation,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-photo-col .img-with-aniamtion-wrap,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-photo-col img {
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
object-fit: cover !important;
object-position: center 30% !important;
border-radius: 0 !important;
box-shadow: none !important;
display: block;
margin: 0 !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-photo-col .img-with-aniamtion-wrap,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-photo-col .img-with-aniamtion-wrap {
flex: 1 1 auto;
min-height: 480px;
}
/* Fluent Form #3 */
body.hoptrans-gradient-landing #vairuotojai-cta .fluentform_wrapper_3,
body.hoptrans-gradient-landing #vairuotojai-cta .fluentform,
body.page-id-1884 #vairuotojai-cta .fluentform_wrapper_3,
body.page-id-1884 #vairuotojai-cta .fluentform {
color: var(--hop-ink, #1c2e20);
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box;
max-width: 100%;
overflow: visible;
font-family: "Outfit", sans-serif;
}
body.hoptrans-gradient-landing #vairuotojai-cta .wpb_text_column,
body.hoptrans-gradient-landing #vairuotojai-cta .wpb_wrapper,
body.page-id-1884 #vairuotojai-cta .wpb_text_column,
body.page-id-1884 #vairuotojai-cta .wpb_wrapper {
margin: 0 !important;
padding: 0 !important;
}
/* Field labels — consistent sentence case */
body.hoptrans-gradient-landing #vairuotojai-cta .ff-el-input--label,
body.page-id-1884 #vairuotojai-cta .ff-el-input--label {
margin-bottom: 8px !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .ff-el-input--label label,
body.page-id-1884 #vairuotojai-cta .ff-el-input--label label {
color: var(--hop-ink, #1c2e20) !important;
font-weight: 600 !important;
font-size: 0.9rem !important;
letter-spacing: 0.01em !important;
text-transform: none !important;
line-height: 1.3 !important;
}
/* Inputs — filled style, override theme bottom-border defaults */
body.hoptrans-gradient-landing #vairuotojai-cta .ff-el-form-control,
body.hoptrans-gradient-landing #vairuotojai-cta select.ff-el-form-control,
body.hoptrans-gradient-landing #vairuotojai-cta textarea.ff-el-form-control,
body.hoptrans-gradient-landing #vairuotojai-cta input.ff-el-form-control,
body.page-id-1884 #vairuotojai-cta .ff-el-form-control,
body.page-id-1884 #vairuotojai-cta select.ff-el-form-control,
body.page-id-1884 #vairuotojai-cta textarea.ff-el-form-control,
body.page-id-1884 #vairuotojai-cta input.ff-el-form-control {
color: var(--hop-ink, #1c2e20) !important;
border: 1px solid rgba(28, 46, 32, 0.16) !important;
border-bottom: 1px solid rgba(28, 46, 32, 0.16) !important;
border-radius: 12px !important;
background: rgba(255, 255, 255, 0.88) !important;
box-shadow: none !important;
padding: 13px 16px !important;
min-height: 48px;
width: 100%;
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
font-family: "Outfit", sans-serif !important;
font-size: 0.95rem !important;
line-height: 1.4 !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta select.ff-el-form-control,
body.page-id-1884 #vairuotojai-cta select.ff-el-form-control {
background-color: rgba(255, 255, 255, 0.88) !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%231c2e20' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 16px center !important;
padding-right: 40px !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta textarea.ff-el-form-control,
body.page-id-1884 #vairuotojai-cta textarea.ff-el-form-control {
min-height: 104px;
resize: none !important;
padding-top: 13px !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .ff-el-form-control::placeholder,
body.hoptrans-gradient-landing #vairuotojai-cta textarea.ff-el-form-control::placeholder,
body.page-id-1884 #vairuotojai-cta .ff-el-form-control::placeholder,
body.page-id-1884 #vairuotojai-cta textarea.ff-el-form-control::placeholder {
color: rgba(28, 46, 32, 0.42) !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .ff-el-form-control:focus,
body.hoptrans-gradient-landing #vairuotojai-cta select.ff-el-form-control:focus,
body.hoptrans-gradient-landing #vairuotojai-cta textarea.ff-el-form-control:focus,
body.hoptrans-gradient-landing #vairuotojai-cta input.ff-el-form-control:focus,
body.page-id-1884 #vairuotojai-cta .ff-el-form-control:focus,
body.page-id-1884 #vairuotojai-cta select.ff-el-form-control:focus,
body.page-id-1884 #vairuotojai-cta textarea.ff-el-form-control:focus,
body.page-id-1884 #vairuotojai-cta input.ff-el-form-control:focus {
border-color: var(--hop-g3, #409c61) !important;
border-bottom-color: var(--hop-g3, #409c61) !important;
outline: none !important;
background: #ffffff !important;
box-shadow: 0 0 0 3px rgba(64, 156, 97, 0.12) !important;
}
/* Privacy checkbox — readable sentence case, aligned */
body.hoptrans-gradient-landing #vairuotojai-cta .ff-el-tc .ff-el-form-check-label,
body.page-id-1884 #vairuotojai-cta .ff-el-tc .ff-el-form-check-label {
display: flex !important;
align-items: flex-start !important;
gap: 10px !important;
text-transform: none !important;
font-weight: 400 !important;
font-size: 0.85rem !important;
line-height: 1.5 !important;
letter-spacing: 0 !important;
color: var(--hop-i50, rgba(28, 46, 32, 0.72)) !important;
cursor: pointer;
}
body.hoptrans-gradient-landing #vairuotojai-cta .ff-el-tc .ff_tc_checkbox,
body.page-id-1884 #vairuotojai-cta .ff-el-tc .ff_tc_checkbox {
flex-shrink: 0;
margin-top: 3px;
}
body.hoptrans-gradient-landing #vairuotojai-cta .ff-el-tc .ff_t_c,
body.hoptrans-gradient-landing #vairuotojai-cta .ff-el-tc .ff_t_c p,
body.hoptrans-gradient-landing #vairuotojai-cta .ff-el-tc .ff_t_c span,
body.page-id-1884 #vairuotojai-cta .ff-el-tc .ff_t_c,
body.page-id-1884 #vairuotojai-cta .ff-el-tc .ff_t_c p,
body.page-id-1884 #vairuotojai-cta .ff-el-tc .ff_t_c span {
text-transform: none !important;
font-weight: 400 !important;
font-size: 0.85rem !important;
line-height: 1.5 !important;
color: var(--hop-i50, rgba(28, 46, 32, 0.72)) !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .ff-el-tc a,
body.page-id-1884 #vairuotojai-cta .ff-el-tc a {
color: var(--hop-g1, #1a5c30) !important;
text-decoration: underline;
font-weight: 500;
}
body.hoptrans-gradient-landing #vairuotojai-cta .ff-el-form-check input[type="checkbox"],
body.page-id-1884 #vairuotojai-cta .ff-el-form-check input[type="checkbox"] {
accent-color: var(--hop-g1, #1a5c30);
width: 18px;
height: 18px;
margin: 0;
flex-shrink: 0;
}
body.hoptrans-gradient-landing #vairuotojai-cta .ff-el-group,
body.page-id-1884 #vairuotojai-cta .ff-el-group {
margin-bottom: 20px !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .ff-el-group.ff-el-input--content,
body.page-id-1884 #vairuotojai-cta .ff-el-group.ff-el-input--content {
margin-bottom: 16px !important;
}
/* Submit — ink, full width */
body.hoptrans-gradient-landing #vairuotojai-cta .ff_submit_btn_wrapper,
body.hoptrans-gradient-landing #vairuotojai-cta .ff_submit_btn_wrapper_custom,
body.page-id-1884 #vairuotojai-cta .ff_submit_btn_wrapper,
body.page-id-1884 #vairuotojai-cta .ff_submit_btn_wrapper_custom {
width: 100% !important;
margin-top: 4px !important;
margin-bottom: 0 !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .ff-btn-submit,
body.hoptrans-gradient-landing #vairuotojai-cta button[type="submit"],
body.page-id-1884 #vairuotojai-cta .ff-btn-submit,
body.page-id-1884 #vairuotojai-cta button[type="submit"] {
background: var(--hop-ink, #1c2e20) !important;
border: 1px solid var(--hop-ink, #1c2e20) !important;
color: #ffffff !important;
border-radius: 100px !important;
font-weight: 600 !important;
font-family: "Outfit", sans-serif !important;
font-size: 0.95rem !important;
padding: 15px 32px !important;
width: 100% !important;
max-width: 100% !important;
margin-top: 4px !important;
cursor: pointer;
transition: background 0.2s ease;
}
body.hoptrans-gradient-landing #vairuotojai-cta .ff-btn-submit:hover,
body.hoptrans-gradient-landing #vairuotojai-cta button[type="submit"]:hover,
body.page-id-1884 #vairuotojai-cta .ff-btn-submit:hover,
body.page-id-1884 #vairuotojai-cta button[type="submit"]:hover {
background: #000000 !important;
border-color: #000000 !important;
color: #ffffff !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .ff-message-success,
body.page-id-1884 #vairuotojai-cta .ff-message-success {
background: rgba(64, 156, 97, 0.12) !important;
color: var(--hop-ink, #1c2e20) !important;
border-radius: 12px !important;
}
/* Mobile */
@media (max-width: 999px) {
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-split > .row_col_wrap_12,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-split > .row_col_wrap_12,
body.hoptrans-gradient-landing #vairuotojai-cta > .row_col_wrap_12 > .wpb_row > .row_col_wrap_12,
body.page-id-1884 #vairuotojai-cta > .row_col_wrap_12 > .wpb_row > .row_col_wrap_12 {
border-radius: 18px !important;
max-width: calc(100% - 48px) !important;
margin-left: auto !important;
margin-right: auto !important;
display: flex !important;
flex-direction: column !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner {
padding: 28px 22px 32px !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col {
order: 1;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-photo-col,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-photo-col {
order: -1;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-photo-col .img-with-aniamtion-wrap,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-photo-col .img-with-aniamtion-wrap {
min-height: 220px;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-phone-cta,
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-phone-cta,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta {
margin-bottom: 24px !important;
padding-bottom: 20px !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta .link_text .text,
body.page-id-1884 #vairuotojai-cta .hoptrans-vair-cta-form-col > .vc_column-inner > .wpb_wrapper > .nectar-cta .link_text .text {
white-space: normal !important;
}
body.hoptrans-gradient-landing #vairuotojai-cta .wpb_column,
body.page-id-1884 #vairuotojai-cta .wpb_column {
margin-bottom: 0 !important;
}
}
/* Karjera hub — hero, keliai, vertybės + reuse jobs/privalumai scopes */
body.hoptrans-gradient-landing.page-id-1925,
body.page-id-1925.hoptrans-gradient-landing {
--hop-bg: #f4f2eb;
--hop-ink: #1c2e20;
--hop-g1: #1a5c30;
--hop-g2: #2d8a4e;
--hop-g3: #409c61;
--hop-i08: rgba(28, 46, 32, 0.08);
--hop-sc-1: #e8e4da;
--hop-sc-2: #dde8e1;
--hop-sc-3: #e4e8dd;
--hop-sc-4: #dae4e1;
--hop-karjera-h2-size: clamp(1.75rem, 3vw, 2.5rem);
--hop-karjera-h2-weight: 700;
--hop-karjera-h2-lh: 1.15;
--hop-karjera-h2-ls: -0.02em;
/* Match Salient .container.main-content (header / full-width-section) */
--hop-rail-max: 1425px;
--hop-rail-gutter: 40px;
}
/*
* Content rail — full-bleed section BGs OK; inner full-width-content wraps
* must share the same max-width + gutter as .container.main-content.
* Fixes wide-viewport drift vs header / #karjera-istorijos.
* Beat Salient left_padding_48px margin overrides with higher specificity.
*/
body.page-id-1925.hoptrans-gradient-landing [id^="karjera-"] .vc_row.full-width-content > .row_col_wrap_12.col,
body.page-id-1925.hoptrans-gradient-landing [id^="karjera-"] .vc_row.full-width-content.left_padding_48px > .row_col_wrap_12.col,
body.page-id-1925.hoptrans-gradient-landing [id^="karjera-"] .vc_row.full-width-content.right_padding_48px > .row_col_wrap_12.col,
body.hoptrans-gradient-landing.page-id-1925 [id^="karjera-"] .vc_row.full-width-content > .row_col_wrap_12.col {
box-sizing: border-box;
max-width: var(--hop-rail-max, 1425px);
width: 100%;
margin-left: auto !important;
margin-right: auto !important;
padding-left: var(--hop-rail-gutter, 40px) !important;
padding-right: var(--hop-rail-gutter, 40px) !important;
}
@media only screen and (max-width: 999px) {
body.page-id-1925.hoptrans-gradient-landing [id^="karjera-"] .vc_row.full-width-content > .row_col_wrap_12.col,
body.hoptrans-gradient-landing.page-id-1925 [id^="karjera-"] .vc_row.full-width-content > .row_col_wrap_12.col {
padding-left: 24px !important;
padding-right: 24px !important;
}
}
@media only screen and (max-width: 690px) {
body.page-id-1925.hoptrans-gradient-landing [id^="karjera-"] .vc_row.full-width-content > .row_col_wrap_12.col,
body.hoptrans-gradient-landing.page-id-1925 [id^="karjera-"] .vc_row.full-width-content > .row_col_wrap_12.col {
padding-left: 16px !important;
padding-right: 16px !important;
}
}
/* Hero */
body.hoptrans-gradient-landing #karjera-hero .nectar-responsive-text[data-inherit-heading-family="h6"] p,
body.page-id-1925 #karjera-hero .nectar-responsive-text[data-inherit-heading-family="h6"] p {
color: var(--hop-g3);
}
body.hoptrans-gradient-landing #karjera-hero .nectar-responsive-text[data-inherit-heading-family="h2"] p,
body.hoptrans-gradient-landing #karjera-hero h1,
body.page-id-1925 #karjera-hero .nectar-responsive-text[data-inherit-heading-family="h2"] p,
body.page-id-1925 #karjera-hero h1 {
color: var(--hop-ink) !important;
font-family: Outfit, sans-serif !important;
font-weight: 700 !important;
letter-spacing: -0.03em !important;
}
body.hoptrans-gradient-landing #karjera-hero .hoptrans-karjera-hero-lead p,
body.page-id-1925 #karjera-hero .hoptrans-karjera-hero-lead p {
color: var(--hop-ink) !important;
max-width: 36rem;
line-height: 1.55;
}
/* Hero CTA — ink arrow-circle pill; scoped (hoptrans-buttons in style.css is nested and does not match here) */
body.hoptrans-gradient-landing #karjera-hero .nectar-cta[data-style="arrow-circle-animation"],
body.page-id-1925 #karjera-hero .nectar-cta[data-style="arrow-circle-animation"] {
width: auto !important;
max-width: 100% !important;
min-width: 0;
flex: 0 0 auto;
--nectar-icon-gap: 14px !important;
--nectar-min-icon-size: 34px !important;
}
body.hoptrans-gradient-landing #karjera-hero .nectar-cta[data-style="arrow-circle-animation"] .nectar-button-type,
body.page-id-1925 #karjera-hero .nectar-cta[data-style="arrow-circle-animation"] .nectar-button-type {
display: block !important;
max-width: 100%;
}
body.hoptrans-gradient-landing #karjera-hero .nectar-cta[data-style="arrow-circle-animation"] .link_wrap,
body.page-id-1925 #karjera-hero .nectar-cta[data-style="arrow-circle-animation"] .link_wrap {
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
width: auto !important;
max-width: 100% !important;
min-width: max-content !important;
box-sizing: border-box !important;
padding: 4px 6px 4px 22px !important;
overflow: visible !important;
background-color: var(--hop-ink, #1c2e20) !important;
border-color: var(--hop-ink, #1c2e20) !important;
--nectar-button-color: #ffffff;
--nectar-text-color: #ffffff;
}
body.hoptrans-gradient-landing #karjera-hero .nectar-cta[data-style="arrow-circle-animation"] a.link_text,
body.page-id-1925 #karjera-hero .nectar-cta[data-style="arrow-circle-animation"] a.link_text {
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: var(--nectar-icon-gap, 14px) !important;
width: auto !important;
max-width: 100% !important;
padding: 0 !important;
}
body.hoptrans-gradient-landing #karjera-hero .nectar-cta[data-style="arrow-circle-animation"] .link_text .text,
body.page-id-1925 #karjera-hero .nectar-cta[data-style="arrow-circle-animation"] .link_text .text {
color: #ffffff !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
font-family: "Outfit", sans-serif !important;
font-weight: 600 !important;
font-size: 14px !important;
line-height: 1.2 !important;
}
body.hoptrans-gradient-landing #karjera-hero .nectar-cta[data-style="arrow-circle-animation"] .arrow-circle-animation-arrow-wrap,
body.page-id-1925 #karjera-hero .nectar-cta[data-style="arrow-circle-animation"] .arrow-circle-animation-arrow-wrap {
position: relative !important;
flex-shrink: 0 !important;
display: block !important;
width: max(34px, var(--nectar-min-icon-size, 34px)) !important;
min-width: max(34px, var(--nectar-min-icon-size, 34px)) !important;
aspect-ratio: 1 / 1;
border-radius: 100%;
overflow: hidden;
background-color: #ffffff !important;
clip-path: circle(50% at 50% 50%);
}
body.hoptrans-gradient-landing #karjera-hero .nectar-cta[data-style="arrow-circle-animation"] .arrow-circle-animation-arrow,
body.page-id-1925 #karjera-hero .nectar-cta[data-style="arrow-circle-animation"] .arrow-circle-animation-arrow {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 50% !important;
height: 50% !important;
fill: var(--hop-ink, #1c2e20) !important;
opacity: 1 !important;
visibility: visible !important;
}
body.hoptrans-gradient-landing #karjera-hero .nectar-cta[data-style="arrow-circle-animation"]:hover .link_wrap,
body.page-id-1925 #karjera-hero .nectar-cta[data-style="arrow-circle-animation"]:hover .link_wrap {
background-color: #000000 !important;
border-color: #000000 !important;
}
body.hoptrans-gradient-landing #karjera-hero .hoptrans-karjera-hero-photo .img-with-aniamtion-wrap,
body.hoptrans-gradient-landing #karjera-hero .hoptrans-karjera-hero-photo .img-with-aniamtion-wrap img,
body.page-id-1925 #karjera-hero .hoptrans-karjera-hero-photo .img-with-aniamtion-wrap,
body.page-id-1925 #karjera-hero .hoptrans-karjera-hero-photo .img-with-aniamtion-wrap img {
border-radius: 20px;
}
body.hoptrans-gradient-landing #karjera-hero .hoptrans-karjera-hero-photo img,
body.page-id-1925 #karjera-hero .hoptrans-karjera-hero-photo img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
}
@media only screen and (min-width: 1000px) {
body.hoptrans-gradient-landing #karjera-hero .hoptrans-karjera-hero-photo .wpb_wrapper,
body.page-id-1925 #karjera-hero .hoptrans-karjera-hero-photo .wpb_wrapper {
display: flex;
justify-content: flex-end;
align-items: center;
min-height: 100%;
}
body.hoptrans-gradient-landing #karjera-hero .hoptrans-karjera-hero-photo .img-with-aniamtion-wrap,
body.page-id-1925 #karjera-hero .hoptrans-karjera-hero-photo .img-with-aniamtion-wrap {
width: 70%;
max-width: 70%;
margin-left: auto;
}
}
@media only screen and (max-width: 999px) {
body.hoptrans-gradient-landing #karjera-hero .hoptrans-karjera-hero-photo,
body.page-id-1925 #karjera-hero .hoptrans-karjera-hero-photo {
margin-top: 8px;
}
body.hoptrans-gradient-landing #karjera-hero .hoptrans-karjera-hero-photo .img-with-aniamtion-wrap,
body.page-id-1925 #karjera-hero .hoptrans-karjera-hero-photo .img-with-aniamtion-wrap {
width: 92%;
max-width: 92%;
margin-inline: auto;
}
}
body.hoptrans-gradient-landing #karjera-skelbimai .hoptrans-karjera-driver-note p,
body.page-id-1925 #karjera-skelbimai .hoptrans-karjera-driver-note p {
margin: 0 0 12px;
font-size: 0.92rem;
color: rgba(28, 46, 32, 0.78);
}
body.hoptrans-gradient-landing #karjera-skelbimai .hoptrans-karjera-driver-note a,
body.page-id-1925 #karjera-skelbimai .hoptrans-karjera-driver-note a {
color: var(--hop-g1);
font-weight: 700;
text-decoration: underline;
text-underline-offset: 2px;
}
/* Path cards — exactly 3 equal columns; ignore wpautop junk siblings if any */
body.hoptrans-gradient-landing #karjera-keliai .hoptrans-karjera-paths,
body.page-id-1925 #karjera-keliai .hoptrans-karjera-paths {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
align-items: stretch;
}
body.hoptrans-gradient-landing #karjera-keliai .hoptrans-karjera-paths > :not(.hoptrans-karjera-path),
body.page-id-1925 #karjera-keliai .hoptrans-karjera-paths > :not(.hoptrans-karjera-path),
body.hoptrans-gradient-landing #karjera-keliai .wpb_text_column > p:empty,
body.page-id-1925 #karjera-keliai .wpb_text_column > p:empty,
body.hoptrans-gradient-landing #karjera-keliai .wpb_text_column > br,
body.page-id-1925 #karjera-keliai .wpb_text_column > br {
display: none !important;
}
body.hoptrans-gradient-landing #karjera-keliai .hoptrans-karjera-path,
body.page-id-1925 #karjera-keliai .hoptrans-karjera-path {
display: flex;
flex-direction: column;
gap: 10px;
min-height: 100%;
padding: clamp(20px, 2.5vw, 28px);
border: none;
border-radius: 16px;
background: #fff;
text-decoration: none !important;
color: var(--hop-ink) !important;
box-sizing: border-box;
transition:
box-shadow 0.25s ease,
transform 0.25s ease;
}
body.hoptrans-gradient-landing #karjera-keliai .hoptrans-karjera-path:hover,
body.hoptrans-gradient-landing #karjera-keliai .hoptrans-karjera-path:focus-visible,
body.page-id-1925 #karjera-keliai .hoptrans-karjera-path:hover,
body.page-id-1925 #karjera-keliai .hoptrans-karjera-path:focus-visible {
box-shadow: 0 10px 28px rgba(28, 46, 32, 0.08);
transform: translateY(-2px);
outline: none;
}
body.hoptrans-gradient-landing #karjera-keliai a.hoptrans-karjera-path:empty,
body.page-id-1925 #karjera-keliai a.hoptrans-karjera-path:empty {
display: none !important;
}
body.hoptrans-gradient-landing #karjera-keliai .hoptrans-karjera-path__eyebrow,
body.page-id-1925 #karjera-keliai .hoptrans-karjera-path__eyebrow {
display: block;
margin: 0;
font-family: Outfit, sans-serif;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--hop-g2);
}
body.hoptrans-gradient-landing #karjera-keliai .hoptrans-karjera-path__title,
body.page-id-1925 #karjera-keliai .hoptrans-karjera-path__title {
display: block;
margin: 0;
font-family: Outfit, sans-serif;
font-size: clamp(1.15rem, 1.8vw, 1.35rem);
font-weight: 700;
letter-spacing: -0.02em;
color: var(--hop-ink);
}
body.hoptrans-gradient-landing #karjera-keliai .hoptrans-karjera-path__text,
body.page-id-1925 #karjera-keliai .hoptrans-karjera-path__text {
display: block;
margin: 0;
flex: 1 1 auto;
font-size: 0.95rem;
line-height: 1.5;
color: rgba(28, 46, 32, 0.78);
}
body.hoptrans-gradient-landing #karjera-keliai .hoptrans-karjera-path__cta,
body.page-id-1925 #karjera-keliai .hoptrans-karjera-path__cta {
display: block;
margin: 6px 0 0;
font-family: Outfit, sans-serif;
font-size: 0.9rem;
font-weight: 700;
color: var(--hop-g1);
}
@media only screen and (max-width: 999px) {
body.hoptrans-gradient-landing #karjera-keliai .hoptrans-karjera-paths,
body.page-id-1925 #karjera-keliai .hoptrans-karjera-paths {
grid-template-columns: 1fr;
}
}
/* Privalumai cards — reuse atlyginimas layout under #karjera-privalumai */
body.hoptrans-gradient-landing #karjera-privalumai .nectar-responsive-text[data-inherit-heading-family="h6"] p,
body.page-id-1925 #karjera-privalumai .nectar-responsive-text[data-inherit-heading-family="h6"] p {
color: var(--hop-g3);
}
body.hoptrans-gradient-landing #karjera-privalumai .nectar-responsive-text[data-inherit-heading-family="h2"] p,
body.page-id-1925 #karjera-privalumai .nectar-responsive-text[data-inherit-heading-family="h2"] p {
color: var(--hop-ink) !important;
font-family: Outfit, sans-serif !important;
font-weight: 700 !important;
letter-spacing: -0.02em !important;
}
body.hoptrans-gradient-landing #karjera-privalumai .hoptrans-karjera-privalumai-lead p,
body.page-id-1925 #karjera-privalumai .hoptrans-karjera-privalumai-lead p {
color: var(--hop-ink) !important;
max-width: 28rem;
line-height: 1.55;
}
body.hoptrans-gradient-landing #karjera-privalumai .hoptrans-karjera-privalumai-cards .vc_column_container h3,
body.page-id-1925 #karjera-privalumai .hoptrans-karjera-privalumai-cards .vc_column_container h3 {
font-family: Outfit, sans-serif !important;
font-weight: 700 !important;
letter-spacing: -0.02em !important;
color: var(--hop-ink) !important;
}
body.hoptrans-gradient-landing #karjera-privalumai .hoptrans-karjera-privalumai-cards .nectar-responsive-text p,
body.hoptrans-gradient-landing #karjera-privalumai .hoptrans-karjera-privalumai-cards .wpb_text_column,
body.hoptrans-gradient-landing #karjera-privalumai .hoptrans-karjera-privalumai-cards .wpb_text_column p,
body.page-id-1925 #karjera-privalumai .hoptrans-karjera-privalumai-cards .nectar-responsive-text p,
body.page-id-1925 #karjera-privalumai .hoptrans-karjera-privalumai-cards .wpb_text_column,
body.page-id-1925 #karjera-privalumai .hoptrans-karjera-privalumai-cards .wpb_text_column p {
color: var(--hop-ink) !important;
}
body.hoptrans-gradient-landing #karjera-privalumai .hoptrans-karjera-privalumai-cards .nectar-badge,
body.hoptrans-gradient-landing #karjera-privalumai .hoptrans-karjera-privalumai-cards .nectar-badge span,
body.hoptrans-gradient-landing #karjera-privalumai .hoptrans-karjera-privalumai-cards .nectar-badge .nectar-badge-text,
body.page-id-1925 #karjera-privalumai .hoptrans-karjera-privalumai-cards .nectar-badge,
body.page-id-1925 #karjera-privalumai .hoptrans-karjera-privalumai-cards .nectar-badge span,
body.page-id-1925 #karjera-privalumai .hoptrans-karjera-privalumai-cards .nectar-badge .nectar-badge-text {
color: #ffffff !important;
}
body.hoptrans-gradient-landing #karjera-privalumai .hoptrans-karjera-privalumai-cards .fancy-ul li,
body.page-id-1925 #karjera-privalumai .hoptrans-karjera-privalumai-cards .fancy-ul li {
color: var(--hop-ink) !important;
}
/* Jobs list — same innov accordion under #karjera-skelbimai */
body.hoptrans-gradient-landing #karjera-skelbimai .nectar-responsive-text[data-inherit-heading-family="h6"] p,
body.page-id-1925 #karjera-skelbimai .nectar-responsive-text[data-inherit-heading-family="h6"] p {
color: var(--hop-g3);
}
body.hoptrans-gradient-landing #karjera-skelbimai .nectar-responsive-text[data-inherit-heading-family="h2"] p,
body.page-id-1925 #karjera-skelbimai .nectar-responsive-text[data-inherit-heading-family="h2"] p {
color: var(--hop-ink) !important;
font-family: Outfit, sans-serif !important;
font-weight: 700 !important;
letter-spacing: -0.02em !important;
}
body.hoptrans-gradient-landing #karjera-skelbimai .wpb_wrapper > .nectar-responsive-text:not([data-inherit-heading-family]) p,
body.page-id-1925 #karjera-skelbimai .wpb_wrapper > .nectar-responsive-text[style*="color"] p {
color: var(--hop-ink) !important;
max-width: 42rem;
}
body.hoptrans-gradient-landing #karjera-skelbimai .hoptrans-vair-jobs-filter,
body.page-id-1925 #karjera-skelbimai .hoptrans-vair-jobs-filter {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 20px;
margin: clamp(14px, 1.8vw, 20px) 0 clamp(6px, 1vw, 12px);
}
body.hoptrans-gradient-landing #karjera-skelbimai .hoptrans-vair-jobs-filter__label,
body.page-id-1925 #karjera-skelbimai .hoptrans-vair-jobs-filter__label {
font-family: Outfit, sans-serif;
font-size: 0.82rem;
font-weight: 600;
letter-spacing: 0.04em;
color: var(--hop-ink);
opacity: 0.72;
}
body.hoptrans-gradient-landing #karjera-skelbimai .hoptrans-vair-jobs-filter__options,
body.page-id-1925 #karjera-skelbimai .hoptrans-vair-jobs-filter__options {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 18px;
}
body.hoptrans-gradient-landing #karjera-skelbimai .hoptrans-vair-jobs-filter__option,
body.page-id-1925 #karjera-skelbimai .hoptrans-vair-jobs-filter__option {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0;
cursor: pointer;
font-family: Outfit, sans-serif;
font-size: 0.95rem;
font-weight: 600;
line-height: 1.2;
color: var(--hop-ink);
user-select: none;
}
body.hoptrans-gradient-landing #karjera-skelbimai .hoptrans-vair-jobs-filter__checkbox,
body.page-id-1925 #karjera-skelbimai .hoptrans-vair-jobs-filter__checkbox {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
body.hoptrans-gradient-landing #karjera-skelbimai .hoptrans-vair-jobs-filter__box,
body.page-id-1925 #karjera-skelbimai .hoptrans-vair-jobs-filter__box {
box-sizing: border-box;
flex: 0 0 18px;
width: 18px;
height: 18px;
border: 1.5px solid rgba(13, 31, 18, 0.22);
border-radius: 4px;
background: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
}
body.hoptrans-gradient-landing #karjera-skelbimai .hoptrans-vair-jobs-filter__box::after,
body.page-id-1925 #karjera-skelbimai .hoptrans-vair-jobs-filter__box::after {
content: "";
width: 10px;
height: 6px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(-45deg) translateY(-1px);
opacity: 0;
}
body.hoptrans-gradient-landing #karjera-skelbimai .hoptrans-vair-jobs-filter__checkbox:checked + .hoptrans-vair-jobs-filter__box,
body.page-id-1925 #karjera-skelbimai .hoptrans-vair-jobs-filter__checkbox:checked + .hoptrans-vair-jobs-filter__box {
background: var(--hop-g1);
border-color: var(--hop-g1);
}
body.hoptrans-gradient-landing #karjera-skelbimai .hoptrans-vair-jobs-filter__checkbox:checked + .hoptrans-vair-jobs-filter__box::after,
body.page-id-1925 #karjera-skelbimai .hoptrans-vair-jobs-filter__checkbox:checked + .hoptrans-vair-jobs-filter__box::after {
opacity: 1;
}
body.hoptrans-gradient-landing #karjera-skelbimai .hoptrans-vair-jobs-empty,
body.page-id-1925 #karjera-skelbimai .hoptrans-vair-jobs-empty {
margin: 18px 0 0;
padding: 14px 4px;
font-size: 0.95rem;
line-height: 1.45;
color: rgba(28, 46, 32, 0.7);
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle.is-city-hidden,
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle.is-filter-hidden,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle.is-city-hidden,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle.is-filter-hidden {
display: none !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
height: 0 !important;
overflow: hidden !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion {
counter-reset: hop-vair-job;
margin-top: clamp(12px, 2vw, 24px);
border-top: 1px solid var(--hop-i08);
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle {
counter-increment: hop-vair-job;
margin: 0 !important;
padding: 0 !important;
border: none !important;
border-bottom: 1px solid var(--hop-i08) !important;
background: transparent !important;
overflow: visible;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .toggle-title,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .toggle-title {
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
transition: background-color 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .toggle-title a,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .toggle-title a {
display: flex !important;
align-items: center !important;
gap: clamp(12px, 2vw, 20px) !important;
width: 100% !important;
padding: clamp(16px, 2.2vw, 24px) clamp(8px, 1.5vw, 16px) !important;
margin: 0 !important;
border: none !important;
background: transparent !important;
box-shadow: none !important;
font-family: Outfit, sans-serif !important;
font-size: clamp(0.95rem, 1.2vw, 1.125rem) !important;
font-weight: 700 !important;
line-height: 1.25 !important;
letter-spacing: -0.02em !important;
text-transform: none !important;
text-decoration: none !important;
color: var(--hop-ink) !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .toggle-title a i,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .toggle-title a i {
display: none !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .toggle-title a::before,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .toggle-title a::before {
content: counter(hop-vair-job);
flex: 0 0 clamp(2rem, 3vw, 2.35rem);
width: clamp(2rem, 3vw, 2.35rem);
height: clamp(2rem, 3vw, 2.35rem);
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--hop-i08);
border-radius: 50%;
font-size: clamp(0.75rem, 1vw, 0.85rem);
font-weight: 600;
font-family: Outfit, sans-serif;
color: var(--hop-g3);
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .toggle-title a::after,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .toggle-title a::after {
content: "";
box-sizing: border-box;
flex: 0 0 clamp(2rem, 3vw, 2.35rem);
width: clamp(2rem, 3vw, 2.35rem);
height: clamp(2rem, 3vw, 2.35rem);
margin-left: auto;
display: block;
border: 1px solid rgba(13, 31, 18, 0.14);
border-radius: 50%;
background-image: var(--hop-svg-3);
background-repeat: no-repeat;
background-position: 52% 48%;
background-size: 12px 12px;
transform-origin: 50% 50%;
transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle.open .toggle-title,
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle:hover .toggle-title,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle.open .toggle-title,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle:hover .toggle-title {
background-color: #dde8e1 !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle.open .toggle-title a,
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle:hover .toggle-title a,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle.open .toggle-title a,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle:hover .toggle-title a {
color: var(--hop-g1) !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle.open .toggle-title a::before,
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle:hover .toggle-title a::before,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle.open .toggle-title a::before,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle:hover .toggle-title a::before {
border-color: var(--hop-g1) !important;
color: var(--hop-g1) !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle.open .toggle-title a::after,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle.open .toggle-title a::after {
transform: rotate(90deg);
border-color: var(--hop-g1);
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 14px 16px;
padding: 8px clamp(8px, 1.5vw, 16px) clamp(28px, 3.2vw, 40px)
calc(clamp(2rem, 3vw, 2.35rem) + clamp(20px, 3vw, 36px)) !important;
border: none !important;
background: transparent !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle.open .inner-toggle-wrap,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle.open .inner-toggle-wrap {
background-color: #dde8e1 !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block h5,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block h5 {
margin: 0 0 8px;
font-family: Outfit, sans-serif;
font-size: 0.85rem;
font-weight: 700;
color: var(--hop-g1);
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle[data-inner-wrap="true"].open > div,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle[data-inner-wrap="true"].open > div {
max-height: none !important;
height: auto !important;
overflow: visible !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block {
flex: 1 1 100%;
width: 100%;
margin: 4px 0 0;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block ul,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block ul {
margin: 0;
padding-left: 1.15rem;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block li,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block li {
margin: 0 0 4px;
font-size: clamp(0.88rem, 1.02vw, 0.98rem);
line-height: 1.5;
color: var(--hop-ink, #1c2e20);
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .wpb_text_column,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .wpb_text_column {
flex: 1 1 100%;
width: 100%;
margin-bottom: 0;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap p,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap p,
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .wpb_text_column,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .wpb_text_column {
font-size: clamp(0.9rem, 1.05vw, 1rem);
line-height: 1.55;
color: var(--hop-ink, #1c2e20) !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .nectar-cta,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .nectar-cta {
display: inline-flex !important;
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
flex: 0 1 auto !important;
margin: clamp(12px, 1.6vw, 18px) 0 0 !important;
align-self: flex-start;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .nectar-cta + .nectar-cta,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .nectar-cta + .nectar-cta {
margin-left: clamp(12px, 1.6vw, 18px) !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .link_wrap,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .link_wrap {
display: inline-flex !important;
align-items: center !important;
width: auto !important;
max-width: 100% !important;
min-width: max-content !important;
box-sizing: border-box !important;
padding: 4px 6px 4px 20px !important;
overflow: visible !important;
background-color: var(--hop-ink, #1c2e20) !important;
border-color: var(--hop-ink, #1c2e20) !important;
--nectar-button-color: #ffffff;
--nectar-text-color: #ffffff;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .link_wrap .link_text,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .link_wrap .link_text {
display: inline-flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: var(--nectar-icon-gap, 14px) !important;
padding-right: 0 !important;
max-width: none !important;
overflow: visible !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .link_text .text,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .link_text .text {
color: #ffffff !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
font-family: "Outfit", sans-serif !important;
font-weight: 600 !important;
font-size: clamp(12px, 0.95vw, 14px) !important;
line-height: 1.25 !important;
letter-spacing: -0.01em;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .arrow-circle-animation-arrow-wrap,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .arrow-circle-animation-arrow-wrap {
position: relative !important;
flex-shrink: 0 !important;
width: max(34px, var(--nectar-min-icon-size, 34px)) !important;
min-width: max(34px, var(--nectar-min-icon-size, 34px)) !important;
aspect-ratio: 1 / 1;
border-radius: 100%;
overflow: hidden;
background-color: #ffffff !important;
clip-path: circle(50% at 50% 50%);
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .arrow-circle-animation-arrow,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .arrow-circle-animation-arrow {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 50% !important;
height: 50% !important;
fill: var(--hop-ink, #1c2e20) !important;
opacity: 1 !important;
visibility: visible !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"]:hover .link_wrap,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"]:hover .link_wrap {
background-color: #000000 !important;
border-color: #000000 !important;
}
/* Inquiry CTA — envelope icon (Salient may drop el_class; match #karjera-cta href) */
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta:has(a[href="#karjera-cta"]) .arrow-circle-animation-arrow,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta:has(a[href="#karjera-cta"]) .arrow-circle-animation-arrow {
opacity: 0 !important;
visibility: hidden !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta:has(a[href="#karjera-cta"]) .arrow-circle-animation-arrow-wrap::after,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta:has(a[href="#karjera-cta"]) .arrow-circle-animation-arrow-wrap::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 48%;
height: 48%;
background-color: var(--hop-ink, #1c2e20);
mask-image: var(--hop-svg-2);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-image: var(--hop-svg-2);
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}
/* Phone CTA in job accordion */
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta:has(a[href^="tel:"]) .arrow-circle-animation-arrow,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta:has(a[href^="tel:"]) .arrow-circle-animation-arrow {
opacity: 0 !important;
visibility: hidden !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta:has(a[href^="tel:"]) .arrow-circle-animation-arrow-wrap::after,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta:has(a[href^="tel:"]) .arrow-circle-animation-arrow-wrap::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 46%;
height: 46%;
background-color: var(--hop-ink, #1c2e20);
mask-image: var(--hop-svg-1);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-image: var(--hop-svg-1);
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}
@media only screen and (max-width: 999px) {
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .nectar-cta,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .nectar-cta {
margin-top: 12px !important;
}
body.hoptrans-gradient-landing #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .nectar-cta + .nectar-cta,
body.page-id-1925 #ajax-content-wrap #karjera-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .nectar-cta + .nectar-cta {
margin-left: 12px !important;
}
}
/* Karjera — Salient stock testimonial flickity carousel (#karjera-istorijos)
Hardcoded equal card shell (measured video/Flickity row) — quote panels must not
shrink via aspect-ratio / height:auto after content updates. */
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories {
--hop-stories-card-h: 612px;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell {
border: none !important;
box-shadow: none !important;
display: flex !important;
flex-direction: column !important;
height: var(--hop-stories-card-h) !important;
min-height: var(--hop-stories-card-h) !important;
align-self: stretch !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell .inner-wrap,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell .inner-wrap {
border: none !important;
box-shadow: none !important;
border-radius: 20px;
overflow: hidden;
width: 100% !important;
flex: 1 1 auto;
height: var(--hop-stories-card-h) !important;
min-height: var(--hop-stories-card-h) !important;
aspect-ratio: auto;
}
/* Quote / color panels — fill same shell as video cards (no 4:5 shrink) */
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .inner-wrap,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .inner-wrap {
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
padding: 30px;
height: var(--hop-stories-card-h) !important;
min-height: var(--hop-stories-card-h) !important;
}
/* Carousel row — lock to same hardcoded card height */
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .flickity-viewport,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .flickity-viewport {
height: var(--hop-stories-card-h) !important;
min-height: var(--hop-stories-card-h) !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 1) .inner-wrap,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 1) .inner-wrap {
background-color: var(--hop-sc-1, #e8e4da) !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 3) .inner-wrap,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 3) .inner-wrap {
background-color: var(--hop-sc-2, #dde8e1) !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 5) .inner-wrap,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 5) .inner-wrap {
background-color: var(--hop-sc-3, #e4e8dd) !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 7) .inner-wrap,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 7) .inner-wrap {
background-color: var(--hop-sc-4, #dae4e1) !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct .inner-wrap,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct .inner-wrap {
background-size: cover !important;
background-position: center !important;
height: var(--hop-stories-card-h) !important;
min-height: var(--hop-stories-card-h) !important;
}
/* Mobile: slightly shorter shell so quote/video stay equal without dominating viewport */
@media only screen and (max-width: 999px) {
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories {
--hop-stories-card-h: 480px;
}
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-responsive-text[data-inherit-heading-family="h1"] p,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-responsive-text[data-inherit-heading-family="h1"] p {
font-family: Outfit, sans-serif !important;
font-weight: 700 !important;
color: var(--hop-ink, #1c2e20) !important;
letter-spacing: -0.03em;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .nectar-responsive-text[data-inherit-heading-family="h2"] p,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .nectar-responsive-text[data-inherit-heading-family="h2"] p {
font-family: Outfit, sans-serif !important;
font-weight: 500 !important;
color: var(--hop-ink, #1c2e20) !important;
line-height: 1.35;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell .nectar-responsive-text[data-inherit-heading-family="h5"] p,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell .nectar-responsive-text[data-inherit-heading-family="h5"] p {
font-family: Outfit, sans-serif !important;
font-weight: 600 !important;
color: var(--hop-ink, #1c2e20) !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell .nectar-responsive-text.font_size_desktop_14px p,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell .nectar-responsive-text.font_size_desktop_14px p {
font-family: Outfit, sans-serif !important;
color: rgba(28, 46, 32, 0.62) !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct .nectar-responsive-text[data-inherit-heading-family="h5"] p,
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct .nectar-responsive-text.font_size_desktop_14px p,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct .nectar-responsive-text[data-inherit-heading-family="h5"] p,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct .nectar-responsive-text.font_size_desktop_14px p {
color: #f4f2eb !important;
}
/* Stock stories — left heading + 60% less gap from #karjera-cta (padding 10%+4% → 4%+1.6%) */
body.hoptrans-gradient-landing #karjera-cta,
body.page-id-1925 #karjera-cta {
padding-bottom: 4% !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
/* Heading row — override Salient force-desktop-text-align-center + flex center utilities */
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .column_container,
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .vc_column-inner,
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .wpb_wrapper,
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .nectar-responsive-text,
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .nectar-responsive-text p,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .column_container,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .vc_column-inner,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .wpb_wrapper,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .nectar-responsive-text,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .nectar-responsive-text p {
align-items: flex-start !important;
justify-content: flex-start !important;
text-align: left !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .nectar-responsive-text[data-inherit-heading-family="h6"] p,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .nectar-responsive-text[data-inherit-heading-family="h6"] p {
color: var(--hop-g3, #409c61) !important;
font-family: Outfit, sans-serif !important;
font-weight: 600 !important;
letter-spacing: 0.05em;
text-transform: uppercase;
}
/* Karjera — Salient Overlapping Posts Slider & Masonry Blog (#karjera-renginiai, K8) */
body.hoptrans-gradient-landing #karjera-renginiai.hoptrans-karjera-renginiai,
body.page-id-1925 #karjera-renginiai.hoptrans-karjera-renginiai {
background-color: #f4f2eb !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .nectar-responsive-text[data-inherit-heading-family="h6"] p,
body.page-id-1925 #karjera-renginiai .nectar-responsive-text[data-inherit-heading-family="h6"] p {
color: var(--hop-g3, #409c61) !important;
font-family: Outfit, sans-serif !important;
font-weight: 600 !important;
letter-spacing: 0.06em;
text-transform: uppercase;
}
body.hoptrans-gradient-landing #karjera-renginiai .nectar-responsive-text[data-inherit-heading-family="h2"] p,
body.page-id-1925 #karjera-renginiai .nectar-responsive-text[data-inherit-heading-family="h2"] p {
color: var(--hop-ink, #1c2e20) !important;
font-family: Outfit, sans-serif !important;
font-weight: 700 !important;
letter-spacing: -0.03em;
}
body.hoptrans-gradient-landing #karjera-renginiai .nectar-responsive-text[data-inherit-heading-family="default"] p,
body.page-id-1925 #karjera-renginiai .nectar-responsive-text[data-inherit-heading-family="default"] p {
color: var(--hop-ink, #1c2e20) !important;
font-family: Outfit, sans-serif !important;
line-height: 1.55;
max-width: 42rem;
}
/* Featured hero + side list */
body.hoptrans-gradient-landing #karjera-renginiai .nectar-recent-posts-single_featured.multiple_featured,
body.page-id-1925 #karjera-renginiai .nectar-recent-posts-single_featured.multiple_featured {
font-family: Outfit, sans-serif !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .nectar-recent-posts-single_featured .post-header h3,
body.hoptrans-gradient-landing #karjera-renginiai .nectar-recent-posts-single_featured .post-header h3 a,
body.page-id-1925 #karjera-renginiai .nectar-recent-posts-single_featured .post-header h3,
body.page-id-1925 #karjera-renginiai .nectar-recent-posts-single_featured .post-header h3 a {
color: var(--hop-ink, #1c2e20) !important;
font-family: Outfit, sans-serif !important;
font-weight: 700 !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .nectar-recent-posts-single_featured .excerpt,
body.page-id-1925 #karjera-renginiai .nectar-recent-posts-single_featured .excerpt {
color: rgba(28, 46, 32, 0.72) !important;
font-family: Outfit, sans-serif !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .nectar-recent-posts-single_featured .meta-category a,
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry .meta-category a,
body.page-id-1925 #karjera-renginiai .nectar-recent-posts-single_featured .meta-category a,
body.page-id-1925 #karjera-renginiai .post-area.masonry .meta-category a {
background-color: rgba(64, 156, 97, 0.12) !important;
color: var(--hop-g3, #409c61) !important;
border: none !important;
font-family: Outfit, sans-serif !important;
font-weight: 600 !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .nectar-recent-posts-single_featured .meta-category a:hover,
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry .meta-category a:hover,
body.page-id-1925 #karjera-renginiai .nectar-recent-posts-single_featured .meta-category a:hover,
body.page-id-1925 #karjera-renginiai .post-area.masonry .meta-category a:hover {
background-color: rgba(64, 156, 97, 0.2) !important;
color: var(--hop-g2, #2d8a4e) !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .nectar-recent-posts-single_featured .slide-nav li,
body.page-id-1925 #karjera-renginiai .nectar-recent-posts-single_featured .slide-nav li {
border: none !important;
box-shadow: none !important;
background: #ffffff !important;
border-radius: 16px;
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
body.hoptrans-gradient-landing #karjera-renginiai .nectar-recent-posts-single_featured .slide-nav li:hover,
body.page-id-1925 #karjera-renginiai .nectar-recent-posts-single_featured .slide-nav li:hover {
box-shadow: var(--hop-card-shadow-hover, 0 12px 32px rgba(28, 46, 32, 0.1)) !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .nectar-recent-posts-single_featured .slide-nav .post-header h5,
body.hoptrans-gradient-landing #karjera-renginiai .nectar-recent-posts-single_featured .slide-nav .post-header h5 a,
body.page-id-1925 #karjera-renginiai .nectar-recent-posts-single_featured .slide-nav .post-header h5,
body.page-id-1925 #karjera-renginiai .nectar-recent-posts-single_featured .slide-nav .post-header h5 a {
color: var(--hop-ink, #1c2e20) !important;
font-family: Outfit, sans-serif !important;
font-weight: 600 !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .nectar-recent-posts-single_featured .circle-arrow,
body.hoptrans-gradient-landing #karjera-renginiai .nectar-recent-posts-single_featured a.circle-arrow,
body.page-id-1925 #karjera-renginiai .nectar-recent-posts-single_featured .circle-arrow,
body.page-id-1925 #karjera-renginiai .nectar-recent-posts-single_featured a.circle-arrow {
background-color: var(--hop-ink, #1c2e20) !important;
border-color: var(--hop-ink, #1c2e20) !important;
color: #ffffff !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .nectar-recent-posts-single_featured .circle-arrow:hover,
body.page-id-1925 #karjera-renginiai .nectar-recent-posts-single_featured .circle-arrow:hover {
background-color: #000000 !important;
border-color: #000000 !important;
}
/* Masonry overlapping cards */
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry.material .masonry-blog-item,
body.page-id-1925 #karjera-renginiai .post-area.masonry.material .masonry-blog-item {
border: none !important;
box-shadow: none !important;
background: #ffffff;
border-radius: 18px;
overflow: hidden;
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry.material .masonry-blog-item:hover,
body.page-id-1925 #karjera-renginiai .post-area.masonry.material .masonry-blog-item:hover {
box-shadow: var(--hop-card-shadow-hover, 0 12px 32px rgba(28, 46, 32, 0.1)) !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry.material .masonry-blog-item:nth-child(3n + 1) .inner-wrap,
body.page-id-1925 #karjera-renginiai .post-area.masonry.material .masonry-blog-item:nth-child(3n + 1) .inner-wrap {
background-color: var(--hop-sc-1, #e8e4da);
}
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry.material .masonry-blog-item:nth-child(3n + 2) .inner-wrap,
body.page-id-1925 #karjera-renginiai .post-area.masonry.material .masonry-blog-item:nth-child(3n + 2) .inner-wrap {
background-color: var(--hop-sc-2, #dde8e1);
}
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry.material .masonry-blog-item:nth-child(3n + 3) .inner-wrap,
body.page-id-1925 #karjera-renginiai .post-area.masonry.material .masonry-blog-item:nth-child(3n + 3) .inner-wrap {
background-color: var(--hop-sc-3, #e4e8dd);
}
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry .post-header h3,
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry .post-header h3 a,
body.page-id-1925 #karjera-renginiai .post-area.masonry .post-header h3,
body.page-id-1925 #karjera-renginiai .post-area.masonry .post-header h3 a {
color: var(--hop-ink, #1c2e20) !important;
font-family: Outfit, sans-serif !important;
font-weight: 700 !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry .excerpt,
body.page-id-1925 #karjera-renginiai .post-area.masonry .excerpt {
color: rgba(28, 46, 32, 0.72) !important;
font-family: Outfit, sans-serif !important;
}
/* Hero featured — hide author avatar + "By … In", keep category only */
body.hoptrans-gradient-landing #karjera-renginiai .nectar-recent-posts-single_featured .grav-wrap > a,
body.page-id-1925 #karjera-renginiai .nectar-recent-posts-single_featured .grav-wrap > a,
body.hoptrans-gradient-landing #karjera-renginiai .nectar-recent-posts-single_featured .grav-wrap .text > span,
body.page-id-1925 #karjera-renginiai .nectar-recent-posts-single_featured .grav-wrap .text > span,
body.hoptrans-gradient-landing #karjera-renginiai .nectar-recent-posts-single_featured .grav-wrap .text > a[rel="author"],
body.page-id-1925 #karjera-renginiai .nectar-recent-posts-single_featured .grav-wrap .text > a[rel="author"] {
display: none !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .nectar-recent-posts-single_featured .grav-wrap,
body.page-id-1925 #karjera-renginiai .nectar-recent-posts-single_featured .grav-wrap,
body.hoptrans-gradient-landing #karjera-renginiai .nectar-recent-posts-single_featured .grav-wrap .text,
body.page-id-1925 #karjera-renginiai .nectar-recent-posts-single_featured .grav-wrap .text {
display: flex;
align-items: center;
}
/* Masonry cards — hide avatar + author link, keep date */
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry .grav-wrap > a,
body.page-id-1925 #karjera-renginiai .post-area.masonry .grav-wrap > a,
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry .grav-wrap .text > a[rel="author"],
body.page-id-1925 #karjera-renginiai .post-area.masonry .grav-wrap .text > a[rel="author"],
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry .meta-author,
body.page-id-1925 #karjera-renginiai .post-area.masonry .meta-author {
display: none !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry .grav-wrap,
body.page-id-1925 #karjera-renginiai .post-area.masonry .grav-wrap {
display: flex;
align-items: center;
}
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry .grav-wrap .text > span,
body.page-id-1925 #karjera-renginiai .post-area.masonry .grav-wrap .text > span {
color: rgba(28, 46, 32, 0.62) !important;
font-family: Outfit, sans-serif !important;
font-size: 0.875rem !important;
}
/* Hero CTA — ink pill + LT label */
body.hoptrans-gradient-landing #karjera-renginiai .nectar-recent-posts-single_featured .nectar-button.extra-color-3,
body.page-id-1925 #karjera-renginiai .nectar-recent-posts-single_featured .nectar-button.extra-color-3 {
background-color: var(--hop-ink, #1c2e20) !important;
border-color: var(--hop-ink, #1c2e20) !important;
color: #ffffff !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .nectar-recent-posts-single_featured .nectar-button.extra-color-3:hover,
body.page-id-1925 #karjera-renginiai .nectar-recent-posts-single_featured .nectar-button.extra-color-3:hover {
background-color: #000000 !important;
border-color: #000000 !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .nectar-recent-posts-single_featured .nectar-button > span,
body.page-id-1925 #karjera-renginiai .nectar-recent-posts-single_featured .nectar-button > span {
font-size: 0 !important;
line-height: 0 !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .nectar-recent-posts-single_featured .nectar-button > span::after,
body.page-id-1925 #karjera-renginiai .nectar-recent-posts-single_featured .nectar-button > span::after {
content: "Plačiau";
font-family: Outfit, sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
}
/* Unified section headings — karjera hub main titles only (not card/accordion labels) */
body.hoptrans-gradient-landing.page-id-1925 :is(
#karjera-hero h1,
#karjera-keliai .nectar-responsive-text[data-inherit-heading-family="h2"] p,
#karjera-apie .hoptrans-karjera-apie__heading,
#karjera-vertybes .hoptrans-karjera-vertybes__heading,
#karjera-jobs-filter .hoptrans-karjera-filter__heading,
#karjera-skelbimai .nectar-responsive-text[data-inherit-heading-family="h2"] p,
#karjera-privalumai .nectar-responsive-text[data-inherit-heading-family="h2"] p,
#karjera-atranka .hoptrans-karjera-atranka__heading,
#karjera-cta .hoptrans-karjera-cta__heading,
#karjera-istorijos > .row_col_wrap_12 > .vc_row:first-child .nectar-responsive-text[data-inherit-heading-family="h1"] p,
#karjera-renginiai .nectar-responsive-text[data-inherit-heading-family="h2"] p
),
body.page-id-1925.hoptrans-gradient-landing :is(
#karjera-hero h1,
#karjera-keliai .nectar-responsive-text[data-inherit-heading-family="h2"] p,
#karjera-apie .hoptrans-karjera-apie__heading,
#karjera-vertybes .hoptrans-karjera-vertybes__heading,
#karjera-jobs-filter .hoptrans-karjera-filter__heading,
#karjera-skelbimai .nectar-responsive-text[data-inherit-heading-family="h2"] p,
#karjera-privalumai .nectar-responsive-text[data-inherit-heading-family="h2"] p,
#karjera-atranka .hoptrans-karjera-atranka__heading,
#karjera-cta .hoptrans-karjera-cta__heading,
#karjera-istorijos > .row_col_wrap_12 > .vc_row:first-child .nectar-responsive-text[data-inherit-heading-family="h1"] p,
#karjera-renginiai .nectar-responsive-text[data-inherit-heading-family="h2"] p
) {
font-family: Outfit, sans-serif !important;
font-size: var(--hop-karjera-h2-size) !important;
font-weight: var(--hop-karjera-h2-weight) !important;
line-height: var(--hop-karjera-h2-lh) !important;
letter-spacing: var(--hop-karjera-h2-ls) !important;
}
body.hoptrans-gradient-landing #karjera-keliai a.hoptrans-karjera-path:empty,
body.page-id-1925 #karjera-keliai a.hoptrans-karjera-path:empty {
display: none !important;
}
/* Karjera — Salient stock testimonial flickity carousel (#karjera-istorijos) */
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell {
border: none !important;
box-shadow: none !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell .inner-wrap,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell .inner-wrap {
border: none !important;
box-shadow: none !important;
border-radius: 20px;
overflow: hidden;
width: 100% !important;
height: auto !important;
}
/* Portrait cards (~4:5) — taller than stock default; text cards drive row height */
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .inner-wrap,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .inner-wrap {
aspect-ratio: 4 / 5;
display: flex !important;
flex-direction: column !important;
}
/* Carousel row height — text cards (~4:5) drive ~612px viewport */
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .flickity-viewport,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .flickity-viewport {
min-height: 612px;
}
/* Text cards: migrate_text_cards clears color_layer — bg on .inner-wrap, not .nectar_color_layer */
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .inner-wrap,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .inner-wrap {
padding: 30px;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct {
display: flex !important;
flex-direction: column !important;
/* style.css duplicate blocks set height:auto !important on .cell — restore Flickity row stretch */
height: 100% !important;
min-height: 100% !important;
align-self: stretch !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct .inner-wrap,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct .inner-wrap {
background-size: cover !important;
background-position: center !important;
flex: 1 1 auto;
height: 100% !important;
min-height: 100% !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry .grav-wrap,
body.page-id-1925 #karjera-renginiai .post-area.masonry .grav-wrap {
display: flex;
align-items: center;
}
body.hoptrans-gradient-landing #karjera-keliai a.hoptrans-karjera-path:empty,
body.page-id-1925 #karjera-keliai a.hoptrans-karjera-path:empty {
display: none !important;
}
/* Portrait cards (~4:5) — taller than stock default; text cards drive row height */
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .inner-wrap,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .inner-wrap {
aspect-ratio: 4 / 5;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct {
display: flex !important;
flex-direction: column !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry .grav-wrap,
body.page-id-1925 #karjera-renginiai .post-area.masonry .grav-wrap {
display: flex;
align-items: center;
}
body.hoptrans-gradient-landing #karjera-keliai a.hoptrans-karjera-path:empty,
body.page-id-1925 #karjera-keliai a.hoptrans-karjera-path:empty {
display: none !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry .grav-wrap img,
body.page-id-1925 #karjera-renginiai .post-area.masonry .grav-wrap img {
border-radius: 50%;
}
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry .meta-author a,
body.page-id-1925 #karjera-renginiai .post-area.masonry .meta-author a {
color: var(--hop-ink, #1c2e20) !important;
font-family: Outfit, sans-serif !important;
}
body.hoptrans-gradient-landing #karjera-keliai a.hoptrans-karjera-path:empty,
body.page-id-1925 #karjera-keliai a.hoptrans-karjera-path:empty {
display: none !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry .grav-wrap img,
body.page-id-1925 #karjera-renginiai .post-area.masonry .grav-wrap img {
border-radius: 50%;
}
body.hoptrans-gradient-landing #karjera-keliai a.hoptrans-karjera-path:empty,
body.page-id-1925 #karjera-keliai a.hoptrans-karjera-path:empty {
display: none !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry .grav-wrap img,
body.page-id-1925 #karjera-renginiai .post-area.masonry .grav-wrap img {
border-radius: 50%;
}
body.hoptrans-gradient-landing #karjera-keliai a.hoptrans-karjera-path:empty,
body.page-id-1925 #karjera-keliai a.hoptrans-karjera-path:empty {
display: none !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry .grav-wrap img,
body.page-id-1925 #karjera-renginiai .post-area.masonry .grav-wrap img {
border-radius: 50%;
}
body.hoptrans-gradient-landing #karjera-keliai a.hoptrans-karjera-path:empty,
body.page-id-1925 #karjera-keliai a.hoptrans-karjera-path:empty {
display: none !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry .grav-wrap img,
body.page-id-1925 #karjera-renginiai .post-area.masonry .grav-wrap img {
border-radius: 50%;
}
body.hoptrans-gradient-landing #karjera-keliai a.hoptrans-karjera-path:empty,
body.page-id-1925 #karjera-keliai a.hoptrans-karjera-path:empty {
display: none !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry .grav-wrap img,
body.page-id-1925 #karjera-renginiai .post-area.masonry .grav-wrap img {
border-radius: 50%;
}
body.hoptrans-gradient-landing #karjera-keliai a.hoptrans-karjera-path:empty,
body.page-id-1925 #karjera-keliai a.hoptrans-karjera-path:empty {
display: none !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .column_container,
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .wpb_wrapper,
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .nectar-responsive-text[data-inherit-heading-family="h1"],
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .nectar-responsive-text[data-inherit-heading-family="h1"] p,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .column_container,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .wpb_wrapper,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .nectar-responsive-text[data-inherit-heading-family="h1"],
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .nectar-responsive-text[data-inherit-heading-family="h1"] p {
text-align: left !important;
}
body.hoptrans-gradient-landing #karjera-renginiai .post-area.masonry .grav-wrap img,
body.page-id-1925 #karjera-renginiai .post-area.masonry .grav-wrap img {
border-radius: 50%;
}
body.hoptrans-gradient-landing #karjera-keliai a.hoptrans-karjera-path:empty,
body.page-id-1925 #karjera-keliai a.hoptrans-karjera-path:empty {
display: none !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
body.hoptrans-gradient-landing #karjera-keliai a.hoptrans-karjera-path:empty,
body.page-id-1925 #karjera-keliai a.hoptrans-karjera-path:empty {
display: none !important;
}
/* Karjera — Salient stock testimonial flickity carousel (#karjera-istorijos) */
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell {
border: none !important;
box-shadow: none !important;}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct .inner-wrap,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct .inner-wrap {
background-size: cover !important;
background-position: center !important;
height: 100% !important;
min-height: 100% !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
body.hoptrans-gradient-landing #karjera-keliai a.hoptrans-karjera-path:empty,
body.page-id-1925 #karjera-keliai a.hoptrans-karjera-path:empty {
display: none !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell .inner-wrap,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell .inner-wrap {
border: none !important;
box-shadow: none !important;
border-radius: 20px;
overflow: hidden;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct .inner-wrap,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct .inner-wrap {
background-size: cover !important;
background-position: center !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
body.hoptrans-gradient-landing #karjera-keliai a.hoptrans-karjera-path:empty,
body.page-id-1925 #karjera-keliai a.hoptrans-karjera-path:empty {
display: none !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
body.hoptrans-gradient-landing #karjera-keliai a.hoptrans-karjera-path:empty,
body.page-id-1925 #karjera-keliai a.hoptrans-karjera-path:empty {
display: none !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
body.hoptrans-gradient-landing #karjera-keliai a.hoptrans-karjera-path:empty,
body.page-id-1925 #karjera-keliai a.hoptrans-karjera-path:empty {
display: none !important;
}
body.hoptrans-gradient-landing #karjera-istorijos.hoptrans-karjera-stock-stories,
body.page-id-1925 #karjera-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
body.hoptrans-gradient-landing #karjera-keliai a.hoptrans-karjera-path:empty,
body.page-id-1925 #karjera-keliai a.hoptrans-karjera-path:empty {
display: none !important;
}
body.hoptrans-gradient-landing #karjera-keliai a.hoptrans-karjera-path:empty,
body.page-id-1925 #karjera-keliai a.hoptrans-karjera-path:empty {
display: none !important;
}
body.hoptrans-gradient-landing #karjera-keliai a.hoptrans-karjera-path:empty,
body.page-id-1925 #karjera-keliai a.hoptrans-karjera-path:empty {
display: none !important;
}
/* Karjera — darbo paieška (#karjera-jobs-filter only) */
#karjera-jobs-filter.hoptrans-karjera-filter {
--hop-ink: #1c2e20;
--hop-g1: #1a5c30;
--hop-g2: #2d8a4e;
--hop-i08: rgba(28, 46, 32, 0.08);
--hop-filter-control-h: 48px;
box-sizing: border-box;
width: 100vw;
max-width: 100vw;
margin: 0 calc(50% - 50vw);
padding: clamp(20px, 3vw, 32px) 48px clamp(8px, 1.5vw, 16px);
background: #f4f2eb;
text-align: left;
}
#karjera-jobs-filter .hoptrans-karjera-filter__inner {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}
#karjera-jobs-filter .hoptrans-karjera-filter__intro {
margin: 0 0 clamp(16px, 2vw, 24px);
text-align: left;
}
#karjera-jobs-filter .hoptrans-karjera-filter__label {
margin: 0 0 6px;
font-family: Outfit, sans-serif;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--hop-g2, #2d8a4e);
}
#karjera-jobs-filter .hoptrans-karjera-filter__heading {
margin: 0;
font-family: Outfit, sans-serif;
font-size: clamp(1.45rem, 2.4vw, 2rem);
font-weight: 700;
letter-spacing: -0.02em;
color: var(--hop-ink, #1c2e20);
}
#karjera-jobs-filter .hoptrans-karjera-filter__form {
margin: 0;
}
#karjera-jobs-filter .hoptrans-karjera-filter__card {
--hop-card-bg: #fff;
box-sizing: border-box;
width: 100%;
background: var(--hop-card-bg);
border: 1px solid var(--hop-i08);
border-radius: 16px;
box-shadow: 0 8px 28px rgba(28, 46, 32, 0.05);
overflow: hidden;
}
#karjera-jobs-filter .hoptrans-karjera-filter__bar {
display: grid;
grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) auto;
gap: 16px 20px;
align-items: end;
padding: clamp(18px, 2.2vw, 24px);
}
#karjera-jobs-filter .hoptrans-karjera-filter__field {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
}
#karjera-jobs-filter .hoptrans-karjera-filter__field-label {
font-family: Outfit, sans-serif;
font-size: 0.82rem;
font-weight: 600;
line-height: 1.2;
color: rgba(28, 46, 32, 0.72);
}
#karjera-jobs-filter .hoptrans-karjera-filter__control {
box-sizing: border-box;
width: 100%;
height: var(--hop-filter-control-h);
min-height: var(--hop-filter-control-h);
margin: 0;
padding: 0 16px;
border: 1.5px solid rgba(28, 46, 32, 0.14);
border-radius: 12px;
background-color: #faf9f6;
font-family: Outfit, sans-serif;
font-size: 0.95rem;
font-weight: 500;
line-height: 1.2;
color: var(--hop-ink, #1c2e20);
transition:
border-color 0.25s ease,
box-shadow 0.25s ease,
background-color 0.25s ease;
}
#karjera-jobs-filter .hoptrans-karjera-filter__input {
appearance: none;
}
#karjera-jobs-filter .hoptrans-karjera-filter__select {
appearance: none;
padding-right: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1.5 1.5L6 6L10.5 1.5' stroke='%231c2e20' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
background-size: 12px 8px;
cursor: pointer;
}
#karjera-jobs-filter .hoptrans-karjera-filter__control:focus {
outline: none;
border-color: var(--hop-g1, #1a5c30);
background-color: #fff;
box-shadow: 0 0 0 3px rgba(26, 92, 48, 0.12);
}
#karjera-jobs-filter .hoptrans-karjera-filter__control::placeholder {
color: rgba(28, 46, 32, 0.45);
}
#karjera-jobs-filter .hoptrans-karjera-filter__actions {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 10px 14px;
min-width: 0;
}
#karjera-jobs-filter .hoptrans-karjera-filter__submit {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
height: var(--hop-filter-control-h);
margin: 0;
padding: 0 24px;
border: none;
border-radius: 999px;
background: var(--hop-ink, #1c2e20);
color: #fff;
font-family: Outfit, sans-serif;
font-size: 0.95rem;
font-weight: 700;
letter-spacing: 0.01em;
white-space: nowrap;
cursor: pointer;
transition:
background-color 0.25s ease,
transform 0.2s ease;
}
#karjera-jobs-filter .hoptrans-karjera-filter__submit:hover {
background: #000;
}
#karjera-jobs-filter .hoptrans-karjera-filter__clear {
flex: 0 0 auto;
margin: 0;
padding: 0;
border: none;
background: transparent;
font-family: Outfit, sans-serif;
font-size: 0.88rem;
font-weight: 600;
color: rgba(28, 46, 32, 0.65);
text-decoration: underline;
text-underline-offset: 3px;
white-space: nowrap;
cursor: pointer;
}
#karjera-jobs-filter .hoptrans-karjera-filter__clear:hover {
color: var(--hop-g1, #1a5c30);
}
#karjera-jobs-filter .hoptrans-karjera-filter__more {
padding: 0 clamp(18px, 2.2vw, 24px) clamp(18px, 2.2vw, 24px);
background: var(--hop-card-bg, #fff);
}
#karjera-jobs-filter .hoptrans-karjera-filter__chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
#karjera-jobs-filter .hoptrans-karjera-filter__chip {
display: inline-flex;
align-items: center;
margin: 0;
padding: 8px 14px;
border: 1.5px solid rgba(28, 46, 32, 0.14);
border-radius: 999px;
background: #fff;
font-family: Outfit, sans-serif;
font-size: 0.88rem;
font-weight: 600;
color: var(--hop-ink, #1c2e20);
cursor: pointer;
user-select: none;
transition:
background-color 0.2s ease,
border-color 0.2s ease,
color 0.2s ease;
}
#karjera-jobs-filter .hoptrans-karjera-filter__chip input {
position: absolute;
opacity: 0;
pointer-events: none;
}
#karjera-jobs-filter .hoptrans-karjera-filter__chip.is-active,
#karjera-jobs-filter .hoptrans-karjera-filter__chip:has(input:checked) {
background: var(--hop-g1, #1a5c30);
border-color: var(--hop-g1, #1a5c30);
color: #fff;
}
@media only screen and (max-width: 999px) {
#karjera-jobs-filter.hoptrans-karjera-filter {
padding-left: 24px;
padding-right: 24px;
}
#karjera-jobs-filter .hoptrans-karjera-filter__bar {
grid-template-columns: 1fr;
gap: 14px;
}
#karjera-jobs-filter .hoptrans-karjera-filter__actions {
width: 100%;
}
#karjera-jobs-filter .hoptrans-karjera-filter__submit {
flex: 1 1 auto;
min-width: 0;
}
}
/* Karjera — darbo paieška (#karjera-jobs-filter only) */
#karjera-jobs-filter .hoptrans-karjera-filter__inner {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}
#karjera-jobs-filter .hoptrans-karjera-filter__intro {
margin: 0 0 clamp(16px, 2vw, 24px);
text-align: left;
}
#karjera-jobs-filter .hoptrans-karjera-filter__form {
margin: 0;
}
#karjera-jobs-filter .hoptrans-karjera-filter__field {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
}
#karjera-jobs-filter .hoptrans-karjera-filter__field-label {
font-family: Outfit, sans-serif;
font-size: 0.82rem;
font-weight: 600;
line-height: 1.2;
color: rgba(28, 46, 32, 0.72);
}
#karjera-jobs-filter .hoptrans-karjera-filter__input {
appearance: none;
}
#karjera-jobs-filter .hoptrans-karjera-filter__control:focus {
outline: none;
border-color: var(--hop-g1, #1a5c30);
background-color: #fff;
box-shadow: 0 0 0 3px rgba(26, 92, 48, 0.12);
}
#karjera-jobs-filter .hoptrans-karjera-filter__control::placeholder {
color: rgba(28, 46, 32, 0.45);
}
#karjera-jobs-filter .hoptrans-karjera-filter__actions {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 10px 14px;
min-width: 0;
}
#karjera-jobs-filter .hoptrans-karjera-filter__submit:hover {
background: #000;
}
#karjera-jobs-filter .hoptrans-karjera-filter__clear:hover {
color: var(--hop-g1, #1a5c30);
}
#karjera-jobs-filter .hoptrans-karjera-filter__more {
padding: 0 clamp(18px, 2.2vw, 24px) clamp(18px, 2.2vw, 24px);
background: var(--hop-card-bg, #fff);
}
#karjera-jobs-filter .hoptrans-karjera-filter__chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
#karjera-jobs-filter .hoptrans-karjera-filter__chip input {
position: absolute;
opacity: 0;
pointer-events: none;
}
@media only screen and (max-width: 999px) {
#karjera-jobs-filter.hoptrans-karjera-filter {
padding-left: 24px;
padding-right: 24px;
}
#karjera-jobs-filter .hoptrans-karjera-filter__bar {
grid-template-columns: 1fr;
gap: 14px;
}
#karjera-jobs-filter .hoptrans-karjera-filter__actions {
width: 100%;
}
#karjera-jobs-filter .hoptrans-karjera-filter__submit {
flex: 1 1 auto;
min-width: 0;
}
}
/* Karjera — darbo paieška (#karjera-jobs-filter only) */
#karjera-jobs-filter .hoptrans-karjera-filter__inner {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}
#karjera-jobs-filter .hoptrans-karjera-filter__intro {
margin: 0 0 clamp(16px, 2vw, 24px);
text-align: left;
}
#karjera-jobs-filter .hoptrans-karjera-filter__heading {
margin: 0;
font-family: Outfit, sans-serif;
font-size: var(--hop-karjera-h2-size, clamp(1.75rem, 3vw, 2.5rem));
font-weight: var(--hop-karjera-h2-weight, 700);
line-height: var(--hop-karjera-h2-lh, 1.15);
letter-spacing: var(--hop-karjera-h2-ls, -0.02em);
color: var(--hop-ink, #1c2e20);
}
#karjera-jobs-filter .hoptrans-karjera-filter__form {
margin: 0;
}
#karjera-jobs-filter .hoptrans-karjera-filter__field {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
}
#karjera-jobs-filter .hoptrans-karjera-filter__field-label {
font-family: Outfit, sans-serif;
font-size: 0.82rem;
font-weight: 600;
line-height: 1.2;
color: rgba(28, 46, 32, 0.72);
}
#karjera-jobs-filter .hoptrans-karjera-filter__input {
appearance: none;
}
#karjera-jobs-filter .hoptrans-karjera-filter__control:focus {
outline: none;
border-color: var(--hop-g1, #1a5c30);
background-color: #fff;
box-shadow: 0 0 0 3px rgba(26, 92, 48, 0.12);
}
#karjera-jobs-filter .hoptrans-karjera-filter__control::placeholder {
color: rgba(28, 46, 32, 0.45);
}
#karjera-jobs-filter .hoptrans-karjera-filter__actions {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 10px 14px;
min-width: 0;
}
#karjera-jobs-filter .hoptrans-karjera-filter__submit:hover {
background: #000;
}
#karjera-jobs-filter .hoptrans-karjera-filter__clear:hover {
color: var(--hop-g1, #1a5c30);
}
#karjera-jobs-filter .hoptrans-karjera-filter__more {
padding: 0 clamp(18px, 2.2vw, 24px) clamp(18px, 2.2vw, 24px);
background: var(--hop-card-bg, #fff);
}
#karjera-jobs-filter .hoptrans-karjera-filter__chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
#karjera-jobs-filter .hoptrans-karjera-filter__chip input {
position: absolute;
opacity: 0;
pointer-events: none;
}
@media only screen and (max-width: 999px) {
#karjera-jobs-filter.hoptrans-karjera-filter {
padding-left: 24px;
padding-right: 24px;
}
#karjera-jobs-filter .hoptrans-karjera-filter__bar {
grid-template-columns: 1fr;
gap: 14px;
}
#karjera-jobs-filter .hoptrans-karjera-filter__actions {
width: 100%;
}
#karjera-jobs-filter .hoptrans-karjera-filter__submit {
flex: 1 1 auto;
min-width: 0;
}
}
/* Karjera praktika — /karjera/praktika/ page scope */
body.hoptrans-karjera-praktika-page {
--hop-bg: #f4f2eb;
--hop-ink: #1c2e20;
--hop-g1: #1a5c30;
--hop-g2: #2d8a4e;
--hop-g3: #409c61;
--hop-i08: rgba(28, 46, 32, 0.08);
--hop-sc-1: #e8e4da;
--hop-sc-2: #dde8e1;
--hop-sc-3: #e4e8dd;
--hop-sc-4: #dae4e1;
--hop-karjera-h2-size: clamp(1.75rem, 3vw, 2.5rem);
--hop-karjera-h2-weight: 700;
--hop-karjera-h2-lh: 1.15;
--hop-karjera-h2-ls: -0.02em;
/* Match /karjera/ + Salient .container.main-content */
--hop-rail-max: 1425px;
--hop-rail-gutter: 40px;
}
/*
* Content rail — full-bleed section BGs OK; constrain full-width-content inners.
*/
body.hoptrans-karjera-praktika-page [id^="karjera-praktika-"] .vc_row.full-width-content > .row_col_wrap_12.col,
body.hoptrans-karjera-praktika-page [id^="karjera-praktika-"] .vc_row.full-width-content.left_padding_48px > .row_col_wrap_12.col,
body.hoptrans-karjera-praktika-page [id^="karjera-praktika-"] .vc_row.full-width-content.right_padding_48px > .row_col_wrap_12.col {
box-sizing: border-box;
max-width: var(--hop-rail-max, 1425px);
width: 100%;
margin-left: auto !important;
margin-right: auto !important;
padding-left: var(--hop-rail-gutter, 40px) !important;
padding-right: var(--hop-rail-gutter, 40px) !important;
}
@media only screen and (max-width: 999px) {
body.hoptrans-karjera-praktika-page [id^="karjera-praktika-"] .vc_row.full-width-content > .row_col_wrap_12.col {
padding-left: 24px !important;
padding-right: 24px !important;
}
}
@media only screen and (max-width: 690px) {
body.hoptrans-karjera-praktika-page [id^="karjera-praktika-"] .vc_row.full-width-content > .row_col_wrap_12.col {
padding-left: 16px !important;
padding-right: 16px !important;
}
}
body.hoptrans-karjera-praktika-page #karjera-praktika-intro,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero,
body.hoptrans-karjera-praktika-page #karjera-praktika-vertybes,
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos {
scroll-margin-top: 100px;
}
/* Jobs list — same innov accordion under #karjera-praktika-skelbimai */
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .nectar-responsive-text[data-inherit-heading-family="h6"] p,
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .nectar-responsive-text[data-inherit-heading-family="h6"] p {
color: var(--hop-g3);
}
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .nectar-responsive-text[data-inherit-heading-family="h2"] p,
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .nectar-responsive-text[data-inherit-heading-family="h2"] p {
color: var(--hop-ink) !important;
font-family: Outfit, sans-serif !important;
font-weight: 700 !important;
letter-spacing: -0.02em !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .wpb_wrapper > .nectar-responsive-text:not([data-inherit-heading-family]) p,
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .wpb_wrapper > .nectar-responsive-text[style*="color"] p {
color: var(--hop-ink) !important;
max-width: 42rem;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .hoptrans-vair-jobs-filter,
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .hoptrans-vair-jobs-filter {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 20px;
margin: clamp(14px, 1.8vw, 20px) 0 clamp(6px, 1vw, 12px);
}
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .hoptrans-vair-jobs-filter__label,
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .hoptrans-vair-jobs-filter__label {
font-family: Outfit, sans-serif;
font-size: 0.82rem;
font-weight: 600;
letter-spacing: 0.04em;
color: var(--hop-ink);
opacity: 0.72;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .hoptrans-vair-jobs-filter__options,
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .hoptrans-vair-jobs-filter__options {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 18px;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .hoptrans-vair-jobs-filter__option,
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .hoptrans-vair-jobs-filter__option {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0;
cursor: pointer;
font-family: Outfit, sans-serif;
font-size: 0.95rem;
font-weight: 600;
line-height: 1.2;
color: var(--hop-ink);
user-select: none;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .hoptrans-vair-jobs-filter__checkbox,
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .hoptrans-vair-jobs-filter__checkbox {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .hoptrans-vair-jobs-filter__box,
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .hoptrans-vair-jobs-filter__box {
box-sizing: border-box;
flex: 0 0 18px;
width: 18px;
height: 18px;
border: 1.5px solid rgba(13, 31, 18, 0.22);
border-radius: 4px;
background: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .hoptrans-vair-jobs-filter__box::after,
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .hoptrans-vair-jobs-filter__box::after {
content: "";
width: 10px;
height: 6px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(-45deg) translateY(-1px);
opacity: 0;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .hoptrans-vair-jobs-filter__checkbox:checked + .hoptrans-vair-jobs-filter__box,
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .hoptrans-vair-jobs-filter__checkbox:checked + .hoptrans-vair-jobs-filter__box {
background: var(--hop-g1);
border-color: var(--hop-g1);
}
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .hoptrans-vair-jobs-filter__checkbox:checked + .hoptrans-vair-jobs-filter__box::after,
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .hoptrans-vair-jobs-filter__checkbox:checked + .hoptrans-vair-jobs-filter__box::after {
opacity: 1;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .hoptrans-vair-jobs-empty,
body.hoptrans-karjera-praktika-page #karjera-praktika-skelbimai .hoptrans-vair-jobs-empty {
margin: 18px 0 0;
padding: 14px 4px;
font-size: 0.95rem;
line-height: 1.45;
color: rgba(28, 46, 32, 0.7);
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle.is-city-hidden,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle.is-filter-hidden,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle.is-city-hidden,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle.is-filter-hidden {
display: none !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
height: 0 !important;
overflow: hidden !important;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion {
counter-reset: hop-vair-job;
margin-top: clamp(12px, 2vw, 24px);
border-top: 1px solid var(--hop-i08);
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle {
counter-increment: hop-vair-job;
margin: 0 !important;
padding: 0 !important;
border: none !important;
border-bottom: 1px solid var(--hop-i08) !important;
background: transparent !important;
overflow: visible;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .toggle-title,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .toggle-title {
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
transition: background-color 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .toggle-title a,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .toggle-title a {
display: flex !important;
align-items: center !important;
gap: clamp(12px, 2vw, 20px) !important;
width: 100% !important;
padding: clamp(16px, 2.2vw, 24px) clamp(8px, 1.5vw, 16px) !important;
margin: 0 !important;
border: none !important;
background: transparent !important;
box-shadow: none !important;
font-family: Outfit, sans-serif !important;
font-size: clamp(0.95rem, 1.2vw, 1.125rem) !important;
font-weight: 700 !important;
line-height: 1.25 !important;
letter-spacing: -0.02em !important;
text-transform: none !important;
text-decoration: none !important;
color: var(--hop-ink) !important;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .toggle-title a i,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .toggle-title a i {
display: none !important;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .toggle-title a::before,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .toggle-title a::before {
content: counter(hop-vair-job);
flex: 0 0 clamp(2rem, 3vw, 2.35rem);
width: clamp(2rem, 3vw, 2.35rem);
height: clamp(2rem, 3vw, 2.35rem);
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--hop-i08);
border-radius: 50%;
font-size: clamp(0.75rem, 1vw, 0.85rem);
font-weight: 600;
font-family: Outfit, sans-serif;
color: var(--hop-g3);
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .toggle-title a::after,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .toggle-title a::after {
content: "";
box-sizing: border-box;
flex: 0 0 clamp(2rem, 3vw, 2.35rem);
width: clamp(2rem, 3vw, 2.35rem);
height: clamp(2rem, 3vw, 2.35rem);
margin-left: auto;
display: block;
border: 1px solid rgba(13, 31, 18, 0.14);
border-radius: 50%;
background-image: var(--hop-svg-3);
background-repeat: no-repeat;
background-position: 52% 48%;
background-size: 12px 12px;
transform-origin: 50% 50%;
transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle.open .toggle-title,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle:hover .toggle-title,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle.open .toggle-title,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle:hover .toggle-title {
background-color: #dde8e1 !important;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle.open .toggle-title a,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle:hover .toggle-title a,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle.open .toggle-title a,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle:hover .toggle-title a {
color: var(--hop-g1) !important;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle.open .toggle-title a::before,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle:hover .toggle-title a::before,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle.open .toggle-title a::before,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle:hover .toggle-title a::before {
border-color: var(--hop-g1) !important;
color: var(--hop-g1) !important;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle.open .toggle-title a::after,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle.open .toggle-title a::after {
transform: rotate(90deg);
border-color: var(--hop-g1);
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 14px 16px;
padding: 8px clamp(8px, 1.5vw, 16px) clamp(28px, 3.2vw, 40px)
calc(clamp(2rem, 3vw, 2.35rem) + clamp(20px, 3vw, 36px)) !important;
border: none !important;
background: transparent !important;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle.open .inner-toggle-wrap,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle.open .inner-toggle-wrap {
background-color: #dde8e1 !important;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block h5,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block h5 {
margin: 0 0 8px;
font-family: Outfit, sans-serif;
font-size: 0.85rem;
font-weight: 700;
color: var(--hop-g1);
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle[data-inner-wrap="true"].open > div,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle[data-inner-wrap="true"].open > div {
max-height: none !important;
height: auto !important;
overflow: visible !important;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block {
flex: 1 1 100%;
width: 100%;
margin: 4px 0 0;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block ul,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block ul {
margin: 0;
padding-left: 1.15rem;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block li,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .hoptrans-vair-job-block li {
margin: 0 0 4px;
font-size: clamp(0.88rem, 1.02vw, 0.98rem);
line-height: 1.5;
color: var(--hop-ink, #1c2e20);
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .wpb_text_column,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .wpb_text_column {
flex: 1 1 100%;
width: 100%;
margin-bottom: 0;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap p,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap p,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .wpb_text_column,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .wpb_text_column {
font-size: clamp(0.9rem, 1.05vw, 1rem);
line-height: 1.55;
color: var(--hop-ink, #1c2e20) !important;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .nectar-cta,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .nectar-cta {
display: inline-flex !important;
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
flex: 0 1 auto !important;
margin: clamp(12px, 1.6vw, 18px) 0 0 !important;
align-self: flex-start;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .nectar-cta + .nectar-cta,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .nectar-cta + .nectar-cta {
margin-left: clamp(12px, 1.6vw, 18px) !important;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .link_wrap,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .link_wrap {
display: inline-flex !important;
align-items: center !important;
width: auto !important;
max-width: 100% !important;
min-width: max-content !important;
box-sizing: border-box !important;
padding: 4px 6px 4px 20px !important;
overflow: visible !important;
background-color: var(--hop-ink, #1c2e20) !important;
border-color: var(--hop-ink, #1c2e20) !important;
--nectar-button-color: #ffffff;
--nectar-text-color: #ffffff;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .link_wrap .link_text,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .link_wrap .link_text {
display: inline-flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: var(--nectar-icon-gap, 14px) !important;
padding-right: 0 !important;
max-width: none !important;
overflow: visible !important;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .link_text .text,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .link_text .text {
color: #ffffff !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
font-family: "Outfit", sans-serif !important;
font-weight: 600 !important;
font-size: clamp(12px, 0.95vw, 14px) !important;
line-height: 1.25 !important;
letter-spacing: -0.01em;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .arrow-circle-animation-arrow-wrap,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .arrow-circle-animation-arrow-wrap {
position: relative !important;
flex-shrink: 0 !important;
width: max(34px, var(--nectar-min-icon-size, 34px)) !important;
min-width: max(34px, var(--nectar-min-icon-size, 34px)) !important;
aspect-ratio: 1 / 1;
border-radius: 100%;
overflow: hidden;
background-color: #ffffff !important;
clip-path: circle(50% at 50% 50%);
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .arrow-circle-animation-arrow,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"] .arrow-circle-animation-arrow {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 50% !important;
height: 50% !important;
fill: var(--hop-ink, #1c2e20) !important;
opacity: 1 !important;
visibility: visible !important;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"]:hover .link_wrap,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta[data-style="arrow-circle-animation"]:hover .link_wrap {
background-color: #000000 !important;
border-color: #000000 !important;
}
/* Inquiry CTA — envelope icon (Salient may drop el_class; match #karjera-cta href) */
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta:has(a[href="#karjera-praktika-cta"]) .arrow-circle-animation-arrow,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta:has(a[href="#karjera-praktika-cta"]) .arrow-circle-animation-arrow {
opacity: 0 !important;
visibility: hidden !important;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta:has(a[href="#karjera-praktika-cta"]) .arrow-circle-animation-arrow-wrap::after,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta:has(a[href="#karjera-praktika-cta"]) .arrow-circle-animation-arrow-wrap::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 48%;
height: 48%;
background-color: var(--hop-ink, #1c2e20);
mask-image: var(--hop-svg-2);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-image: var(--hop-svg-2);
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}
/* Phone CTA in job accordion */
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta:has(a[href^="tel:"]) .arrow-circle-animation-arrow,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta:has(a[href^="tel:"]) .arrow-circle-animation-arrow {
opacity: 0 !important;
visibility: hidden !important;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta:has(a[href^="tel:"]) .arrow-circle-animation-arrow-wrap::after,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap .nectar-cta:has(a[href^="tel:"]) .arrow-circle-animation-arrow-wrap::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 46%;
height: 46%;
background-color: var(--hop-ink, #1c2e20);
mask-image: var(--hop-svg-1);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-image: var(--hop-svg-1);
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}
@media only screen and (max-width: 999px) {
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .nectar-cta,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .nectar-cta {
margin-top: 12px !important;
}
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .nectar-cta + .nectar-cta,
body.hoptrans-karjera-praktika-page #ajax-content-wrap #karjera-praktika-skelbimai .toggles.accordion .toggle .inner-toggle-wrap > .nectar-cta + .nectar-cta {
margin-left: 12px !important;
}
}
/* Karjera — Salient stock testimonial flickity carousel (#karjera-praktika-istorijos) */
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell {
border: none !important;
box-shadow: none !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell .inner-wrap,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell .inner-wrap {
border: none !important;
box-shadow: none !important;
border-radius: 20px;
overflow: hidden;
width: 100% !important;
height: auto !important;
}
/* Portrait cards (~4:5) — taller than stock default; text cards drive row height */
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .inner-wrap,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .inner-wrap {
aspect-ratio: 4 / 5;
display: flex !important;
flex-direction: column !important;
}
/* Carousel row height — text cards (~4:5) drive ~612px viewport */
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .flickity-viewport,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .flickity-viewport {
min-height: 612px;
}
/* Text cards: migrate_text_cards clears color_layer — bg on .inner-wrap, not .nectar_color_layer */
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .nectar_color_layer,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .nectar_color_layer {
display: none !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .inner-wrap,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .inner-wrap {
padding: 30px;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 1) .inner-wrap,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 1) .inner-wrap {
background-color: var(--hop-sc-1, #e8e4da) !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 3) .inner-wrap,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 3) .inner-wrap {
background-color: var(--hop-sc-2, #dde8e1) !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 5) .inner-wrap,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 5) .inner-wrap {
background-color: var(--hop-sc-3, #e4e8dd) !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 7) .inner-wrap,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 7) .inner-wrap {
background-color: var(--hop-sc-4, #dae4e1) !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct {
display: flex !important;
flex-direction: column !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct .inner-wrap,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct .inner-wrap {
background-size: cover !important;
background-position: center !important;
flex: 1 1 auto;
height: 100% !important;
min-height: 100% !important;
}
/* Text card author footer — initials avatar inside card (no Salient demo headshots) */
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .vc_row_inner:last-child,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .vc_row_inner:last-child {
margin-top: auto;
width: 100%;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .img-with-aniamtion-wrap,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .img-with-aniamtion-wrap {
display: none !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .vc_col-xs-4 .wpb_wrapper,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .vc_col-xs-4 .wpb_wrapper {
display: flex;
justify-content: flex-end;
align-items: flex-end;
min-height: 44px;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .vc_col-xs-4 .wpb_wrapper::before,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .vc_col-xs-4 .wpb_wrapper::before {
content: "";
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 40px;
font-family: Outfit, sans-serif;
font-size: 1rem;
font-weight: 700;
color: var(--hop-ink, #1c2e20);
flex: 0 0 44px;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 1) .vc_col-xs-4 .wpb_wrapper::before,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 1) .vc_col-xs-4 .wpb_wrapper::before {
content: "L";
background: linear-gradient(135deg, var(--hop-sc-1, #e8e4da), var(--hop-sc-2, #dde8e1));
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 3) .vc_col-xs-4 .wpb_wrapper::before,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 3) .vc_col-xs-4 .wpb_wrapper::before {
content: "G";
background: linear-gradient(135deg, var(--hop-sc-2, #dde8e1), var(--hop-sc-3, #e4e8dd));
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 5) .vc_col-xs-4 .wpb_wrapper::before,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 5) .vc_col-xs-4 .wpb_wrapper::before {
content: "M";
background: linear-gradient(135deg, var(--hop-sc-3, #e4e8dd), var(--hop-sc-4, #dae4e1));
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 7) .vc_col-xs-4 .wpb_wrapper::before,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct:nth-child(8n + 7) .vc_col-xs-4 .wpb_wrapper::before {
content: "E";
background: linear-gradient(135deg, var(--hop-sc-4, #dae4e1), var(--hop-sc-1, #e8e4da));
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-responsive-text[data-inherit-heading-family="h1"] p,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-responsive-text[data-inherit-heading-family="h1"] p {
font-family: Outfit, sans-serif !important;
font-weight: 700 !important;
color: var(--hop-ink, #1c2e20) !important;
letter-spacing: -0.03em;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .nectar-responsive-text[data-inherit-heading-family="h2"] p,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .nectar-responsive-text[data-inherit-heading-family="h2"] p {
font-family: Outfit, sans-serif !important;
font-weight: 500 !important;
color: var(--hop-ink, #1c2e20) !important;
line-height: 1.35;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell .nectar-responsive-text[data-inherit-heading-family="h5"] p,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell .nectar-responsive-text[data-inherit-heading-family="h5"] p {
font-family: Outfit, sans-serif !important;
font-weight: 600 !important;
color: var(--hop-ink, #1c2e20) !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell .nectar-responsive-text.font_size_desktop_14px p,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell .nectar-responsive-text.font_size_desktop_14px p {
font-family: Outfit, sans-serif !important;
color: rgba(28, 46, 32, 0.62) !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct .nectar-responsive-text[data-inherit-heading-family="h5"] p,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct .nectar-responsive-text.font_size_desktop_14px p,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct .nectar-responsive-text[data-inherit-heading-family="h5"] p,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct .nectar-responsive-text.font_size_desktop_14px p {
color: #f4f2eb !important;
}
/* Stock stories — ~60% less gap from #karjera-praktika-cta (8%+4%+row10% → 4%+1.6%+1.6%) */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta {
padding-bottom: 4% !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child {
padding-top: 1.6% !important;
padding-bottom: 2% !important;
}
@media only screen and (max-width: 999px) {
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child {
padding-top: 3.2% !important;
padding-bottom: 4% !important;
}
}
/* Heading row — override Salient force-desktop-text-align-center + flex center utilities */
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .column_container,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .vc_column-inner,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .wpb_wrapper,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .nectar-responsive-text,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .nectar-responsive-text p,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .column_container,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .vc_column-inner,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .wpb_wrapper,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .nectar-responsive-text,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .nectar-responsive-text p {
align-items: flex-start !important;
justify-content: flex-start !important;
text-align: left !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .nectar-responsive-text[data-inherit-heading-family="h6"] p,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories > .row_col_wrap_12 > .vc_row:first-child .nectar-responsive-text[data-inherit-heading-family="h6"] p {
color: var(--hop-g3, #409c61) !important;
font-family: Outfit, sans-serif !important;
font-weight: 600 !important;
letter-spacing: 0.05em;
text-transform: uppercase;
}
/* Karjera — Salient Overlapping Posts Slider & Masonry Blog (#karjera-renginiai, K8) */
body.hoptrans-karjera-praktika-page #karjera-renginiai.hoptrans-karjera-renginiai,
body.hoptrans-karjera-praktika-page #karjera-renginiai.hoptrans-karjera-renginiai {
background-color: #f4f2eb !important;
}
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-responsive-text[data-inherit-heading-family="h6"] p,
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-responsive-text[data-inherit-heading-family="h6"] p {
color: var(--hop-g3, #409c61) !important;
font-family: Outfit, sans-serif !important;
font-weight: 600 !important;
letter-spacing: 0.06em;
text-transform: uppercase;
}
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-responsive-text[data-inherit-heading-family="h2"] p,
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-responsive-text[data-inherit-heading-family="h2"] p {
color: var(--hop-ink, #1c2e20) !important;
font-family: Outfit, sans-serif !important;
font-weight: 700 !important;
letter-spacing: -0.03em;
}
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-responsive-text[data-inherit-heading-family="default"] p,
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-responsive-text[data-inherit-heading-family="default"] p {
color: var(--hop-ink, #1c2e20) !important;
font-family: Outfit, sans-serif !important;
line-height: 1.55;
max-width: 42rem;
}
/* Featured hero + side list */
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured.multiple_featured,
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured.multiple_featured {
font-family: Outfit, sans-serif !important;
}
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured .post-header h3,
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured .post-header h3 a,
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured .post-header h3,
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured .post-header h3 a {
color: var(--hop-ink, #1c2e20) !important;
font-family: Outfit, sans-serif !important;
font-weight: 700 !important;
}
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured .excerpt,
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured .excerpt {
color: rgba(28, 46, 32, 0.72) !important;
font-family: Outfit, sans-serif !important;
}
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured .meta-category a,
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry .meta-category a,
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured .meta-category a,
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry .meta-category a {
background-color: rgba(64, 156, 97, 0.12) !important;
color: var(--hop-g3, #409c61) !important;
border: none !important;
font-family: Outfit, sans-serif !important;
font-weight: 600 !important;
}
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured .meta-category a:hover,
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry .meta-category a:hover,
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured .meta-category a:hover,
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry .meta-category a:hover {
background-color: rgba(64, 156, 97, 0.2) !important;
color: var(--hop-g2, #2d8a4e) !important;
}
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured .slide-nav li,
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured .slide-nav li {
border: none !important;
box-shadow: none !important;
background: #ffffff !important;
border-radius: 16px;
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured .slide-nav li:hover,
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured .slide-nav li:hover {
box-shadow: var(--hop-card-shadow-hover, 0 12px 32px rgba(28, 46, 32, 0.1)) !important;
}
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured .slide-nav .post-header h5,
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured .slide-nav .post-header h5 a,
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured .slide-nav .post-header h5,
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured .slide-nav .post-header h5 a {
color: var(--hop-ink, #1c2e20) !important;
font-family: Outfit, sans-serif !important;
font-weight: 600 !important;
}
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured .circle-arrow,
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured a.circle-arrow,
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured .circle-arrow,
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured a.circle-arrow {
background-color: var(--hop-ink, #1c2e20) !important;
border-color: var(--hop-ink, #1c2e20) !important;
color: #ffffff !important;
}
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured .circle-arrow:hover,
body.hoptrans-karjera-praktika-page #karjera-renginiai .nectar-recent-posts-single_featured .circle-arrow:hover {
background-color: #000000 !important;
border-color: #000000 !important;
}
/* Masonry overlapping cards */
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry.material .masonry-blog-item,
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry.material .masonry-blog-item {
border: none !important;
box-shadow: none !important;
background: #ffffff;
border-radius: 18px;
overflow: hidden;
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry.material .masonry-blog-item:hover,
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry.material .masonry-blog-item:hover {
box-shadow: var(--hop-card-shadow-hover, 0 12px 32px rgba(28, 46, 32, 0.1)) !important;
}
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry.material .masonry-blog-item:nth-child(3n + 1) .inner-wrap,
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry.material .masonry-blog-item:nth-child(3n + 1) .inner-wrap {
background-color: var(--hop-sc-1, #e8e4da);
}
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry.material .masonry-blog-item:nth-child(3n + 2) .inner-wrap,
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry.material .masonry-blog-item:nth-child(3n + 2) .inner-wrap {
background-color: var(--hop-sc-2, #dde8e1);
}
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry.material .masonry-blog-item:nth-child(3n + 3) .inner-wrap,
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry.material .masonry-blog-item:nth-child(3n + 3) .inner-wrap {
background-color: var(--hop-sc-3, #e4e8dd);
}
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry .post-header h3,
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry .post-header h3 a,
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry .post-header h3,
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry .post-header h3 a {
color: var(--hop-ink, #1c2e20) !important;
font-family: Outfit, sans-serif !important;
font-weight: 700 !important;
}
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry .excerpt,
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry .excerpt {
color: rgba(28, 46, 32, 0.72) !important;
font-family: Outfit, sans-serif !important;
}
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry .grav-wrap img,
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry .grav-wrap img {
border-radius: 50%;
}
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry .meta-author a,
body.hoptrans-karjera-praktika-page #karjera-renginiai .post-area.masonry .meta-author a {
color: var(--hop-ink, #1c2e20) !important;
font-family: Outfit, sans-serif !important;
}
/* Unified section headings — praktika page main titles */
body.hoptrans-karjera-praktika-page :is(
#karjera-praktika-skelbimai .nectar-responsive-text[data-inherit-heading-family="h2"] p,
#karjera-praktika-istorijos > .row_col_wrap_12 > .vc_row:first-child .nectar-responsive-text[data-inherit-heading-family="h1"] p
) {
font-family: Outfit, sans-serif !important;
font-size: var(--hop-karjera-h2-size) !important;
font-weight: var(--hop-karjera-h2-weight) !important;
line-height: var(--hop-karjera-h2-lh) !important;
letter-spacing: var(--hop-karjera-h2-ls) !important;
}
/* Unified section headings — karjera hub main titles only (not card/accordion labels) */
body.hoptrans-gradient-landing.page-id-1925 :is(
#karjera-hero h1,
#karjera-keliai .nectar-responsive-text[data-inherit-heading-family="h2"] p,
#karjera-apie .hoptrans-karjera-apie__heading,
#karjera-vertybes .hoptrans-karjera-vertybes__heading,
#karjera-jobs-filter .hoptrans-karjera-filter__heading,
#karjera-praktika-skelbimai .nectar-responsive-text[data-inherit-heading-family="h2"] p,
#karjera-privalumai .nectar-responsive-text[data-inherit-heading-family="h2"] p,
#karjera-atranka .hoptrans-karjera-atranka__heading,
#karjera-cta .hoptrans-karjera-cta__heading,
#karjera-praktika-istorijos > .row_col_wrap_12 > .vc_row:first-child .nectar-responsive-text[data-inherit-heading-family="h1"] p,
#karjera-renginiai .nectar-responsive-text[data-inherit-heading-family="h2"] p
),
body.page-id-1925.hoptrans-gradient-landing :is(
#karjera-hero h1,
#karjera-keliai .nectar-responsive-text[data-inherit-heading-family="h2"] p,
#karjera-apie .hoptrans-karjera-apie__heading,
#karjera-vertybes .hoptrans-karjera-vertybes__heading,
#karjera-jobs-filter .hoptrans-karjera-filter__heading,
#karjera-praktika-skelbimai .nectar-responsive-text[data-inherit-heading-family="h2"] p,
#karjera-privalumai .nectar-responsive-text[data-inherit-heading-family="h2"] p,
#karjera-atranka .hoptrans-karjera-atranka__heading,
#karjera-cta .hoptrans-karjera-cta__heading,
#karjera-praktika-istorijos > .row_col_wrap_12 > .vc_row:first-child .nectar-responsive-text[data-inherit-heading-family="h1"] p,
#karjera-renginiai .nectar-responsive-text[data-inherit-heading-family="h2"] p
) {
font-family: Outfit, sans-serif !important;
font-size: var(--hop-karjera-h2-size) !important;
font-weight: var(--hop-karjera-h2-weight) !important;
line-height: var(--hop-karjera-h2-lh) !important;
letter-spacing: var(--hop-karjera-h2-ls) !important;
}
/* Stock stories — ~60% less gap from #karjera-praktika-cta (8%+4%+row10% → 4%+1.6%+1.6%) */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta {
padding-bottom: 4% !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
/* Stock stories — ~60% less gap from #karjera-praktika-cta (8%+4%+row10% → 4%+1.6%+1.6%) */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta {
padding-bottom: 4% !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
/* Portrait cards (~4:5) — taller than stock default; text cards drive row height */
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .inner-wrap,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .inner-wrap {
aspect-ratio: 4 / 5;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-34pct {
display: none !important;
}
/* Stock stories — ~60% less gap from #karjera-praktika-cta (8%+4%+row10% → 4%+1.6%+1.6%) */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta {
padding-bottom: 4% !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
/* Stock stories — ~60% less gap from #karjera-praktika-cta (8%+4%+row10% → 4%+1.6%+1.6%) */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta {
padding-bottom: 4% !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
/* Stock stories — ~60% less gap from #karjera-praktika-cta (8%+4%+row10% → 4%+1.6%+1.6%) */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta {
padding-bottom: 4% !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
/* Stock stories — ~60% less gap from #karjera-praktika-cta (8%+4%+row10% → 4%+1.6%+1.6%) */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta {
padding-bottom: 4% !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
/* Stock stories — ~60% less gap from #karjera-praktika-cta (8%+4%+row10% → 4%+1.6%+1.6%) */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta {
padding-bottom: 4% !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
/* Stock stories — left heading + less gap from #karjera-praktika-cta */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta {
padding-bottom: 4% !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories {
padding-top: 1.6% !important;
}
/* Text cards: migrate_text_cards clears color_layer — bg on .inner-wrap, not .nectar_color_layer */
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .inner-wrap,
body.hoptrans-karjera-praktika-page #karjera-praktika-istorijos.hoptrans-karjera-stock-stories .nectar-flickity .cell.custom-desktop-width-44pct .inner-wrap {
padding: 30px;
}
/* Stock stories — left heading + 60% less gap from #karjera-cta (padding 10%+4% → 4%+1.6%) */
body.hoptrans-karjera-praktika-page #karjera-cta,
body.hoptrans-karjera-praktika-page #karjera-cta {
padding-bottom: 4% !important;
}
/* Karjera praktika — intro + vertybės (KP1) */
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro,
body.hoptrans-karjera-praktika-page #karjera-praktika-vertybes {
color: var(--hop-ink, #1c2e20);
font-family: "Outfit", sans-serif;
margin-top: clamp(36px, 5vw, 56px);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__header {
display: flex;
flex-direction: column;
gap: 8px;
max-width: 42rem;
margin-bottom: clamp(20px, 2.5vw, 28px);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__carousel-label {
margin: 0;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--hop-g3, #409c61);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__carousel-desc {
margin: 0;
font-size: 0.88rem;
line-height: 1.5;
color: rgba(28, 46, 32, 0.7);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__stage {
position: relative;
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: clamp(6px, 1vw, 12px);
align-items: center;
width: 100%;
max-width: 100%;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__viewport {
overflow: hidden;
min-width: 0;
width: 100%;
touch-action: pan-y pinch-zoom;
--hop-praktika-vertybes-card-w: 100%;
--hop-praktika-vertybes-visible: 1;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__track {
display: flex;
gap: clamp(12px, 1.5vw, 16px);
align-items: stretch;
will-change: transform;
transition: transform 1.65s cubic-bezier(0.22, 1, 0.36, 1);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card {
box-sizing: border-box;
flex: 0 0 var(--hop-praktika-vertybes-card-w, 100%);
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
min-height: 260px;
padding: clamp(22px, 2.5vw, 30px);
border: none;
border-radius: 14px;
background: var(--hop-sc-1, #e8e4da);
color: var(--hop-ink, #1c2e20);
transition:
box-shadow 0.25s ease,
transform 0.25s ease;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card--tint-1 {
background: var(--hop-sc-1, #e8e4da);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card--tint-2 {
background: var(--hop-sc-2, #dde8e1);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card--tint-3 {
background: var(--hop-sc-3, #e4e8dd);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card--tint-4 {
background: var(--hop-sc-4, #dae4e1);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card--tint-5 {
background: var(--hop-sc-5, #e1e8e4);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card.is-featured {
box-shadow: 0 10px 28px rgba(28, 46, 32, 0.1);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.85rem;
height: 1.85rem;
border: 1px solid rgba(28, 46, 32, 0.12);
border-radius: 50%;
font-family: "Outfit", sans-serif;
font-size: 0.78rem;
font-weight: 600;
color: var(--hop-g2, #2d8a4e);
background: rgba(255, 255, 255, 0.45);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card-title {
margin: 0;
font-family: "Outfit", sans-serif !important;
font-size: clamp(0.95rem, 1.1vw, 1.02rem);
font-weight: 700;
letter-spacing: -0.02em;
color: var(--hop-ink, #1c2e20) !important;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card-text {
margin: 0;
flex: 1 1 auto;
font-size: 0.84rem;
line-height: 1.45;
color: rgba(28, 46, 32, 0.78);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav {
box-sizing: border-box;
flex: 0 0 36px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 0;
border: 1px solid var(--hop-i08, rgba(28, 46, 32, 0.08));
border-radius: 50%;
background: #fff;
color: var(--hop-ink, #1c2e20);
cursor: pointer;
transition: box-shadow 0.25s ease;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav:hover,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav:focus-visible {
box-shadow: 0 8px 22px rgba(28, 46, 32, 0.1);
outline: none;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav svg {
fill: currentColor;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__dots {
display: flex;
align-items: center;
justify-content: center;
width: fit-content;
gap: 8px;
margin: 18px auto 0;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__dot {
box-sizing: border-box;
width: 8px;
height: 8px;
padding: 0;
border: none;
border-radius: 50%;
background: rgba(28, 46, 32, 0.18);
cursor: pointer;
transition: background 0.2s ease, transform 0.2s ease;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__dot.is-active {
background: var(--hop-g1, #1a5c30);
transform: scale(1.15);
}
@media (prefers-reduced-motion: reduce) {
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__track {
transition: none !important;
}
}
@media only screen and (min-width: 691px) {
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card {
min-height: 280px;
}
}
@media only screen and (max-width: 690px) {
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav--prev {
position: absolute;
left: 4px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav--next {
position: absolute;
right: 4px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__stage {
display: block;
width: 100%;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card {
min-height: 260px;
}
}
/* Right column — carousel */
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__carousel-col,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__carousel-col {
display: flex;
flex-direction: column;
align-items: center;
gap: clamp(16px, 2vw, 24px);
min-width: 0;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__carousel-header,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__carousel-header {
display: flex;
flex-direction: column;
align-self: stretch;
width: 100%;
gap: 8px;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__carousel-label,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__carousel-label {
margin: 0;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--hop-g3, #409c61);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__carousel-desc,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__carousel-desc {
margin: 0;
font-size: 0.88rem;
line-height: 1.5;
color: rgba(28, 46, 32, 0.7);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__stage,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__stage {
position: relative;
display: grid;
grid-template-columns: auto minmax(0, max-content) auto;
gap: clamp(6px, 1vw, 12px);
align-items: center;
width: fit-content;
max-width: 100%;
margin-inline: auto;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__viewport,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__viewport {
overflow: hidden;
min-width: 0;
width: calc(
var(--hop-praktika-vertybes-card-w, 100%) * var(--hop-praktika-vertybes-visible, 1) +
clamp(12px, 1.5vw, 16px) * (var(--hop-praktika-vertybes-visible, 1) - 1)
);
touch-action: pan-y pinch-zoom;
--hop-praktika-vertybes-card-w: 100%;
--hop-praktika-vertybes-visible: 1;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__track,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__track {
display: flex;
gap: clamp(12px, 1.5vw, 16px);
align-items: stretch;
will-change: transform;
transition: transform 1.65s cubic-bezier(0.22, 1, 0.36, 1);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card {
box-sizing: border-box;
flex: 0 0 var(--hop-praktika-vertybes-card-w, 100%);
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
min-height: 260px;
padding: clamp(22px, 2.5vw, 30px);
border: none;
border-radius: 14px;
background: var(--hop-sc-1, #e8e4da);
color: var(--hop-ink, #1c2e20);
transition:
box-shadow 0.25s ease,
transform 0.25s ease;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card--tint-1,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card--tint-1 {
background: var(--hop-sc-1, #e8e4da);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card--tint-2,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card--tint-2 {
background: var(--hop-sc-2, #dde8e1);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card--tint-3,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card--tint-3 {
background: var(--hop-sc-3, #e4e8dd);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card--tint-4,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card--tint-4 {
background: var(--hop-sc-4, #dae4e1);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card--tint-5,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card--tint-5 {
background: var(--hop-sc-5, #e1e8e4);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card.is-featured,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card.is-featured {
box-shadow: 0 10px 28px rgba(28, 46, 32, 0.1);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__num,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.85rem;
height: 1.85rem;
border: 1px solid rgba(28, 46, 32, 0.12);
border-radius: 50%;
font-family: "Outfit", sans-serif;
font-size: 0.78rem;
font-weight: 600;
color: var(--hop-g2, #2d8a4e);
background: rgba(255, 255, 255, 0.45);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card-title,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card-title {
margin: 0;
font-family: "Outfit", sans-serif !important;
font-size: clamp(0.95rem, 1.1vw, 1.02rem);
font-weight: 700;
letter-spacing: -0.02em;
color: var(--hop-ink, #1c2e20) !important;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card-text,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card-text {
margin: 0;
flex: 1 1 auto;
font-size: 0.84rem;
line-height: 1.45;
color: rgba(28, 46, 32, 0.78);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav {
box-sizing: border-box;
flex: 0 0 36px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 0;
border: 1px solid var(--hop-i08, rgba(28, 46, 32, 0.08));
border-radius: 50%;
background: #fff;
color: var(--hop-ink, #1c2e20);
cursor: pointer;
transition: box-shadow 0.25s ease;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav:hover,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav:focus-visible,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav:hover,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav:focus-visible {
box-shadow: 0 8px 22px rgba(28, 46, 32, 0.1);
outline: none;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav svg,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav svg {
fill: currentColor;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__dots,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__dots {
display: flex;
align-items: center;
justify-content: center;
align-self: center;
width: fit-content;
gap: 8px;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__dot,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__dot {
box-sizing: border-box;
width: 8px;
height: 8px;
padding: 0;
border: none;
border-radius: 50%;
background: rgba(28, 46, 32, 0.18);
cursor: pointer;
transition: background 0.2s ease, transform 0.2s ease;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__dot.is-active,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__dot.is-active {
background: var(--hop-g1, #1a5c30);
transform: scale(1.15);
}
@media (prefers-reduced-motion: reduce) {
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__track,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__track {
transition: none !important;
}
}
@media only screen and (min-width: 691px) {
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card {
min-height: 280px;
}
}
@media only screen and (max-width: 999px) {
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__grid,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__grid {
grid-template-columns: 1fr;
gap: 36px;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__copy,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__copy {
max-width: none;
}
}
@media only screen and (max-width: 690px) {
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav--prev,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav--prev {
position: absolute;
left: 4px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav--next,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav--next {
position: absolute;
right: 4px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__stage,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__stage {
display: block;
width: 100%;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card {
min-height: 260px;
}
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav svg,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav svg {
fill: currentColor;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__copy,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__copy {
max-width: none;
}
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__stage,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__stage {
display: block;
width: 100%;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card {
min-height: 260px;
}
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav svg,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav svg {
fill: currentColor;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__copy,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__copy {
max-width: none;
}
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__stage,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__stage {
display: block;
width: 100%;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card {
min-height: 260px;
}
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav svg,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__nav svg {
fill: currentColor;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__copy,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__copy {
max-width: none;
}
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__stage,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__stage {
display: block;
width: 100%;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card,
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-intro__card {
min-height: 260px;
}
}
/* Karjera hub — biuro užklausos CTA (split card, light palette) */ /* hoptrans-karjera-praktika-cta */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta {
scroll-margin-top: 100px;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta {
width: 100%;
}
/* Unified split card — photo left (~42%), form right */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__split,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__split {
display: grid;
grid-template-columns: minmax(0, 0.42fr) minmax(0, 0.58fr);
align-items: stretch;
border-radius: 22px;
overflow: hidden;
border: none;
box-shadow: none;
background: var(--hop-sc-4, #dae4e1);
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__form-col,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__form-col {
padding: clamp(24px, 3vw, 36px);
color: var(--hop-ink, #1c2e20);
font-family: "Outfit", sans-serif;
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__header,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__header {
margin-bottom: 16px;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__label,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__label {
margin: 0 0 8px;
font-size: 0.76rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--hop-g3, #409c61);
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__heading,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__heading {
margin: 0 0 10px;
font-family: "Outfit", sans-serif !important;
font-size: var(--hop-karjera-h2-size, clamp(1.75rem, 3vw, 2.5rem));
font-weight: var(--hop-karjera-h2-weight, 700);
line-height: var(--hop-karjera-h2-lh, 1.15);
letter-spacing: var(--hop-karjera-h2-ls, -0.02em);
color: var(--hop-ink, #1c2e20) !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__lead,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__lead {
margin: 0;
max-width: 36em;
font-size: 0.92rem;
line-height: 1.5;
color: var(--hop-i50, rgba(28, 46, 32, 0.62));
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__photo-col,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__photo-col {
min-height: 0;
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__photo,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__photo {
width: 100%;
height: 100%;
min-height: 100%;
flex: 1 1 auto;
object-fit: cover;
object-position: center center;
display: block;
border-radius: 0;
}
/* Fluent Form #4 — compact 2-column grid */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .fluentform_wrapper_5,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .fluentform,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .fluentform_wrapper_5,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .fluentform {
color: var(--hop-ink, #1c2e20);
max-width: 100%;
padding: 0 !important;
margin: 0 !important;
font-family: "Outfit", sans-serif;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .frm-fluent-form,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .frm-fluent-form {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 14px;
row-gap: 12px;
align-items: start;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .frm-fluent-form > input[type="hidden"],
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .frm-fluent-form > input[type="hidden"] {
display: none;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .frm-fluent-form > fieldset,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .frm-fluent-form > fieldset {
display: contents;
border: none !important;
margin: 0 !important;
padding: 0 !important;
min-inline-size: 0 !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .frm-fluent-form fieldset > legend,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .frm-fluent-form fieldset > legend {
display: none;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .frm-fluent-form fieldset > input[type="hidden"],
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .frm-fluent-form fieldset > input[type="hidden"] {
display: none;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="sritis"]),
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="sritis"]) {
grid-column: 1;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="studijos"]),
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="studijos"]) {
grid-column: 2;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="vardas"]),
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="vardas"]) {
grid-column: 1;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="pavarde"]),
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="pavarde"]) {
grid-column: 2;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="email"]),
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="email"]) {
grid-column: 1;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="telefonas"]),
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="telefonas"]) {
grid-column: 2;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="cv"]),
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="zinute"]),
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="privatumo_sutikimas"]),
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff_submit_btn_wrapper {
grid-column: 1 / -1;
}
/* Labels — sentence case, compact */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-input--label,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-input--label {
margin-bottom: 6px !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-input--label label,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-input--label label {
color: var(--hop-ink, #1c2e20) !important;
font-weight: 600 !important;
font-size: 0.82rem !important;
letter-spacing: 0.01em !important;
text-transform: none !important;
line-height: 1.3 !important;
}
/* Inputs — compact filled style */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-form-control,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta select.ff-el-form-control,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta textarea.ff-el-form-control,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta input.ff-el-form-control,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-form-control,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta select.ff-el-form-control,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta textarea.ff-el-form-control,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta input.ff-el-form-control {
color: var(--hop-ink, #1c2e20) !important;
border: 1px solid rgba(28, 46, 32, 0.16) !important;
border-bottom: 1px solid rgba(28, 46, 32, 0.16) !important;
border-radius: 12px !important;
background: rgba(255, 255, 255, 0.88) !important;
box-shadow: none !important;
padding: 10px 14px !important;
min-height: 42px;
width: 100%;
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
font-family: "Outfit", sans-serif !important;
font-size: 0.9rem !important;
line-height: 1.35 !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta select.ff-el-form-control,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta select.ff-el-form-control {
background-color: rgba(255, 255, 255, 0.88) !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%231c2e20' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 14px center !important;
padding-right: 36px !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta textarea.ff-el-form-control,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta textarea.ff-el-form-control {
min-height: 72px;
max-height: 120px;
resize: vertical !important;
padding-top: 10px !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-form-control::placeholder,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta textarea.ff-el-form-control::placeholder,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-form-control::placeholder,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta textarea.ff-el-form-control::placeholder {
color: rgba(28, 46, 32, 0.42) !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-form-control:focus,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta select.ff-el-form-control:focus,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta textarea.ff-el-form-control:focus,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta input.ff-el-form-control:focus,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-form-control:focus,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta select.ff-el-form-control:focus,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta textarea.ff-el-form-control:focus,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta input.ff-el-form-control:focus {
border-color: var(--hop-g3, #409c61) !important;
border-bottom-color: var(--hop-g3, #409c61) !important;
outline: none !important;
background: #ffffff !important;
box-shadow: 0 0 0 3px rgba(64, 156, 97, 0.1) !important;
}
/* Privacy checkbox — readable, flex aligned */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-tc .ff-el-form-check-label,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-tc .ff-el-form-check-label {
display: flex !important;
align-items: flex-start !important;
gap: 10px !important;
text-transform: none !important;
font-weight: 400 !important;
font-size: 0.8rem !important;
line-height: 1.45 !important;
letter-spacing: 0 !important;
color: var(--hop-i50, rgba(28, 46, 32, 0.72)) !important;
cursor: pointer;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-tc .ff_tc_checkbox,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-tc .ff_tc_checkbox {
flex-shrink: 0;
margin-top: 2px;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-tc .ff_t_c,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-tc .ff_t_c p,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-tc .ff_t_c span,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-tc .ff_t_c,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-tc .ff_t_c p,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-tc .ff_t_c span {
text-transform: none !important;
font-weight: 400 !important;
font-size: 0.8rem !important;
line-height: 1.45 !important;
color: var(--hop-i50, rgba(28, 46, 32, 0.72)) !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-tc a,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-tc a {
color: var(--hop-g1, #1a5c30) !important;
text-decoration: underline;
font-weight: 500;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-form-check input[type="checkbox"],
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-form-check input[type="checkbox"] {
accent-color: var(--hop-g1, #1a5c30);
width: 17px;
height: 17px;
margin: 0;
flex-shrink: 0;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group {
margin-bottom: 0 !important;
}
/* Submit — ink pill, left-aligned compact */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff_submit_btn_wrapper,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff_submit_btn_wrapper {
width: auto !important;
margin-top: 4px !important;
margin-bottom: 0 !important;
justify-self: start;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-btn-submit,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta button[type="submit"],
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-btn-submit,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta button[type="submit"] {
background: var(--hop-ink, #1c2e20) !important;
border: 1px solid var(--hop-ink, #1c2e20) !important;
color: #ffffff !important;
border-radius: 100px !important;
font-weight: 600 !important;
font-family: "Outfit", sans-serif !important;
font-size: 0.9rem !important;
padding: 11px 28px !important;
width: auto !important;
min-width: 0;
margin-top: 0 !important;
cursor: pointer;
transition: background 0.2s ease;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-btn-submit:hover,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta button[type="submit"]:hover,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-btn-submit:hover,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta button[type="submit"]:hover {
background: #000000 !important;
border-color: #000000 !important;
color: #ffffff !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-message-success,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-message-success {
background: rgba(64, 156, 97, 0.12) !important;
color: var(--hop-ink, #1c2e20) !important;
border-radius: 12px !important;
}
@media (max-width: 999px) {
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__split,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__split {
grid-template-columns: 1fr;
border-radius: 18px;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__form-col,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__form-col {
padding: 24px 20px 28px;
order: 1;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__photo-col,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__photo-col {
min-height: 220px;
order: -1;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__photo,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta__photo {
min-height: 220px;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .frm-fluent-form,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .frm-fluent-form {
grid-template-columns: 1fr;
row-gap: 12px;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="sritis"]),
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="studijos"]),
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="vardas"]),
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="pavarde"]),
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="email"]),
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="telefonas"]),
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="sritis"]),
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="studijos"]),
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="vardas"]),
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="pavarde"]),
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="email"]),
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group:has([data-name="telefonas"]) {
grid-column: 1;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-btn-submit,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta button[type="submit"],
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-btn-submit,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta button[type="submit"] {
width: 100% !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff_submit_btn_wrapper,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff_submit_btn_wrapper {
width: 100% !important;
justify-self: stretch;
}
}
/* Karjera hub — biuro užklausos CTA (split card, light palette) */ /* hoptrans-karjera-praktika-cta */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta {
scroll-margin-top: 100px;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta {
width: 100%;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group {
margin-bottom: 0 !important;
}
/* Karjera hub — biuro užklausos CTA (split card, light palette) */ /* hoptrans-karjera-praktika-cta */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta {
scroll-margin-top: 100px;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta {
width: 100%;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group {
margin-bottom: 0 !important;
}
/* Karjera hub — biuro užklausos CTA (split card, light palette) */ /* hoptrans-karjera-praktika-cta */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta {
scroll-margin-top: 100px;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta {
width: 100%;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group {
margin-bottom: 0 !important;
}
/* Karjera — darbo paieška (#karjera-jobs-filter only) */
#karjera-jobs-filter .hoptrans-karjera-filter__inner {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}
#karjera-jobs-filter .hoptrans-karjera-filter__intro {
margin: 0 0 clamp(16px, 2vw, 24px);
text-align: left;
}
#karjera-jobs-filter .hoptrans-karjera-filter__form {
margin: 0;
}
#karjera-jobs-filter .hoptrans-karjera-filter__field {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
}
#karjera-jobs-filter .hoptrans-karjera-filter__field-label {
font-family: Outfit, sans-serif;
font-size: 0.82rem;
font-weight: 600;
line-height: 1.2;
color: rgba(28, 46, 32, 0.72);
}
#karjera-jobs-filter .hoptrans-karjera-filter__input {
appearance: none;
}
#karjera-jobs-filter .hoptrans-karjera-filter__control:focus {
outline: none;
border-color: var(--hop-g1, #1a5c30);
background-color: #fff;
box-shadow: 0 0 0 3px rgba(26, 92, 48, 0.12);
}
#karjera-jobs-filter .hoptrans-karjera-filter__control::placeholder {
color: rgba(28, 46, 32, 0.45);
}
#karjera-jobs-filter .hoptrans-karjera-filter__actions {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 10px 14px;
min-width: 0;
}
#karjera-jobs-filter .hoptrans-karjera-filter__submit:hover {
background: #000;
}
#karjera-jobs-filter .hoptrans-karjera-filter__clear:hover {
color: var(--hop-g1, #1a5c30);
}
#karjera-jobs-filter .hoptrans-karjera-filter__more {
padding: 0 clamp(18px, 2.2vw, 24px) clamp(18px, 2.2vw, 24px);
background: var(--hop-card-bg, #fff);
}
#karjera-jobs-filter .hoptrans-karjera-filter__chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
#karjera-jobs-filter .hoptrans-karjera-filter__chip input {
position: absolute;
opacity: 0;
pointer-events: none;
}
@media only screen and (max-width: 999px) {
#karjera-jobs-filter.hoptrans-karjera-filter {
padding-left: 24px;
padding-right: 24px;
}
#karjera-jobs-filter .hoptrans-karjera-filter__bar {
grid-template-columns: 1fr;
gap: 14px;
}
#karjera-jobs-filter .hoptrans-karjera-filter__actions {
width: 100%;
}
#karjera-jobs-filter .hoptrans-karjera-filter__submit {
flex: 1 1 auto;
min-width: 0;
}
}
/* Karjera praktika — hero (KP1 copy + equal rounded video card) */
/* Stock Salient 3-col WPBakery hero — scoped to /karjera/praktika/ only */
body.hoptrans-karjera-praktika-page #karjera-praktika-intro.hoptrans-karjera-praktika-stock-hero {
background-color: var(--hop-bg, #f4f2eb);
color: var(--hop-ink, #1c2e20);
font-family: "Outfit", sans-serif;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-hero {
color: var(--hop-ink, #1c2e20);
font-family: "Outfit", sans-serif;
}
/* Equal-height cards — row already uses equal_height; keep columns aligned */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero > .row_col_wrap_12 > .wpb_column,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero > .span_12 > .wpb_column {
align-self: stretch;
min-height: 0;
border: none;
box-shadow: none;
overflow: hidden;
}
/* Left copy panel — light cream card on page #f4f2eb (subtle white lift) */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero > .row_col_wrap_12 > .wpb_column:first-child,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero > .span_12 > .wpb_column:first-child {
color: var(--hop-ink, #1c2e20) !important;
border: none;
box-shadow: none;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-hero > .row_col_wrap_12 > .wpb_column:first-child .column-bg-overlay,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero > .span_12 > .wpb_column:first-child .column-bg-overlay {
background-color: #ffffff !important;
opacity: 1 !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-hero > .row_col_wrap_12 > .wpb_column:first-child .column-overlay-layer,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero > .span_12 > .wpb_column:first-child .column-overlay-layer {
background-color: transparent !important;
opacity: 0 !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child .nectar-responsive-text,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child .nectar-responsive-text p,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child .nectar-responsive-text h1,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child .nectar-responsive-text h2 {
font-family: "Outfit", sans-serif !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child .hop-praktika-hero-label {
margin: 0 0 10px;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--hop-g3, #409c61) !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child h1 {
margin: 0 0 12px;
font-size: var(--hop-karjera-h2-size, clamp(1.75rem, 3vw, 2.5rem));
font-weight: var(--hop-karjera-h2-weight, 700);
line-height: var(--hop-karjera-h2-lh, 1.15);
letter-spacing: var(--hop-karjera-h2-ls, -0.02em);
color: var(--hop-ink, #1c2e20) !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child .nectar-responsive-text p {
margin: 0 0 10px;
font-size: 0.95rem;
line-height: 1.55;
color: rgba(28, 46, 32, 0.78);
}
/* Stock feature badges — ink text on light card */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child .nectar-badge,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child .nectar-badge .nectar-badge__inner {
color: var(--hop-ink, #1c2e20) !important;
--border-color: rgba(28, 46, 32, 0.18);
}
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child .nectar-badge .nectar-badge__inner {
background-color: rgba(28, 46, 32, 0.04) !important;
}
/* Ink CTA stays #1c2e20 / white text — readable on light card */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child .nectar-cta {
margin-top: 8px;
--nectar-button-color: var(--hop-ink, #1c2e20);
--nectar-text-color: #ffffff;
}
/* Center column — rounded video, same footprint as side cards (no arch) */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero > .row_col_wrap_12 > .wpb_column:nth-child(2),
body.hoptrans-karjera-praktika-page #karjera-praktika-hero > .span_12 > .wpb_column:nth-child(2) {
background: transparent !important;
padding: 0 !important;
border-radius: 15px !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-hero > .row_col_wrap_12 > .wpb_column:nth-child(2) > .vc_column-inner,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero > .span_12 > .wpb_column:nth-child(2) > .vc_column-inner,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero > .row_col_wrap_12 > .wpb_column:nth-child(2) > .column-inner-wrap,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero > .span_12 > .wpb_column:nth-child(2) > .column-inner-wrap,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero > .row_col_wrap_12 > .wpb_column:nth-child(2) .column-inner,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero > .span_12 > .wpb_column:nth-child(2) .column-inner {
height: 100%;
min-height: 100%;
padding: 0 !important;
border-radius: 15px;
overflow: hidden;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(2) .wpb_wrapper,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(2) .nectar_video_player_self_hosted,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(2) .wpb_video_wrapper {
display: block;
width: 100%;
height: 100%;
min-height: 100%;
margin: 0;
padding: 0;
border: none;
box-shadow: none;
border-radius: 15px;
overflow: hidden;
background: transparent;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(2) .wpb_video_wrapper {
position: relative !important;
padding: 0 !important;
padding-bottom: 0 !important;
aspect-ratio: unset !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(2) video {
position: absolute;
inset: 0;
display: block;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: cover;
object-position: center center;
border-radius: 15px !important;
border: none !important;
box-shadow: none !important;
clip-path: none !important;
-webkit-mask-image: none !important;
mask-image: none !important;
}
/* Kill leftover arch / image-frame styles if stock markup still has them */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(2) .img-with-aniamtion-wrap,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(2) .img-with-animation-wrap {
display: none !important;
}
/* Right column — stock image card */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(3) img {
border-radius: 15px !important;
border: none;
box-shadow: none;
}
/* Hide play chrome on hero video (autoplay muted loop) */
body.hoptrans-karjera-praktika-page #karjera-praktika-intro .nectar-video-box,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .nectar-video-box,
body.hoptrans-karjera-praktika-page #karjera-praktika-intro .play_button,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .play_button,
body.hoptrans-karjera-praktika-page #karjera-praktika-intro .nectar-badge[data-text*="PLAY"],
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .nectar-badge[data-text*="PLAY"],
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .nectar_video_player_self_hosted__overlay {
display: none !important;
}
@media only screen and (max-width: 999px) {
body.hoptrans-karjera-praktika-page #karjera-praktika-hero > .row_col_wrap_12 > .wpb_column:nth-child(2),
body.hoptrans-karjera-praktika-page #karjera-praktika-hero > .span_12 > .wpb_column:nth-child(2) {
order: -1;
min-height: min(58vw, 22rem);
}
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(2) .nectar_video_player_self_hosted,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(2) .wpb_video_wrapper {
min-height: min(58vw, 22rem);
}
}
/* Stock Salient 3-col WPBakery hero — scoped to /karjera/praktika/ only */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero {
color: var(--hop-ink, #1c2e20);
font-family: "Outfit", sans-serif;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child .nectar-badge .nectar-badge__inner {
background-color: rgba(28, 46, 32, 0.04) !important;
}
/* Right column — stock image card */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(3) img {
border-radius: 15px !important;
border: none;
box-shadow: none;
}
/* Stock Salient 3-col WPBakery hero — scoped to /karjera/praktika/ only */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero {
color: var(--hop-ink, #1c2e20);
font-family: "Outfit", sans-serif;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child .nectar-badge .nectar-badge__inner {
background-color: rgba(28, 46, 32, 0.04) !important;
}
/* Right column — stock image card */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(3) img {
border-radius: 15px !important;
border: none;
box-shadow: none;
}
/* Stock Salient 3-col WPBakery hero — scoped to /karjera/praktika/ only */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero {
color: var(--hop-ink, #1c2e20);
font-family: "Outfit", sans-serif;
}
/* Left copy panel — keep stock dark card, Hoptrans typography */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child .nectar-responsive-text,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child .nectar-responsive-text p,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child .nectar-responsive-text h1,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child .nectar-responsive-text h2 {
font-family: "Outfit", sans-serif !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .hop-praktika-hero-label {
margin: 0 0 10px;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--hop-g3, #409c61);
}
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child h1 {
margin: 0 0 12px;
font-size: var(--hop-karjera-h2-size, clamp(1.75rem, 3vw, 2.5rem));
font-weight: var(--hop-karjera-h2-weight, 700);
line-height: var(--hop-karjera-h2-lh, 1.15);
letter-spacing: var(--hop-karjera-h2-ls, -0.02em);
color: #f9f4e9 !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child .nectar-responsive-text p {
margin: 0 0 10px;
font-size: 0.95rem;
line-height: 1.55;
color: rgba(249, 244, 233, 0.92);
}
/* Right column — stock image card */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(3) img {
border-radius: 15px !important;
border: none;
box-shadow: none;
}
/* Ink CTA in left panel */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child .nectar-cta {
margin-top: 8px;
}
/* Stock Salient 3-col WPBakery hero — minimal Hoptrans overrides only */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero {
color: var(--hop-ink, #1c2e20);
font-family: "Outfit", sans-serif;
}
/* Center column — Hoptrans gradient, arch photo frame */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(2) {
background: linear-gradient(200deg, var(--hop-sc-2, #dde8e1) 4%, var(--hop-bg, #f4f2eb) 68%) !important;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(2) .img-with-aniamtion-wrap,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(2) .img-with-animation-wrap {
display: flex;
justify-content: center;
align-items: flex-end;
width: 100%;
min-height: 100%;
padding: clamp(14px, 2vw, 22px) clamp(14px, 2vw, 22px) 0;
background: #ffffff;
border-radius: 50% 50% 0 0 / 42% 42% 0 0;
box-shadow: 0 18px 48px rgba(28, 46, 32, 0.08);
}
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(2) img {
display: block;
width: 100%;
height: auto;
max-height: 420px;
object-fit: cover;
object-position: center top;
border-radius: 50% 50% 0 0 / 48% 48% 0 0 !important;
box-shadow: none !important;
}
/* Right column — stock image card */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(3) img {
border-radius: 15px !important;
}
/* Ink CTA in left panel */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child .nectar-cta {
margin-top: 8px;
}
/* Remove PLAY VIDEO / demo video chrome if present in stock markup */
body.hoptrans-karjera-praktika-page #karjera-praktika-intro .nectar-video-box,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .nectar-video-box,
body.hoptrans-karjera-praktika-page #karjera-praktika-intro .play_button,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .play_button,
body.hoptrans-karjera-praktika-page #karjera-praktika-intro .nectar-badge[data-text*="PLAY"],
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .nectar-badge[data-text*="PLAY"] {
display: none !important;
}
@media only screen and (max-width: 999px) {
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(2) {
order: -1;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(2) .img-with-aniamtion-wrap,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(2) .img-with-animation-wrap {
width: min(78%, 18rem);
margin-inline: auto;
}
}
/* Stock Salient 3-col WPBakery hero — minimal Hoptrans overrides only */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero {
color: var(--hop-ink, #1c2e20);
font-family: "Outfit", sans-serif;
}
/* Right column — stock image card */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(3) img {
border-radius: 15px !important;
}
/* Ink CTA in left panel */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child .nectar-cta {
margin-top: 8px;
}
@media only screen and (max-width: 999px) {
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(2) {
order: -1;
}
}
/* Stock Salient 3-col WPBakery hero — minimal Hoptrans overrides only */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero {
color: var(--hop-ink, #1c2e20);
font-family: "Outfit", sans-serif;
}
/* Right column — stock image card */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(3) img {
border-radius: 15px !important;
}
/* Ink CTA in left panel */
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:first-child .nectar-cta {
margin-top: 8px;
}
@media only screen and (max-width: 999px) {
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .wpb_column:nth-child(2) {
order: -1;
}
}
/* Center arch frame — white porthole, no play badge */
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-hero__visual {
display: flex;
justify-content: center;
align-items: flex-end;
min-width: 0;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-hero__arch {
position: relative;
width: min(100%, 22rem);
padding: clamp(14px, 2vw, 22px) clamp(14px, 2vw, 22px) 0;
background: #ffffff;
border-radius: 50% 50% 0 0 / 42% 42% 0 0;
box-shadow: 0 18px 48px rgba(28, 46, 32, 0.08);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-hero__arch-inner {
overflow: hidden;
border-radius: 50% 50% 0 0 / 48% 48% 0 0;
aspect-ratio: 4 / 5;
background: var(--hop-sc-2, #dde8e1);
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-hero__photo {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
}
/* Suppress Salient demo hero chrome if WPBakery rows remain on page */
body.hoptrans-karjera-praktika-page #karjera-praktika-intro .nectar-badge,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .nectar-badge,
body.hoptrans-karjera-praktika-page #karjera-praktika-intro .nectar-video-box,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .nectar-video-box,
body.hoptrans-karjera-praktika-page #karjera-praktika-intro .play_button,
body.hoptrans-karjera-praktika-page #karjera-praktika-hero .play_button {
display: none !important;
}
@media only screen and (max-width: 999px) {
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-hero__grid {
grid-template-columns: 1fr;
gap: 32px;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-hero__copy {
max-width: none;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-hero__visual {
order: -1;
}
body.hoptrans-karjera-praktika-page .hoptrans-karjera-praktika-hero__arch {
width: min(78%, 18rem);
margin-inline: auto;
}
}
/* Karjera hub — biuro užklausos CTA (split card, light palette) */ /* hoptrans-karjera-praktika-cta */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta {
scroll-margin-top: 100px;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta {
width: 100%;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group {
margin-bottom: 0 !important;
}
/* Karjera hub — HR contact strip (#karjera-hr-kontaktai) */
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip {
color: var(--hop-ink, #1c2e20);
font-family: "Outfit", sans-serif;
}
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__card,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__card {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: clamp(20px, 3vw, 32px);
padding: clamp(20px, 2.5vw, 28px) clamp(24px, 3vw, 36px);
border: none;
border-radius: 16px;
background: #ffffff;
box-shadow: none;
}
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__main,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__main {
flex: 1 1 280px;
min-width: 0;
}
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__label,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__label {
margin: 0 0 6px;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--hop-g3, #409c61);
}
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__lead,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__lead {
margin: 0 0 12px;
font-size: clamp(1rem, 1.4vw, 1.125rem);
font-weight: 600;
line-height: 1.35;
color: var(--hop-ink, #1c2e20);
}
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__contacts,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__contacts {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
}
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__contacts > li,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__contacts > li {
display: flex;
align-items: center;
list-style: none;
}
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__contacts::before,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__contacts::before,
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__contacts > li + li::before,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__contacts > li + li::before {
content: "•";
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
align-self: center;
font-size: 0.95rem;
font-weight: 500;
line-height: 1;
color: var(--hop-ink, #1c2e20);
}
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__contact,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__contact {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 0.95rem;
font-weight: 500;
line-height: 1.3;
color: var(--hop-ink, #1c2e20);
text-decoration: none !important;
transition: color 0.2s ease;
}
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__contact:hover,
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__contact:focus-visible,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__contact:hover,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__contact:focus-visible {
color: var(--hop-g1, #1a5c30);
outline: none;
}
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__contact-icon,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__contact-icon {
flex: 0 0 20px;
width: 20px;
height: 20px;
background-color: var(--hop-g3, #409c61);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__contact-icon--phone,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__contact-icon--phone {
mask-image: var(--hop-svg-1);
-webkit-mask-image: var(--hop-svg-1);
}
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__contact-icon--mail,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__contact-icon--mail {
mask-image: var(--hop-svg-2);
-webkit-mask-image: var(--hop-svg-2);
}
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__actions,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
flex: 0 1 auto;
}
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__btn,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__btn {
display: inline-flex;
align-items: center;
gap: var(--nectar-icon-gap, 14px);
padding: 4px 6px 4px 20px;
border: none;
border-radius: 100px;
background: var(--hop-ink, #1c2e20);
color: #fff !important;
font-family: "Outfit", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 1.2;
text-decoration: none !important;
white-space: nowrap;
transition: background-color 0.25s ease;
}
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__btn:hover,
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__btn:focus-visible,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__btn:hover,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__btn:focus-visible {
background: #000000;
outline: none;
}
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__btn-icon,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__btn-icon {
box-sizing: border-box;
flex: 0 0 34px;
width: 34px;
min-width: 34px;
height: 34px;
border-radius: 50%;
background: #ffffff;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center;
}
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__btn-icon--envelope,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__btn-icon--envelope {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill='%231c2e20' d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
background-size: 50%;
}
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__btn-icon--phone,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__btn-icon--phone {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill='%231c2e20' d='M6.62 10.79a15.15 15.15 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.4 21 3 13.6 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.46.57 3.58a1 1 0 0 1-.25 1.02l-2.2 2.19Z'/%3E%3C/svg%3E");
background-size: 48%;
}
@media only screen and (max-width: 767px) {
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__card,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__card {
flex-direction: column;
align-items: stretch;
}
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__actions,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__actions {
flex-direction: column;
align-items: stretch;
width: 100%;
}
body.hoptrans-gradient-landing #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__btn,
body.page-id-1925 #karjera-hr-kontaktai .hoptrans-karjera-hr-strip__btn {
justify-content: space-between;
width: 100%;
}
}
/* Karjera hub — Apie mus ir mūsų vertybes (#karjera-apie-vertybes, Quantum-style card) */
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes {
color: var(--hop-ink, #1c2e20);
font-family: "Outfit", sans-serif;
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__card,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__card {
border: none;
border-radius: 20px;
background: var(--hop-sc-4, #dae4e1);
box-shadow: none;
padding: clamp(28px, 4vw, 48px);
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__grid,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__grid {
display: grid;
grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
gap: clamp(32px, 4vw, 56px);
align-items: start;
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__grid--solo,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__grid--solo {
grid-template-columns: 1fr;
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__grid--solo .hoptrans-karjera-apie-vertybes__intro,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__grid--solo .hoptrans-karjera-apie-vertybes__intro {
max-width: 46rem;
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__intro,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__intro {
display: flex;
flex-direction: column;
gap: 14px;
max-width: 34rem;
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__label,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__label {
margin: 0;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--hop-g3, #409c61);
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__heading,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__heading {
margin: 0;
font-family: "Outfit", sans-serif !important;
font-size: var(--hop-karjera-h2-size, clamp(1.75rem, 3vw, 2.5rem));
font-weight: var(--hop-karjera-h2-weight, 700);
line-height: var(--hop-karjera-h2-lh, 1.15);
letter-spacing: var(--hop-karjera-h2-ls, -0.02em);
color: var(--hop-ink, #1c2e20) !important;
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__lead,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__lead {
margin: 0;
font-size: 0.98rem;
line-height: 1.6;
color: rgba(28, 46, 32, 0.82);
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__cta,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__cta {
display: inline-flex;
align-items: center;
gap: var(--nectar-icon-gap, 14px);
align-self: flex-start;
margin-top: 6px;
padding: 4px 6px 4px 20px;
border-radius: 100px;
background: var(--hop-ink, #1c2e20);
color: #fff !important;
font-family: "Outfit", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 1.2;
text-decoration: none !important;
white-space: nowrap;
transition: background-color 0.25s ease;
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__cta:hover,
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__cta:focus-visible,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__cta:hover,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__cta:focus-visible {
background: #000000;
outline: none;
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__cta-icon,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__cta-icon {
box-sizing: border-box;
flex: 0 0 34px;
width: 34px;
min-width: 34px;
height: 34px;
aspect-ratio: 1 / 1;
border-radius: 50%;
background: #ffffff;
background-image: var(--hop-svg-3);
background-repeat: no-repeat;
background-position: center;
background-size: 50%;
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__values,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__values {
display: flex;
flex-direction: column;
gap: 16px;
min-width: 0;
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__values-label,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__values-label {
margin: 0;
font-size: clamp(1rem, 1.2vw, 1.1rem);
font-weight: 700;
line-height: 1.35;
letter-spacing: -0.02em;
color: var(--hop-ink, #1c2e20);
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__list,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__list {
display: flex;
flex-direction: column;
gap: 0;
margin: 0;
padding: 0;
list-style: none;
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__item,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__item {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: clamp(14px, 2vw, 20px);
align-items: center;
padding: clamp(16px, 2vw, 22px) 0;
border-bottom: 1px solid rgba(28, 46, 32, 0.08);
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__item:last-child,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__item:last-child {
border-bottom: none;
padding-bottom: 0;
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__item:first-child,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__item:first-child {
padding-top: 0;
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__icon,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 44px;
width: 44px;
height: 44px;
border: none;
border-radius: 50%;
color: var(--hop-g2, #2d8a4e);
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__icon svg,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__icon svg {
width: 20px;
height: 20px;
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__icon--tint-1,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__icon--tint-1 {
background: var(--hop-sc-1, #e8e4da);
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__icon--tint-2,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__icon--tint-2 {
background: var(--hop-sc-2, #dde8e1);
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__icon--tint-3,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__icon--tint-3 {
background: var(--hop-sc-3, #e4e8dd);
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__icon--tint-4,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__icon--tint-4 {
background: #ffffff;
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__item-text,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__item-text {
margin: 0;
font-size: 0.94rem;
line-height: 1.5;
color: rgba(28, 46, 32, 0.84);
}
@media only screen and (max-width: 999px) {
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__grid,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__grid {
grid-template-columns: 1fr;
gap: 28px;
}
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__intro,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__intro {
max-width: none;
}
}
@media only screen and (max-width: 690px) {
body.hoptrans-gradient-landing #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__item,
body.page-id-1925 #karjera-apie-vertybes .hoptrans-karjera-apie-vertybes__item {
grid-template-columns: auto minmax(0, 1fr);
gap: 12px;
}
}
/* Karjera hub — biuro užklausos CTA (split card, light palette) */ /* hoptrans-karjera-praktika-cta */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta {
scroll-margin-top: 100px;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta {
width: 100%;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group {
margin-bottom: 0 !important;
}
/* Karjera hub — biuro užklausos CTA (split card, light palette) */ /* hoptrans-karjera-praktika-cta */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta {
scroll-margin-top: 100px;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta {
width: 100%;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group {
margin-bottom: 0 !important;
}
/* Karjera hub — biuro užklausos CTA (split card, light palette) */ /* hoptrans-karjera-praktika-cta */
body.hoptrans-karjera-praktika-page #karjera-praktika-cta,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta {
scroll-margin-top: 100px;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .hoptrans-karjera-praktika-cta {
width: 100%;
}
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group,
body.hoptrans-karjera-praktika-page #karjera-praktika-cta .ff-el-group {
margin-bottom: 0 !important;
}
/* Apie mus — Pagrindiniai principai (4 kortelės) */
body.hoptrans-gradient-landing .hoptrans-apie-principles-wrap {
background-color: #f4f2eb;
}
body.hoptrans-gradient-landing .hoptrans-apie-principles {
max-width: 100%;
padding: max(8px, calc(clamp(48px, 6vw, 80px) - 20px)) clamp(20px, 4vw, 48px) clamp(48px, 6vw, 80px);
color: #1c2e20;
}
body.hoptrans-gradient-landing .hoptrans-apie-principles__header {
max-width: none;
margin: 0 auto clamp(32px, 4vw, 48px);
text-align: center;
}
body.hoptrans-gradient-landing .hoptrans-apie-principles__title {
margin: 0;
font-size: clamp(1.75rem, 3vw, 2.5rem);
line-height: 1.15;
font-weight: 600;
color: #1c2e20;
}
body.hoptrans-gradient-landing .hoptrans-apie-principles__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
}
body.hoptrans-gradient-landing .hoptrans-apie-principles__card {
display: flex;
flex-direction: column;
gap: 16px;
padding: clamp(24px, 2.5vw, 40px);
min-height: 100%;
}
body.hoptrans-gradient-landing .hoptrans-apie-principles__icon {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 50%;
background: rgba(45, 138, 78, 0.12);
color: #2d8a4e;
}
body.hoptrans-gradient-landing .hoptrans-apie-principles__icon svg {
width: 24px;
height: 24px;
}
body.hoptrans-gradient-landing .hoptrans-apie-principles__card-title {
margin: 0;
font-size: clamp(1.125rem, 1.5vw, 1.375rem);
line-height: 1.25;
font-weight: 600;
color: #1c2e20;
}
body.hoptrans-gradient-landing .hoptrans-apie-principles__card-text {
margin: 0;
flex: 1;
font-size: 0.9375rem;
line-height: 1.6;
color: rgba(0, 0, 0, 0.48);
}
body.hoptrans-gradient-landing .hoptrans-apie-principles__cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-top: auto;
padding: 4px 4px 4px 20px;
border-radius: 100px;
background: #000;
color: #fff;
text-decoration: none;
font-size: 0.9375rem;
font-weight: 500;
transition: background 0.25s ease, transform 0.25s ease;
}
body.hoptrans-gradient-landing .hoptrans-apie-principles__cta:hover,
body.hoptrans-gradient-landing .hoptrans-apie-principles__cta:focus-visible {
background: #1c2e20;
color: #fff;
transform: translateY(-1px);
}
body.hoptrans-gradient-landing .hoptrans-apie-principles__cta-icon {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
background: #fff;
color: #000;
flex-shrink: 0;
}
body.hoptrans-gradient-landing .hoptrans-apie-principles__cta-icon svg {
width: 16px;
height: 16px;
}
/* Stagger reveal */
body.hoptrans-gradient-landing .hoptrans-apie-principles-reveal {
opacity: 0;
transform: translateY(48px);
transition:
transform 1.1s cubic-bezier(0.22, 1, 0.36, 1),
opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: var(--hop-principle-delay, 0ms);
will-change: transform, opacity;
}
body.hoptrans-gradient-landing .hoptrans-apie-principles-reveal.is-revealed {
opacity: 1;
transform: translateY(0);
}
@media (max-width: 1200px) {
body.hoptrans-gradient-landing .hoptrans-apie-principles__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 690px) {
body.hoptrans-gradient-landing .hoptrans-apie-principles__grid {
grid-template-columns: 1fr;
}
}
@media (prefers-reduced-motion: reduce) {
body.hoptrans-gradient-landing .hoptrans-apie-principles-reveal {
opacity: 1;
transform: none;
transition: none;
}
}
/* Apie mus — Infrastruktūros hub (Features Grid #4) */
body.hoptrans-gradient-landing .hoptrans-apie-infra-wrap {
background-color: #f4f2eb;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra {
padding: clamp(48px, 6vw, 80px) clamp(20px, 4vw, 48px);
color: #1c2e20;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__header {
margin: 0 auto clamp(28px, 4vw, 40px);
text-align: center;
max-width: 760px;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__heading {
margin: 0;
font-size: clamp(1.75rem, 3vw, 2.5rem);
line-height: 1.15;
font-weight: 600;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 16px;
align-items: stretch;
min-height: 0;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__stack {
display: flex;
flex-direction: column;
gap: 16px;
min-height: 0;
height: 100%;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__card {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
border: none;
box-shadow: none;
border-radius: 16px;
min-height: 100%;
padding: clamp(24px, 2.5vw, 36px);
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--terminals {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
grid-template-rows: minmax(0, 1fr);
align-items: stretch;
gap: clamp(16px, 2vw, 28px);
background: var(--hop-sc-6, #e6e2d8);
min-height: clamp(420px, 42vw, 560px);
justify-content: initial;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--hardware {
background: var(--hop-sc-2, #dde8e1);
min-height: clamp(200px, 20vw, 272px);
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--software {
background: var(--hop-sc-3, #e4e8dd);
min-height: clamp(200px, 20vw, 272px);
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__card-body {
position: relative;
z-index: 2;
max-width: 92%;
min-width: 0;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--terminals .hoptrans-apie-infra__card-body {
display: flex;
flex-direction: column;
justify-content: space-between;
align-self: stretch;
max-width: none;
min-height: 0;
padding-right: 0;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__label {
margin: 0 0 10px;
font-size: 0.8125rem;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
opacity: 0.72;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__title {
margin: 0 0 12px;
font-size: clamp(1.375rem, 2vw, 1.75rem);
line-height: 1.2;
font-weight: 600;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__text {
margin: 0 0 20px;
max-width: 34ch;
font-size: 0.9375rem;
line-height: 1.55;
opacity: 0.88;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--terminals .hoptrans-apie-infra__text {
max-width: 36ch;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__cta {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 4px 4px 4px 18px;
border-radius: 999px;
background: #1c2e20;
color: #fff;
text-decoration: none;
font-size: 0.875rem;
font-weight: 500;
transition: transform 0.2s ease, background 0.2s ease;
align-self: flex-start;
margin-top: auto;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__cta:hover,
body.hoptrans-gradient-landing .hoptrans-apie-infra__cta:focus-visible {
transform: translateY(-1px);
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__cta-icon {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
background: #fff;
color: #1c2e20;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__cta-icon svg {
width: 14px;
height: 14px;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__media {
position: absolute;
right: clamp(16px, 2vw, 24px);
bottom: clamp(16px, 2vw, 24px);
z-index: 1;
width: min(46%, 260px);
max-height: min(72%, 220px);
overflow: hidden;
border-radius: 12px;
pointer-events: none;
min-height: 0;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--terminals .hoptrans-apie-infra__media {
position: relative;
right: auto;
bottom: auto;
align-self: stretch;
justify-self: stretch;
width: 100%;
max-height: none;
height: 100%;
min-height: 0;
overflow: hidden;
border-radius: 12px;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--hardware .hoptrans-apie-infra__media {
width: min(40%, 220px);
max-height: min(78%, 180px);
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--software .hoptrans-apie-infra__media {
width: min(38%, 210px);
max-height: min(78%, 170px);
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__media img {
display: block;
width: 100%;
height: 100%;
max-height: inherit;
aspect-ratio: 4 / 3;
object-fit: cover;
object-position: center;
border-radius: 12px;
box-shadow: 0 18px 40px rgba(28, 46, 32, 0.14);
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--terminals .hoptrans-apie-infra__media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
max-height: none;
aspect-ratio: auto;
border-radius: 12px;
box-shadow: none;
}
@media (max-width: 999px) {
body.hoptrans-gradient-landing .hoptrans-apie-infra__grid {
grid-template-columns: 1fr;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--terminals {
grid-template-columns: 1fr;
grid-template-rows: auto minmax(220px, 280px);
min-height: 0;
gap: 20px;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--terminals .hoptrans-apie-infra__media {
height: 100%;
min-height: 220px;
}
}
@media (max-width: 767px) {
body.hoptrans-gradient-landing .hoptrans-apie-infra__card {
display: flex;
flex-direction: column;
align-items: stretch;
min-height: 0 !important;
padding-bottom: 20px;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--terminals {
display: flex;
flex-direction: column;
gap: 16px;
min-height: 0 !important;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--hardware,
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--software {
min-height: 0 !important;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__card-body {
max-width: 100%;
padding-bottom: 12px;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__text {
max-width: none;
margin-bottom: 16px;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__media {
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
width: 100% !important;
max-width: 280px;
max-height: 200px;
height: 200px;
margin: 20px auto 0 !important;
align-self: center;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--terminals .hoptrans-apie-infra__media,
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--hardware .hoptrans-apie-infra__media,
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--software .hoptrans-apie-infra__media {
width: 100% !important;
max-width: 300px;
height: 200px;
min-height: 200px;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--terminals .hoptrans-apie-infra__media img {
position: absolute;
inset: 0;
}
}
/* Apie mus — Žmonės & kultūra (Freelance CTA With Images) */
body.hoptrans-gradient-landing .hoptrans-apie-people-wrap {
background-color: #f4f2eb;
}
body.hoptrans-gradient-landing #apie-timeline-wrap + #apie-people-wrap,
body.hoptrans-gradient-landing .hoptrans-apie-timeline-wrap + .hoptrans-apie-people-wrap {
padding-top: 32px !important;
}
body.hoptrans-gradient-landing .hoptrans-apie-people {
padding: clamp(56px, 7vw, 96px) clamp(20px, 4vw, 48px);
color: #1c2e20;
}
body.hoptrans-gradient-landing .hoptrans-apie-people__inner {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
gap: clamp(32px, 5vw, 72px);
align-items: center;
max-width: 1180px;
margin: 0 auto;
}
body.hoptrans-gradient-landing .hoptrans-apie-people__gallery {
display: grid;
grid-template-columns: minmax(0, 0.44fr) minmax(0, 1fr);
grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
gap: clamp(12px, 1.4vw, 18px);
min-height: clamp(360px, 36vw, 480px);
}
body.hoptrans-gradient-landing .hoptrans-apie-people__photo {
position: relative;
margin: 0;
height: 100%;
min-height: 0;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 18px 40px rgba(28, 46, 32, 0.14);
}
body.hoptrans-gradient-landing .hoptrans-apie-people__photo img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
body.hoptrans-gradient-landing .hoptrans-apie-people__photo--a {
grid-column: 1;
grid-row: 1;
min-height: clamp(120px, 14vw, 168px);
}
body.hoptrans-gradient-landing .hoptrans-apie-people__photo--b {
grid-column: 1;
grid-row: 2;
min-height: clamp(120px, 14vw, 168px);
}
body.hoptrans-gradient-landing .hoptrans-apie-people__photo--c {
grid-column: 2;
grid-row: 1;
min-height: clamp(120px, 14vw, 168px);
}
body.hoptrans-gradient-landing .hoptrans-apie-people__photo--d {
grid-column: 2;
grid-row: 2;
min-height: clamp(200px, 22vw, 280px);
}
body.hoptrans-gradient-landing .hoptrans-apie-people__heading {
margin: 0 0 clamp(28px, 3.5vw, 40px);
font-family: "Outfit", sans-serif;
font-size: clamp(2rem, 3.6vw, 3.25rem);
font-weight: 600;
line-height: 1.08;
letter-spacing: -0.03em;
color: var(--hop-ink, #1c2e20);
}
body.hoptrans-gradient-landing .hoptrans-apie-people__heading em {
font-style: normal;
color: var(--hop-ink, #1c2e20);
}
body.hoptrans-gradient-landing .hoptrans-apie-people__lead {
margin: 0 0 clamp(28px, 3.5vw, 40px);
max-width: 46ch;
font-family: "Outfit", sans-serif;
font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
font-weight: 300;
line-height: 1.65;
color: rgba(28, 46, 32, 0.72);
}
body.hoptrans-gradient-landing .hoptrans-apie-people__cta {
display: inline-flex;
align-items: center;
gap: 14px;
padding: 14px 28px 14px 22px;
border-radius: 999px;
background: var(--hop-g3, #2d8a4e);
color: #fff;
text-decoration: none;
font-family: "Outfit", sans-serif;
font-size: 0.9375rem;
font-weight: 500;
transition: transform 0.2s ease, background 0.2s ease;
}
body.hoptrans-gradient-landing .hoptrans-apie-people__cta:hover,
body.hoptrans-gradient-landing .hoptrans-apie-people__cta:focus-visible {
transform: translateY(-1px);
background: #267a44;
}
body.hoptrans-gradient-landing .hoptrans-apie-people__cta-mark {
display: block;
width: 18px;
height: 2px;
background: #fff;
border-radius: 1px;
flex-shrink: 0;
}
@media (max-width: 899px) {
body.hoptrans-gradient-landing .hoptrans-apie-people__inner {
grid-template-columns: 1fr;
}
body.hoptrans-gradient-landing .hoptrans-apie-people__copy {
order: -1;
text-align: center;
}
body.hoptrans-gradient-landing .hoptrans-apie-people__gallery {
min-height: 400px;
}
}
@media (max-width: 560px) {
body.hoptrans-gradient-landing .hoptrans-apie-people__gallery {
grid-template-columns: 1fr 1fr;
grid-template-rows: minmax(140px, auto) minmax(140px, auto) minmax(200px, auto);
min-height: 0;
}
body.hoptrans-gradient-landing .hoptrans-apie-people__photo--a {
grid-column: 1;
grid-row: 1;
min-height: 140px;
}
body.hoptrans-gradient-landing .hoptrans-apie-people__photo--b {
grid-column: 1;
grid-row: 2;
min-height: 140px;
}
body.hoptrans-gradient-landing .hoptrans-apie-people__photo--c {
grid-column: 2;
grid-row: 1 / 3;
min-height: 292px;
}
body.hoptrans-gradient-landing .hoptrans-apie-people__photo--d {
grid-column: 1 / 3;
grid-row: 3;
min-height: 200px;
}
}
@media (prefers-reduced-motion: reduce) {
body.hoptrans-gradient-landing .hoptrans-apie-people__cta {
transition: none;
}
}
/* Apie mus — diagonalus serpantinis timeline */
body.hoptrans-gradient-landing #apie-hero + #apie-timeline-wrap,
body.hoptrans-gradient-landing .hoptrans-apie-hero + .hoptrans-apie-timeline-wrap {
margin-top: 0 !important;
}
body.hoptrans-gradient-landing #apie-timeline-wrap,
body.hoptrans-gradient-landing .hoptrans-apie-timeline-wrap {
background-color: #f4f2eb !important;
background-image: none !important;
}
body.hoptrans-gradient-landing #apie-timeline-wrap > .row-bg-wrap,
body.hoptrans-gradient-landing .hoptrans-apie-timeline-wrap > .row-bg-wrap,
body.hoptrans-gradient-landing #apie-timeline-wrap .row-bg.using-bg-color,
body.hoptrans-gradient-landing .hoptrans-apie-timeline-wrap .row-bg.using-bg-color,
body.hoptrans-gradient-landing #apie-timeline-wrap .row-bg-overlay,
body.hoptrans-gradient-landing .hoptrans-apie-timeline-wrap .row-bg-overlay {
background: transparent !important;
background-image: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine {
--ht-ink: #1a5c30;
--ht-ink-soft: rgba(13, 31, 18, 0.72);
--ht-muted: rgba(13, 31, 18, 0.5);
--ht-line: #1a5c30;
--ht-line-soft: rgba(26, 92, 48, 0.2);
/* Keep dissolve ≪ scrub segment time, or later milestones stay ghosted. */
--ht-dissolve: 0.55s;
--ht-shift: 0.85s;
position: relative;
padding: clamp(0.25rem, 1vw, 0.75rem) 0 clamp(3rem, 8vw, 5rem);
background: transparent;
overflow: visible;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__inner {
max-width: 100%;
margin: 0 auto;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__header {
max-width: min(720px, 100%);
margin: 0 auto clamp(28px, 4vw, 48px);
padding: 0 max(16px, clamp(0.75rem, 2vw, 1.5rem));
text-align: left;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__heading {
margin: 0 0 12px;
font-size: clamp(1.75rem, 3vw, 2.25rem);
font-weight: 600;
line-height: 1.15;
color: var(--hop-ink, #1c2e20);
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__intro-lead {
margin: 0 0 10px;
font-size: clamp(1.05rem, 1.6vw, 1.25rem);
font-weight: 600;
line-height: 1.45;
color: var(--hop-ink, #1c2e20);
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__intro-text {
margin: 0;
font-size: clamp(0.95rem, 1.3vw, 1.05rem);
line-height: 1.65;
color: rgba(13, 31, 18, 0.72);
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop-title {
margin: 0 0 6px;
font-weight: 600;
line-height: 1.35;
color: var(--hop-ink, #1c2e20);
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__viewport {
overflow: visible;
max-width: none;
margin: 0 auto;
padding: 0 clamp(0.75rem, 2vw, 1.5rem) clamp(2rem, 5vw, 3.5rem);
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__canvas {
position: relative;
width: 100%;
height: clamp(460px, 50vw, 560px);
margin: 0 auto;
overflow: visible;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__svg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: visible;
pointer-events: none;
z-index: 1;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__path-base,
body.hoptrans-gradient-landing .hoptrans-apie-timeline__path-draw {
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__path-base {
stroke: var(--ht-line-soft);
stroke-width: 2;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__path-draw {
stroke: var(--ht-line);
stroke-width: 2.5;
stroke-dasharray: 8000;
stroke-dashoffset: 8000;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stops {
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
overflow: visible;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop {
position: absolute;
transform: translate(-50%, -50%);
width: clamp(170px, 13vw, 210px);
min-height: 1px;
opacity: 0;
pointer-events: auto;
cursor: pointer;
overflow: visible;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop:not(.is-exiting) {
transition:
opacity var(--ht-dissolve) cubic-bezier(0.33, 0, 0.2, 1),
left var(--ht-shift) cubic-bezier(0.33, 0, 0.2, 1),
top var(--ht-shift) cubic-bezier(0.33, 0, 0.2, 1);
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop.is-entering:not(.is-revealed) {
opacity: 0;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop.is-revealed,
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop.is-entering.is-revealed {
opacity: 1;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop.is-exiting {
opacity: 0;
pointer-events: none;
transition: opacity var(--ht-dissolve) cubic-bezier(0.33, 0, 0.2, 1);
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop.is-hidden {
visibility: hidden;
pointer-events: none;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop-inner {
position: relative;
width: 100%;
transform: scale(1);
transform-origin: center center;
transition: transform 1.6s cubic-bezier(0.22, 1, 0.36, 1);
will-change: transform;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop.is-active .hoptrans-apie-timeline__stop-inner {
transform: scale(1.14);
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop-head {
position: absolute;
left: 50%;
bottom: 50%;
transform: translateX(-50%);
display: flex;
align-items: baseline;
gap: 0.4rem;
white-space: nowrap;
padding-bottom: 52px;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop-connector {
position: absolute;
left: 50%;
width: 1.5px;
background: var(--ht-line);
transform: translateX(-50%) scaleY(0);
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop-connector--up {
bottom: 50%;
height: 52px;
transform-origin: center bottom;
transition: transform 1.8s cubic-bezier(0.22, 1, 0.36, 1), opacity var(--ht-dissolve) ease-in-out;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop-connector--down {
top: 50%;
height: 100px;
transform-origin: center top;
transition: transform 1.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s, opacity var(--ht-dissolve) ease-in-out;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop.is-exiting .hoptrans-apie-timeline__stop-connector--up,
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop.is-exiting .hoptrans-apie-timeline__stop-connector--down,
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop:not(.is-revealed) .hoptrans-apie-timeline__stop-connector--up,
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop:not(.is-revealed) .hoptrans-apie-timeline__stop-connector--down {
opacity: 0;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop.is-revealed .hoptrans-apie-timeline__stop-connector--up,
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop.is-revealed .hoptrans-apie-timeline__stop-connector--down {
transform: translateX(-50%) scaleY(1);
opacity: 1;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop-body {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%);
padding-top: 100px;
max-width: clamp(155px, 12vw, 200px);
width: max-content;
text-align: left;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop-year {
font-family: "Outfit", sans-serif;
font-size: 1.1rem;
font-weight: 700;
letter-spacing: 0.04em;
color: var(--ht-ink);
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop-body p {
margin: 0 0 0.45rem;
font-family: "Outfit", sans-serif;
font-size: 0.76rem;
line-height: 1.5;
color: var(--ht-muted);
font-style: italic;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop-body p:last-child {
margin-bottom: 0;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop.is-active .hoptrans-apie-timeline__stop-year {
color: var(--ht-ink);
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop.is-active .hoptrans-apie-timeline__stop-body p {
color: var(--ht-ink-soft);
font-style: normal;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop:focus-visible {
outline: 2px solid var(--ht-line);
outline-offset: 8px;
border-radius: 4px;
}
@media (max-width: 767px) {
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine {
--ht-dissolve: 0.35s;
--ht-shift: 0.45s;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__canvas {
height: clamp(420px, 115vw, 540px);
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop {
width: 148px;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop.is-active .hoptrans-apie-timeline__stop-inner {
transform: scale(1.1);
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop-head {
padding-bottom: 40px;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop-connector--up {
height: 40px;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop-connector--down {
height: 80px;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop-body {
padding-top: 80px;
max-width: 140px;
}
/*
* Mobile static mode (JS adds .is-mobile-static): vertical readable list.
* Avoids horizontal scrub + slow opacity dissolve leaving years ghosted.
*/
body.hoptrans-gradient-landing #apie-timeline-wrap:has(.is-mobile-static),
body.hoptrans-gradient-landing .hoptrans-apie-timeline-wrap:has(.is-mobile-static) {
overflow: visible;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static {
overflow: visible;
padding-bottom: 1.5rem;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static .hoptrans-apie-timeline__viewport {
overflow: visible;
padding-bottom: 0.5rem;
padding-left: max(16px, env(safe-area-inset-left, 0px));
padding-right: max(16px, env(safe-area-inset-right, 0px));
box-sizing: border-box;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static .hoptrans-apie-timeline__canvas {
position: relative;
height: auto !important;
min-height: 0;
overflow: visible;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static .hoptrans-apie-timeline__svg {
display: none;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static .hoptrans-apie-timeline__stops {
position: relative;
inset: auto;
display: flex;
flex-direction: column;
gap: 0;
padding: 0 0 0 1.1rem;
border-left: 2px solid var(--ht-line-soft);
pointer-events: auto;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static .hoptrans-apie-timeline__stop {
position: relative;
left: auto !important;
top: auto !important;
transform: none;
width: 100%;
max-width: none;
min-height: 0;
opacity: 1;
visibility: visible;
margin: 0 0 1.35rem;
padding: 0;
cursor: default;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static .hoptrans-apie-timeline__stop:last-child {
margin-bottom: 0;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static .hoptrans-apie-timeline__stop.is-hidden,
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static .hoptrans-apie-timeline__stop.is-exiting {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static .hoptrans-apie-timeline__stop-inner {
transform: none !important;
padding-left: 0.85rem;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static .hoptrans-apie-timeline__stop-inner::before {
content: '';
position: absolute;
left: -1.1rem;
top: 0.35rem;
width: 10px;
height: 10px;
margin-left: -5px;
border-radius: 50%;
background: var(--ht-line);
box-shadow: 0 0 0 3px #f4f2eb;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static .hoptrans-apie-timeline__stop-head {
position: static;
left: auto;
bottom: auto;
transform: none;
padding: 0;
margin: 0 0 0.35rem;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static .hoptrans-apie-timeline__stop-connector {
display: none;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static .hoptrans-apie-timeline__stop-body {
position: static;
left: auto;
top: auto;
transform: none;
padding: 0;
max-width: none;
width: 100%;
text-align: left;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static .hoptrans-apie-timeline__stop-year {
font-size: 1.05rem;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static .hoptrans-apie-timeline__stop-body p {
font-size: 0.88rem;
line-height: 1.55;
font-style: normal;
color: var(--ht-ink-soft);
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static .hoptrans-apie-timeline__stop-title {
font-style: normal;
margin-bottom: 0.35rem;
}
/* Staggered fade-in when section becomes visible */
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static.is-visible .hoptrans-apie-timeline__stop {
animation: hoptrans-timeline-mobile-in 0.45s ease both;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static.is-visible .hoptrans-apie-timeline__stop:nth-child(1) { animation-delay: 0.02s; }
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static.is-visible .hoptrans-apie-timeline__stop:nth-child(2) { animation-delay: 0.06s; }
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static.is-visible .hoptrans-apie-timeline__stop:nth-child(3) { animation-delay: 0.1s; }
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static.is-visible .hoptrans-apie-timeline__stop:nth-child(4) { animation-delay: 0.14s; }
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static.is-visible .hoptrans-apie-timeline__stop:nth-child(5) { animation-delay: 0.18s; }
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static.is-visible .hoptrans-apie-timeline__stop:nth-child(6) { animation-delay: 0.22s; }
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static.is-visible .hoptrans-apie-timeline__stop:nth-child(7) { animation-delay: 0.26s; }
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static.is-visible .hoptrans-apie-timeline__stop:nth-child(8) { animation-delay: 0.3s; }
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static.is-visible .hoptrans-apie-timeline__stop:nth-child(9) { animation-delay: 0.34s; }
}
@keyframes hoptrans-timeline-mobile-in {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (prefers-reduced-motion: reduce) {
body.hoptrans-gradient-landing .hoptrans-apie-timeline__path-draw,
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop,
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop-connector,
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop-inner {
transition: none !important;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop {
opacity: 1;
visibility: visible;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop-connector--up,
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop-connector--down {
transform: translateX(-50%) scaleY(1);
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static.is-visible .hoptrans-apie-timeline__stop {
animation: none !important;
}
}
/* Apie mus — mobile responsive fixes */
/* Sertifikatai — vienodo dydžio logotipai */
body.hoptrans-gradient-landing #apie-sertifikatai .hoptrans-apie-certificates-logos {
flex-direction: row !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 28px !important;
margin-top: 4px;
}
/* Logotipas = pats ![]()
(klasė ant img). object-fit taikom tiesiogiai jam,
kad vienodame kadre būtų proporcingai sumažintas, be iškraipymo (skew). */
body.hoptrans-gradient-landing #apie-sertifikatai .hoptrans-apie-certificates-logo,
body.hoptrans-gradient-landing #apie-sertifikatai .hoptrans-apie-certificates-logo--iso,
body.hoptrans-gradient-landing #apie-sertifikatai .hoptrans-apie-certificates-logo--sqas {
display: block !important;
flex: 0 0 auto !important;
width: 132px !important;
height: 72px !important;
max-width: 40vw !important;
object-fit: contain !important;
object-position: center !important;
}
/* Jei markup kada nors turėtų vidinį ![]()
— irgi be iškraipymo. */
body.hoptrans-gradient-landing #apie-sertifikatai .hoptrans-apie-certificates-logo img {
width: 100% !important;
max-width: none !important;
height: 100% !important;
object-fit: contain !important;
}
/* Timeline — neleisti turiniui „išlipti“ į kitas sekcijas (desktop scrub).
Mobile static vertical list needs visible overflow — see :has(.is-mobile-static). */
body.hoptrans-gradient-landing #apie-timeline-wrap:not(:has(.is-mobile-static)),
body.hoptrans-gradient-landing .hoptrans-apie-timeline-wrap:not(:has(.is-mobile-static)) {
overflow: hidden;
padding-bottom: clamp(24px, 4vw, 48px);
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine:not(.is-mobile-static) {
overflow: hidden;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine:not(.is-mobile-static) .hoptrans-apie-timeline__viewport {
overflow: hidden;
}
/* Canvas aukštį dinamiškai nustato JS (LAYOUT_H + giliausias tekstas),
todėl tekstai niekada nekerpami ir nelieka tuščio tarpo. CSS tik saugiklis. */
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine:not(.is-mobile-static) .hoptrans-apie-timeline__canvas {
overflow: hidden;
}
@media (min-width: 768px) {
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine {
padding-bottom: clamp(1.5rem, 3vw, 2.5rem);
}
}
body.hoptrans-gradient-landing .hoptrans-apie-people-wrap {
position: relative;
z-index: 2;
}
@media (max-width: 767px) {
/* Sertifikatai — mažesni, vienodi */
body.hoptrans-gradient-landing #apie-sertifikatai .hoptrans-apie-certificates-logos {
gap: 20px !important;
}
body.hoptrans-gradient-landing #apie-sertifikatai .hoptrans-apie-certificates-logo {
width: 108px !important;
height: 56px !important;
max-width: 38vw !important;
}
/* Timeline — telpa į ekraną be kraštų nukirtimo */
body.hoptrans-gradient-landing .hoptrans-apie-timeline__viewport {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding-left: 12px;
padding-right: 12px;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__viewport::-webkit-scrollbar {
display: none;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__canvas {
min-width: 0;
width: 100%;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__card {
display: flex;
flex-direction: column;
align-items: stretch;
min-height: 0 !important;
padding-bottom: 20px;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--terminals,
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--hardware,
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--software {
min-height: 0 !important;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__card-body {
max-width: 100%;
padding-bottom: 12px;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__text {
max-width: none;
margin-bottom: 16px;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__media {
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
width: 100% !important;
max-width: 280px;
margin: 20px auto 0 !important;
align-self: center;
}
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--terminals .hoptrans-apie-infra__media,
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--hardware .hoptrans-apie-infra__media,
body.hoptrans-gradient-landing .hoptrans-apie-infra__card--software .hoptrans-apie-infra__media {
width: 100% !important;
max-width: 300px;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop {
width: 128px;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop-body {
max-width: 118px;
padding-top: 72px;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop-body p {
font-size: 0.7rem;
line-height: 1.45;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__stop.is-hidden {
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* Trumpesnis fade mobiliajame — animacija matoma, stotelės nesikaupia */
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine {
--ht-dissolve: 1.5s;
}
/* Žmonės & kultūra */
body.hoptrans-gradient-landing #apie-timeline-wrap + #apie-people-wrap,
body.hoptrans-gradient-landing .hoptrans-apie-timeline-wrap + .hoptrans-apie-people-wrap {
padding-top: 40px !important;
}
body.hoptrans-gradient-landing .hoptrans-apie-people {
padding-top: clamp(32px, 8vw, 48px);
padding-bottom: clamp(40px, 8vw, 56px);
overflow: hidden;
}
body.hoptrans-gradient-landing .hoptrans-apie-people__lead {
max-width: none;
margin-left: auto;
margin-right: auto;
}
body.hoptrans-gradient-landing .hoptrans-apie-people__gallery {
min-height: 0;
max-width: 420px;
margin: 0 auto;
width: 100%;
}
}
/* Apie mus — šiandien: skaidrus fonas po tekstu (be žalsvo panelio) */
body.page-id-1857 #apie-mus.wpb_row,
body.page-id-1857 #apie-mus,
body.page-id-1857 section#apie-mus {
background-color: transparent !important;
}
body.page-id-1857 #apie-mus .row-bg,
body.page-id-1857 #apie-mus .row-bg-wrap,
body.page-id-1857 #apie-mus .row-bg.using-bg-color {
background-color: transparent !important;
background-image: none !important;
}
body.page-id-1857 #apie-mus > .span_12 > .wpb_column:first-child,
body.page-id-1857 #apie-mus > .row_col_wrap_12 > .wpb_column:first-child,
body.page-id-1857 #apie-mus .wpb_column:first-child > .vc_column-inner,
body.page-id-1857 #apie-mus .wpb_column:first-child .column-bg-overlay-wrap,
body.page-id-1857 #apie-mus .wpb_column:first-child .column-bg-overlay {
background: transparent !important;
background-color: transparent !important;
}
/* #skaiciai — keep milestone number + symbol on one line (h2 is block by default) */
body.hoptrans-gradient-landing #skaiciai .nectar-milestone .number {
display: inline-flex !important;
align-items: baseline !important;
flex-wrap: nowrap !important;
white-space: nowrap !important;
gap: 0.02em !important;
}
body.hoptrans-gradient-landing #skaiciai .nectar-milestone .number h2 {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
body.hoptrans-gradient-landing #skaiciai .nectar-milestone .number span,
body.hoptrans-gradient-landing #skaiciai .nectar-milestone .symbol-wrap,
body.hoptrans-gradient-landing #skaiciai .nectar-milestone .symbol {
display: inline !important;
white-space: nowrap !important;
vertical-align: baseline !important;
}
body.hoptrans-gradient-landing #skaiciai .nectar-milestone .symbol-wrap {
font-size: inherit !important;
line-height: 1 !important;
}
/* Karjera hub — Erdvė augti ir veikti (#karjera-privalumai) */
body.hoptrans-gradient-landing #karjera-privalumai .hoptrans-karjera-erdve,
body.page-id-1925 #karjera-privalumai .hoptrans-karjera-erdve {
color: var(--hop-ink, #1c2e20);
font-family: "Outfit", sans-serif;
}
body.hoptrans-gradient-landing #karjera-privalumai .hoptrans-karjera-erdve__intro,
body.page-id-1925 #karjera-privalumai .hoptrans-karjera-erdve__intro {
margin-bottom: clamp(28px, 3.5vw, 40px);
max-width: 40rem;
}
body.hoptrans-gradient-landing #karjera-privalumai .hoptrans-karjera-erdve__heading,
body.page-id-1925 #karjera-privalumai .hoptrans-karjera-erdve__heading {
margin: 0;
font-family: "Outfit", sans-serif !important;
font-size: var(--hop-karjera-h2-size, clamp(1.75rem, 3vw, 2.5rem));
font-weight: var(--hop-karjera-h2-weight, 700);
line-height: var(--hop-karjera-h2-lh, 1.15);
letter-spacing: var(--hop-karjera-h2-ls, -0.02em);
color: var(--hop-ink, #1c2e20) !important;
}
body.hoptrans-gradient-landing #karjera-privalumai .hoptrans-karjera-erdve__grid,
body.page-id-1925 #karjera-privalumai .hoptrans-karjera-erdve__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(20px, 2.5vw, 32px);
}
body.hoptrans-gradient-landing #karjera-privalumai .hoptrans-karjera-erdve__item,
body.page-id-1925 #karjera-privalumai .hoptrans-karjera-erdve__item {
border: none;
box-shadow: none;
background: transparent;
padding: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
body.hoptrans-gradient-landing #karjera-privalumai .hoptrans-karjera-erdve__num,
body.page-id-1925 #karjera-privalumai .hoptrans-karjera-erdve__num {
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.08em;
color: var(--hop-g3, #409c61);
}
body.hoptrans-gradient-landing #karjera-privalumai .hoptrans-karjera-erdve__title,
body.page-id-1925 #karjera-privalumai .hoptrans-karjera-erdve__title {
margin: 0;
font-family: "Outfit", sans-serif !important;
font-size: clamp(1.15rem, 1.6vw, 1.35rem);
font-weight: 650;
line-height: 1.25;
color: var(--hop-ink, #1c2e20) !important;
}
body.hoptrans-gradient-landing #karjera-privalumai .hoptrans-karjera-erdve__text,
body.page-id-1925 #karjera-privalumai .hoptrans-karjera-erdve__text {
margin: 0;
font-size: 0.95rem;
line-height: 1.6;
color: rgba(28, 46, 32, 0.82);
}
@media (max-width: 999px) {
body.hoptrans-gradient-landing #karjera-privalumai .hoptrans-karjera-erdve__grid,
body.page-id-1925 #karjera-privalumai .hoptrans-karjera-erdve__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 690px) {
body.hoptrans-gradient-landing #karjera-privalumai .hoptrans-karjera-erdve__grid,
body.page-id-1925 #karjera-privalumai .hoptrans-karjera-erdve__grid {
grid-template-columns: 1fr;
}
}
/* Hoptrans — mobile edge inset QA (staging 2026-09-18)
* Full-bleed section BGs stay edge-to-edge; text/labels get ≥16px inline pad.
* No orphan body.page-id-XXXX, selectors.
*/
/* -------------------------------------------------------------------------
* Home hero — “THE ART OF LOGISTICS” was clamped for shorter LT copy
* (VERSLO ARTERIJOS). EN string + nowrap + overflow:hidden parallax →
* right-edge glyph clip. Scale down under body.home only.
* ------------------------------------------------------------------------- */
@media (max-width: 767px) {
body.home.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading,
body.page-id-10.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading {
font-size: clamp(24px, 7.6vw, 36px) !important;
letter-spacing: -0.035em !important;
line-height: 0.95 !important;
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box !important;
padding-right: 4px !important;
}
body.home.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading > h1,
body.home.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading > h2,
body.page-id-10.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading > h1,
body.page-id-10.hoptrans-gradient-landing #ajax-content-wrap .three-hero-row .nectar-split-heading > h2 {
font-size: inherit !important;
max-width: 100% !important;
overflow: visible !important;
/* plain (no word spans) was forced to ink by desktop rules — unreadable on photo */
color: #ffffff !important;
}
}
/* -------------------------------------------------------------------------
* Home early milestones (under hero, not #skaiciai) — Salient parks
* .symbol-wrap as position:absolute + translateX, so “170 mln.+” spills
* past the viewport. Force inline-flex like #skaiciai; cap font size.
* ------------------------------------------------------------------------- */
@media (max-width: 767px) {
body.home.hoptrans-gradient-landing .nectar-milestone .number,
body.page-id-10.hoptrans-gradient-landing .nectar-milestone .number {
display: inline-flex !important;
align-items: baseline !important;
flex-wrap: nowrap !important;
justify-content: center !important;
position: relative !important;
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box !important;
white-space: nowrap !important;
gap: 0.05em !important;
/* widest: “170 mln.+”; 15vw ≈ 58px @390 */
font-size: clamp(40px, 15vw, 60px) !important;
overflow: visible !important;
}
body.home.hoptrans-gradient-landing .nectar-milestone .number h2,
body.page-id-10.hoptrans-gradient-landing .nectar-milestone .number h2 {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
font-size: inherit !important;
}
body.home.hoptrans-gradient-landing .nectar-milestone .symbol-wrap,
body.page-id-10.hoptrans-gradient-landing .nectar-milestone .symbol-wrap,
body.home.hoptrans-gradient-landing .nectar-milestone .symbol,
body.page-id-10.hoptrans-gradient-landing .nectar-milestone .symbol {
position: static !important;
display: inline !important;
left: auto !important;
right: auto !important;
top: auto !important;
transform: none !important;
font-size: inherit !important;
line-height: 1 !important;
white-space: nowrap !important;
vertical-align: baseline !important;
}
}
/* -------------------------------------------------------------------------
* Home footer wordmark — fitty HOPTRANS sits at ~10px inset; bump pad and
* slightly reduce so final “S” stays inside the viewport.
* ------------------------------------------------------------------------- */
@media (max-width: 767px) {
body.home.hoptrans-gradient-landing .nectar-split-heading.font_line_height_1px.fitty-fit,
body.page-id-10.hoptrans-gradient-landing .nectar-split-heading.font_line_height_1px.fitty-fit {
display: block !important;
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box !important;
padding-left: max(15px, env(safe-area-inset-left, 0px)) !important;
padding-right: max(15px, env(safe-area-inset-right, 0px)) !important;
font-size: clamp(48px, 15vw, 64px) !important;
letter-spacing: -0.04em !important;
}
body.home.hoptrans-gradient-landing .nectar-split-heading.font_line_height_1px.fitty-fit > h1,
body.page-id-10.hoptrans-gradient-landing .nectar-split-heading.font_line_height_1px.fitty-fit > h1 {
font-size: inherit !important;
max-width: 100% !important;
overflow: visible !important;
}
}
/* -------------------------------------------------------------------------
* Home #skaiciai — Salient full-width-content rows cancel section padding
* and hug the viewport (headline + milestone labels/numbers).
* ------------------------------------------------------------------------- */
@media (max-width: 767px) {
body.home.hoptrans-gradient-landing #skaiciai .vc_row.full-width-content,
body.page-id-10.hoptrans-gradient-landing #skaiciai .vc_row.full-width-content {
box-sizing: border-box !important;
margin-left: 0 !important;
margin-right: 0 !important;
left: auto !important;
width: 100% !important;
max-width: 100% !important;
}
body.home.hoptrans-gradient-landing #skaiciai .vc_row.full-width-content > .row_col_wrap_12.col,
body.page-id-10.hoptrans-gradient-landing #skaiciai .vc_row.full-width-content > .row_col_wrap_12.col {
box-sizing: border-box !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
padding-left: max(15px, env(safe-area-inset-left, 0px)) !important;
padding-right: max(15px, env(safe-area-inset-right, 0px)) !important;
}
/* Nested child columns that still sit at x=0 after wrap pad */
body.home.hoptrans-gradient-landing #skaiciai .nectar-milestone,
body.page-id-10.hoptrans-gradient-landing #skaiciai .nectar-milestone,
body.home.hoptrans-gradient-landing #skaiciai .nectar-badge,
body.page-id-10.hoptrans-gradient-landing #skaiciai .nectar-badge {
margin-left: 0;
}
}
/* -------------------------------------------------------------------------
* Apie mus — timeline header / viewport were ~12px (dots tighter).
* Bump to max(16px, …); keep full-bleed BG elsewhere untouched.
* ------------------------------------------------------------------------- */
@media (max-width: 767px) {
body.hoptrans-gradient-landing .hoptrans-apie-timeline__header {
padding-left: max(15px, clamp(0.75rem, 2vw, 1.5rem));
padding-right: max(15px, clamp(0.75rem, 2vw, 1.5rem));
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline__viewport {
padding-left: max(15px, env(safe-area-inset-left, 0px)) !important;
padding-right: max(15px, env(safe-area-inset-right, 0px)) !important;
box-sizing: border-box;
}
body.hoptrans-gradient-landing .hoptrans-apie-timeline--serpentine.is-mobile-static .hoptrans-apie-timeline__stops {
margin-left: 0;
padding-left: 15px;
padding-right: 0.25rem;
}
}
/* -------------------------------------------------------------------------
* Mobile text inset → 10px (2026-09-21).
* Full-width rows were 24px; columns added another 16px → text sat at ~40px.
* Apie mus “Kitas žingsnis” buttons were 13px under the heading.
* ------------------------------------------------------------------------- */
@media (max-width: 767px) {
body.hoptrans-gradient-landing #ajax-content-wrap .vc_row[class*="left_padding_tablet_"] > .row_col_wrap_12,
body.hoptrans-gradient-landing #ajax-content-wrap .vc_row[class*="right_padding_tablet_"] > .row_col_wrap_12 {
padding-left: 15px !important;
padding-right: 15px !important;
}
body.hoptrans-gradient-landing .wpb_column[class*="left_padding_tablet"] > .vc_column-inner,
body.hoptrans-gradient-landing .wpb_column[class*="right_padding_tablet"] > .vc_column-inner {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.hoptrans-gradient-landing .container.main-content {
max-width: calc(100% - 30px) !important;
width: auto !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.page-id-1857 .wpb_column.flex_layout_desktop_row {
margin-top: 36px !important;
}
.hoptrans-footer-newsletter {
padding-left: 15px !important;
padding-right: 15px !important;
}
}
/* Hoptrans — mobile off-canvas / slide-out menu (staging 2026-09-18)
* Scope: #slide-out-widget-area + #slide-out-widget-area-bg + close only.
* Cream panel + ink text; Susisiekime = outline pill (not solid bar).
* No orphan body.page-id-XXXX, selectors. Does not restyle desktop #header-outer.
*/
/* Panel + dimmer — light cream (site surface; ~#F5F2EA) */
#slide-out-widget-area-bg.slide-out-from-right,
#slide-out-widget-area-bg {
background-color: #f4f2eb !important;
background-image: none !important;
}
body.material #slide-out-widget-area.slide-out-from-right:not(.fullscreen-alt):not(.fullscreen),
body.material #slide-out-widget-area.slide-out-from-right,
body.material #slide-out-widget-area,
#slide-out-widget-area.slide-out-from-right,
#slide-out-widget-area {
background-color: #f4f2eb !important;
background-image: none !important;
color: #1c2e20 !important;
}
#slide-out-widget-area .inner,
#slide-out-widget-area .inner-wrap,
#slide-out-widget-area .off-canvas-menu-container {
background-color: transparent !important;
color: #1c2e20 !important;
}
/* Nav links — Hoptrans ink (not white on black) */
body #slide-out-widget-area .inner-wrap > .inner .off-canvas-menu-container li > a,
body #slide-out-widget-area.slide-out-from-right .inner-wrap > .inner .off-canvas-menu-container li > a,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .menu > li > a,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .menu li a,
#slide-out-widget-area .off-canvas-menu-container .menu > li > a,
#slide-out-widget-area .off-canvas-menu-container .menu li a,
#slide-out-widget-area .inner .off-canvas-menu-container a,
#slide-out-widget-area .menuwrapper li a,
#slide-out-widget-area .inner a {
color: #1c2e20 !important;
}
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .menu li > a:hover,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .menu li > a:focus,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .menu li a:hover,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .menu li a:focus,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .menu li.current-menu-item > a,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .menu li.current_page_item > a,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .menu li.current-menu-ancestor > a,
#slide-out-widget-area .off-canvas-menu-container .menu li a:hover,
#slide-out-widget-area .off-canvas-menu-container .menu li a:focus,
#slide-out-widget-area .off-canvas-menu-container .menu li.current-menu-item > a,
#slide-out-widget-area .off-canvas-menu-container .menu li.current_page_item > a,
#slide-out-widget-area .off-canvas-menu-container .menu li.current-menu-ancestor > a,
#slide-out-widget-area .inner a:hover,
#slide-out-widget-area .inner a:focus {
color: #2d8a4e !important;
}
/* Salient material underline / after — ink, not white */
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:after,
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li > a:after,
#slide-out-widget-area .off-canvas-menu-container .menu li a:after,
#slide-out-widget-area .off-canvas-menu-container .menu li > a:after {
background-color: #1c2e20 !important;
}
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:hover:after,
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:focus:after,
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .current-menu-item > a:after,
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .current_page_item > a:after,
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .current-menu-ancestor > a:after,
#slide-out-widget-area .off-canvas-menu-container .menu li a:hover:after,
#slide-out-widget-area .off-canvas-menu-container .menu li a:focus:after,
#slide-out-widget-area .off-canvas-menu-container .menu li.current-menu-item > a:after,
#slide-out-widget-area .off-canvas-menu-container .menu li.current_page_item > a:after,
#slide-out-widget-area .off-canvas-menu-container .menu li.current-menu-ancestor > a:after {
background-color: #2d8a4e !important;
}
#slide-out-widget-area .off-canvas-menu-container .menu li a .sf-sub-indicator,
#slide-out-widget-area .off-canvas-menu-container .menu li a .ocm-dropdown-arrow,
#slide-out-widget-area .off-canvas-menu-container .menu li a i {
color: #1c2e20 !important;
}
/* Susisiekime — outline pill (borderline), not solid green/black bar */
#slide-out-widget-area .off-canvas-menu-container li.menu-item-1680 > a,
#slide-out-widget-area .off-canvas-menu-container li.menu-item-1680[class*="button_"] > a,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li.menu-item-1680 > a {
background-color: transparent !important;
background-image: none !important;
color: #1c2e20 !important;
border: 1.5px solid #1c2e20 !important;
border-radius: 999px !important;
box-shadow: none !important;
padding: 10px 22px !important;
display: inline-block !important;
width: auto !important;
max-width: 100%;
text-align: center;
line-height: 1.25 !important;
margin-top: 0.35em;
}
#slide-out-widget-area .off-canvas-menu-container li.menu-item-1680 > a:before,
#slide-out-widget-area .off-canvas-menu-container li.menu-item-1680 > a:after {
display: none !important;
background: none !important;
content: none !important;
}
#slide-out-widget-area .off-canvas-menu-container li.menu-item-1680 > a:hover,
#slide-out-widget-area .off-canvas-menu-container li.menu-item-1680 > a:focus,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li.menu-item-1680 > a:hover,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li.menu-item-1680 > a:focus {
background-color: transparent !important;
color: #2d8a4e !important;
border-color: #2d8a4e !important;
}
/* Close X — ink bars only. Filling .close-wrap painted a solid dark square. */
.slide_out_area_close .close-wrap {
background-color: transparent !important;
background-image: none !important;
}
.slide_out_area_close .close-line,
body.material .slide_out_area_close .close-line,
.slide_out_area_close .close-wrap .close-line {
background-color: #1c2e20 !important;
}
/* Menu label is stored as “Paslaugos - Sektoriai”; match the other caps items. */
#slide-out-widget-area .off-canvas-menu-container li.menu-item-1663 > a,
#header-outer #top nav > ul > li.menu-item-1663 > a,
#header-outer #top nav > ul > li.menu-item-1663 > a .menu-title-text,
#header-outer #top nav > ul > li.menu-item-1663 .nectar-text-reveal-button__text {
text-transform: uppercase !important;
}
/* Social / bottom meta — ink */
#slide-out-widget-area .off-canvas-social-links a,
#slide-out-widget-area .bottom-meta a,
#slide-out-widget-area .off-canvas-social-links a i,
#slide-out-widget-area .off-canvas-social-links .fa,
#slide-out-widget-area .bottom-meta a i {
color: #1c2e20 !important;
}
#slide-out-widget-area .off-canvas-social-links a:hover,
#slide-out-widget-area .off-canvas-social-links a:focus,
#slide-out-widget-area .off-canvas-social-links a:hover i,
#slide-out-widget-area .off-canvas-social-links a:focus i {
color: #2d8a4e !important;
}