/*
Theme Name: Lugi.cz
Theme URI: https://bricksbuilder.io/
Description: Use this child theme to extend Bricks.
Author: Vaclav Pospisil
Author URI: https://idealab.cz/
Template: bricks
Version: 1.41
Updated: 2025-12-12 09:59:00
Text Domain: bricks
*/

body {overflow: unset !important;}

@media screen and (max-width:1200px) {
	.hp-profici {margin-left: 0 !important;}
}
@media screen and (max-width:1100px) {
	.sec_title.brxe-container {width: calc(100% - 100px) !important;}
	.hp-profici>div:nth-child(1) {margin-left: 150px !important;width: auto;}
	.hp-profici>div:nth-child(2) {width: auto;}
}

/* Odkazy v textu */
/*.brxe-text a {font-weight: 500;}*/
.brxe-text a:hover, .txt-o-a a:hover, .txt-o-a:hover {text-decoration: underline;}

/* Ico soc foo */
.foo-soc-ico2 path {stroke: #fff;transition: all 0.2s;}
.foo-soc-ico2:hover path:nth-child(1) {stroke: #8c8c8c !important;}
.foo-soc-ico2:hover path:nth-child(n+2):nth-child(-n+3) {stroke: #8c8c8c !important;fill: #8c8c8c !important;}

/* HP hero */
.animation-container {position: relative;width: calc(100% - 100px);height: auto;top: 100px;left: 100px;}
.subtitle-obal {position: relative;}
.slide {position: absolute;left: 0; top: 0;width: calc(100% - 100px);opacity: 0;pointer-events: none;transition: all 0.5s ease;transform: translateY(30px);transition: opacity 0.6s ease, transform 0.6s ease;}
.slide.visible {opacity: 1;pointer-events: auto;position: absolute;transform: translateY(0);}
.main-title, .subtitle {color: #fff;text-shadow: 0.5px 0.5px 0 #8c8c8c;line-height: 120%;text-align: left;}
.main-title {font-size: 130px;font-weight: 500;margin: 0 0 0.5em 0;}
.subtitle {position: absolute;top: 0;left: 0;width:calc(100% - 100px);font-size: 50px;font-weight: 400;opacity: 0;transform: translateY(30px); transition: all 0.5s ease;transition: opacity 0.6s ease, transform 0.6s ease;}
.subtitle.visible {opacity: 1;transform: translateY(0);}
/* Font fail hack */
.title-1 {margin-left: -5px;}
/* Skrytí nahoru */
.slide.hide-up, .subtitle.hide-up {transform: translateY(-30px) !important;opacity: 0 !important;}

/* Responzivni redirna */
@media screen and (min-width:2200px) {
    .main-title {font-size: 160px;}
}
@media screen and (max-width:1400px) {
    .main-title {font-size: 100px;}
    .subtitle {font-size: 50px;}
}
@media screen and (max-width:1101px) {
	.title-1 {margin-left: 0;}
    .main-title {font-size: 70px;}
    .subtitle {font-size: 35px;}
}
@media screen and (max-width:769px) {
	.animation-container {width: calc(100% - 50px);top: 50px;left: 50px;}
	.slide {width: calc(100% - 50px);}
	.subtitle {font-size: 30px;width: calc(100% - 50px);}
	.hp-hero-cnt {display: flex;flex-direction: column;flex-wrap: nowrap;}
	.hp-hero-cod {width: calc(100% - 100px) !important;}
}
@media screen and (max-width:550px) {
	.animation-container {width: calc(100% - 32px);left: 32px;}
	.hp-hero-cod {width: calc(100% - 40px) !important;}
	.main-title {font-size: 55px;}
    .subtitle {font-size: 30px;}
}
@media screen and (max-width:380px) {
    .main-title {font-size: 50px;}
    .subtitle {font-size: 25px;}
}
@media (min-width:600px) and (max-height: 880px) {
	.animation-container {width: calc(100% - 20px);top: 50px;left: 20px;}
	.slide {width: calc(100% - 20px);}
	.main-title {font-size: 80px;}
	.subtitle {display: none;}
}
@media (min-width:600px) and (max-height: 530px) {
	.animation-container {width: calc(100% - 20px);top: 20px;left: 20px;}
	.main-title {font-size: 60px;}
}

/* HP Carousel projekty */
.car_projekty .overlay-inner {width: 100%;height:100%;}
.car_projekty .overlay-inner .dynamic {width: 100%;height:100%;}
.car_projekty .overlay-inner .dynamic a {width: 100%;height:100%;display: flex;justify-content: center;align-items: center;}

/* HP Carousel Tym */
.swiper-hp-tym .overlay-wrapper {height: 100% !important;}
.swiper-hp-tym .overlay-inner, .swiper-hp-tym .overlay-inner .dynamic {width:100%;height: 100%;}
.swiper-hp-tym .overlay-inner .dynamic {display:flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;}
.swiper-hp-tym .overlay-inner .dynamic div {padding: 50px;}
.swiper-hp-tym .overlay-inner .dynamic h3 {color: #fff;margin-bottom: 30px;}
.swiper-hp-tym .repeater-item:hover img {filter: grayscale(1);}
@media screen and (max-width:550px) {
	.swiper-hp-tym .overlay-inner .dynamic div {padding: 10px;width: 100%;}
	.swiper-hp-tym .overlay-inner .dynamic h3 {font-size: 24px;text-wrap:auto;line-height:120%;}
	.swiper-hp-tym .overlay-inner .dynamic p {font-size: 16px;word-break: break-word;}
	.swiper-hp-tym .overlay-inner .dynamic a {font-size: 14px;word-break: break-word;}
}

/* Arch slider */
.arch-sli-text, .arch-sli-d-text {visibility: hidden;opacity: 0;transition: opacity .5s ease, visibility 0s linear .5s;}
.arch-sli-img {min-width: 100%;}
.arch-sli-img img {transition: filter .4s ease;}
.arch-sli-h3 a {transition: font-weight .2s ease, font-style .2s ease;}
.arch-sli-hover:hover ~ .arch-sli-text, .arch-sli-hover:hover ~ .arch-sli-d-text, .arch-sli-d-text:hover {visibility: visible;opacity: 1;transition: opacity .5s ease, visibility 0s;}
.arch-sli-hover:hover .arch-sli-img img {filter: saturate(100%);}
.arch-sli-hover:hover .arch-sli-h3 {font-style: italic;font-weight: 400;}
.txt-af-arch {transition: opacity .5s ease;}
.splide__arrow {top: 12vw;}
.splide__arrow svg path {fill:#fff;}
.txt-af-arch a {z-index: 9; position: relative;}
/* pokus o has() */
@supports selector(:has(*)) {
	.brxe-container:has(.arch-sli-hover:hover) ~ .brxe-container.txt-af-arch {opacity: 0;}
}
/* Slider fail hack */
@media screen and (min-width:2400px) {
	.splide__slide {min-height: 750px;}
	.splide__slide .arch-sli-img {max-width: 500px;max-height:500px;text-align: center;}
	#brxe-ilgrxp .splide__slide {height: 750px !important;}
}
@media screen and (max-width:2400px) {
	#brxe-ilgrxp .splide__slide {height: 750px !important;}
}
/* O nas */
@media screen and (max-width:1480px) {
	.hp-onas {background-position: 0 -50vw !important;}
}
/* Mapa */
.leaflet-tile {filter: grayscale(100%) brightness(0.7) contrast(2.7) !important;}

/* Projekty */
.archive-grid {display: grid; gap: 10px;
	grid-template-columns: repeat(3, 1fr); /* 3 sloupce */
	grid-auto-rows: 500px; /* zakl vyska jedne bunky */
}
@media screen and (min-width:2600px) {
	.archive-grid {grid-auto-rows: 650px;}
}
@media screen and (max-width:1610px) {
	.archive-grid {grid-auto-rows: 350px;}
}
@media screen and (max-width:1480px) {
	.archive-grid {grid-auto-rows: 250px;}
}
@media screen and (max-width:550px) {
	.gal-metro {grid-template-columns: 1fr 1fr;}
}
/* Polozky 1-8 a dal opakovacka podle vzoru 1-8 */
.archive-grid > a:nth-child(8n + 1) {grid-column: span 1;grid-row: span 2;}
.archive-grid > a:nth-child(8n + 2) {grid-column: span 2;grid-row: span 2;}
.archive-grid > a:nth-child(8n + 3) {grid-column: span 1;grid-row: span 2;}
.archive-grid > a:nth-child(8n + 4) {grid-column: span 1;grid-row: span 1;}
.archive-grid > a:nth-child(8n + 5) {grid-column: span 1;grid-row: span 2;}
.archive-grid > a:nth-child(8n + 6) {grid-column: span 1;grid-row: span 2;}
.archive-grid > a:nth-child(8n + 7) {grid-column: span 1;grid-row: span 1;}
.archive-grid > a:nth-child(8n + 8) {grid-column: span 1;grid-row: span 1;}
/* Hover */
.archive-grid > a h3 {display: flex;align-items: flex-end;padding: 50px;color: #fff;height: 100%;opacity: 0;transition: opacity .5s ease;}
.archive-grid > a:hover h3 {opacity: 1;background-color: #00000069;}
@media screen and (max-width:767px) {
	.archive-grid > a h3 {display: none;}
}

/* Projekty grid var 2 */
.archive-grid2 h3, .archive-grid2 a, .archive-grid2 .overlay-inner {width: 100%;height:100%;}
.archive-grid2 a {display:flex;flex-direction: column;align-items: stretch;height: 100%;justify-content: flex-end;padding: 30px;}

/* Taxonomy - projekt filtr */
.tax-filter {list-style: none;padding: 0;margin: 0 0 30px;display: flex;gap: 40px 15px;flex-wrap: wrap;}
.tax-filter li {margin: 0;}
.tax-filter a {text-decoration: none;padding: 12px 20px;border-radius: 4px;border: solid 2px #fff;color: #000;border-radius: 50px;transition: background 0.2s ease, border 0.2s ease;}
.tax-filter a:hover {border: solid 2px #ddd;}
.tax-filter a.active {background: #fff;color: #000;border: solid 2px #000;}
.tax-filter a.active:hover {background: #000;color: #fff;}
@media screen and (max-width:767px) {
	.tax-filter {justify-content: center;}
}

/* Galerie metro */
.gal-metro img {width: 100%;object-fit: cover;}
/* Hover + ico pro Bricks galerii */
/* Wrapper pro odkaz v galerii */
.brxe-image-gallery .bricks-layout-item a {position: relative;display: block;overflow: hidden;}
.brxe-image-gallery .bricks-layout-item a img {transition: all 0.3s ease;display: block;width: 100%;height: auto;}

/* Overlay wp gal a brx gal */
.gallery .gallery-item {position:relative;}
.gallery .gallery-item a::before, .gallery .gallery-item a::after {margin: 0 10px 20px;}
.brxe-image-gallery .bricks-layout-item a::before, .gallery .gallery-item a::before {content: "";position: absolute;inset: 0;background: rgba(0,0,0,0.4);opacity: 0;transition: opacity 0.3s ease;z-index: 1;}
/* Ikona */
.brxe-image-gallery .bricks-layout-item a::after, .gallery .gallery-item a::after {
  content: url("data:image/svg+xml;utf8,<svg width='56' height='55' viewBox='0 0 56 55' fill='none' xmlns='http://www.w3.org/2000/svg'><line y1='-1' x2='55.5379' y2='-1' transform='matrix(-0.999946 -0.0103618 0.0111651 -0.999938 55.897 26.3892)' stroke='white' stroke-width='2'/><line y1='-1' x2='53.5026' y2='-1' transform='matrix(0.0111651 -0.999938 0.999946 0.0103618 29.1934 54.1929)' stroke='white' stroke-width='2'/></svg>");
  position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0.8);opacity: 0;transition: all 0.3s ease;z-index: 2;pointer-events: none;}
/* Hover overlay + ikona */
.brxe-image-gallery .bricks-layout-item a:hover::before, .gallery .gallery-item a:hover::before {opacity: 1;}
.brxe-image-gallery .bricks-layout-item a:hover::after, .gallery .gallery-item a:hover::after {opacity: 1;transform: translate(-50%, -50%) scale(1);}
/* Doladeni galerie */
.brxe-image-gallery :where(figure) {margin: 0 0 0em;}

/* Popup Menu */
.pop-menu-h3 a {white-space: nowrap;}
.pop-menu-h3 a::after {
	content: url("data:image/svg+xml;utf8,<svg width='85' height='36' viewBox='0 0 85 36' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.744161 17.6453L82.702 17.6453' stroke='white' stroke-width='2.12979'/><path d='M83.2664 18.4846L66.3569 1.57495' stroke='white' stroke-width='2.12979'/><path d='M83.2665 17.4851L66.3569 34.3946' stroke='white' stroke-width='2.12979'/></svg>");
	padding: 0 0 0 30px; opacity: 0;transition: all 0.5s ease;
}
.pop-menu-h3:hover a::after {opacity: 1;transform: translate(-50%, -50%) scale(1);}
@media screen and (max-width:769px) {
	.pop-menu-h3 a::after {display: none;}
}

/* kariera */
#slid-kariera-pribehy  svg path {fill:#000;}
/* skryvacka */
.pozice-detail {opacity: 0;transform: scale(0);transform-origin: top left;transition: opacity 0.3s ease, transform 0.3s ease;z-index: 1;}
.pozice-detail-ico {z-index: 2;cursor:pointer;}
.pozice-detail-ico:hover ~ .pozice-detail, .pozice-detail:hover {opacity: 1 !important;transform: scale(1);transition-delay: 0s;}
.pozice-detail {transition-delay: 0.5s;}
@media screen and (max-width:1024px) {
	.pozice-detail {max-width: 300px !important;}
}
@media screen and (max-width:769px) {
	.pozice-detail {opacity: 1;transform: scale(1);}
	.pozice-detail {max-width: 460px !important;}
}
@media screen and (max-width:550px) {
	.pozice-detail {max-width: 100% !important;}
}

/* Blog */
.blog-posts .bricks-layout-inner .content-wrapper {display: flex;justify-content: space-between;}
.arrow-link {display: inline-flex;align-items: center;gap: 15px;text-decoration: none;font-weight: 600;color: #000;}
.arrow-wrap {position: relative;display: inline-block;width: 60px;height: 16px;}
.arrow {position: absolute;top: 0;left: 0;width: auto;height: 20px;transition: opacity 0.3s ease, transform 0.3s ease;}
.short {opacity: 1;transform: scaleX(1);z-index: 2;}
.long {opacity: 0;transform: scaleX(0.9);z-index: 1;}
.arrow-link:hover {font-weight:400;font-style:italic;}
.arrow-link:hover .short {opacity: 0;transform: scaleX(1.1);}
.arrow-link:hover .long {opacity: 1;transform: scaleX(1);}
/* Detail */
.brxe-post-content iframe {width: 100%;height: auto;aspect-ratio: 16 / 9;}

/*Posts wp standard gallery*/
.gallery {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.gallery-columns-2 .gallery-item {width: 49%;}
.gallery-columns-3 .gallery-item {width: 32%;}
.gallery-columns-4 .gallery-item {width: 24%;}
.gallery-columns-5 .gallery-item {width: 19%;}
.gallery-columns-6 .gallery-item {width: 15%;}
.gallery .gallery-item .gallery-caption {}
@media screen and (max-width:600px) {
.gallery .gallery-item {width: 100%;text-align: center;}
}

/* News form SM */
.sm-form-news ul {margin: 0;padding: 0;}
.sm-form-news ul li {list-style-type: none;margin: 0;padding: 0.5em 0;}
.sm-form-news label {display: none;padding: 5px 0;margin: 0;}
.sm-form-news .required {color: #ff5c5c;padding-left: 10px;font-size: 25px;}
.sm-form-news input {color: #000;border: 2px solid #ccc;border-radius: 50px;padding: 15px 25px;width: 100%;max-width: 350px;line-height: 100%;}
.sm-form-news span {font-size: 12px;font-weight: 400;}
.sm-form-news input[type=submit] {cursor: pointer;max-width: fit-content;font-weight: 500;padding: 1em 2em;transition: background-color 300ms ease-out;background-color: #fff;color: #000;border: solid 2px #000;border-radius: 50px;margin-top: 1em;}
.sm-form-news input[type=submit]:hover {background-color: #000;color: #fff;}