/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

:root {

	--header-offset: 0px;                 /* doplní JS podle tvého headeru */
	--fig-w: clamp(320px, 38vw, 640px);
	--fig-h: clamp(260px, 44vh, 520px);   /* vizuální výška „scény“ */
	--fig-fade: 380ms;
	--fig-ease: cubic-bezier(.22,.61,.36,1);

	--menu-underline-speed: 1500ms;                 /* rychlost animace */
	--menu-underline-ease:  cubic-bezier(.16,1,.3,1);/* měkké ease-out */
	--menu-underline-color: var(--color-secondary, #334FDF);
	--menu-underline-height: 2px;                   /* tloušťka linky */
	--menu-underline-skew: -6deg;                   /* “křivost” čáry */
	--menu-underline-offset: .05rem;                /* odsazení od textu */
	
	--btn-ease: cubic-bezier(.16,1,.3,1);
	--btn-speed: 2400ms;  
	--btn-color-speed: 300ms;  
	--btn-color-ease: cubic-bezier(.25,.95,.35,1);
	--btn-shift: -4px; 
	--vk-blue: #334FDF;
	--vk-blue-shadow: 51,79,223; 
	--vk-blue-shadow-2: 25,45,136;
	
	--color-secondary: #334FDF;
	--color-base: #ffffff;
	--container-default: 1320px;
	--container-box: 1100px;
	--content-box: 872px;
	--content-box-2: 650px;
	--lett-spac: 0.04em;
	--lett-spac-title: -0.02em;
	--transition-default: all 0.3s ease;
	--box-shadow-default: 0 4px 12px rgba(0, 0, 0, 0.14);

}

/* GLOBAL */
.vk_section--divider-bottom-right::after {
	content: "";
	background: url("/wp-content/uploads/2025/09/rectangle-white.svg");
	background-position: top left;
	background-size: cover;
	width: 100%;
	height: 60px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.vk_section--divider-bottom-left::after {
	content: "";
	background: url("/wp-content/uploads/2025/09/divider-bottom-left.svg");
	background-position: top left;
	background-size: cover;
	width: 100%;
	height: 60px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.vk_section--divider-top-left::after {
	content: "";
	background: url("/wp-content/uploads/2025/09/footer-top-line-bg.svg");
	background-position: top left;
	background-size: cover;
	width: 100%;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
}
.vk_section--divider-top-right::before {
	content: "";
	background: url("/wp-content/uploads/2025/09/divider-top-right.svg");
	background-position: top left;
	background-size: cover;
	width: 100%;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
}

/* RANK MATH */
/* .single-post .rank-math-breadcrumb a:nth-of-type(3),
.single-post .rank-math-breadcrumb .separator:nth-of-type(3) {
    display: none !important;
} */

.rank-math-breadcrumb {
	font-size: 14px;
	line-height: 1.4;
}
.rank-math-breadcrumb .last {
	font-weight: 700;
}

/* FLUENT FORM */
.fluentform .ff-el-input--label label {
    font-weight: 700;
    color: #1E2A65;
}
.fluentform .frm-fluent-form .ff-t-container {
	gap: 60px;
}
.fluentform .ff-el-form-control {
	border-radius: 0 !important;
}
.fluentform .ff-el-form-check:last-child label.ff-el-form-check-label,
.fluentform .ff-el-is-error .ff-el-form-check label.ff-el-form-check-label {
    justify-content: center;
    display: flex;
    gap: 16px;
    align-items: flex-start;
}
.fluentform .ff-el-is-error .text-danger {
    text-align: center;
}
.fluentform .ff-el-tc label.ff_tc_label>span {
    padding-top: 0 !important;
}
.fluentform .ff-el-form-check-label .ff-el-form-check-input {
    width: 16px;
    height: 16px;
}
.fluentform .ff-el-group.ff-custom_html {
    margin: 40px 0;
}
.fluentform .frm-fluent-form .choices[data-type*=select-multiple] .choices__input {
    padding: 11px 0;
}
.fluentform .ff-el-group {
    margin-bottom: 30px !important; 
}
.fluentform select {
	background: #ffffff;
}
.fluentform select#ff_3_dropdown {
    line-height: 1.3;
}
.fluentform .ff-el-tc label .ff_t_c {
	padding-top: 8px !important;
}
.fluentform .ff-el-group.ff-el-form-right .ff-el-input--label {
	text-align: left !important;
}
.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
    margin-left: -4px !important;
}
/* .ff-default .ff-el-input--label label {
	white-space: nowrap;
}
 */

/* WORDPRESS GUTTENBERG */
.vk_post-block h2 {
	font-size: 36px;
	margin: 80px 0 30px;
}
.vk_post-block h3 {
	font-size: 28px;
	margin: 60px 0 30px;
}
.vk_post-block h4 {
	font-size: 22px;
	margin: 40px 0 30px;
}

.single-post ol.wp-block-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 30px 0;
}
.single-post ul.wp-block-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	list-style: none; 
	margin: 30px 0;
}
.single-post ul.wp-block-list li {
	position: relative;
	padding-left: 1.5em;
	line-height: 1.4;
}
.single-post ul.wp-block-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;                 
	width: 10px;
	height: 10px;
	background: #334FDF;       
	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
} 

/* TABLES */
table.has-fixed-layout td {
  vertical-align: top;
}

/* Tabulka s ID vk-factor-table */
#vk-factor-table {
  table-layout: fixed;
  width: 100%;
}

/* 1. sloupec užší, 2. a 3. sloupec stejně široké a širší */
#vk-factor-table tr > *:nth-child(1) { width: 20%; }     /* uprav %, když budeš chtít */
#vk-factor-table tr > *:nth-child(2),
#vk-factor-table tr > *:nth-child(3) { width: 40%; }

/* (volitelné) na mobilech nechat auto šířky */
@media (max-width: 640px) {
  #vk-factor-table tr > * { width: auto; }
}



/* BREADCRUMBS */
.vk_breadcrumb a {
	text-decoration: none;
}
.vk_breadcrumb span.separator {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('/wp-content/uploads/2025/09/icon-arrow-right-dark.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  text-indent: -9999px; /* Skryje původní text */
  overflow: hidden;
  vertical-align: middle;
  margin: 0 8px;
}


/* BUTTONS */
.bricks-background-primary,
.bricks-background-secondary,
.bricks-background-light,
.vk_menu-btn a {
	transition:
		transform var(--btn-speed) var(--btn-ease),
		box-shadow var(--btn-speed) var(--btn-ease),
		background-color var(--btn-color-speed) var(--btn-color-ease),
		color var(--btn-color-speed) var(--btn-color-ease),
		border-color var(--btn-color-speed) var(--btn-color-ease);
	transform: translateY(0);
	will-change: transform;
	outline: none;
}

@media (hover:hover){
	.bricks-background-primary:hover,
	.bricks-background-secondary:hover,
	.bricks-background-light:hover,
	.vk_menu-btn a:hover {
		transform: translateY(var(--btn-shift));
		box-shadow: 0 18px 40px rgba(var(--vk-blue-shadow), .28);
		outline: none;
	}
}

/* focus/active zůstává stejné */
.bricks-background-primary:focus-visible,
.bricks-background-secondary:focus-visible,
.bricks-background-light:focus-visible,
.vk_menu-btn a:focus-visible {
	transform: translateY(var(--btn-shift));
	box-shadow: 0 18px 40px rgba(var(--vk-blue-shadow), .32),
		0 0 0 3px rgba(var(--vk-blue-shadow), .18);
	outline: none;
}

.bricks-background-primary:active,
.bricks-background-secondary:active,
.bricks-background-light:active,
.vk_menu-btn a:active {
	transform: translateY(calc(var(--btn-shift) + 3px));
	box-shadow: 0 10px 22px rgba(var(--vk-blue-shadow), .22);
}

@media (prefers-reduced-motion: reduce){
	.bricks-background-primary,
	.bricks-background-secondary,
	.bricks-background-light,
	.vk_menu-btn a{
		transition: none;
	}
}

/* STICKY HEADER */
#brx-header.brx-sticky.on-scroll {
    position: static !important;
}
/* #brx-header.brx-sticky.scrolling:not(.slide-up) > .brxe-section {
	box-shadow: none !important;
} */

header.is-active .vk_header {
	background: rgba(243, 245, 255, .95);
	padding-top: 10px;
    padding-bottom: 10px;
}
header.is-active .vk_header-logo.brxe-logo .bricks-site-logo {
    height: 70px;
    width: 70px;
}

#brx-header-clone {
	position: fixed;
	top: 0; left: 0; right: 0;
	z-index: 9999;
	transform: translateY(-100%);
	transition: transform .35s ease, box-shadow .2s ease;
	pointer-events: auto;
/* 	box-shadow: 0 4px 30px rgba(0,0,0,.1); */
	border-bottom: 1px solid #b6c2fc;
	will-change: transform;
	  backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px); /* Safari */
}
#brx-header-clone.is-visible{
	transform: translateY(0);
}

/* když jsi přihlášený do WP, posuň pod admin bar */
body.admin-bar #brx-header-clone{ top: 32px; }
@media (max-width:782px){ body.admin-bar #brx-header-clone{ top: 46px; } }

#brx-header-clone.shrink { transform: translateY(0) scale(0.98); }

/* --- Sticky klon: povol submenu a dej ho nad všechno --- */
#brx-header-clone { z-index: 10000; } /* header je nahoře */

/* nic neořezávat uvnitř klonu */
#brx-header-clone .vk_header,
#brx-header-clone .vk_header-container,
#brx-header-clone .brx-nav-menu-wrapper,
#brx-header-clone .brx-nav-menu { overflow: visible; }

/* samotné submenu nad ostatními vrstvami */
#brx-header-clone .sub-menu{
  z-index: 10020;
}

/* v originálním Bricksu je submenu schované: opacity 0, visibility hidden,
   pointer-events none, translateY. Tady to pro KLON zviditelníme na :hover
   nebo při klávesnici (:focus-within). Dáváme !important, ať to přebije inline. */
#brx-header-clone .bricks-menu-item:hover > .sub-menu,
#brx-header-clone .bricks-menu-item:focus-within > .sub-menu{
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

/* pokud Bricks používá třídu .open nebo aria-expanded, drž viditelné i takto */
#brx-header-clone .bricks-menu-item.open > .sub-menu,
#brx-header-clone .brx-submenu-toggle[aria-expanded="true"] + .sub-menu{
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}


/* HEADER */
.vk_header-menu.brxe-nav-menu .bricks-nav-menu {
    align-items: center;
}
.vk_header-menu.brxe-nav-menu .bricks-nav-menu > li > .sub-menu {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px 0;
	margin-top: 24px;
}
.vk_header-menu li.bricks-menu-item:not(.vk_menu-btn) > a {
  transition: var(--transition-default);
}
.vk_menu-btn a {
	color: var(--color-secondary) !important;
	background: #transparent;
	border: 2px solid var(--color-secondary);
	padding: 15px 31px;
}
.vk_menu-btn a:hover {
	color: var(--color-base) !important;
	background: #1a2d88;
}

/* WPML SWITCHER */
.vk_header-menu .wpml-ls-item .sub-menu a {
    padding-right: 10px;
    padding-left: 10px;
    justify-content: center;
}
.vk_header-menu .wpml-ls-item  .sub-menu {
    width: 50px !important;
    max-width: 50px !important;
    min-width: 50px !important;
    text-align: center;
}

/* MENU */
/* cíluj A i SUBMENU TOGGLE, ale vynech CTA .vk_menu-btn */
.vk_header-menu li:not(.vk_menu-btn) > a,
.vk_header-menu li:not(.vk_menu-btn) > .brx-submenu-toggle{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding-bottom: .45rem;
  text-decoration: none;
  background: transparent;
  border: 0;
  cursor: pointer;
}

/* underline pseudo-element pro oba případy */
.vk_header-menu li:not(.vk_menu-btn) > a::after,
.vk_header-menu li:not(.vk_menu-btn) > .brx-submenu-toggle::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: var(--menu-underline-offset);
  width: 100%;
  height: var(--menu-underline-height);
  background: var(--menu-underline-color);
  border-radius: 2px;
  transform-origin: 0 50%;
  transform: scaleX(0) skewX(var(--menu-underline-skew));
  transition: transform var(--menu-underline-speed) var(--menu-underline-ease);
  will-change: transform;
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}

/* HOVER přímo na odkazu (rychlá odezva) */
@media (hover:hover){
  .vk_header-menu li:not(.vk_menu-btn) > a:hover::after,
  .vk_header-menu li:not(.vk_menu-btn) > .brx-submenu-toggle:hover::after{
    transform: scaleX(1) skewX(var(--menu-underline-skew));
  }
}

/* DŮLEŽITÉ: underline drž i při přejezdu do submenu */
.vk_header-menu li:not(.vk_menu-btn):hover > a::after,
.vk_header-menu li:not(.vk_menu-btn):hover > .brx-submenu-toggle::after,
.vk_header-menu li:not(.vk_menu-btn):focus-within > a::after,
.vk_header-menu li:not(.vk_menu-btn):focus-within > .brx-submenu-toggle::after{
  transform: scaleX(1) skewX(var(--menu-underline-skew));
}

/* aktivní/otevřená větev menu = underline trvale */
.vk_header-menu li.current-menu-item > a::after,
.vk_header-menu li.current-menu-ancestor > a::after,
.vk_header-menu li.open > .brx-submenu-toggle::after,
.vk_header-menu li > .brx-submenu-toggle[aria-expanded="true"]::after{
  transform: scaleX(1) skewX(var(--menu-underline-skew));
}

/* CTA položka vpravo bez efektu */
.vk_header-menu li.vk_menu-btn > a::after{ display: none; }

/* respekt k reduce-motion */
@media (prefers-reduced-motion: reduce){
  .vk_header-menu li > a::after,
  .vk_header-menu li > .brx-submenu-toggle::after{ transition: none; }
}

/* wrapper LI musí být relative (většinou už je) */
.vk_header-menu li.bricks-menu-item{ position: relative; }

/* neviditelný můstek pod parent linkem do dropdownu */
.vk_header-menu li.bricks-menu-item.menu-item-has-children::before{
  content:"";
  position:absolute;
  left:0; right:0;
  height:12px;                 /* výška můstku */
  top:100%;                    /* hned pod linkem */
  pointer-events:auto;
  background:transparent;
  z-index: 1;
}

/* ať dropdown neleze pod header ani se neořezává (pro sticky klon i originál) */
.vk_header-menu, .vk_header-menu .sub-menu{ overflow: visible; }
.vk_header-menu .sub-menu{ z-index: 10020; }

.vk_header-menu.brxe-nav-menu .bricks-nav-menu > li > .sub-menu {
	line-height: 24px;
}
.vk_header-menu.brxe-nav-menu .bricks-nav-menu > li > .sub-menu li a {
	padding-bottom: 0;
}
.vk_header-menu.brxe-nav-menu .bricks-nav-menu > li > .sub-menu li a:after,
.vk_header-menu.brxe-nav-menu .wpml-ls-item a:after {
	display: none;
}

/* HAMBURDER MENU */
.vk_hamburger-menu .vk_menu-btn a {
	color: var(--color-base) !important;
	border-color: var(--color-base) !important;
}
.vk_hamburger-menu.brxe-nav-menu .bricks-nav-menu > li > .sub-menu {
	margin-top: 24px;
}

.vk_offcanvas-content {
  max-height: 100vh;
  overflow-y: auto;
}
.vk_offcanvas-content::-webkit-scrollbar {
  width: 8px;
}
.vk_offcanvas-content::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
}
.vk_hamburger-menu.brxe-nav-menu .bricks-nav-menu > li.active > .sub-menu {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
#mobile-menu[data-direction] .brx-offcanvas-inner {
    align-content: center !important;
    align-items: flex-start !important;
    justify-content: start !important;
}
/* iOS tap highlight pryč */
.brx-offcanvas-inner .bricks-nav-menu a,
.brx-offcanvas-inner .bricks-nav-menu button {
  -webkit-tap-highlight-color: transparent;
}
/* zruš focus rámeček jen v mobilním (off-canvas) menu */
.brx-offcanvas-inner .bricks-nav-menu .menu-item > a:focus,
.brx-offcanvas-inner .bricks-nav-menu .menu-item > a:focus-visible,
.brx-offcanvas-inner .bricks-nav-menu .menu-item:focus-within > a {
  outline: none !important;
  box-shadow: none !important;     /* Bricks ho přidává – proto !important */
}
/* pro starší Safari bez :focus-visible – jen na dotykových zařízeních */
@media (hover: none) and (pointer: coarse) {
  .brx-offcanvas-inner .bricks-nav-menu .menu-item > a:focus {
    outline: none !important;
    box-shadow: none !important;
  }
}

/* SERVIS SECTION */
/* 1) FIX obrázek vpravo, defaultně neaktivní (neviditelný) */
.vk_img-proxy{
  position: fixed;                  
  top: calc(50% + 70px);
  right: max(16px, calc((100vw - var(--container-box)) / 2 + 30px));
  transform: translateY(-50%);
  width: min(45vw, 452px);
  aspect-ratio: 1 / 1;
  pointer-events: none;
  z-index: 3;

  /* mimo .vk_service-container je proxy vypnutý */
  visibility: hidden;
  opacity: 0;
  transition: opacity .25s ease, visibility 0s linear .25s;
}

/* když jsme uvnitř kontejneru – proxy zapni */
.vk_img-proxy.is-active{
  visibility: visible;
  opacity: 1;
  transition: opacity .25s ease, visibility 0s;
}

/* 2) Cross-fade: dvě vrstvy přes sebe */
.vk_img-proxy{
  display: grid;
  place-items: center;
}
.vk_img-proxy img{
  position: absolute;
  inset: 0;
  margin: auto;
  max-width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity .35s ease;
  will-change: opacity;
  filter: var(--img-filter, none);
}
.vk_img-proxy img.is-show{ opacity: 1; }

/* 3) Originály v layoutu schovej (kvůli duplicitě) */
.vk_service--item-img-box .vk_service--item-img{
  opacity: 0;
  visibility: hidden;
}

/* 4) Na mobilech proxy vypni, zobraz originály */
@media (max-width: 991px){
  .vk_img-proxy{ display: none; }
  .vk_service--item-img-box .vk_service--item-img{
    opacity: 1;
    visibility: visible;
  }
}

/* ---------------------------------------- */

.vk_service--item {
	position: relative;
}
.vk_service--item::after {
	content: "";
	background: #334FDF;
	width: 86px;
	height: 1px;
	position: absolute;
	bottom: -60px;
	left: 0;
	opacity: .3;
}
.vk_service--item:last-child::after {
	display: none;
}

.vk_service-section {
	position: relative;
}
.vk_service-section::before {
	content: "";
	width: 203px;
	height: 303px;
	background: url("/wp-content/uploads/2025/09/hexagon-left.png");
	background-position: center;
	background-size: contain;
	position: absolute;
	top: 80px;
	left: 0;
}
.vk_service-section::after {
	content: "";
	width: 203px;
	height: 303px;
	background: url("/wp-content/uploads/2025/09/hexagon-right.png");
	background-position: center;
	background-size: contain;
	position: absolute;
	top: 200px;
	right: 0;
}

/* COUNTER SECTION */
.vk_counter-section {
	gap: 80px !important;
}

/* DEMAND SECTION */
.vk_demand-container,
.vk_demand-container-2,
.vk_demand-container-3 {
    display: flex !important;
    flex-wrap: wrap;
	row-gap: 60px;
	column-gap: 24px;
    flex-direction: row;
    justify-content: center;
	overflow-x: auto;     /* povolíme horizontální scroll */
	overflow-y: hidden;   /* zakážeme vertikální scroll */
	-webkit-overflow-scrolling: touch; /* plynulé scrollování na iOS */
	white-space: nowrap;  /* zajistí, že se děti lámou jen do řádku */
	padding-right: 16px;
	justify-content: center;
}
.vk_demand-container::-webkit-scrollbar,
.vk_demand-container-2::-webkit-scrollbar,
.vk_demand-container-3::-webkit-scrollbar {
	display: none;
}

/* CARD SECTION */
.vk_card--item {
	transition: var(--transition-default);
}
.vk_card--item:hover {
	background-color: var(--color-secondary) !important;
	box-shadow: 0px 10px 24px 0px #1F37B152;
}
.vk_card--item:hover .vk_card--item-title,
.vk_card--item:hover .vk_card--item-text,
.vk_card--item:hover .vk_card--item-btn {
	color: var(--color-base);
}
.vk_card--item:hover .vk_card--item-btn svg path {
	fill: var(--color-base);
}

/* TESTIMONIAL SECTION */
.vk_testimonial--item-box::before {
	content: "";
	background: url("/wp-content/uploads/2025/09/icon-quotes.svg");
	width: 44px;
	height: 35px;
	position: absolute;
	top: -24px;
	right: 0;
}

/* BLOG SECTION */
.vk_blog-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.vk_blog-btn span {
  display: inline-block;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.vk_blog-btn:hover span {
  transform: translateX(-4px);
}
.vk_blog-btn svg {
  display: block; 
  transform: translateY(1px);
}
.vk_blog--item-title {
	transition: var(--transition-default);
}
.vk_blog--item:hover .vk_blog--item-title {
	color: #334fdf;
}
.vk_blog--item-img-figure {
  overflow: hidden;
}
.vk_blog--item-img {
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1.05);
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform;
}
.vk_blog--item:hover .vk_blog--item-img {
  transform: scale(1);
}

/* SIGNPOST */
.vk_signpost--item {
	transition: var(--transition-default);
}
.vk_signpost--item:hover {
	background-color: var(--color-secondary) !important;
	box-shadow: 0px 10px 24px 0px #1F37B152;
}
.vk_signpost--item:hover .vk_signpost--item-title {
	color: var(--color-base);
}

/* WP */
.wp-singular h3.wp-block-heading strong {
	font-weight: 600;
}

/* FOOTER */
.vk_footer-menu-2.brxe-nav-menu .bricks-nav-menu > li:last-child > a {
  border: none;
}
.vk_footer-menu.brxe-nav-menu .bricks-nav-menu > li > a {
	display: flex;
	align-items: center;
	gap: 4px;
}
.vk_footer-menu.brxe-nav-menu .bricks-nav-menu > li > a:after {
	content: "";
	background: url("https://leite.cz/wp-content/uploads/2025/09/icon-arrow-right-white.svg");
	width: 20px;
	height: 20px;
}
.vk_footer-menu.brxe-nav-menu .bricks-nav-menu > li > a:hover,
.vk_footer-menu-2.brxe-nav-menu .bricks-nav-menu > li > a:hover {
	opacity: .7;
}

/* RESPONSIVE */
@media (min-width: 1920px) {
	.vk_welcome-img.brxe-image {
		left: 48vw !important;
	}
}

@media screen and (max-width: 1200px) {
	.vk_service-section::after,
	.vk_service-section::before {
		display: none;
	}
}


@media screen and (max-width: 992px) {

	/* STICKY HEADER	 */
	#brx-header.brx-sticky.scrolling > .brxe-section {
		background-color: #ffffff !important;
	}

	#brx-header-clone .vk_header,
	header#brx-header-clone.is-active .vk_header,
	#brx-header-clone {
		display: none !important;
	}

	#brx-header-clone {
		display: none !important;
	}
/* 	#brx-header.brx-sticky.scrolling:not(.slide-up) > .brxe-section {
		box-shadow: unset !important;
	} */
	#brx-header.brx-sticky.on-scroll {
		position: sticky !important;
	}

}

@media screen and (max-width: 550px) {
	.vk_demand-container,
	.vk_demand-container-2,
	.vk_demand-container-3 {
		display: grid !important;
		grid-gap: 24px 24px !important;
		justify-content: space-between !important;
	}
	.vk_demand-container-3 {
		grid-template-columns: repeat(4,1fr) !important;
	}
}

@media screen and (max-width: 480px) {

	/* 	HEADER */
	header.is-active .vk_header-logo.brxe-logo .bricks-site-logo {
		height: 50px;
		width: 50px;
	}

	/* 	SECTION DIVIDER */
	.vk_section--divider-bottom-right::after,
	.vk_section--divider-bottom-left::after,
	.vk_section--divider-top-left::before,
	.vk_section--divider-top-right::before {
		height: 15px;
	}

	/* 	FLUENT FORM */
	.fluentform .ff-el-group {
		margin-bottom: 27px !important; 
	}
	
	/* 	SERVICE SECTION */
	.vk_service-section .vk_button-box {
		align-items: center !important;
	}

	/* WORDPRESS GUTTENBERG */
	.vk_post-block h2 {
		font-size: 28px;
		margin: 60px 0 30px;
	}
	.vk_post-block h3 {
		font-size: 24px;
		margin: 40px 0 24px;
	}
	.vk_post-block h4 {
		font-size: 20px;
		margin: 30px 0 18px;
	}
	.single-post ul.wp-block-list {
		padding-left: 20px;
	}

	/* COUNTER SECTION */
	.vk_counter-section {
		gap: 60px !important;
	}

	/* DIVIDER */
	.vk_footer::before {
		height:15px;
	}

}