.elementor-270 .elementor-element.elementor-element-6530794{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:80px;--margin-bottom:120px;--margin-left:0px;--margin-right:0px;}.elementor-270 .elementor-element.elementor-element-ddcdb2c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-270 .elementor-element.elementor-element-7bb296f .elementor-heading-title{font-family:"Helvetica Neue", Sans-serif;font-size:72px;font-weight:300;text-transform:uppercase;line-height:86px;color:var( --e-global-color-4d724f8 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-270 .elementor-element.elementor-element-664f0f1{width:var( --container-widget-width, 43% );max-width:43%;--container-widget-width:43%;--container-widget-flex-grow:0;text-align:right;font-family:"Helvetica Neue", Sans-serif;font-size:33px;font-weight:300;line-height:46px;color:var( --e-global-color-c0e8ba2 );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-270 .elementor-element.elementor-element-ebb67f3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-270 .elementor-element.elementor-element-a377ae8{--grid-columns:1;--auto-scroll-offset:0px;}.elementor-270 .elementor-element.elementor-element-a377ae8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-270 .elementor-element.elementor-element-a377ae8 .elementor-pagination{text-align:center;font-family:var( --e-global-typography-514c983-font-family ), Sans-serif;margin-top:10px;}.elementor-270 .elementor-element.elementor-element-a377ae8 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-c0e8ba2 );}.elementor-270 .elementor-element.elementor-element-a377ae8 .elementor-pagination .page-numbers.current{color:var( --e-global-color-4d724f8 );}body:not(.rtl) .elementor-270 .elementor-element.elementor-element-a377ae8 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-270 .elementor-element.elementor-element-a377ae8 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-270 .elementor-element.elementor-element-a377ae8 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-270 .elementor-element.elementor-element-a377ae8 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-270 .elementor-element.elementor-element-57b20d2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-270 .elementor-element.elementor-element-2cff658{--grid-columns:1;--auto-scroll-offset:0px;}.elementor-270 .elementor-element.elementor-element-2cff658 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-270 .elementor-element.elementor-element-2cff658 .elementor-pagination{text-align:center;font-family:var( --e-global-typography-514c983-font-family ), Sans-serif;margin-top:10px;}.elementor-270 .elementor-element.elementor-element-2cff658 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-c0e8ba2 );}.elementor-270 .elementor-element.elementor-element-2cff658 .elementor-pagination .page-numbers.current{color:var( --e-global-color-4d724f8 );}body:not(.rtl) .elementor-270 .elementor-element.elementor-element-2cff658 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-270 .elementor-element.elementor-element-2cff658 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-270 .elementor-element.elementor-element-2cff658 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-270 .elementor-element.elementor-element-2cff658 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-270 .elementor-element.elementor-element-4f6a0e0{--display:flex;}.elementor-270 .elementor-element.elementor-element-aa62fad{--grid-columns:1;--auto-scroll-offset:0px;}.elementor-270 .elementor-element.elementor-element-aa62fad > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-270 .elementor-element.elementor-element-aa62fad .elementor-pagination{text-align:center;font-family:var( --e-global-typography-514c983-font-family ), Sans-serif;margin-top:10px;}.elementor-270 .elementor-element.elementor-element-aa62fad .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-c0e8ba2 );}.elementor-270 .elementor-element.elementor-element-aa62fad .elementor-pagination .page-numbers.current{color:var( --e-global-color-4d724f8 );}body:not(.rtl) .elementor-270 .elementor-element.elementor-element-aa62fad .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-270 .elementor-element.elementor-element-aa62fad .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-270 .elementor-element.elementor-element-aa62fad .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-270 .elementor-element.elementor-element-aa62fad .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-270 .elementor-element.elementor-element-08e25d7{--display:flex;}.elementor-270 .elementor-element.elementor-element-8810086{--grid-columns:1;--auto-scroll-offset:0px;}.elementor-270 .elementor-element.elementor-element-8810086 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-270 .elementor-element.elementor-element-8810086 .elementor-pagination{text-align:center;font-family:var( --e-global-typography-514c983-font-family ), Sans-serif;margin-top:10px;}.elementor-270 .elementor-element.elementor-element-8810086 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-c0e8ba2 );}.elementor-270 .elementor-element.elementor-element-8810086 .elementor-pagination .page-numbers.current{color:var( --e-global-color-4d724f8 );}body:not(.rtl) .elementor-270 .elementor-element.elementor-element-8810086 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-270 .elementor-element.elementor-element-8810086 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-270 .elementor-element.elementor-element-8810086 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-270 .elementor-element.elementor-element-8810086 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-270 .elementor-element.elementor-element-0a22a42{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:20px;--n-tabs-gap:80px;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;--n-tabs-title-font-size:40px;--n-tabs-title-color:var( --e-global-color-4d724f8 );--n-tabs-title-color-active:var( --e-global-color-4d724f8 );--n-tabs-icon-size:0px;--n-tabs-icon-gap:0px;}.elementor-270 .elementor-element.elementor-element-0a22a42 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF00;}.elementor-270 .elementor-element.elementor-element-0a22a42.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF00;}.elementor-270 .elementor-element.elementor-element-0a22a42.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-270 .elementor-element.elementor-element-0a22a42.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF00;}.elementor-270 .elementor-element.elementor-element-0a22a42 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-270 .elementor-element.elementor-element-0a22a42.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Helvetica Neue", Sans-serif;font-weight:300;}.elementor-270 .elementor-element.elementor-element-0a22a42 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-4d724f8 );}:where( .elementor-270 .elementor-element.elementor-element-0a22a42.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-270 .elementor-element.elementor-element-ea26f84{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-270 .elementor-element.elementor-element-caf26ff{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}@media(max-width:1024px){.elementor-270 .elementor-element.elementor-element-a377ae8{--grid-columns:2;}.elementor-270 .elementor-element.elementor-element-2cff658{--grid-columns:2;}.elementor-270 .elementor-element.elementor-element-aa62fad{--grid-columns:2;}.elementor-270 .elementor-element.elementor-element-8810086{--grid-columns:2;}}@media(min-width:768px){.elementor-270 .elementor-element.elementor-element-6530794{--content-width:1320px;}}@media(max-width:767px){.elementor-270 .elementor-element.elementor-element-ddcdb2c{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-270 .elementor-element.elementor-element-7bb296f{text-align:center;}.elementor-270 .elementor-element.elementor-element-7bb296f .elementor-heading-title{font-size:38px;line-height:40px;}.elementor-270 .elementor-element.elementor-element-664f0f1{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;font-size:25px;line-height:25px;}.elementor-270 .elementor-element.elementor-element-a377ae8{--grid-columns:1;}.elementor-270 .elementor-element.elementor-element-2cff658{--grid-columns:1;}.elementor-270 .elementor-element.elementor-element-aa62fad{--grid-columns:1;}.elementor-270 .elementor-element.elementor-element-8810086{--grid-columns:1;}.elementor-270 .elementor-element.elementor-element-0a22a42{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-gap:20px;--n-tabs-gap:40px;--n-tabs-title-font-size:25px;}.elementor-270 .elementor-element.elementor-element-ea26f84{--width:100%;}}/* Start custom CSS for nested-tabs, class: .elementor-element-0a22a42 */.elementor-270 .elementor-element.elementor-element-0a22a42 .e-n-tab-title-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: start;
    gap:10px;
}

.elementor-270 .elementor-element.elementor-element-0a22a42 .e-n-tab-title-text img{
    width: 315px;
    height: 230px;
    object-fit: cover;
}

@media only screen and (max-width: 600px) {
    .elementor-270 .elementor-element.elementor-element-0a22a42 .e-n-tab-title-text img{
    max-width: 250px;
    height: 150px;
    object-fit: cover;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-caf26ff */.parent {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 16px;
}

.parent img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.parent div {
    position: relative;
    overflow: hidden;
}

.parent div img {
    transition: transform 0.3s ease-in-out;
}

.parent div:hover img {
    transform: scale(1.05); /* Optional: Pokud chceš efekt přiblížení */
}



.parent div:hover::after {
    opacity: 1;
}

.parent div .post-title {
    position: absolute;
    bottom: 16px;
    left: 16px;
    color: white;
    font-size: 18px;
    font-weight: bold;
    z-index: 1;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.parent div:hover .post-title {
    opacity: 1;
    transform: translateY(0);
}



.parent div:hover .icon {
    opacity: 1;
    transform: translateY(0);
}

.parent a {
    display: block;
    position: relative;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
}

.parent a:hover {
    cursor: pointer;
}

.parent a img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease-in-out;
}

.parent a:hover img {
    transform: scale(1.05);
}

.parent a::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.63) 63%, rgba(0, 0, 0, 1) 100%);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.parent a:hover::after {
    opacity: 1;
}

.parent a .post-title {
    position: absolute;
    bottom: 16px;
    left: 16px;
    font-family: Helvetica Neue;
    font-weight: 300;
    font-size: 40px;
    color: #FFFFFF;
    z-index: 1;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.parent a:hover .post-title {
    opacity: 1;
    transform: translateY(0);
}

.parent a .icon {
    position: absolute;
    bottom: 35px;
    right: 16px;
    z-index: 1;
    width: 22px;
    height: 22px;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.parent a:hover .icon {
    opacity: 1;
    transform: translateY(0);
}


.div1 { grid-column: span 2 / span 2; grid-row: span 2 / span 2; height: 652px; width: 652px; }
.div2 { grid-column: span 2 / span 2; grid-column-start: 3; height: 318px; width: 652px; }
.div3 { grid-column-start: 3; grid-row-start: 2; height: 318px; width: 318px; }
.div4 { grid-column-start: 4; grid-row-start: 2; height: 318px; width: 318px; }
.div5 { grid-column: span 2 / span 2; grid-row-start: 3; height: 318px; width: 652px; }
.div6 { grid-column-start: 3; grid-row-start: 3; height: 318px; width: 318px; }
.div7 { grid-row: span 2 / span 2; grid-column-start: 4; grid-row-start: 3; height: 652px; width: 318px; }
.div8 { grid-row-start: 4; height: 318px; width: 318px; }
.div9 { grid-column: span 2 / span 2; grid-row-start: 4; height: 318px; width: 652px; }

/* Responzivní CSS pro mobilní zařízení */
@media (max-width: 768px) {
    .parent {
        grid-template-columns: repeat(1, 1fr); /* Jednosloupcový layout */
        grid-auto-rows: 318px; /* Nastavíme pevnou výšku 318px */
    }

    .parent a {
        width: 100%; /* Zajistíme plnou šířku */
        height: 318px; /* Pevná výška */
    }

    .parent a img {
        height: 100%; /* Zajistíme, že obrázky pokryjí celý prostor */
    }

    .div1, .div2, .div3, .div4, .div5, .div6, .div7, .div8, .div9 {
        grid-column: span 1 / span 1; /* Vše v jednom sloupci */
        grid-row: auto; /* Automatické řazení */
        width: 100%; /* Maximální šířka */
        height: 318px; /* Pevná výška */
    }
}

/* Responzivní CSS pro tablety */
@media (min-width: 768px) and (max-width: 1024px) {
    .parent {
        grid-template-columns: repeat(2, 1fr); /* Dva sloupce */
        gap: 16px; /* Mezera mezi prvky */
    }

    .parent a {
        width: 100%; /* Zajistíme plnou šířku prvků */
        height: 350px; /* Nastavíme pevnou výšku */
    }

    .parent a img {
        height: 100%; /* Obrázky pokryjí celý prostor prvku */
    }

    .div1, .div2, .div3, .div4, .div5, .div6, .div7, .div8, .div9 {
        grid-column: span 1 / span 1; /* Každý prvek zabírá jeden sloupec */
        width: 100%; /* Maximální šířka */
        height: 350px; /* Nastavení pevné výšky */
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Helvetica Neue';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.prochazkaglass.com/wp-content/uploads/2025/01/HelveticaNeueLight.ttf') format('truetype');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.prochazkaglass.com/wp-content/uploads/2025/01/HelveticaNeueRoman.ttf') format('truetype');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.prochazkaglass.com/wp-content/uploads/2025/01/HelveticaNeueMedium.ttf') format('truetype');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.prochazkaglass.com/wp-content/uploads/2025/01/HelveticaNeueBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */