/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Lukáš Tisoň
 Author URI:     lukastison.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */



/**
* @license
*
* Font Family: Sentient
* Designed by: Noopur Choksi
* URL: https://www.fontshare.com/fonts/sentient
* © 2025 Indian Type Foundry
*
* Sentient Extralight 
* Sentient ExtralightItalic 
* Sentient Light 
* Sentient LightItalic 
* Sentient Regular 
* Sentient Italic 
* Sentient Medium 
* Sentient MediumItalic 
* Sentient Bold 
* Sentient BoldItalic 
* Sentient Variable (Variable font)
* Sentient VariableItalic (Variable font)

*
*/

@font-face {
  font-family: 'Sentient-Variable';
  src: url('fonts/Sentient-Variable.woff2') format('woff2'),
       url('fonts/Sentient-Variable.woff') format('woff'),
       url('fonts/Sentient-Variable.ttf') format('truetype');
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Sentient-VariableItalic';
  src: url('fonts/Sentient-VariableItalic.woff2') format('woff2'),
       url('fonts/Sentient-VariableItalic.woff') format('woff'),
       url('fonts/Sentient-VariableItalic.ttf') format('truetype');
  font-weight: 200 700;
  font-display: swap;
  font-style: italic;
}


/* GENERAL */



:root {
	--black: #000A09;

    --cyan-100: #FBFFFF;
    --cyan-200: #ECFCFA;
    --cyan-300: #9FEFE7;
    --cyan-400: #40E0D0;
    --cyan-500: #207068;
    --cyan-600: #0A3C37;
    --cyan-700: #072522;
    --cyan: var(--cyan-400);
    

    --gray: #5B6F6D;

    --light: #EBEBEB;
    --lighter: #FAFAFA;
    --lightest: #FDFDFD;
    --white: #fff;

    --sentient: 'Sentient-Variable', Georgia, Times New Roman, sans-serif !important;
    --sentient-italic: 'Sentient-VariableItalic', Georgia, Times New Roman, sans-serif !important;

    --noise-bg: url(https://verticalself.cz/wp-content/uploads/noise-bg-250.png);

    --bs-large: 0 40px 32px -40px rgb(10 60 55 / 16%);

    --wp-admin--admin-bar--height: 0px;

    --logo-width: 182px;
    --logo-height: 48px;
}

/* @media (max-width: 980px) {
    :root {
        --logo-width: 111px;
        --logo-height: 40px;
    }
} */

@media (max-width: 767px) {
    :root {
        --logo-width: 129px;
        --logo-height: 36px;
    }
}

body.admin-bar {
    --wp-admin--admin-bar--height: 32px;
}
    
::selection {
  color: var(--light);
  background-color: rgba(7, 37, 34, 0.5);
}


#et-main-area {
    overflow: hidden;
}

.fixed-position {
    overflow: hidden !important;
}


.noise-bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block !important;
    top: 0;
    left: 0;
    background: var(--noise-bg) center/125px repeat;
    z-index: 0;
    pointer-events: none;
}

.sctn-hero.noise-bg::before {
    opacity: .5;
}


@media (max-width: 980px) {
    .col-switch {
        display: flex;
        flex-flow: column;
        gap: 2rem;
    }

    .col-switch .et_pb_column {
        margin-bottom: 0 !important;
    }

    .col-switch .et_pb_column:last-child {
        order: 1;
    }

    .col-switch .et_pb_column:first-child {
        order: 2;
    }

    .col-switch::after {
        display: none;
    }
}

@media (max-width: 767px) {
    .col-switch {
        gap: 1.5rem;
    }
}


/* TEXT */
body:not(.et-fb) {
    h1, h2, h3, h4, h5, h6 {
        padding-bottom: 0 !important;
        line-height: 1 !important;
    }
}

.text-balanced, .text-balanced * {
    text-wrap: balance;
}

@media (max-width: 980px) {
    .tablet-center {
	   	text-align: center;
    }
}

@media (max-width: 767px) {
    .mobile-center {
        text-align: center;
    }
}

.sentient, .sentient *,
.sentient-italic, .sentient-italic * {
    font-size: 86%;
    font-weight: 500 !important;
}

.sentient, .sentient * {
    font-family: var(--sentient) !important;
}
.sentient-italic, .sentient-italic * {
    font-family: var(--sentient-italic) !important;
}

.hero-badge {
  width: fit-content;
}

.hero-badge {
  margin-inline: auto;
}

@media (min-width: 768px) {
    .hero-badge.badge-left {
        margin-left: 0 !important;
    }
}

.hero-badge-bio {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.hero-badge-bio h3 {
    margin-bottom: .25rem;
}

.icon-list ul {
    list-style: none;
    padding-left: 0;
}

.icon-list ul:last-child {
    padding-bottom: 0;
}

.icon-list ul > li:not(:last-child) {
    padding-bottom: .5rem;
}

.icon-list ul > li::before {
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    position: relative;
    display: block;
    background: var(--cyan);
    mask: url(https://verticalself.cz/wp-content/uploads/icon-check.svg) center/contain no-repeat;
    flex: auto 0 0;
    top: 2px;
    position: absolute;
    left: 0;
    top: 0;
}

.icon-list.icon-list-dark ul > li::before {
    background: var(--cyan-600);
}

.icon-list ul > li {
    position: relative;
    padding-left: 1.75rem;
}


.text-white-box h2 {
    margin-bottom: 2rem;
    font-family: var(--sentient);
}

.text-white-box p {
    padding-bottom: .5rem;
}

.text-white-box p:last-child, .text-white-box a {
    color: var(--gray);
}

.text-white-box a:hover {
    color: var(--black);
}

.text-white-box a {
    text-decoration: underline;
}






.text-grad-light * {
    background: linear-gradient(to right, var(--lightest), var(--cyan-100));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}






/* BUTTONS */
.et_pb_button {
    line-height: 1 !important;
    transition: all 0s linear, color .3s ease !important
}


body #page-container .et_pb_button.btn-grad,
body #dipi-popup-maker-container .et_pb_button.btn-grad {
    position: relative;
    overflow: hidden;
    z-index: 1;
    border: 4px solid transparent;
    background: linear-gradient(0deg, var(--cyan)), linear-gradient(135deg, rgb(255 255 255 / 30%), rgb(64 224 208 / 30%));
    background-clip: padding-box, border-box !important;
    background-origin: padding-box, border-box  !important;
    height: 2.75rem;
    align-items: center;
}


body #page-container .et_pb_section .et_pb_button.btn-grad::before,
body #page-container .et_pb_section .et_pb_button.btn-grad::after,
body #dipi-popup-maker-container .et_pb_section .et_pb_button.btn-grad::before,
body #dipi-popup-maker-container .et_pb_section .et_pb_button.btn-grad::after,
.tabs-form .field-wrap.submit-wrap .nf-field-element::before,
.tabs-form .field-wrap.submit-wrap .nf-field-element::after {
    margin: 0;
    content: "";
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: absolute;
    left: 50%;
    top: 0;
    width: 200%;
    height: 300%;
    transform: translate(-50%, -50%);
    z-index: -1;
    background: radial-gradient(rgba(255,255,255,.35) 0%, transparent 50%);
    pointer-events: none;
    transition: transform .3s ease, opacity .3s ease !important;
}

body #page-container .et_pb_section .et_pb_button.btn-grad::after,
body #dipi-popup-maker-container .et_pb_section .et_pb_button.btn-grad::after,
.tabs-form .field-wrap.submit-wrap .nf-field-element::after {
    background: radial-gradient(rgb(10 60 55 / 24%) 0%, #40e0d000 50%);
    top: unset;
    bottom: 0;
    transform: translate(-50%, 50%);
    z-index: -2;
}

body #page-container .et_pb_section .et_pb_button.btn-grad:hover::before,
body #dipi-popup-maker-container .et_pb_section .et_pb_button.btn-grad:hover::before,
.tabs-form .field-wrap.submit-wrap .nf-field-element:hover::before {
    transform: translate(-50%, -65%);
}

body #page-container .et_pb_section .et_pb_button.btn-grad:hover::after,
body #dipi-popup-maker-container .et_pb_section .et_pb_button.btn-grad:hover::after,
.tabs-form .field-wrap.submit-wrap .nf-field-element:hover::after {
    transform: translate(-50%, 65%);
}


body #page-container .et_pb_button.btn-grad.btn-dark,
body #dipi-popup-maker-container .et_pb_button.btn-grad.btn-dark,
.top-nav .nab-btn a {
    background: linear-gradient(0deg, var(--cyan-700)), linear-gradient(135deg, var(--cyan-500), var(--cyan-700));
}


body #page-container .et_pb_section .et_pb_button.btn-grad.btn-dark::before,
body #page-container .et_pb_section .et_pb_button.btn-grad.btn-dark::after,
body #dipi-popup-maker-container .et_pb_section .et_pb_button.btn-grad.btn-dark::before,
body #dipi-popup-maker-container .et_pb_section .et_pb_button.btn-grad.btn-dark::after,
.top-nav .nab-btn a::before,
.top-nav .nab-btn a::after {
    background: radial-gradient(rgba(255,255,255,.15) 0%, transparent 50%);
    width: 150%;
    transform: translate(-50%, -50%);
}

body #page-container .et_pb_section .et_pb_button.btn-grad.btn-dark::after,
body #dipi-popup-maker-container .et_pb_section .et_pb_button.btn-grad.btn-dark::after {
    background: radial-gradient(rgb(64 224 208 / 32%) 0%, transparent 30%);
    transform: translate(-50%, 50%);
}

body #page-container .et_pb_section .et_pb_button.btn-grad.btn-dark:hover::before,
body #dipi-popup-maker-container .et_pb_section .et_pb_button.btn-grad.btn-dark:hover::before{
    transform: translate(-50%, -65%);
}

body #page-container .et_pb_section .et_pb_button.btn-grad.btn-dark:hover::after,
body #dipi-popup-maker-container .et_pb_section .et_pb_button.btn-grad.btn-dark:hover::after{
    transform: translate(-50%, 55%);
}



body #page-container .et_pb_button.btn-grad.btn-light,
body #dipi-popup-maker-container .et_pb_button.btn-grad.btn-light{
    background: linear-gradient(0deg, var(--light)), linear-gradient(135deg, var(--cyan-200), var(--cyan-300));
}


body #page-container .et_pb_section .et_pb_button.btn-grad.btn-light::before,
body #page-container .et_pb_section .et_pb_button.btn-grad.btn-light::after,
body #dipi-popup-maker-container .et_pb_section .et_pb_button.btn-grad.btn-light::before,
body #dipi-popup-maker-container .et_pb_section .et_pb_button.btn-grad.btn-light::after{
    background: radial-gradient(var(--white) 0%, transparent 50%);
    width: 150%;
    transform: translate(-50%, -50%);
}

body #page-container .et_pb_section .et_pb_button.btn-grad.btn-light::after,
body #dipi-popup-maker-container .et_pb_section .et_pb_button.btn-grad.btn-light::after{
    background: radial-gradient(rgb(7 37 34 / 15%) 0%, transparent 30%);
    transform: translate(-50%, 50%);
}

body #page-container .et_pb_section .et_pb_button.btn-grad.btn-light:hover::before,
body #dipi-popup-maker-container .et_pb_section .et_pb_button.btn-grad.btn-light:hover::before{
    transform: translate(-50%, -65%);
}

body #page-container .et_pb_section .et_pb_button.btn-grad.btn-light:hover::after,
body #dipi-popup-maker-container .et_pb_section .et_pb_button.btn-grad.btn-light:hover::after{
    transform: translate(-50%, 55%);
}





/* IMAGES */

.img-color-shadow {
    position: relative;
    display: inline-block;
    /* Důležité: Zde bude JavaScript dynamicky nastavovat --image-url */
}

.img-color-shadow img {
    display: block;
    position: relative;
    z-index: 2;
}

.img-color-shadow::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: var(--image-url);
    background-size: cover;
    background-position: center;
    filter: blur(20px) brightness(0.8);
    z-index: 1;
    transform: translateY(11%) scale(.8);
    opacity: 0.7;
}

.about-image.img-color-shadow::before {
    filter: blur(32px) brightness(0.8);
    transform: translateY(14%) scale(.8);
}

.about-icon {
    width: fit-content !important;
}


.spotlight {
    border-radius: 100%;
    background: radial-gradient(var(--cyan-500), transparent 50%);
    z-index: -1;
    pointer-events: none;
    position: absolute;
    filter: blur(100px);
    border-radius: 100%;
    height: 800px;
    width: 800px;
}

.spotlight-1 {
    height: 200px;
    width: 2600px;
    left: 50%;
    transform: translate(-50%,30%);
    opacity: .25;
}

.spotlight-2 {
    bottom: 0;
    left: 0;
    transform: translate(-50%, 50%);
    opacity: .25;
}

.spotlight-3 {
    bottom: 0;
    left: 0;
    transform: translate(-40%, 70%);
    opacity: .2;
    background: radial-gradient(var(--cyan-700), transparent 50%);
}


.spotlight-4 {
    bottom: 0;
    right: 0;
    transform: translate(33%, -5%);
    opacity: .75;
    background: radial-gradient(var(--cyan-100), transparent 50%);
}

.cta-row .spotlight-3 {
    height: 400px;
    width: 400px;
    top: 50%;
    right: 0;
    transform: translate(50%, -30%);
    opacity: .5;
    background: radial-gradient(var(--cyan-700), transparent 50%);
}

.cta-row .spotlight-4 {
    height: 600px;
    width: 600px;
    top: 0;
    left: 0;
    transform: translate(-60%, -60%);
    filter: blur(50px);
    opacity: .75;
    background: radial-gradient(var(--white), transparent 50%);
}

.spotlight-5, .spotlight-6 {
    width: 600px;
    height: 600px;
    background: radial-gradient(var(--cyan), transparent);
    bottom: 0;
    left: 0;
    opacity: .5;
    transform: translate(-40%, -20%);
    pointer-events: none;
    z-index: 0;
}

.spotlight-6 {
    left: unset;
    right: 0;
    transform: translate(0%, -30%);
    opacity: .15;
    top: 0;
    bottom: unset;
}

.spotlight-7 {
    height: 1400px;
    width: 1400px;
    bottom: 0;
    left: 0;
    transform: translate(6%, 10%);
    filter: blur(200px);
    opacity: .16;
}

.spotlight-8 {
    height: 1000px;
    width: 2000px;
    aspect-ratio: unset;
    bottom: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -65%);
    filter: blur(200px);
    opacity: .16;
}


.img-icon {
    width: fit-content;
    border-radius: .75rem;
    aspect-ratio: 1;
}

.icon-box {
    height: 100%;
}

.icon-box .et_pb_image_wrap {
    width: fit-content;
    background: linear-gradient(135deg, var(--cyan-200), var(--cyan-300));
}

.icon-box .et_pb_image_wrap img {
    width: 2rem;
}

.icon-box .et_pb_main_blurb_image {
    margin-bottom: 2rem;
}

@media (max-width: 767px) {
    .icon-box .et_pb_main_blurb_image {
        margin-bottom: 1rem;
    }
}

.icon-box .et_pb_module_header:not(:last-child) {
    margin-bottom: 1rem;
}





.service-box {
    box-shadow: var(--bs-large);
    --webkit-box-shadow: var(--bs-large);
    --moz-box-shadow: var(--bs-large);
}

.service-box .et_pb_main_blurb_image {
    margin-bottom: 0;
}

.service-box .et_pb_blurb_container {
    padding: 1.5rem;
}

.service-box .et_pb_module_header {
    margin-bottom: 1rem;
}

.service-box .et_pb_main_blurb_image::before,
.service-box .et_pb_main_blurb_image::after {
    content: "";
    position: absolute;
    display: block !important;
    width: 2.5rem;
    aspect-ratio: 1;
    background: var(--white);
    right: 1rem;
    top: 1rem;
    border-radius: 1rem;
}

.service-box .et_pb_main_blurb_image::after {
    background: url(https://verticalself.cz/wp-content/uploads/icon-arrow-up-right.svg) center / contain no-repeat;
    width: 1.5rem;
    right: 1.5rem;
    top: 1.5rem;
}




/* SLUŽBY */
.service-card .et_pb_blurb_content {
    padding-top: 8rem;
}

@media (max-width: 980px) {
    .service-card .et_pb_blurb_content {
        padding-top: 6rem;
    }
}

@media (max-width: 767px) {
    .service-card .et_pb_blurb_content {
        padding-top: 4rem;
    }
}

.service-card .et_pb_main_blurb_image {
    margin: 0;
    position: absolute;
    right: -1.5rem;
    top: -1.5rem;
}

.service-card .et_pb_module_header {
    font-family: var(--sentient);
    font-weight: 500;
    margin-bottom: 1rem;
}


.services-info .et_pb_blurb_content {
    display: flex;
    flex-flow: row nowrap;
    gap: 1.5rem;
    align-items: center;
}

@media (max-width: 767px) {
    .services-info .et_pb_blurb_content {
        flex-flow: column;
        align-items: flex-start;
    }
}

.services-info .et_pb_main_blurb_image {
    flex: 200px 0 0;
    margin: 0;
}

.services-info .et_pb_blurb_container {
    padding: 0;
}

.services-info .et_pb_module_header {
    margin-bottom: .5rem;
}



.differences-row .et_pb_column {
    flex-flow: row wrap;
    gap: 2rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 767px) {
    .differences-row .et_pb_column {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
}

.differences-row .et_pb_column .et_pb_module {
    margin: 0 !important;
}





.tg-box {
    display: flex;
    flex-flow: row wrap;
    gap: 1.5rem;
}

.tg-box .et_pb_column {
    margin: 0 !important;
    flex: 1 0 auto !important;
}

.tg-box .et_pb_column:first-child {
    flex: 2 0 400px !important;
}

.tg-box::after {
    display: none !important;
}


.tg-box .icon-list ul > li::before {
    top: 4px;
}

.tg-box .icon-list ul > li:not(:last-child) {
    padding-bottom: .5rem;
}

.tg-box .et_pb_column:nth-child(2) {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    flex-basis: 240px !important;
}

.tg-box .et_pb_button.btn-grad {
    width: 100%;
    text-align: center;
}


@media (max-width: 767px) {
    .tg-box {
        flex-flow: column;
    }

    .tg-box .et_pb_column,
    .tg-box .et_pb_column:first-child,
    .tg-box .et_pb_column:nth-child(2) {
        flex-basis: unset !important;
        width: 100% !important;
    }
}



.image-slider::before, .image-slider::after {
    content: "";
    position: absolute;
    background: linear-gradient(90deg, var(--lighter), transparent);
    width: 200px;
    height: 100%;
    display: block !important;
    left: 0;
    top: 0;
    z-index: 99999;
}

.image-slider::after {
    left: unset;
    right: 0;
    transform: scaleX(-1);
}


.image-slider.dipi_carousel .swiper-container .dipi_carousel_child {
    overflow: visible !important;
}










.process-row > .et_pb_column {
    display: flex;
    flex-flow: row wrap;
    gap: 2rem;
    justify-content: center;
    align-items: center;
}

@media (max-width: 767px) {
    .process-row > .et_pb_column {
        flex-flow: column;
    }
}

.process-row > .et_pb_column::after {
    display: none !important;
}

.process-row > .et_pb_column .ez_pb_module {
    flex: auto 0 0;
}

.process-row > .et_pb_column .et_pb_module {
    flex: calc((100% / 3) - 2rem) 0 0;
}

.process-box.process-steps .et_pb_blurb_description p:first-child {
    position: absolute;
    top: 0;
    color: var(--cyan);
    font-weight: 600;
    font-family: var(--sentient);
    font-size: 1.5rem;
}

.process-box.process-steps .et_pb_blurb_content {
    padding-top: 4rem;
}

.process-box .et_pb_module_header {
    margin-bottom: 1rem;
}





/* FAQs */

.dipi-faq-entry .dipi-faq-title .dipi-faq-icon-closed,
.dipi-faq-entry .dipi-faq-title .dipi-faq-icon-open {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: -2px;
}

.dipi-faq-entry .dipi-faq-title .dipi-faq-icon-closed {
    background: var(--cyan);
    width: 1rem;
    color: transparent !important;
    mask: url(https://verticalself.cz/wp-content/uploads/icon-chevron-down.svg) center/contain no-repeat;
    -webkit-mask: url(https://verticalself.cz/wp-content/uploads/icon-chevron-down.svg) center/contain no-repeat;
    transition: transform .3s ease !important;
    opacity: 1 !important;
}

.dipi-faq-entry .dipi-faq-title .dipi-faq-icon-open {
    color: transparent !important;
    opacity: 0 !important;
}

.dipi-faq-entry.open .dipi-faq-title .dipi-faq-icon-closed {
    transform: rotate(180deg) !important;
}


.dipi-faq-entry .dipi-faq-title h3 {
    max-width: calc(100% - 2rem);
}







/* QUOTES */

.icon-quotation-marks {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}




/* HEADER */

header {
    position: relative;
    z-index: 9999;
}

header .scrolled-nav {
	transition: top .5s 0s ease !important;
	
	position: fixed;
	top: calc(-74px) !important;

	left: 0;
	width: 100%;

}


header.nav-visible .scrolled-nav {
    top: calc(0px + var(--wp-admin--admin-bar--height)) !important;
    transition: top .5s 0s ease !important;
	opacity: 1;
}


/* NAV */

.top-nav {
	padding: 0 !important;
}

.top-nav .et_pb_row:not(.megamenu-row) {
	padding-block: 1rem !important;
	width: 90%;
    max-width: 1600px;
}

.top-nav .et_pb_menu__logo img {
	max-height: 3rem;	
    width: var(--logo-width) !important;
    height: var(--logo-height) !important;
}

.top-nav .et_pb_menu .et-menu>li {
    padding-inline: 1.25rem;
}

.top-nav .et_pb_menu .et-menu {
    margin-inline: -1.25rem;
}

.top-nav .et_pb_menu__menu>nav>ul>li>a {
    padding: .75rem 0;
    transition: none !important;
    position: relative;
    justify-content: center;
}

.top-nav .et_pb_menu__menu>nav>ul>li:not(.nav-btn)>a::after {
    content: "";
    width: 0%;
    height: 1px;
    background: var(--cyan);
    background: linear-gradient(90deg, transparent, var(--cyan) 36%, var(--cyan-300), var(--cyan) 64%, transparent);
    position: absolute;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    bottom: 0 !important;
    top: unset !important;
    right: unset !important;
    transition: width .3s ease;
}

.top-nav.scrolled-nav .et_pb_menu__menu>nav>ul>li>a::after {
    background: linear-gradient(90deg, transparent, var(--cyan) 30%, var(--cyan) 70%, transparent);
}


.top-nav .et_pb_menu__menu>nav>ul>li>a::before {
    content: "";
    width: 100%;
    height: 1.5rem;
    aspect-ratio: 1;
    background: radial-gradient(var(--cyan) 0%, transparent 70%);
    position: absolute;
    display: block !important;
    visibility: visible !important;
    bottom: -3px !important;
    top: unset !important;
    transform: translate(-50%,35%);
    mask: linear-gradient(180deg, transparent 50%,black 50%, transparent 100%);
    left: 50%;
    opacity: 0;
    transition: opacity .3s ease;
}



.top-nav .et_pb_menu__menu>nav>ul>li>a:hover::after,
.top-nav .et_pb_menu__menu>nav>ul>li.current-menu-item>a::after,
.top-nav .et_pb_menu__menu>nav>ul>li.current_page_parent>a::after {
    width: 100%;
}


.top-nav .et_pb_menu__menu>nav>ul>li>a:hover::before,
.top-nav .et_pb_menu__menu>nav>ul>li.current-menu-item>a::before,
.top-nav .et_pb_menu__menu>nav>ul>li.current_page_parent>a::before {
    opacity: .7;
}

.top-nav .et-menu .menu-item-has-children>a:first-child {padding-right: unset;}



.top-nav .et_pb_menu__menu .megamenu-link ul {
    display: none;
}





.top-nav .et-menu a,
.top-nav .et-menu a:hover {
    opacity: 1 !important;
}

.top-nav .et_pb_menu ul li.nav-btn a {
    background: var(--cyan-700);
    color: var(--white) !important;
    padding: .75rem 1.25rem !important;
    line-height: 1;
    transition: color .3s ease, background-color .3s ease !important;
    border-radius: .75rem;
    font-weight: 700;
    overflow: hidden;
}

.top-nav.scrolled-nav .et_pb_menu ul li.nav-btn a {
    color: var(--white)!important;
}

.top-nav .et_pb_menu ul li.nav-btn {
    height: fit-content;
	/* height: 2.5rem; */
    /* overflow: hidden;
    border-radius: .75rem;
    padding: 0 !important; */
}


body #page-container .top-nav .nav-btn a {
    border: 1px solid transparent;
    background-clip: padding-box, border-box !important;
    background-origin: padding-box, border-box !important;
    background: linear-gradient(0deg, var(--cyan-700)), linear-gradient(135deg, var(--cyan-500), var(--cyan-700));
	color: var(--white) !important;
}

body #page-container .top-nav .nav-btn a::before,
body #page-container .top-nav .nav-btn a::after {
    margin: 0;
    content: "";
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: absolute;
    left: 50%;
    top: 0;
    width: 200%;
    height: 300%;
    transform: translate(-50%, 0);
    z-index: -1;
    background: radial-gradient(rgba(255,255,255,.15) 0%, transparent 50%);
    pointer-events: none;
    z-index: 1;
    transition: transform .3s ease, opacity .3s ease;
}

body #page-container .top-nav .nav-btn a::after {
    background: radial-gradient(rgb(64 224 208 / 32%) 0%, transparent 30%);
    top: unset;
    bottom: 0;
    transform: translate(-50%, -25%);
    z-index: 2;
}

body #page-container .top-nav .nav-btn a:hover::before {
    transform: translate(-50%, -5%);
}

body #page-container .top-nav .nav-btn a:hover::after {
    transform: translate(-50%, -20%);
}




.top-nav .et_pb_menu ul {
    align-items: center !important;
}







/* 
.top-nav .et_pb_menu ul li.nav-btn a:hover {
    background: var(--black);
    color: var(--white) !important;
} */

/* header .top-nav.scrolled-nav {
    translate: 0% -100%;
    transition: translate .5s ease, padding .5s .5s ease;
}

header .top-nav.scrolled-nav:hover {
    transition: translate .5s ease, padding .5s ease;
}

header.scrolled .top-nav.scrolled-nav {
    translate: 0;
} */

/* .top-nav.scrolled-nav {
    background-color: rgba(255, 255, 255, .5) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(0,0,0,.1) !important;
    border-top: 0 !important;
} */


/* MEGAMENU */

.megamenu-row .et_pb_column {
    display: flex;
    flex-flow: row nowrap;
    gap: .5rem;
}

.megamenu-item .et_pb_main_blurb_image {
    margin-bottom: 0;
}

.megamenu-item .et_pb_module_header {
    margin-bottom: .5rem;
}

.megamenu-item .et_pb_blurb_container {
    padding: .5rem .75rem;
}


.megamenu-item .et_pb_main_blurb_image::before,
.megamenu-item .et_pb_main_blurb_image::after {
    content: "";
    position: absolute;
    display: block !important;
    width: 1.5rem;
    aspect-ratio: 1;
    background: var(--white);
    right: .5rem;
    top: .5rem;
    border-radius: .5rem;
    z-index: 999;
}

.megamenu-item .et_pb_main_blurb_image::after {
    background: url(https://verticalself.cz/wp-content/uploads/icon-arrow-up-right.svg) center / contain no-repeat;
    width: 1rem;
    right: .75rem;
    top: .75rem;
}

.megamenu-item .et_pb_blurb_container .et_pb_blurb_description p:first-child {
    color: var(--cyan-700);
    font-weight: 600;
    font-size: 1.25rem;
    padding-bottom: .25rem;
}





.megamenu-link {
    gap: .25rem;
    align-items: center !important;
}


.et_pb_menu__menu .megamenu-link::after {
    content: "";
    display: block !important;
    visibility: visible;
    position: relative;
    top: 2px;
    height: .75rem;
    width: .75rem;
    mask: url(https://verticalself.cz/wp-content/uploads/icon-chevron-down.svg) center / contain no-repeat;
    background: var(--light);
}



.scrolled-nav .megamenu-link::after {
    background: var(--cyan-500);
}






/* MOBILE MENU */

/*
.mobile-megamenu .et_pb_button {
	width: 100%;
	text-align: center;
}

.mobile-menu-card .et_pb_main_blurb_image {
    margin-bottom: .75rem;
}

.mobile-menu-card .et_pb_module_header {
    position: absolute;
    top: 12px;
    left: 96px;
}

*/

/* MOBILE MENU */
.et_mobile_menu li a:hover,
.nav ul li a:hover {
    opacity: 1 !important;
}


.top-nav .et_mobile_menu ul.sub-menu,
body.dipi-collapse-submenu-mobile .top-nav .et_mobile_menu li ul.sub-menu.dipi-collapse-opened {
    padding: 0;
    padding-left: 1rem;
}

.top-nav .et_mobile_menu ul.sub-menu > li {
    padding: 0;
}

.top-nav .et_pb_menu ul.et_mobile_menu li a,
.top-nav .et_pb_menu ul.et_mobile_menu li:hover a {
    color: var(--light) !important;
    background: transparent;
    border-bottom: 1px solid var(--cyan-700);
}

.top-nav .et_pb_menu ul.et_mobile_menu li.current-menu-item a,
.top-nav .et_pb_menu ul.et_mobile_menu li.current-menu-item:hover a {
    color: var(--cyan) !important;
}

/* .top-nav .et_mobile_menu .menu-item-has-children>a {
    margin-bottom: .75rem;
} */



.top-nav .et_mobile_menu .current-menu-item::before {
    left: 0;
    transform: translate(-250%, -50%);
    background: var(--gray-darkest);
    width: 6px;
    height: 6px;
}


.top-nav .dipi_hamburger.hamburger {
    background: transparent !important;
    border-radius: 0 !important;
    position: relative;
    right: -10px;
}

.top-nav .dipi_hamburger.hamburger,
.top-nav .dipi_hamburger.hamburger.is-active {    
    background: transparent !important;
}

.top-nav .dipi_hamburger .hamburger-inner,
.top-nav .dipi_hamburger .hamburger-inner:after,
.top-nav .dipi_hamburger .hamburger-inner:before,
.top-nav .dipi_hamburger.hamburger.is-active .hamburger-inner,
.top-nav .dipi_hamburger.hamburger.is-active .hamburger-inner:after,
.top-nav .dipi_hamburger.hamburger.is-active .hamburger-inner:before {
    background: var(--white) !important;
    border-radius: 0;
}

.top-nav.scrolled-nav .dipi_hamburger .hamburger-inner,
.top-nav.scrolled-nav .dipi_hamburger .hamburger-inner:after,
.top-nav.scrolled-nav .dipi_hamburger .hamburger-inner:before {
    background: var(--black) !important;
}

.top-nav .hamburger-inner,
.top-nav .hamburger-inner:after,
.top-nav .hamburger-inner:before {
    transition-property: top, transform, background-color !important;
}

.top-nav .dipi_hamburger.hamburger,
.top-nav .dipi_hamburger.hamburger.is-active {
    background: transparent !important;
    /* margin-right: -10px; */
}

.top-nav .dipi_hamburger .hamburger-inner,
.top-nav .dipi_hamburger .hamburger-inner:after,
.top-nav .dipi_hamburger .hamburger-inner:before {
    border-radius: 0;
}

.top-nav .hamburger.is-active:hover,
.top-nav .hamburger:hover {
    opacity: 1;
}

body.dark-header .top-nav .dipi_hamburger.hamburger .hamburger-inner,
body.dark-header .top-nav .dipi_hamburger.hamburger .hamburger-inner:after,
body.dark-header .top-nav .dipi_hamburger.hamburger .hamburger-inner:before {
    background: var(--white) !important;
}

header.scrolled .top-nav .dipi_hamburger .hamburger-inner,
header.scrolled .top-nav .dipi_hamburger .hamburger-inner:after,
header.scrolled .top-nav .dipi_hamburger .hamburger-inner:before,
body.dark-header header.scrolled .top-nav .dipi_hamburger .hamburger-inner,
body.dark-header header.scrolled .top-nav .dipi_hamburger .hamburger-inner:after,
body.dark-header header.scrolled .top-nav .dipi_hamburger .hamburger-inner:before {
    background: var(--black) !important;
}

/* .top-nav .dipi_hamburger.hamburger .hamburger-inner,
.top-nav .dipi_hamburger.hamburger .hamburger-inner:after,
.top-nav .dipi_hamburger.hamburger .hamburger-inner:before, */
.top-nav .dipi_hamburger.hamburger.is-active .hamburger-inner,
.top-nav .dipi_hamburger.hamburger.is-active .hamburger-inner:after,
.top-nav .dipi_hamburger.hamburger.is-active .hamburger-inner:before,
body.dark-header .top-nav .dipi_hamburger.hamburger.is-active .hamburger-inner,
body.dark-header .top-nav .dipi_hamburger.hamburger.is-active .hamburger-inner:after,
body.dark-header .top-nav .dipi_hamburger.hamburger.is-active .hamburger-inner:before {
    background: var(--gray) !important;
}












header .top-nav .et_pb_menu .mobile_menu_bar,
header .top-nav .et_pb_menu .et_pb_image {
    z-index: 99999 !important;
}

header .top-nav .et_pb_menu .mobile_nav .et_mobile_menu {
    display: block !important;
    position: fixed;
    left: 100%;
    top: 0px; 
    height: 100vh !important;
    height: 100svh !important;
    height: 100dvh !important;
    border: 0;
    opacity: 1 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    padding: 5rem 2.5rem 2.5rem !important;
    transition: left .5s ease-out !important;
    overflow: hidden;

    background: linear-gradient(90deg, var(--cyan-700), var(--black)) !important;
}



@media (max-width: 600px) {
    header .top-nav .et_pb_menu .mobile_nav .et_mobile_menu {
        padding-inline: 2rem !important;
    }
}



header .top-nav .et_pb_menu .mobile_nav.opened .et_mobile_menu {
    left: 0;
}

.top-nav .et_mobile_menu li {
    text-align: center;
    position: relative;
    width: 100%;
    /* margin-inline: auto; */
}

.top-nav .et_mobile_menu li.nav-btn {
    width: fit-content;
    margin-top: 1.5rem;
}

.top-nav .et_mobile_menu li:not(:last-child) {
    margin-bottom: .5rem;
}

.top-nav .et_mobile_menu li a {
    border: none;
    padding: .75rem 0;
    margin: 0 auto;
    font-size: 1.25rem !important;
    position: relative;
	text-align: left;
    background: transparent;
    -webkit-tap-highlight-color: transparent;
}

.top-nav .et_mobile_menu li a:hover {
    background: none;
}

.top-nav .et_mobile_menu .menu-item-has-children>a::before {
    content: "" !important;
    display: block !important;
    visibility: visible;
    position: absolute !important;
    right: 0 !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
    mask: url(https://verticalself.cz/wp-content/uploads/icon-chevron-down.svg) center / contain no-repeat;
    background: var(--gray) !important;
    opacity: 1 !important;
    margin: 0 !important;
    transition: transform .3s ease !important;
}

.top-nav .et_mobile_menu .menu-item-has-children>a::after {
    display: none !important;
}

.top-nav .et_mobile_menu .menu-item-has-children>a.dipi-collapse-menu::before {
    transform: rotate(180deg) !important;    
}

body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li.menu-item-has-children>a.dipi-collapse-menu:before


.top-nav .et_pb_menu ul.et_mobile_menu li.nav-btn a {
    padding: 1rem 2.5rem !important;
    background-color: var(--black) !important;
    color: var(--white) !important;
    transition: color .3s ease, background-color .3s ease !important;
    text-align: center;
}

.top-nav .et_pb_menu ul.et_mobile_menu li.nav-btn a:hover {
    background-color: var(--white) !important;
    color: var(--black) !important;
}

@media (max-width: 525px) {
    .top-nav .et_pb_button_module_wrapper {
        display: none;
    }
}









/* HERO */

.sctn-hero .et_pb_section_video_bg {
    mix-blend-mode: color-dodge;
    opacity: .4;
}

.sctn-hero .et_pb_section_video_bg video::-webkit-media-controls,
.sctn-hero .et_pb_section_video_bg video::-webkit-media-controls-panel,
.sctn-hero .et_pb_section_video_bg video::-webkit-media-controls-play-button,
.sctn-hero .et_pb_section_video_bg video::-webkit-media-controls-start-playback-button,
.sctn-hero .et_pb_section_video_bg video::-webkit-media-controls-overlay-play-button,
.sctn-hero .et_pb_section_video_bg video::-webkit-media-controls {
    display: none !important;
    -webkit-appearance: none;
    opacity: 0 !important;
}

.hp-hero video {
    pointer-events: none !important;
}


.sctn-hero .et_pb_section_video_bg video {
    pointer-events: none !important;
}




.sctn-hero::after {
    content: "";
    width: 100%;
    height: 3px;
    display: block;
    background: linear-gradient(90deg, var(--cyan-700) 0%, var(--cyan) 10%, var(--cyan) 40%, var(--cyan-300) 50%, var(--cyan) 60%, var(--cyan) 90%, var(--cyan-700) 100%);
    position: absolute;
    bottom: 0;
    z-index: 2;
}

@media (max-width: 980px) {
	.hp-hero .et_pb_column:last-child::after {
		content: "";
		width: 100%;
		height: 3px;
		display: block;
		background: linear-gradient(90deg, transparent 0%, var(--cyan) 10%, var(--cyan) 40%, var(--cyan-300) 50%, var(--cyan) 60%, var(--cyan) 90%, transparent 100%);
		position: absolute;
    	bottom: 0;
    	z-index: 2;
		max-width: 600px;
		left: 50%;
		transform: translate(-50%);
	}
}


.sctn-hero .footer-contact {
    width: fit-content;
    margin-inline: auto;
}

.sctn-hero .footer-contact .et_pb_main_blurb_image {
    width: 4rem;
}


.hp-hero h2 .sentient {
    color: var(--cyan) !important;
}

.hp-hero .et_pb_column:last-child {
    display: flex;
    flex-flow: column;
    justify-content: end;
}

@media (min-width: 1200px) {
    .hp-hero .et_pb_column:last-child {
        min-height: 630px;
    }
}

@media (min-width: 981px) {
    .hp-hero .et_pb_image_wrap  {
        min-width: 600px;
    }
}

@media (min-width: 981px) and (max-width: 1200px) {
    .hp-hero .et_pb_image_wrap  {
        margin-left: -25%;
    }
    
}

.inline-btns .et_pb_button_module_wrapper {
    display: inline-block !important;
    margin-bottom: 0 !important;
}

.inline-btns .et_pb_button_module_wrapper > a {
    display: inline-flex !important;
}

.btns-center {
    text-align: center;
}

@media (max-width: 767px) {
    .hero-checks .et_pb_column:not(:last-child) {
        margin-bottom: 1rem !important;
    }
}



/* CTA */

.cta-sctn {
    text-align: center;
}

.cta-sctn .et_pb_button_module_wrapper,
.cta-row .et_pb_button_module_wrapper {
    display: inline-block !important;
    margin-bottom: 0 !important;
}

.cta-sctn .et_pb_button_module_wrapper > a,
.cta-row .et_pb_button_module_wrapper > a {
    display: inline-flex !important;
}


.et_pb_social_media_follow {
    width: fit-content !important;
}




/* HOMEPAGE */

.hp-post-link p {
    margin-top: 2rem;
}


/* O MNĚ */

.some-box {
    border-radius: 1rem;
    width: fit-content;
    margin: 0 auto !important;
}


.icon-box-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5rem 3rem;
}

.icon-box-grid-small {
    grid-template-columns: 1fr 1fr;
}

.icon-box-grid .et_pb_code {
    height: 100%;
    opacity: .2;
    position: absolute;
    width: 100%;
}

.icon-box-grid .icon-box-grid-guides {
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.icon-box-grid .icon-box-grid-guide {
    position: absolute;
    opacity: .5;
}

.icon-box-grid .icon-box-grid-guide:first-child {
    width: 80%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--cyan-600), var(--cyan-600), transparent);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.icon-box-grid.icon-box-grid-small .icon-box-grid-guide:first-child {
    background: linear-gradient(90deg, transparent, var(--cyan-600), transparent);
}

.icon-box-grid .et_pb_code_inner {
    height: 100%;
}

.icon-box-grid .icon-box-grid-guide:nth-child(2),
.icon-box-grid .icon-box-grid-guide:nth-child(3) {
    height: 100%;
    width: 1px;
    background: linear-gradient(0deg, transparent, var(--cyan-600), var(--cyan-600), transparent);
    top: 0;
    left: calc(100% / 3);
    transform: translate(-50%,0);
}

.icon-box-grid .icon-box-grid-guide:nth-child(3) {
    left: calc((100% / 3) * 2);
}

.icon-box-grid-small .icon-box-grid-guide:nth-child(2) {
    left: 50%;
}




@media (max-width: 767px) {
    .icon-box-grid {
        grid-template-columns: 1fr 1fr;
    }    

    .icon-box-grid .icon-box-grid-guide:first-child {
        top: calc(100% / 3 );
    }

    .icon-box-grid .icon-box-grid-guide:nth-child(2) {
        width: 80%;
        height: 1px;
        background: linear-gradient(90deg, transparent, var(--cyan-600), var(--cyan-600), transparent);
        top: calc((100% / 3) * 2 + (1.5rem));
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .icon-box-grid.icon-box-grid-small .icon-box-grid-guide:first-child {
        top: 50%;
    }

    .icon-box-grid.icon-box-grid-small .icon-box-grid-guide:nth-child(2) {
        width: 1px;
        height: 80%;
        background: linear-gradient(0deg, transparent, var(--cyan-600), transparent);
        position: absolute;
        top: 50%;
        left: 50%;
        opacity: 1;
        transform: translate(-50%,-50%);
    }

    .icon-box-grid .icon-box-grid-guide:nth-child(3) {
        left: 50%;
    }
}







.about-special > .et_pb_row > .et_pb_column:first-child::after {
    content: "";
    display: block;
    width: 600px;
    height: 600px;
    position: absolute;
    background: var(--cyan);
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: .25;
    background: radial-gradient(var(--cyan), transparent);
    filter: blur(100px);
}



.values-carousel .et_pb_text_inner {
    display: flex;
    flex-flow: row nowrap;
    gap: 1rem;
    justify-content: center;
}

.values-carousel p {
    background: linear-gradient(0deg, rgb(253 253 253 / 25%)), linear-gradient(135deg, var(--cyan-200), var(--cyan-300));
    border-radius: 1rem;
    padding: .5rem 1.5rem .75rem !important;
    line-height: 1;
    flex: auto 0 0;
    transition: transform .2s ease;
}

.values-carousel p:hover {
    transform: rotate(0deg) scale(1.05) !important;
    transition: transform 2s ease;

}


.values-carousel {
    overflow-x: hidden;
    padding-block: 1rem;
}


.values-carousel::before,
.values-carousel::after {
    content: "";
    position: absolute;
    background: linear-gradient(90deg, var(--lighter), transparent);
    width: 200px;
    height: 100%;
    display: block !important;
    left: 0;
    top: 0;
    z-index: 99999;
	pointer-events: none;
}

.values-carousel::after {
    left: unset;
    right: 0;
    transform: scaleX(-1);
}


@keyframes slide {
  to {
    transform: translateX(var(--slide-distance)); /* Proměnná pro dynamický posun */
  }
}

@media (max-width: 767px) {
	.values-carousel::before,
	.values-carousel::after {
		width: 2rem;
	}
	
	.values-carousel p {
		padding: .5rem 1rem .75rem !important;
	}
	
	.values-carousel .et_pb_text_inner {
		gap: .5rem;
	}
}





.sticky-cards-row .sticky-card {
    max-width: 760px;
    margin-inline: auto !important;
}


.sticky-card .et_pb_blurb_description p:first-child {
    position: absolute;
    top: 0;
    font-size: 1.5rem;
    font-family: var(--sentient);
    width: 3rem;
    height: 3rem;
    text-align: center;
    border-radius: 1rem;
    line-height: 48px;
    padding: 0;
    background: linear-gradient(135deg, var(--cyan-200), var(--cyan-300));
    color: var(--cyan-700);
}

.icon-box .et_pb_image_wrap {
    width: fit-content;
    background: linear-gradient(135deg, var(--cyan-200), var(--cyan-300));
}

.sticky-card .et_pb_module_header {margin-bottom: 2.5rem;}

.sticky-card .et_pb_module_header {
    padding-left: 4rem;
}

.sticky-card .et_pb_module_header {
    padding-top: .6rem;
}

.sticky-card {
    transition: transform .3s ease-out, box-shadow .5s ease-in;
}

.sticky-card.et_pb_sticky.et_pb_sticky--top {
    transition: transform .5s ease-in, box-shadow .5s ease-in;
}

.sticky-card.et_pb_sticky.et_pb_sticky--top {
    box-shadow: 0px 4px 16px -8px rgba(10,60,55,0.1) !important;
}

.sticky-card.et_pb_sticky.et_pb_sticky--top.sticky-card-1 {
    transform: scale(.8);
}

.sticky-card.et_pb_sticky.et_pb_sticky--top.sticky-card-2 {
    transform: scale(.82);
}

.sticky-card.et_pb_sticky.et_pb_sticky--top.sticky-card-3 {
    transform: scale(.84);
}

.sticky-card.et_pb_sticky.et_pb_sticky--top.sticky-card-4 {
    transform: scale(.86);
}

.sticky-card.et_pb_sticky.et_pb_sticky--top.sticky-card-5 {
    transform: scale(.88);
}

.sticky-card.et_pb_sticky.et_pb_sticky--top.sticky-card-6 {
    transform: scale(.9);
}

.sticky-card.et_pb_sticky.et_pb_sticky--top.sticky-card-7 {
    transform: scale(.92);
}

.sticky-card.et_pb_sticky.et_pb_sticky--top.sticky-card-8 {
    transform: scale(.94);
}

.sticky-card.et_pb_sticky.et_pb_sticky--top.sticky-card-9 {
    transform: scale(.96);
}

.sticky-card.et_pb_sticky.et_pb_sticky--top.sticky-card-10 {
    transform: scale(.98);
}

.sticky-cards-row {
    background: linear-gradient(0deg, var(--lighter) 120px, #fafafa00 700px);
}









.testimonials .dipi-testimonial-text {
    text-wrap: balance;
    max-width: 1280px;
    margin: 0 auto 3rem;
}

.testimonials .dipi-testimonial-name {
    margin-bottom: .5rem;
}


.testimonials .swiper-arrow-button {
    border-radius: .75rem;
}


.testimonials .swiper-button-next::after,
.testimonials .swiper-button-prev::after {
    mask: url(https://verticalself.cz/wp-content/uploads/icon-arrow-right.svg) center/contain no-repeat;
    background: var(--cyan-600);
    content: "";
    width: 1.5rem !important;
    height: 1.5rem;
    position: relative;
    aspect-ratio: 1 !important;
}

.testimonials .swiper-button-next:hover::after,
.testimonials .swiper-button-prev:hover::after {
    background: var(--cyan);
}

.testimonials .swiper-button-prev::after {
    transform: scale(-1);
}












.process-timeline .dipi_htl_item_header {
    margin-bottom: .5rem;
}

.process-timeline.dipi_horizontal_timeline .dipi_htl_container .dipi-htl-items .dipi_horizontal_timeline_item .dipi_htl_item_container .dipi_htl_ribbon-wrapper {
    left: 0;
    top: 0 !important;
    font-family: var(--sentient);
    font-weight: 700 !important;
    background: linear-gradient(135deg, var(--cyan-200), var(--cyan-300));
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .75rem;
}



.process-timeline .ribbon-ico-wrap {
    display: none !important;
}

.dipi_horizontal_timeline.process-timeline .dipi-htl-line {
    left: 0 !important;
}

.dipi_horizontal_timeline_item:nth-last-child(2) .dipi_htl_ribbon-wrapper::after {
    content: "";
    background: var(--lighter);
    width: 1000px;
    height: 20px;
    position: absolute;
    display: block;
    left: 3rem;
    z-index: 0;
}




.process-timeline.dipi_horizontal_timeline .dipi_htl_container {
    overflow: visible;
}

.timeline-row {
    overflow: hidden !important;

}



.timeline-row::before,
.timeline-row::after {
    content: "";
    width: 5%;
    height: 100%;
    background: linear-gradient(90deg, var(--lighter), transparent);
    position: absolute;
    left: 0;
    z-index: 999;
    visibility: visible !important;
    transform: translateX(-100%);
}

.timeline-row::after {
    left: unset;
    right: 0;
    background: linear-gradient(270deg, var(--lighter), transparent);
    transform: translateX(100%);
}


.process-timeline {
        overflow: vissible !important;
    }



@media (min-width: 1601px) {
    

    .timeline-row::before,
    .timeline-row::after {
        width: 200px;
        transform: none;
    }
}











.strenghts-list {
    height: 100%;
}

.strenghts-list .et_pb_text_inner {
    height: 100%;
    display: flex;
    flex-flow: row wrap;
    gap: .5rem;
    justify-content: center;
    align-content: center;
    max-width: 400px;
    margin: 0 auto;
}

.strenghts-list p {
    background: linear-gradient(0deg, rgb(253 253 253 / 25%)), linear-gradient(135deg, var(--cyan-200), var(--cyan-300));
    border-radius: .75rem;
    padding: .25rem 1rem .5rem !important;
    line-height: 1;
    border: 1px solid var(--cyan);
}

@media (max-width: 767px) {
	.strenghts-list p {
		padding-inline: .75rem;
	}
}


/* PRICING */

.pricing-row {
    display: grid;
    grid-template-columns: repeat(4, 14fr);
    gap: 1.5rem;
}

@media (max-width: 980px) {
    .pricing-row {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 700px) {
    .pricing-row {
        grid-template-columns: repeat(1, 1fr);
    }
}

.pricing-row::after {
    display: none !important;
}

.pricing-row .et_pb_column {
    width: 100% !important;
    margin: 0 !important;
}


.pricing-card {
    height: 100%;
    overflow: hidden !important;
}

.pricing-card .et_pb_module_inner {
    display: flex;
    flex-flow: column;
    height: 100%;
    gap: 0;
    position: relative;
    z-index: 2;
}


.pricing-card .dipi_pricing_table_item:last-child {
    margin-top: auto !important;
}

.pricing-card .dipi_pricing_table_item:nth-last-child(2) {
    padding-bottom: 2rem;
}

.pricing-card .et_pb_button {
    width: 100%;
    text-align: center;
}

.pricing-card-light::before,
.pricing-card-light::after,
.pricing-card-dark::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.pricing-card-light::before,
.pricing-card-dark::before {
    background: var(--noise-bg) center/125px repeat;
    z-index: 1;
    width: 100%;
    height: 100%;
}


.pricing-card-light::after {
    width: 800px;
    height: 1200px;
    border-radius: 100%;
    background: radial-gradient(var(--cyan-300) 0%, transparent 60%);
    transform: translate(0%, -50%);
    opacity: .5;
    z-index: 0;
}

.pricing-card-lighter::after {
    opacity: .25;
}

.pricing-card .et_pb_module:first-child {
    position: relative !important;
    width: fit-content;
}

.pricing-tabs .dipi-at-tabs-container {
    justify-content: center;
    overflow: visible !important;
}

.pricing-tabs .dipi-at-tabs {
    width: fit-content !important;
    flex: 0 1 auto;
    overflow: visible !important;
}









.tg-box .et_pb_column:first-child,
.tg-box .et_pb_column:last-child {
    display: flex;
    flex-flow: column;
}


.tg-box .et_pb_column:first-child .et_pb_module:nth-child(3),
.tg-box .et_pb_column:last-child .et_pb_module:nth-child(3) {
    margin-top: auto;
}




/* CONTACT */

.contact-row .et_pb_column:first-child {
    display: flex;
    flex-flow: column;
}

.contact-row .et_pb_column:first-child .et_pb_module:last-child {
    margin-top: auto;
}




/* POP UP */


.popup-cta .et_pb_column:first-child {
    display: flex;
    flex-flow: column;
    gap: 3rem;
    justify-content: space-between
}



.cta-form-text h2 {
    margin-bottom: 1rem !important;
}


.dipi-popup-container .dipi_popup {
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}







/* FORM */


.tabs-form .dipi-content-toggle__button-container:has(input:not(:checked)) .dipi-content-toggle__text.dipi-content-toggle__first-text > * {
        color: var(--black) !important;
}

.tabs-form .dipi-content-toggle__button-container:has(input:checked) .dipi-content-toggle__text.dipi-content-toggle_second-text > * {
        color: var(--black) !important;
}

.tabs-form .dipi-content-toggle__button-container:has(input:checked) .dipi-content-toggle__text.dipi-content-toggle__first-text > * {
        color: lightslategray !important;
}


.tabs-form .nf-multi-cell .nf-row {
    margin-inline: -.5rem !important;
}

.tabs-form .nf-multi-cell .nf-row {
    padding: 0 .5rem !important;
}

.tabs-form .nf-form-fields-required,
.tabs-form span.ninja-forms-req-symbol {
    display: none;
}

.tabs-form .nf-field-label {
    margin-bottom: 0 !important;
}

.tabs-form .nf-field-label label,
.tabs-form .nf-field-label .nf-label-span {
    font-size: 14px;
    font-weight: 600;
}

.tabs-form input:not([type="submit"]),
.tabs-form select, 
.tabs-form textarea {
    padding: .5rem 1rem;
    line-height: 16px;
    font-size: 1rem;
    border-radius: .5rem;
    border: 1px solid var(--light);
    background: var(--lighter);
    color: var(--black);
    font-weight: 600;
    transition: border-color .3s ease, background-color .3s ease, color .3s ease;
}

.tabs-form input:not([type="submit"]):hover,
.tabs-form select:hover,
.tabs-form textarea:hover {
    border-color: var(--gray);
}

.tabs-form input:not([type="submit"]):focus,
.tabs-form select:focus,
.tabs-form textarea:focus {
    border-color: var(--black);
}

.tabs-form .nf-field-element textarea {
	line-height: 1.6;
    height: 160px;
}

.tabs-form .nf-field-container {
    margin-bottom: .5rem;
}

.tabs-form .nf-error-msg,
.tabs-form .ninja-forms-req-symbol {
    color: var(--red);
}

.tabs-form .nf-error-msg {
	font-size: .75rem;
    font-weight: 500;
}

.tabs-form .nf-error.listimage-wrap .nf-field-element ul,
.tabs-form .nf-error .ninja-forms-field {
    border-color: var(--red) !important;
    background: #F79A91;
}


.tabs-form .souhlas p, 
.tabs-form .souhlas a {
    font-size: .75rem;
    color: var(--gray) !important;
    transition: color .3s ease;
}

.tabs-form .souhlas a {
	text-decoration: underline;
}

.tabs-form .souhlas a:hover {
	color: var(--black) !important;
}

.tabs-form .field-wrap input[type=submit] {
    width: 100%;
    padding: .5rem 2rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--black);
    border: none;
    transition: color .3s ease, background-color .3s ease;
    cursor: pointer;
    border-radius: .5rem;
    background: transparent;
    z-index: 3;
    position: relative;

}

.tabs-form .field-wrap.submit-wrap .nf-field-element {
    overflow: hidden;
    border-radius: .75rem;

    z-index: 1;
    border: 1px solid transparent;
    background: linear-gradient(0deg, var(--cyan)), linear-gradient(135deg, rgb(255 255 255 / 30%), rgb(64 224 208 / 30%));
    background-clip: padding-box, border-box !important;
    background-origin: padding-box, border-box !important;
    
}

/* .tabs-form .field-wrap input[type=submit]:hover {
    background: var(--white);
    color: var(--black);
} */

.tabs-form .nf-form-hp {
    opacity: 0;
}

.tabs-form .list-checkbox-wrap .nf-field-element ul {
    display: flex;
    flex-flow: row wrap;
    gap: .5rem 1rem;
}

.tabs-form .list-checkbox-wrap .nf-field-element ul li {
    margin-bottom: 0 !important;
    cursor: pointer !important;
}

.tabs-form .field-wrap>div input[type=checkbox] {
    accent-color: var(--cyan);
    margin-top: .5rem;
}

.tabs-form .field-wrap>div label {
	cursor: pointer;
    white-space: nowrap;
}

.tabs-form .nf-response-msg {
    font-size: 1.25rem;
    font-weight: 600;
}






.form-sub nf-rows-wrap {
    display: flex;
    flex-flow: row wrap;
    gap: 0 .5rem;
}

.form-sub nf-rows-wrap .nf-row {
    flex: 1 0 auto;
}

.form-sub nf-rows-wrap .nf-row:nth-child(2) {
    flex-grow: 0;
}

.form-sub nf-rows-wrap .nf-row:nth-child(3) {
    flex-basis: 100%;
}

.form-sub.tabs-form input:not([type="submit"]),
.form-sub.tabs-form select,
.form-sub.tabs-form textarea {
    background: var(--white);
}

.form-sub.tabs-form .souhlas p {
    text-align: center;
}

.tabs-form .field-wrap.submit-wrap .nf-field-element {
    border-radius: .5rem;
}

@media (max-width: 500px) {
    .form-sub nf-rows-wrap {
        flex-flow: column;
    }

    .form-sub.tabs-form input:not([type="submit"]) {
        text-align: center;
    }
}








/* BLOG */

.blog-grid .entry-featured-image-url {
    max-width: 600px;
}

.blog-grid img {
    border-radius: 1rem;
}

@media (min-width: 768px) {
    .blog-grid article {
        display: grid;
        grid-template-columns: 1fr 2fr;
        gap: 1rem;
    }

    .blog-grid .entry-featured-image-url {
        margin-bottom: 0;
        grid-row: span 2;
        padding-right: .5rem;
    }
}




.blog-post h2,
.blog-post h3 {
    margin-block: .5rem !important;
}

.blog-post li::marker {
    color: var(--cyan);
}

.blog-post ul li::marker {
    content: "–  ";
    font-weight: 900;
}

.blog-post ol li::marker {
    font-weight: 700;
}


@media (min-width: 1080px) {
    .blog-post figure.wp-block-image {
        max-width: 80%;
    }
}


/*  Make The Entire Divi Blog Module Posts Clickable */
/*add a neceassry position to the blog posts*/
.et_pb_blog_grid .et_pb_post, .et_pb_posts .et_pb_post {
    position: relative;
}

/*make the title link spread over the entire post*/
.et_pb_blog_grid .et_pb_post .entry-title a:after, .et_pb_posts .et_pb_post .entry-title a:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/*change the mouse cursor into a pointer*/
.et_pb_blog_grid .et_pb_post:hover, .et_pb_posts .et_pb_post:hover {
    cursor: pointer;
}


/* ROW CAROUSEL */

@media screen and (max-width: 767px) {
    /* Základní styl carouselu */
    .et_pb_row.mobile-carousel {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 0;
        box-sizing: border-box;
        width: 100% !important;
        padding-right: 5%;

        scroll-behavior: smooth;
    }

    /* Styl pro jednotlivé sloupce */
    .et_pb_row.mobile-carousel .mobile-carousel-item {
        flex: 0 0 90%;
        max-width: 90%;
        scroll-snap-align: start;
        box-sizing: border-box;
        margin: 0 !important;
        padding-left: 5vw !important;
    }

    /* Skrýt standardní scrollovací lišty */
    .et_pb_row.mobile-carousel::-webkit-scrollbar {
        display: none;
    }

    .et_pb_row.mobile-carousel {
        -ms-overflow-style: none; /* Skrýt scrollbar ve Windows */
        scrollbar-width: none; /* Skrýt scrollbar ve Firefoxu */
    }  
    
    
    .et_pb_row.mobile-carousel::after {
        display: none !important;
    }


     .carousel-pagination {
        display: flex;
        justify-content: flex-start;
        margin-top: .5rem;
        padding: 0 5vw;
        gap: 0.5rem;
    }
    
    .carousel-pagination .dot {
        width: .5rem;
        height: .5rem;
        background-color: var(--beige-500);
        border-radius: 50%;
        transition: background-color 0.3s ease, transform 0.3s ease;
    }
    
    .carousel-pagination .dot.active {
        background-color: var(--red);
        transform: scale(1.3);
    }
    
}


/* FOOTER */

footer {
    overflow: hidden;
}




/*
footer .et_pb_section::before,
footer .et_pb_section::after {
    content: "";
    position: absolute;
    width: 1000px;
    height: 1000px;
    background: radial-gradient(var(--cyan), transparent);
    top: 0;
    left: 0;
    border-radius: 100%;
    opacity: .5;
    filter: blur(100px);
    transform: translate(-20%, -80%);
    pointer-events: none;
    z-index: 0;
}

footer .et_pb_section::after {
    left: unset;
    right: 0;
    transform: translate(30%, 0%);
    opacity: .15;
} */


.footer-row {
    display: flex;
    flex-flow: row wrap;
    gap: 3rem;
}

@media (min-width: 1280px) {
    .footer-row {
        gap: 5rem;
    }
}

.footer-row .et_pb_column {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: min-content;
    width: 100% !important;
    margin: 0 !important;
}

.footer-row .et_pb_column:first-child {
    flex: 1 0 260px;
}

.footer-row .et_pb_column:nth-child(2) {
    flex-basis: 140px;
}

.footer-row .et_pb_column:nth-child(3) {
    flex-basis: clamp(200px, 22%, 240px);
}

.footer-row::after {
    display: none !important;
}


.footer-menu p {
	padding-bottom: .5rem;
}

@media (max-width: 980px) {
	.footer-row .et_pb_column {
		flex-basis: calc(50% - 1.5rem) !important;
    }
}

@media (max-width: 767px) {
	.footer-row {
		gap: 2rem 3rem;
	}

    .footer-row .et_pb_column:first-child {
		flex-basis: 100% !important;
	}

    .footer-row .et_pb_column {
		flex-basis: auto !important;
	}
}

@media (max-width: 525px) {
	.footer-row {
        flex-wrap: wrap;
	}
}


.footer-contact .et_pb_blurb_container {
    padding-left: 0;
    display: flex;
    flex-flow: column;
    gap: .25rem;
}

.footer-contact .et_pb_blurb_content {
    display: flex;
    flex-flow: row nowrap;
    gap: 1rem;
    align-items: center;
}

.footer-contact .et_pb_main_blurb_image {
    margin: 0 !important;
    width: 3rem;
}

.footer-contact .et_pb_blurb_content {
    display: flex;
    flex-flow: row nowrap;
    gap: 1rem;
    align-items: center;
}




.footer-bar .et_pb_column {
    display: flex;
    flex-flow: row wrap;
    gap: 1rem 4rem;
    justify-content: space-between;
}

.footer-bar .et_pb_column .et_pb_module {
    width: fit-content;
    margin: 0 !important;
}











.inspiration-card {
    width: calc(25% - (3 * 1.5rem / 4));
    margin-bottom: 1.5rem !important;
}

.inspiration-card .et_pb_main_blurb_image {
    margin-bottom: 1rem;
}

.inspiration-card .et_pb_module_header {
    position: absolute;
    top: 0;
    left: 4rem;
    top: .75rem;
}

@media (max-width: 980px) {
	.inspiration-card {
		width: calc((100% / 3) - 1rem);
	}
}

@media (max-width: 767px) {
	.inspiration-card {
		width: calc(50% - 1rem);
	}
}


.dipi-reveal.expanded {
    opacity: 0;
    pointer-events: none;
}



/* TERMÍNY */

.terms-list {
    display: flex;
    flex-flow: column;
    gap: 1rem;
}


.term-item {
    display: flex;
    flex-flow: row nowrap;
    background: var(--white);
    padding: .5rem;
    padding-left: 1.25rem;
    justify-content: flex-start;
    gap: 3rem;
    border-radius: 1rem;
    align-items: center;
}

.term-info {
    display: flex;
    flex-flow: row;
    gap: 2rem;
    flex: 1 1 auto;
}

.term-info span {
    display: block;
}

.term-day {
    font-weight: 600;
    color: var(--black);
    flex-basis: 60px;
}

.term-time {
    flex-basis: 100px;
}

.term-dates {
    flex-basis: 160px;
    color: var(--gray);
}

.term-place {
    flex-basis: 140px;
}

.term-capacity strong {
  color: var(--black);
  font-weight: 700;
}

.term-button {
    background: var(--cyan);
    color: var(--black);
    border-radius: .5rem;
    padding: .25rem 1rem;
    font-weight: 700;
    width: 148px;
    text-align: center;
}

.term-item:is(.term-upcoming, .term-full) .term-button {
    pointer-events: none;
}

.term-full .term-button {
    background: var(--light);
    color: var(--gray);
}

.term-upcoming .term-button {
    background: var(--white);
    color: var(--gray);
    border: var(--light) 2px solid;
}






/* COMPLIANZ */

.cmplz-cookiebanner{
    font-family: 'Darker Grotesque',Helvetica,Arial,Lucida,sans-serif;
    box-shadow: 0 4px 16px -8px rgba(0,0,0,.16) !important;
    grid-row-gap: .25rem !important;
}

.cmplz-cookiebanner .cmplz-header {
    grid-template-columns: 1fr !important;
}

.cmplz-divider.cmplz-divider-header {
    display: none;
}

/* Title */
.cmplz-cookiebanner .cmplz-header .cmplz-title{
    justify-self: start;
    grid-column-start: unset;
    font-weight: 600;
    font-size: 16px;
    color: var(--black);
    display: block !important;
}

@media (max-width: 768px) {
.cmplz-cookiebanner .cmplz-message{
    width: 100% !important;}
}
.cmplz-cookiebanner .cmplz-message a {
    text-decoration: underline !important;
}

 
 @media (min-width: 769px) {
  .cmplz-buttons {grid-column: span 2 !important;}
}

.cmplz-cookiebanner .cmplz-buttons {
    flex-direction: row !important;
    flex-wrap: wrap;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
  font-size: 14px !important;
  font-weight: 700 !important;
  transition: background-color .3s ease, color .3s ease, border-color .3s ease !important;
  
  flex-basis: 0 !important;
  padding: .25rem .75rem !important;
  height: unset !important;
  border-radius: .5rem !important;
}

.cmplz-buttons .cmplz-btn:hover {
  background: var(--cyan-700) !important;
  color: var(--white) !important;
  border-color: var(--cyan-700) !important;
}
.cmplz-btn.cmplz-accept {
    padding-inline: 1rem !important;
} 
.cmplz-btn.cmplz-accept:hover {
  background-color: var(--cyan-500) !important;
  color: var(--white) !important;
  border-color: var(--cyan-500) !important;
} 


 /* Document hyperlinks */
 @media (min-width: 769px) {
   .cmplz-links {grid-column: span 1 !important;}
 }

.cmplz-links.cmplz-documents a {
  color: var(--gray);
  transition: color .3s ease;
}
.cmplz-links.cmplz-documents a:hover {color: var(--black);}
.cmplz-cookiebanner .cmplz-links.cmplz-documents {justify-content: flex-end !important;align-items: center;}

@media (max-width: 768px) {
  .cmplz-cookiebanner .cmplz-links.cmplz-documents {justify-content: flex-start !important;}
}





.simplebar-mask {
    display: none;
}