/*
Theme Name: nekrachni-edu 2025
Description: nekrachni-edu custom theme
Author: Contentano.eu, Robert Michálek
Version: 1.0.0
Text Domain: nekrachni-edu
*/

@font-face {
    font-family: 'IvyEpic';
    src: url('./assets/fonts/IvyEpic-Medium.woff2') format('woff2'),
        url('./assets/fonts/IvyEpic-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IvyEpic';
    src: url('./assets/fonts/IvyEpic-Black.woff2') format('woff2'),
        url('./assets/fonts/IvyEpic-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IvyEpic';
    src: url('./assets/fonts/IvyEpic-ExtraBoldItalic.woff2') format('woff2'),
        url('./assets/fonts/IvyEpic-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IvyEpic';
    src: url('./assets/fonts/IvyEpic-ExtraLightItalic.woff2') format('woff2'),
        url('./assets/fonts/IvyEpic-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IvyEpic';
    src: url('./assets/fonts/IvyEpic-Bold.woff2') format('woff2'),
        url('./assets/fonts/IvyEpic-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IvyEpic';
    src: url('./assets/fonts/IvyEpic-LightItalic.woff2') format('woff2'),
        url('./assets/fonts/IvyEpic-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IvyEpic';
    src: url('./assets/fonts/IvyEpic-Light.woff2') format('woff2'),
        url('./assets/fonts/IvyEpic-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IvyEpic';
    src: url('./assets/fonts/IvyEpic-ExtraLight.woff2') format('woff2'),
        url('./assets/fonts/IvyEpic-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IvyEpic';
    src: url('./assets/fonts/IvyEpic-BoldItalic.woff2') format('woff2'),
        url('./assets/fonts/IvyEpic-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IvyEpic';
    src: url('./assets/fonts/IvyEpic-Regular.woff2') format('woff2'),
        url('./assets/fonts/IvyEpic-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IvyEpic';
    src: url('./assets/fonts/IvyEpic-ExtraBold.woff2') format('woff2'),
        url('./assets/fonts/IvyEpic-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IvyEpic';
    src: url('./assets/fonts/IvyEpic-Italic.woff2') format('woff2'),
        url('./assets/fonts/IvyEpic-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IvyEpic';
    src: url('./assets/fonts/IvyEpic-BlackItalic.woff2') format('woff2'),
        url('./assets/fonts/IvyEpic-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IvyEpic';
    src: url('./assets/fonts/IvyEpic-MediumItalic.woff2') format('woff2'),
        url('./assets/fonts/IvyEpic-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IvyEpic';
    src: url('./assets/fonts/IvyEpic-SemiBold.woff2') format('woff2'),
        url('./assets/fonts/IvyEpic-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IvyEpic';
    src: url('./assets/fonts/IvyEpic-ThinItalic.woff2') format('woff2'),
        url('./assets/fonts/IvyEpic-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IvyEpic';
    src: url('./assets/fonts/IvyEpic-Thin.woff2') format('woff2'),
        url('./assets/fonts/IvyEpic-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IvyEpic';
    src: url('./assets/fonts/IvyEpic-SemiBoldItalic.woff2') format('woff2'),
        url('./assets/fonts/IvyEpic-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

:root{
    --Green-Tints-Fresh-Green: #A2E640;
    --Very-dark-blue: #0E0E0E;
    --Green-Tints-Green-10: #F4FCE8;
    --Green-Tints-Green-25: #E7F9CD;

    --Charcoal: #323232;
    --primary: var(--Green-Tints-Fresh-Green);
    --primary-10: var(--Green-Tints-Green-10);
    --primary-25: var(--Green-Tints-Green-25);
    --secondary: var(--Very-dark-blue);

    --white: #fff;
    --black:#000;

    --font-family-heading: "Geologica", sans-serif;
    --font-family-text: "IvyEpic";

}

html,
body{
    font-family: var(--font-family-text);
    color: var(--secondary);
    width:100%;
    height:100%;
    background:var(--white);

    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    scroll-behavior: smooth;
}
body{
    overflow-x: hidden;
}

h1, h2, h3, h4, h5,
h1.elementor-heading-title, h2.elementor-heading-title, h3.elementor-heading-title, h4.elementor-heading-title,
.h1, .h2, .h3, .h4, .h5,
.h1 p, .h2 p, .h3 p, .h4 p, .h5 p,
.h1 h2.elementor-heading-title,
.bigTitle{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: var(--font-family-heading);
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 44.2px */
    margin-bottom:0px;
}
h1,
.h1,
.h1 p,
h1.elementor-heading-title,
.h1 h2.elementor-heading-title{
    font-size: 48px;
}
h2,
h2.elementor-heading-title,
.h2,
.h2 p
.h2 h3.elementor-heading-title{
    font-size: 32px;
}
h3,
h3.elementor-heading-title,
.h3,
.h3 p{
    font-size: 24px;
}
h4,
h4.elementor-heading-title,
.h4,
.h4 p,
a.h4{
    font-size: 21px;
    font-weight: 600;
    margin-bottom:16px;
}
a.h4{
    font-weight: 600 !important;
    font-size: 21px !important;
}
h4.h5,
h5,
h5.elementor-heading-title,
.h5,
.h5 p,
.h5 h3{
    font-size: 18px;
    font-weight: 600;
}

.minitiny,
.minitiny p{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: var(--font-family-heading);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-size: 14px;
}

p,
.generalParagraph,
p a,
.elementor p a,
.generalParagraph a{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: var(--font-family-text);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom:0px;
}
p.medium{
    font-size: 22px;
}
p.tiny,
.tiny,
.tiny p,
.tiny li{
    font-size: 16px;
}
.tinyImportant li{
    font-size: 16px !important;
}
.font18{
    font-size:18px;
    font-weight: 600;
}
.underline{
    text-decoration:underline !important;
}
.elementor a,
a{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: var(--font-family-text);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height:20px;
    text-decoration:none;

    transition-timing-function: ease-in;
    transition: 380ms;
}
.elementor a:not(.elementor-button){
    text-decoration:underline;
}
a:hover{
    text-decoration:none !important;
}

.greenHighlighter p,
span.purpleHighlighter,
span.greenHighlighter,
.greenHighlighter .elementor-heading-title{
    background:#E7F9CD;
    margin-top:0;
    position:relative;
    padding:2px 16px 2px 22px;
    line-height:2em;
    margin:10px 0px;
}

.greenHighlighter p::before,
span.greenHighlighter::before,
span.purpleHighlighter::before,
.greenHighlighter .elementor-heading-title::before{
    content:'';
    position:absolute;
    width: 0;
    height: 0;
    border-bottom: calc(2em + 4px) solid transparent;
    border-left: 11px solid #fff;
    left:-1px;
    top:-1px;
}

.greenHighlighter.greenTints10 p::before{
    border-left: 11px solid var(--Green-Tints-Green-10, #F4FCE8);
}
span.purpleHighlighter::before{
    border-left: 11px solid var(--Green-Tints-Green-10, #4B39B5);
}


.greenHighlighter.greenTints50Item p,
span.greenHighlighter.greenTints50Item,
.greenHighlighter.greenTints50Item .elementor-heading-title{
    /* změna pozadí prvku */
    background: var(--Green-Tints-Green-50, #D1F3A0);
}
.greenHighlighter.greenTintsLime p,
span.greenHighlighter.greenTintsLime,
.greenHighlighter.greenTintsLime .elementor-heading-title{
    background: var(--Green-Tints-Lime-Green, #6EAB16);
}

span.purpleHighlighter{
    background:#4B39B5;
    color:#fff;
}

.greenHighlighter.greenTints10 p::before{
    /* Pozadí za prvkem - green-tints-10*/
    border-left: 11px solid var(--Green-Tints-Green-10, #F4FCE8);
}
.greenHighlighter.greenTintsFresh::before{
    /* Pozadí za prvkem - green-tints-fresh*/
    border-left: 11px solid var(--Green-Tints-Fresh-Green, #A2E640);
}
.greenHighlighter.greenTintsLime .elementor-heading-title::before{
    /* Pozadí za prvkem - green-tints-fresh*/
    border-left: 11px solid var(--Green-Tints-Green-75, #B9EC6F);
}

.greenHighlighter p::after,
span.greenHighlighter::after,
span.purpleHighlighter::after,
.greenHighlighter .elementor-heading-title::after{
    content:'';
    position:absolute;
    width: 0;
    height: 0;
    border-bottom: calc(2em + 4px) solid #fff;
    border-left: 11px solid transparent;
    right:-1px;
    top:-1px;
}
.greenHighlighter.greenTints10 p::after,
span.purpleHighlighter::after{
    /* Pozadí za prvkem - green-tints-10*/
    border-bottom: calc(2em + 4px) solid var(--Green-Tints-Green-10, #F4FCE8);
}
.greenHighlighter.greenTintsFresh::after{
    /* Pozadí za prvkem - green-tints-fresh*/
    border-bottom: calc(2em + 4px) solid var(--Green-Tints-Fresh-Green, #A2E640);
}
.greenHighlighter.greenTintsLime .elementor-heading-title::after{
    /* Pozadí za prvkem - green-tints-fresh*/
    border-bottom: calc(2em + 4px) solid var(--Green-Tints-Green-75, #B9EC6F);
}
.zelenePozadi{
    padding: 24px 32px !important;
    border-radius: 40px !important;
    background: var(--Green-Tints-Green-25, #E7F9CD) !important;
}
.cervenePozadi{
    padding: 24px 32px !important;
    border-radius: 40px !important;
    background: #FFE7EB !important;
}
ul{
    margin-bottom:0px;
    margin-left:15px;
}
ul.noMargin{
    margin-left:0px;
}
ul:not(.navbar-nav) li{
    color: var(--Very-dark-blue, #0E0E0E);
    line-height: 160%;
    font-size: 18px;
    margin-bottom: 7px;
    font-weight:400;
}
ul li:last-child{
    margin-bottom: 0px;
}
ul li::marker{
    color: var(--Green-Tints-Fresh-Green, #A2E640);
    font-size: 30px;
}
ul.checks{
    list-style: none;
}
ul.checks li{
    position: relative;
}
ul.checks li::before {
    content: ""; /* Obsah pseudo-elementu */
    position: absolute; /* Absolutní pozice vzhledem k položce seznamu */
    left: -34px; /* Zarovnání vlevo */
    top: 4px; /* Zarovnání nahoře */
    width: 18px; /* Šířka ikony */
    height: 18px; /* Výška ikony */
    background-image: url('./assets/images/icons/check.svg');
    background-size: contain; /* Velikost obrázku */
}


/* ---------- BUTTONS ---------------- */

.button-primary:not(.elementor-element),
.button-plus:not(.elementor-element),
.button-webinar:not(.elementor-element),
.ec-v-form-submit button,
.elementor-element.button-primary a.elementor-button,
.button-secondary:not(.elementor-element),
.button-terciary:not(.elementor-element),
.elementor-element.button-secondary a.elementor-button,
.elementor-element.button-plus a.elementor-button,
.elementor-element.button-webinar a.elementor-button,
.cm__btn,
.pm__btn,
.pm__btn--secondary,
.cm__btn--secondary,
.wc-block-cart__submit-button,
.wp-element-button.wc-block-components-checkout-place-order-button,
div.wpforms-container-full button[type=submit],
.learndash-wrapper .ld-button:hover:not(.learndash-link-previous-incomplete):not(.ld-button-transparent), #learndash-tooltips .ld-tooltip:after, #learndash-tooltips .ld-tooltip, .learndash-wrapper .ld-primary-background, .learndash-wrapper .btn-join, .learndash-wrapper #btn-join, .learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent), .learndash-wrapper .ld-expand-button, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz), .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger, .learndash-wrapper .ld-focus-comments .form-submit #submit, .learndash-wrapper .ld-login-modal input[type='submit'], .learndash-wrapper .ld-login-modal .ld-login-modal-register, .learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue, .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a, #wpProQuiz_user_content table.wp-list-table thead th, #wpProQuiz_overlay_close, .learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon,
.learndash-wrapper .ld-login-modal input[type=submit],
.learndash-wrapper #learndash-reset-password-wrapper input[type=submit],
.woocommerce-message a.wc-forward,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt{
    border-radius: 50px;
    padding:16px 48px;
    border: 2px solid transparent;

    font-family: var(--font-family-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 125% */
    text-decoration:none !important;

    transition-timing-function: ease-in;
    transition: 380ms;
}
.learndash-wrapper .ld-login-modal input[type=submit]{
    border-radius: 50px !important;
    padding:16px 48px !important;
    font-size: 16px !important;
}
.ec-v-form-submit button,
.cm__btn,
.pm__btn,
.pm__btn--secondary,
.cm__btn--secondary,
div.wpforms-container-full button[type=submit]{
    border-radius: 50px !important;
    padding:16px 48px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    border:2px solid transparent !important;

    transition-timing-function: ease-in !important;
}

.button-primary:not(.elementor-element),
.ec-v-form-submit button,
.wc-block-cart__submit-button,
.woocommerce-message a.wc-forward,
.wp-element-button.wc-block-components-checkout-place-order-button,
.elementor-element.button-primary a.elementor-button,
.learndash-wrapper #learndash-reset-password-wrapper input[type=submit],
.learndash-wrapper .ld-button:hover:not(.learndash-link-previous-incomplete):not(.ld-button-transparent), #learndash-tooltips .ld-tooltip:after, #learndash-tooltips .ld-tooltip, .learndash-wrapper .ld-primary-background, .learndash-wrapper .btn-join, .learndash-wrapper #btn-join, .learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent), .learndash-wrapper .ld-expand-button, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz), .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger, .learndash-wrapper .ld-focus-comments .form-submit #submit, .learndash-wrapper .ld-login-modal input[type='submit'], .learndash-wrapper .ld-login-modal .ld-login-modal-register, .learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue, .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a, #wpProQuiz_user_content table.wp-list-table thead th, #wpProQuiz_overlay_close, .learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt{
    background-color: var(--Green-Tints-Fresh-Green, #A2E640);
    color: var(--Very-dark-blue, #0E0E0E);
    border:2px solid transparent !important;
}
.cm__btn,
.pm__btn,
.ecomailCTANewsletter .ec-v-form-submit button,
.learndash-wrapper .ld-button:hover:not(.learndash-link-previous-incomplete):not(.ld-button-transparent), #learndash-tooltips .ld-tooltip:after, #learndash-tooltips .ld-tooltip, .learndash-wrapper .ld-primary-background, .learndash-wrapper .btn-join, .learndash-wrapper #btn-join, .learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent), .learndash-wrapper .ld-expand-button, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz), .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger, .learndash-wrapper .ld-focus-comments .form-submit #submit, .learndash-wrapper .ld-login-modal input[type='submit'], .learndash-wrapper .ld-login-modal .ld-login-modal-register, .learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue, .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a, #wpProQuiz_user_content table.wp-list-table thead th, #wpProQuiz_overlay_close, .learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon{
    background-color: var(--Green-Tints-Fresh-Green, #A2E640) !important;
    color: var(--Very-dark-blue, #0E0E0E) !important;
}
.learndash-wrapper .ld-button:hover:not(.learndash-link-previous-incomplete):not(.ld-button-transparent), #learndash-tooltips .ld-tooltip:after, #learndash-tooltips .ld-tooltip, .learndash-wrapper .ld-primary-background, .learndash-wrapper .btn-join, .learndash-wrapper #btn-join, .learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent), .learndash-wrapper .ld-expand-button, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz), .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger, .learndash-wrapper .ld-focus-comments .form-submit #submit, .learndash-wrapper .ld-login-modal input[type='submit'], .learndash-wrapper .ld-login-modal .ld-login-modal-register, .learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue, .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a, #wpProQuiz_user_content table.wp-list-table thead th, #wpProQuiz_overlay_close, .learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon{
    max-width:fit-content;
    min-width:fit-content;
    margin:0px !important;
}
.learndash-wrapper .ld-button.ld-login-button.ld-login .ld-icon{
    display:none !important;
}
.newsletter.svetly .ecomailCTANewsletter .ec-v-form-submit button{
    background: var(--Very-dark-blue, #0E0E0E) !important;
    color: var(--Green-Tints-Green-10, #F4FCE8) !important;
}
.button-primary:not(.elementor-element):hover,
.woocommerce-message a.wc-forward:hover,
.ec-v-form-submit button:hover,
.wc-block-cart__submit-button:hover,
.learndash-wrapper #learndash-reset-password-wrapper input[type=submit]:hover,
.wp-element-button.wc-block-components-checkout-place-order-button:hover,
.elementor-element.button-primary a.elementor-button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover{
    background: #D1F3A0;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.06), 0px 0px 12px 0px rgba(0, 0, 0, 0.07);
    color: var(--Very-dark-blue, #0E0E0E);
}
.cm__btn:hover,
.pm__btn:hover,
.ecomailCTANewsletter .ec-v-form-submit button:hover,
.learndash-wrapper .ld-button:hover:not(.learndash-link-previous-incomplete):not(.ld-button-transparent):hover, #learndash-tooltips .ld-tooltip:after:hover, #learndash-tooltips .ld-tooltip:hover, .learndash-wrapper .ld-primary-background:hover, .learndash-wrapper .btn-join:hover, .learndash-wrapper #btn-join:hover, .learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent):hover, .learndash-wrapper .ld-expand-button:hover, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz):hover, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:hover, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading:hover, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:hover, .learndash-wrapper .ld-focus-comments .form-submit #submit:hover, .learndash-wrapper .ld-login-modal input[type='submit']:hover, .learndash-wrapper .ld-login-modal .ld-login-modal-register:hover, .learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue:hover, .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a:hover, #wpProQuiz_user_content table.wp-list-table thead th:hover, #wpProQuiz_overlay_close:hover, .learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon{
    background: #D1F3A0 !important;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.06), 0px 0px 12px 0px rgba(0, 0, 0, 0.07) !important;
}
.newsletter.svetly .ecomailCTANewsletter .ec-v-form-submit button:hover{
    background: var(--Charcoal, #323232) !important;
}
.button-primary:not(.elementor-element):focus,
.ec-v-form-submit button:focus,
.woocommerce-message a.wc-forward:focus,
.wc-block-cart__submit-button:focus,
.wp-element-button.wc-block-components-checkout-place-order-button:focus,
.elementor-element.button-primary a.elementor-button:focus,
.learndash-wrapper #learndash-reset-password-wrapper input[type=submit]:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:focus, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:focus, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:focus, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:focus, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:focus, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:focus, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:focus, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:focus{
    border: 2px solid var(--Green-Tints-Fresh-Green, #A2E640);
    background: #D1F3A0;
}
.cm__btn:focus,
.pm__btn:focus,
.ecomailCTANewsletter .ec-v-form-submit button:focus,
.learndash-wrapper .ld-button:hover:not(.learndash-link-previous-incomplete):not(.ld-button-transparent):focus, #learndash-tooltips .ld-tooltip:after:focus, #learndash-tooltips .ld-tooltip:focus, .learndash-wrapper .ld-primary-background:focus, .learndash-wrapper .btn-join:focus, .learndash-wrapper #btn-join:focus, .learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent):focus, .learndash-wrapper .ld-expand-button:focus, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz):focus, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:focus, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading:focus, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:focus, .learndash-wrapper .ld-focus-comments .form-submit #submit:focus, .learndash-wrapper .ld-login-modal input[type='submit']:focus, .learndash-wrapper .ld-login-modal .ld-login-modal-register:focus, .learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue:focus, .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a:focus, #wpProQuiz_user_content table.wp-list-table thead th:focus, #wpProQuiz_overlay_close:focus, .learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon{
    border: 2px solid var(--Green-Tints-Fresh-Green, #A2E640) !important;
    background: #D1F3A0 !important;
}
.newsletter.svetly .ecomailCTANewsletter .ec-v-form-submit button:focus{
    border: 2px solid var(--Very-dark-blue, #0E0E0E) !important;
    background: var(--Charcoal, #323232) !important;
}
.button-primary:not(.elementor-element):active,
.ec-v-form-submit button:active,
.woocommerce-message a.wc-forward:active,
.wc-block-cart__submit-button:active,
.wp-element-button.wc-block-components-checkout-place-order-button:active,
.elementor-element.button-primary a.elementor-button:active,
.learndash-wrapper #learndash-reset-password-wrapper input[type=submit]:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:active, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:active, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:active, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:active, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:active, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:active, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:active, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:active{
    background: #8BD81C;
}
.cm__btn:active,
.pm__btn:active,
.ecomailCTANewsletter .ec-v-form-submit button:active,
.learndash-wrapper .ld-button:hover:not(.learndash-link-previous-incomplete):not(.ld-button-transparent):active, #learndash-tooltips .ld-tooltip:after:active, #learndash-tooltips .ld-tooltip:active, .learndash-wrapper .ld-primary-background:active, .learndash-wrapper .btn-join:active, .learndash-wrapper #btn-join:active, .learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent):active, .learndash-wrapper .ld-expand-button:active, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz):active, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:active, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading:active, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:active, .learndash-wrapper .ld-focus-comments .form-submit #submit:active, .learndash-wrapper .ld-login-modal input[type='submit']:active, .learndash-wrapper .ld-login-modal .ld-login-modal-register:active, .learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue:active, .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a:active, #wpProQuiz_user_content table.wp-list-table thead th:active, #wpProQuiz_overlay_close:active, .learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon{
    background: #8BD81C !important;
}
.newsletter.svetly .ecomailCTANewsletter .ec-v-form-submit button:active{
    background: #0C1927 !important;
}
.button-primary:not(.elementor-element):disabled,
.ec-v-form-submit button:disabled,
.woocommerce-message a.wc-forward:disabled,
.wc-block-cart__submit-button:disabled,
.wp-element-button.wc-block-components-checkout-place-order-button:disabled,
.elementor-element.button-primary a.elementor-button:disabled,
.learndash-wrapper #learndash-reset-password-wrapper input[type=submit]:disabled,
.button-primary:not(.elementor-element).disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled{
    opacity: 0.6;
}
.cm__btn:disabled,
.pm__btn:disabled,
.ec-v-form-submit button:disabled,
.learndash-wrapper .ld-button:hover:not(.learndash-link-previous-incomplete):not(.ld-button-transparent):disabled, #learndash-tooltips .ld-tooltip:after:disabled, #learndash-tooltips .ld-tooltip:disabled, .learndash-wrapper .ld-primary-background:disabled, .learndash-wrapper .btn-join:disabled, .learndash-wrapper #btn-join:disabled, .learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent):disabled, .learndash-wrapper .ld-expand-button:disabled, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz):disabled, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:disabled, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading:disabled, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:disabled, .learndash-wrapper .ld-focus-comments .form-submit #submit:disabled, .learndash-wrapper .ld-login-modal input[type='submit']:disabled, .learndash-wrapper .ld-login-modal .ld-login-modal-register:disabled, .learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue:disabled, .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a:disabled, #wpProQuiz_user_content table.wp-list-table thead th:disabled, #wpProQuiz_overlay_close:disabled, .learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon{
    opacity: 0.6 !important;
}

.button-secondary:not(.elementor-element),
.elementor-element.button-secondary a.elementor-button,
div.wpforms-container-full button[type=submit]{
    background: var(--Secondary-100, #DDB6F6);
    color: var(--Neutral-950, #0E0E0E);
}
.cm__btn--secondary,
.pm__btn--secondary,
.ecomailAppkaBetaNewsletter .ec-v-form-submit button,
div.wpforms-container-full button[type=submit]{
    background: var(--Secondary-100, #DDB6F6) !important;
    color:var(--Neutral-950, #0E0E0E) !important;
    height:auto !important;
}

.button-secondary:not(.elementor-element):hover,
div.wpforms-container-full button[type=submit]:hover,
.elementor-element.button-secondary a.elementor-button:hover{
    background: var(--Secondary-50, #EEDBFB);
}

.cm__btn--secondary:hover,
.pm__btn--secondary:hover,
.ecomailAppkaBetaNewsletter .ec-v-form-submit button:hover,
div.wpforms-container-full button[type=submit]:hover{
    background: var(--Secondary-50, #EEDBFB) !important;
}
.button-secondary:not(.elementor-element):focus,
div.wpforms-container-full button[type=submit]:focus,
.elementor-element.button-secondary a.elementor-button:focus{
    border: 2px solid var(--Secondary-100, #DDB6F6);
    background: var(--Secondary-50, #EEDBFB);
}
.cm__btn--secondary:focus,
.pm__btn--secondary:focus,
.ecomailAppkaBetaNewsletter .ec-v-form-submit button:focus,
div.wpforms-container-full button[type=submit]:focus{
    border: 2px solid var(--Secondary-100, #DDB6F6) !important;
    background: var(--Secondary-50, #EEDBFB) !important;
}
.button-secondary:not(.elementor-element):active,
div.wpforms-container-full button[type=submit]:active,
.elementor-element.button-secondary a.elementor-button:active{
    background: var(--Secondary-200, #B869ED);
    border: 2px solid var(--Secondary-100, #B869ED);
}
.cm__btn--secondary:active,
.pm__btn--secondary:active,
.ecomailAppkaBetaNewsletter .ec-v-form-submit button:active,
div.wpforms-container-full button[type=submit]:active{
    background: var(--Secondary-200, #B869ED) !important;
    border: 2px solid var(--Secondary-100, #B869ED) !important;
}
.button-secondary:not(.elementor-element):disabled,
.elementor-element.button-secondary a.elementor-button:disabled,
.button-secondary.disabled{
    opacity: 0.6;
    background: var(--Secondary-100, #DDB6F6);
}
.cm__btn--secondary.disabled,
.pm__btn--secondary.disabled,
.ecomailAppkaBetaNewsletter .ec-v-form-submit button:disabled{
    opacity: 0.6 !important;
    background: var(--Secondary-100, #DDB6F6) !important;
}

.button-terciary:not(.elementor-element){
    background-color: transparent;
    color: var(--Very-dark-blue, #0E0E0E);
    border:2px solid var(--Very-dark-blue, #0E0E0E);
}
.button-terciary:hover{
    color:#323232;
    border:2px solid #323232;
}

.elementor-element.button-plus a.elementor-button,
.button-plus:not(.elementor-element){
    background: var(--Semantics-Yellow-75, #FFC56A);
    color: var(--Very-dark-blue, #0E0E0E);
    border:4px solid transparent;
}
.elementor-element.button-plus a.elementor-button:hover,
.button-plus:not(.elementor-element):hover{
    background: var(--Semantics-Yellow-50, #FFE6A8);
}
.elementor-element.button-plus a.elementor-button:focus,
.button-plus:not(.elementor-element):focus{
    background: var(--Semantics-Yellow-50, #FFE6A8);
    border:4px solid var(--Semantics-Yellow-75, #FFC56A);
}


.elementor-element.button-webinar a.elementor-button,
.button-webinar:not(.elementor-element){
    background: var(--Purple-Webin-Dark, #9A61B2);
    color: var(--Gray-White, #FFF);
    border:4px solid transparent;
}
.elementor-element.button-webinar a.elementor-button:hover,
.button-webinar:not(.elementor-element):hover{
    background: var(--Purple-Webin-Semi-light, #D2A7E3);
}
.elementor-element.button-webinar a.elementor-button:focus,
.button-webinar:not(.elementor-element):focus{
    border: 4px solid var(--Purple-Webin, #C179DE);
    background: var(--Purple-Webin-Semi-light, #D2A7E3);
}
.button-webinar[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ---------- ANIMATIONS ---------------- */
@keyframes fadeInLeftCustom {
    from {
        opacity: 0;
        transform: translate3d(-30px, 0, 0);
        transform-style: preserve-3d;
    }

    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes fadeInRightCustom {
    from {
        opacity: 0;
        transform: translate3d(30px, 0, 0);
        transform-style: preserve-3d;
    }

    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes fadeInUpCustom {
    from {
        opacity: 0;
        transform: translate3d(0, 30px, 0);
        transform-style: preserve-3d;
    }

    to {
        opacity: 1;
        transform: none;
    }
}
.fadeInLeft {
    animation-name: fadeInLeftCustom !important;
}
.fadeInRight {
    animation-name: fadeInRightCustom !important;
}
.fadeInUp {
    animation-name: fadeInUpCustom !important;
}
.animated {
    animation-duration: 1s !important;
}


/* ------------- FORMS ---------------- */
label,
.wpforms-container label.wpforms-field-label,
.wpforms-container-full label.wpforms-field-label{
    color: var(--Very-dark-blue, #0E0E0E) !important;
    font-family: var(--font-family-heading);
    font-size: 18px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 130% !important;
    padding-bottom:4px !important;
    margin-bottom:0px !important;
    display:block;
}
input[type=text],
.learndash-wrapper #learndash-reset-password-wrapper input[type=text],
.ecomailCTANewsletter input[type=text],
.ecomailCTANewsletter input[type=email],
.ecomailAppkaBetaNewsletter input[type=email],
input[type=number],
input[type=tel],
input[type=email],
.ec-v-form-input input,
textarea,
select,
div.wpforms-container-full input[type=email],
div.wpforms-container-full input[type=number],
div.wpforms-container-full input[type=tel],
div.wpforms-container-full input[type=text],
div.wpforms-container-full select,
div.wpforms-container-full textarea,
.wp-core-ui div.wpforms-container-full input[type=email],
.wp-core-ui div.wpforms-container-full input[type=number],
.wp-core-ui div.wpforms-container-full input[type=tel],
.wp-core-ui div.wpforms-container-full input[type=text],
.wp-core-ui div.wpforms-container-full select,
.wp-core-ui div.wpforms-container-full textarea,
.woocommerce-cart #couponPopup .coupon input,
.woocommerce-checkout .registrace input[type=password],
.woocommerce form .form-row .input-text,
input[type=password]{
    border-radius: 12px;
    border: 2px solid transparent;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.06);
    background: #F1F1F1;

    padding:13px 18px;

    transition-timing-function: ease-in;
    transition: 380ms;
}
.ecomailCTANewsletter input[type=text],
.ec-v-form-input input,
.ecomailCTANewsletter input[type=email],
.ecomailAppkaBetaNewsletter input[type=email],
.woocommerce-cart #couponPopup .coupon input,
div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type=date], .wp-core-ui div.wpforms-container-full input[type=datetime], .wp-core-ui div.wpforms-container-full input[type=datetime-local], .wp-core-ui div.wpforms-container-full input[type=email], .wp-core-ui div.wpforms-container-full input[type=month], .wp-core-ui div.wpforms-container-full input[type=number], .wp-core-ui div.wpforms-container-full input[type=password], .wp-core-ui div.wpforms-container-full input[type=range], .wp-core-ui div.wpforms-container-full input[type=search], .wp-core-ui div.wpforms-container-full input[type=tel], .wp-core-ui div.wpforms-container-full input[type=text], .wp-core-ui div.wpforms-container-full input[type=time], .wp-core-ui div.wpforms-container-full input[type=url], .wp-core-ui div.wpforms-container-full input[type=week], .wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full textarea{
    border-radius: 12px !important;
    border: 2px solid transparent !important;
    background: #F1F1F1 !important;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.06) !important;

    padding:13px 18px !important;

    transition-timing-function: ease-in !important;
}
input[type=text],
.ecomailCTANewsletter input[type=text],
.ecomailCTANewsletter input[type=email],
.ecomailAppkaBetaNewsletter input[type=email],
.learndash-wrapper #learndash-reset-password-wrapper input[type=text],
.ecomailCTANewsletter input::placeholder,
.ecomailAppkaBetaNewsletter input::placeholder,
.woocommerce-cart #couponPopup .coupon input::placeholder,
input[type=number],
input[type=tel],
input[type=email],
.woocommerce-checkout .registrace input[type=password],
input[type=password],
.ec-v-form-input input,
textarea,
select,
div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type=date], .wp-core-ui div.wpforms-container-full input[type=datetime], .wp-core-ui div.wpforms-container-full input[type=datetime-local], .wp-core-ui div.wpforms-container-full input[type=email], .wp-core-ui div.wpforms-container-full input[type=month], .wp-core-ui div.wpforms-container-full input[type=number], .wp-core-ui div.wpforms-container-full input[type=password], .wp-core-ui div.wpforms-container-full input[type=range], .wp-core-ui div.wpforms-container-full input[type=search], .wp-core-ui div.wpforms-container-full input[type=tel], .wp-core-ui div.wpforms-container-full input[type=text], .wp-core-ui div.wpforms-container-full input[type=time], .wp-core-ui div.wpforms-container-full input[type=url], .wp-core-ui div.wpforms-container-full input[type=week], .wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full textarea,
input::placeholder{
    color: rgba(0, 0, 0, 0.50);
    font-feature-settings: 'calt' off;
    font-family: var(--font-family-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.28px;
}
.ecomailCTANewsletter input[type=text],
.ec-v-form-input input,
.ecomailCTANewsletter input[type=email],
.ecomailAppkaBetaNewsletter input[type=email],
div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type=date], .wp-core-ui div.wpforms-container-full input[type=datetime], .wp-core-ui div.wpforms-container-full input[type=datetime-local], .wp-core-ui div.wpforms-container-full input[type=email], .wp-core-ui div.wpforms-container-full input[type=month], .wp-core-ui div.wpforms-container-full input[type=number], .wp-core-ui div.wpforms-container-full input[type=password], .wp-core-ui div.wpforms-container-full input[type=range], .wp-core-ui div.wpforms-container-full input[type=search], .wp-core-ui div.wpforms-container-full input[type=tel], .wp-core-ui div.wpforms-container-full input[type=text], .wp-core-ui div.wpforms-container-full input[type=time], .wp-core-ui div.wpforms-container-full input[type=url], .wp-core-ui div.wpforms-container-full input[type=week], .wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full textarea,
.ecomailCTANewsletter input::placeholder,
.ecomailAppkaBetaNewsletter input::placeholder{
    color: rgba(0, 0, 0, 0.50) !important;
    font-feature-settings: 'calt' off !important;
    font-family: var(--font-family-text) !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    letter-spacing: -0.28px !important;
}
input[type=text]:focus,
input[type=text]:active,
.ecomailCTANewsletter input[type=text]:focus,
.ecomailCTANewsletter input[type=email]:focus,
.woocommerce-cart #couponPopup .coupon input:focus,
.ecomailAppkaBetaNewsletter input[type=email]:focus,
.ecomailCTANewsletter input[type=text]:active,
.woocommerce-cart #couponPopup .coupon input:active,
.ecomailCTANewsletter input[type=email]:active,
.ecomailAppkaBetaNewsletter input[type=email]:active,
input[type=number]:focus,
input[type=number]:active,
input[type=tel]:focus,
input[type=tel]:active,
.learndash-wrapper #learndash-reset-password-wrapper input[type=text]:focus,
.learndash-wrapper #learndash-reset-password-wrapper input[type=text]:active,
.woocommerce-checkout .registrace input[type=password]:focus,
input[type=password]:active,
.woocommerce-checkout .registrace input[type=password]:active,
input[type=password]:focus,
.ec-v-form-input input:active,
.ec-v-form-input input:focus,
textarea:focus,
textarea:active,
input[type=email]:focus,
input[type=email]:active{
    border:2px solid var(--Very-dark-blue, #0E0E0E);
}
.ecomailCTANewsletter input[type=text]:focus,
.ec-v-form-input input:focus,
.ecomailCTANewsletter input[type=email]:focus,
.ecomailAppkaBetaNewsletter input[type=email]:focus,
.ecomailCTANewsletter input[type=text]:active,
.ec-v-form-input input:active,
.ecomailCTANewsletter input[type=email]:active,
.ecomailAppkaBetaNewsletter input[type=email]:active,
div.wpforms-container-full input[type=text]:focus,
div.wpforms-container-full input[type=email]:focus,
div.wpforms-container-full textarea:focus,
div.wpforms-container-full input[type=text]:active,
div.wpforms-container-full input[type=email]:active,
div.wpforms-container-full textarea:active{
    border:2px solid var(--Very-dark-blue, #0E0E0E) !important;
}
input[type=text]:disabled,
.ecomailCTANewsletter input[type=text]:disabled,
.ecomailCTANewsletter input[type=email]:disabled,
.ecomailAppkaBetaNewsletter input[type=email]:disabled,
input[type=text].disabled,
input[type=number].disabled,
input[type=number]:disabled,
input[type=tel].disabled,
input[type=tel]:disabled,
.learndash-wrapper #learndash-reset-password-wrapper input[type=text]:disabled,
textarea.disabled,
textarea:disabled,
input[type=email]:disabled,
input[type=email].disabled{
    opacity: 0.6;
}
.ecomailCTANewsletter input[type=text]:disabled,
.ecomailCTANewsletter input[type=email]:disabled,
.ecomailAppkaBetaNewsletter input[type=email]:disabled{
    opacity: 0.6 !important;
}
.wpforms-container .wpforms-field,
.wpforms-container .wpforms-submit-container,
.wpforms-field-checkbox,
.wpforms-field-checkbox ul{
    padding:0px !important;
}
.wpforms-container{
    margin:0px;
}
.wpforms-container .wpforms-field{
    margin-bottom:16px;
}
.wpforms-field-checkbox ul li label,
.wpforms-field-checkbox ul li label a{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: var(--font-family-text);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 18.6px */
}
.wpforms-field-checkbox ul li label a{
    text-decoration:underline;
}
.wpforms-field-checkbox ul li label a:hover{
    text-decoration:none;
}
.wpforms-container label.wpforms-error,
.wpforms-container .wpforms-required-label{
    color:#E05A52;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 24.8px */
    font-family: var(--font-family-text);
}
.wpforms-container .wpforms-field input.wpforms-error, .wpforms-container .wpforms-field input.user-invalid, .wpforms-container .wpforms-field textarea.wpforms-error, .wpforms-container .wpforms-field textarea.user-invalid, .wpforms-container .wpforms-field select.wpforms-error, .wpforms-container .wpforms-field select.user-invalid, .wpforms-container .wpforms-field.wpforms-has-error .choices__inner,
.ec-v-form-error{
    border:1px solid #E05A52 !important;
}
input.ec-v-form-has-error, .ec-v-form-input.ec-v-form-has-error input[type=checkbox]+label:before{
    border-color:#E05A52 !important;
}
.ec-v-form-error{
    color:#E05A52 !important;
    background-color: transparent !important;
}

.ecomailCTANewsletter .ec-v-forms-label,
.ecomailAppkaBetaNewsletter .ec-v-forms-label{
    display:none;
}
.ecomailCTANewsletter .ec-v-form-input{
    margin-top:7px;
}
.ecomailCTANewsletter .ec-v-form-input:first-child{
    margin-top:0px;
}

.ecomailCTANewsletter .ec-v-form-html{
    color: #FFF;
    font-family: var(--font-family-text);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 18.6px */
    margin:5px 0px 20px 0px;
}
.newsletter.svetly .ecomailCTANewsletter .ec-v-form-html{
    color: var(--Very-dark-blue, #0E0E0E);
}
.ecomailCTANewsletter .ec-v-form-html a{
    color: #FFF;
    font-family: var(--font-family-text);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    text-decoration-line: underline;
    padding-top:5px;
    padding-bottom:20px;
}
.newsletter.svetly .ecomailCTANewsletter .ec-v-form-html a{
    color: var(--Very-dark-blue, #0E0E0E);
}
.ecomailCTANewsletter .ec-v-form-html a:hover{
    text-decoration:none !important;
}

.card{
    border-radius: 40px;
    background: var(--Green-Tints-Green-25, #E7F9CD);
    padding:40px 38px;

    color: var(--Very-dark-blue, #0E0E0E);
    font-family: var(--font-family-heading);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;

    transition-timing-function: ease-in;
    transition: 380ms;
}
.card:hover{
    border: 2px solid var(--Green-Tints-Fresh-Green, #A2E640);
}

.success,
.error{
    border-radius: 17px;
    padding:32px 44px;

    text-align: center;
    font-family: var(--font-family-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 21.6px */
}
.success{
    background: var(--Green-Tints-Fresh-Green, #A2E640);
    color: #000;
}
.error{
    background: #E05A52;
    color: #FFF;
}
.orange{
    color: var(--Semantics-Yellow, #E38A00);
    font-weight: 400;
}
nav .orange{
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 700 !important;
    font-weight: 400;
    line-height: 160%;
    display:inline-block;
}
.green{
    color: var(--Green-Tints-Dark-Green, #548311);
    font-weight: 400;
}
.greenLime{
    color: var(--Green-Tints-Lime-Green, #6EAB16);
    font-weight: 400;
}
.purple{
    color: #B869ED;
    font-weight: 400;
}

.greenLabel,
.orangeLabel,
.purpleLabel{
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 155%;
    border-radius: 12px;
    display:inline-block;
    padding:8px 20px;
    width: fit-content;
}
.greenLabel{
    color: var(--Green-Tints-Dark-Green, #548311);
    border: 1px solid #D1F3A0;
    background: linear-gradient(180deg, #F4FCE8 0%, #E7F9CD 100%);
}
.orangeLabel{
    color: var(--Semantics-Yellow, #E38A00);
    border: 1px solid #FEF4DA;
    background: linear-gradient(180deg, #FFFCF6 0%, #FEEDD0 100%);
}
.purpleLabel{
    color: var(--Purple-Webin, #C179DE);
    border: 1px solid #F2E6FF;
    background: linear-gradient(180deg, #FDF7FF 0%, #F2E6FF 100%);
}
.boxesLinks a,
.boxesLinks a p,
.boxesLinks a h2,
.boxesLinks a h3{
    text-decoration: none !important;
}


/* NAV */
.navbar{
    transition: top 0.3s;
    top: 0px;
    position: fixed;
    width: 100%;
    z-index: 1000;
    background: var(--Gray-Background, #FEFEFE);
}
.navbar.hidden {
    top: -100px;
}
nav .container{
    /*border-radius: 40px;*/

    /*padding:12px 0px;*/
    /*border: 1px solid rgba(102, 196, 97, .1);*/

}
nav .navbar-brand{
    margin-right:32px;
}
nav ul.hlavni-vlevo,
nav .rightSide{
    display: flex;
    gap: 24px;
}
nav .rightSide{
    display:flex;
    align-items:center;
    justify-content:center;
}
nav .collapse > ul > li > a,
nav .collapse > .rightSide > ul > li > a{
    margin:0px !important;
    padding:4px 8px !important;
    color: var(--Very-dark-blue, #0E0E0E) !important;
    font-family: var(--font-family-text);
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 160%;
    position: relative;
    text-decoration:none;
}

nav .collapse > ul > li > a::before ,
nav .collapse > .rightSide > ul > li > a::before {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    border-radius: 5px;
    height: 2px;
    bottom: 0;
    left: 0;
    background: currentcolor;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
nav .collapse > ul > li.current-menu-item > a::before,
nav .collapse > ul > li > a:hover::before,
nav .collapse > .rightSide > ul > li > a:hover::before {
    transform: scaleX(1);
    transform-origin: bottom left;
}

nav .collapse > ul > li > a.dropdown-toggle,
nav .collapse > .rightSide > ul > li > a.dropdown-toggle{
    padding-right:18px !important;
}

nav li a.dropdown-toggle::after{
    content: '' !important;
    display: block !important;
    width: 14px;
    height: 14px;
    background-image: url('./assets/images/icons/dropdown-arrow-light.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 52%;
    right: 6px;
    transform: translate(50%,50%);
    transform-origin: center;

    border:0px !important;
    margin: 0px !important;
    vertical-align: 0px !important;

    transition-timing-function: ease-in !important;
    transition: 380ms !important;
}
/*nav li a.dropdown-toggle:hover::after,
nav li a.dropdown-toggle:active::after,
nav li.current-menu-item a.dropdown-toggle:active::after,
nav li.current-menu-item a.dropdown-toggle::after{
    background-image: url('./assets/images/icons/dropdown-arrow-dark.svg');
}*/

nav ul li:hover > .subMenuCustom{
    display: block;
}

nav ul .subMenuCustom{
    display:none;
    position: absolute;
    top: 28px;
    z-index: 1000;
    padding-top:35px;
}
nav ul .subMenuCustom ul.dropdown-menu{
    display:inline-grid;
    position:relative !important;

    padding: 40px 48px;

    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    width:100%;

    border-radius: 40px;
    border: 1px solid var(--Gray-25, #D1D1D1);
    background: rgba(252, 255, 253, 0.90);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.04);
    backdrop-filter: blur(20px);
}
nav ul ul.dropdown-menu li{
    margin:0 !important;
    padding:0;
    display:inline-block;
}

nav ul ul.dropdown-menu li a span{
    white-space: break-spaces;
}
ul.dropdown-menu li a{
    color: var(--Charcoal, #323232) !important;
    font-family: var(--font-family-text);
    font-size: 18px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 25.2px; /* 140% */
    background-color:transparent !important;
    padding: 24px;
    border:1px solid transparent;
}
ul.dropdown-menu li a span{
    color: var(--Charcoal, #323232) !important;
    font-family: var(--font-family-text);
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 160%;
    display:block;
    margin-top:8px;
}
ul.dropdown-menu li a:hover,
ul.dropdown-menu li a:focus{
    border-radius: 16px;
    background: #F6F8F6 !important;
}
ul.dropdown-menu li a:focus{
    border: 1px solid var(--Gray-50, #D1D1D1);
}

nav .collapse{
    position:relative;
}

/*nav .collapse .topLine{
    position:absolute;
    top:-38px;
    right:0px;
}
.logged-in nav .collapse .topLine{
    top: -48px;
}
nav .collapse .topLine li a{
    color: var(--Very-dark-blue, #0E0E0E);

     Website/Paragraphs/MiniTiny 
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration:none;
}
nav .collapse .topLine li a:hover{
    text-decoration: underline !important;
}*/
nav .mobileAccount{
    display:none;
}
/* -------------------------- CONTENT -------------------------- */
main{
    overflow-x:hidden;
    margin-top:100px;
}
section.elementor-element{
    margin-bottom:100px;
}
.home section.elementor-element{
    margin-bottom:120px;
}

.row{
    margin-left:0;
    margin-right:0;
}
.row>*{
    padding-right: 24px;
    padding-left: 24px;
}
.container-fluid,
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl,
.container-fluid .row>*{
    padding-left: 0;
    padding-right: 0;
}



/* --------------------------ELEMENTS --------------------------- */

.vypisClankuBlog .clanek:hover .arrow{
    background-color: var(--Green-Tints-Green-50, #D1F3A0);
}
.vypisClankuBlog .clanek:focus .arrow{
    background-color: #D1F3A0;
}

/* ----------------------- newsletter section -------------------------- */
.newsletter:not(.footer){
    border-radius: 40px;
    background: var(--Very-dark-blue, #0E0E0E);
    padding:47px 96px;
    display: flex;
    justify-content: space-between;
}
.newsletter:not(.footer).svetly{
    background: var(--Green-Tints-Green-10, #F4FCE8);
}
.newsletter:not(.footer) .ec-v-form-holder{
    width: auto !important;
}
.newsletter:not(.footer) .ec-v-form-holder form{
    min-height: unset !important;
}
.newsletter:not(.footer) .ec-v-form-step{
    height:auto !important;
}
.newsletter:not(.footer) .ec-v-form-input,
.newsletter:not(.footer) .ec-v-form-text,
.newsletter:not(.footer) .ec-v-form-submit{
    padding: 0px !important;
}
.newsletter:not(.footer) .ec-v-form-text a,
.newsletter:not(.footer) .ec-v-form-text{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: IvyEpic;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}
.newsletter:not(.footer) h3,
.newsletter:not(.footer) label,
.newsletter:not(.footer) p{
    color:var(--white);
    padding-bottom:14px;
}
.newsletter:not(.footer).svetly h3,
.newsletter:not(.footer).svetly label,
.newsletter:not(.footer).svetly p{
    color: var(--Very-dark-blue, #0E0E0E);
}
.newsletter:not(.footer).svetly input{
    background:#fff !important;
}
.newsletter:not(.footer) p{
    font-size: 16px;
}
.newsletter:not(.footer) .imageBullets{
    display: flex;
    align-items: center;
}
.newsletter:not(.footer) .imageBullets ul{
    margin-bottom:0px;
    margin-left:53px;
}
.newsletter:not(.footer) .imageBullets li{
    color:var(--white);
    font-size: 16px;
}
.newsletter:not(.footer).svetly .imageBullets li{
    color: var(--Very-dark-blue, #0E0E0E);
}

/* BLOG */
.vypisClankuBlog{
    display: grid;
    row-gap: 20px;
    column-gap: 20px;
}
.blog-sekce .vypisClankuBlog{
    row-gap: 40px;
}
.vypisClankuBlog.dvaSloupce{
    grid-template-columns: 1fr 1fr;
}
.vypisClankuBlog .clanek{
    border-radius: 40px;
    background: var(--Green-Tints-Green-25, #E7F9CD);
    padding:40px 102px 40px 40px;
    display: grid;
    position:relative;
    cursor:pointer;

    transition-timing-function: ease-in;
    transition: 380ms;
}
.vypisClankuBlog .clanek .text{
    row-gap: 12px;
    display: flex;
    flex-direction: column;
}
.blog-sekce .vypisClankuBlog .clanek{
    padding:0px 102px 0px 0px;
    background:none;
    border-radius:0px;
    display: flex;
}
.vypisClankuBlog .clanek:hover{
    background: var(--Green-Tints-Green-50, #D1F3A0);
}
.blog-sekce .vypisClankuBlog .clanek:hover{
    background:transparent;
}
.blog-sekce .vypisClankuBlog .clanek h3{
    transition-timing-function: ease-in;
    transition: 380ms;
}
.blog-sekce .vypisClankuBlog .clanek:hover h3{
    text-decoration:underline;
    color:var(--Charcoal, #323232);
}
.vypisClankuBlog .clanek .atributy,
.singleAktualita .atributy{
    display: flex;
    column-gap: 12px;
    align-items: center;
}
.singleAktualita .atributy{
    margin-bottom:40px;
    padding-bottom: 40px;
    border-bottom:1px solid #D1D1D1;
}
.vypisClankuBlog .clanek .atributy span,
.singleAktualita .atributy span{
    display: inline-block;
    font-size:16px;
    line-height: 26px;
}
.vypisClankuBlog .clanek .atributy span.rubrikaClanku,
.blog-sekce .rubrika,
.singleAktualita .rubrikaClanku{
    padding:6px 12px;
    border-radius: 10.002px;
}
.vypisClankuBlog .clanek .atributy span.datumClanku,
.singleAktualita .atributy span.datumClanku,
.vypisClankuBlog .clanek .atributy span.dobaCteniClanku,
.singleAktualita .atributy span.dobaCteniClanku{
    color: #727272;
}
.vypisClankuBlog .clanek .arrow{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background-image: url(assets/images/icons/arrow-right.svg);
    background-size: 16px 12px;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center;
    border-radius: 50%;
    margin-left: 32px;
    cursor: pointer;
    right: 40px;
    transition-timing-function: ease-in;
    transition: 380ms;
}
.blog-sekce .vypisClankuBlog .clanek .arrow{
    background-color:var(--Green-Tints-Green-25, #E7F9CD);
}
.blog-sekce .vypisClankuBlog .clanek:hover .arrow{
    background-color:#A2E640;
}
.vypisClankuBlog .clanek .imagePlaceholder{
    /*display:none;*/
}
.blog-sekce .vypisClankuBlog .clanek .imagePlaceholder{
    display:block;
    float:left;
    width:150px;
    min-width:150px;
    height:150px;
    border-radius: 20px;
    background: #C4C4C4;
    margin-right:40px;
}
.pocetClankuSearch{
    margin: 15px 0px;
    display: block;
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%;
    color: var(--Very-dark-blue, #0E0E0E);
}
.pocetClankuSearch.notFound{
    color: var(--Semantics-Yellow, #E38A00);
}
.vypisClankuBlog.singlePreview {

}
.vypisClankuBlog.singlePreview .clanek{
    padding: 40px;
    display:flex;
    justify-content: space-between;
    align-items: center;
    gap:24px;
    background: rgba(255, 255, 255, 0.40);
    border-radius:40px;
}
.vypisClankuBlog.singlePreview .clanek:hover {
    background: var(--Green-Tints-Green-50, #D1F3A0);
}
.vypisClankuBlog.singlePreview .text{
    row-gap:24px;
    max-width: 530px;
}
.vypisClankuBlog.singlePreview .text p{
    font-size: 22px;
    line-height: 155%; /* 34.1px */
}

.singleAktualita{
    margin-bottom:100px;
}
.singleAktualita > .row{
    gap:64px;
}
/*.singleAktualita .bread{
    margin-bottom:40px;
}*/
.singleAktualita .bread,
.singleAktualita .bread a{
    color: #727272;
    font-family: var(--font-family-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 24.8px */
    transition-timing-function: ease-in;
    transition: 380ms;
}
.singleAktualita .bread a:hover{
    font-weight: 700;
    text-decoration:underline;
}
.singleAktualita .bread span{
    color: var(--Gray-50, #D1D1D1);
    padding:0 5px;
}
.singleAktualita h1{
    margin:0px 0px 16px 0px;
    color: #0E0E0E;
}
.singleAktualita .attribShare{
    margin-bottom:16px;
}
.singleAktualita .attribShare .socials{
    display:flex;
    column-gap: 24px;
    flex-direction: row;
    justify-content: end;
}
.singleAktualita .attribShare .socials .single{
    display:flex;
}
.singleAktualita .attribShare .socials .single a svg path.hover{
    transition-timing-function: ease-in;
    transition: 380ms;
}
.singleAktualita .attribShare .socials .single a:hover svg path.hover{
    fill:#0E0E0E;
}
.singleAktualita .elementor > .e-con.e-parent{
    margin:40px 0px;
}
.singleAktualita .elementor > .e-con.e-parent:first-of-type{
    margin-top:0px;
}
.singleAktualita .wp-caption img{
    border-radius: 20px !important
}
.singleAktualita figure figcaption{
    color: #2F3942;
    font-family: IvyEpic;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 21.7px */
}
.postSingleAktualita .sekce{
    row-gap: 32px;
    display: flex;
    flex-direction: column;
    margin-bottom: 100px;
}
.postSingleAktualita .sekce > a{
    display:inline-block;
    margin:0 auto;
}
.singleAktualita .shareSocial{
    border-radius: 20px;
    background: var(--Green-Tints-Green-50, #D1F3A0);
    padding:32px 56px;
}
.singleAktualita .shareSocial .text{
    color: #000;
    font-family: var(--font-family-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 24.8px */
}
.singleAktualita .shareSocial .text span{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: var(--font-family-heading);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 133.333% */
    margin-bottom:4px;
    display:block;
}
.singleAktualita .shareSocial .socials,
.shareSentence .socials{
    display:flex;
    column-gap: 20px;
    justify-content: center;
    align-items: center;
}
.singleAktualita .sidebar{
    position: relative;
}
.singleAktualita .sidebar .inner{
    display:flex;
    gap:24px;
    flex-direction: column;
    height:fit-content;
}
.singleAktualita .sidebar .inner.fixed{
    position: fixed;
    top: 0; /* Ukotví element na vrcholu */
    z-index: 10;
    margin-top: 100px;
}
.singleAktualita .sidebar .obsahClanku{
    border-radius: 20px;
    border: 3px solid var(--Gray-25, #D1D1D1);
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}
.singleAktualita .sidebar .obsahClanku #menuClanku ol{
    margin: 0;
    padding-left: 20px;
}
.singleAktualita .sidebar .obsahClanku #menuClanku a{
    text-decoration:underline;
}
.singleAktualita .sidebar .obsahClanku #menuClanku a,
.singleAktualita .sidebar .obsahClanku #menuClanku li::marker{
    color: var(--Gray-75, #7F7F7F);

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 165%; /* 26.4px */
}
.singleAktualita .sidebar .obsahClanku #menuClanku li.active a,
.singleAktualita .sidebar .obsahClanku #menuClanku li.active::marker {
    color: var(--Very-dark-blue, #0E0E0E);
    font-weight: 700;
    text-decoration:none;
}
.shareSentence{
    row-gap: 16px;
    padding: 0 24px;
    display: flex;
    flex-direction: column;
}
.shareSentence p{
    color: var(--Gray-75, #7F7F7F);
}
.shareSentence .socials{
    justify-content: flex-start;
}
.singleAktualita .shareSocial .socials .single{
    cursor:pointer;
}
.shareSentence .socials .single a svg path.hover,
.singleAktualita .shareSocial .socials .single svg path.hover{
    transition-timing-function: ease-in;
    transition: 380ms;
}
.shareSentence .socials .single a:hover svg path.hover{
    fill:#6EAB16;
}
.singleAktualita .shareSocial .socials .single.share-facebook:hover svg path.hover{
    fill: #0043BE;
}
.singleAktualita .shareSocial .socials .single.share-twitter:hover svg path.hover{
    fill: #0075C0;
}
.singleAktualita .shareSocial .socials .single.share-linkedin:hover svg path.hover{
    fill: #004381;
}
.singleAktualita .shareSocial .socials{
    column-gap: 24px;
    justify-content:end;
}
/* Blog sekce */
.blog-sekce .sidebar{
    border-right: 1px solid #DADADA;
}
.blog-sekce .content{
    padding-left:60px;
}
.blog-sekce h3{
    font-size:22px;
    font-weight:600;
    margin-bottom:16px;
}
.blog-sekce .clanek h3{
    margin-bottom:0px;
}
.blog-sekce .rubrika{
    display:table;
    margin-bottom:8px;
    font-size:18px;
    cursor:pointer;
    line-height: 155%;
    border-radius: 10px;
    border: 1px solid var(--Very-dark-blue, #0E0E0E);
    padding:4px 12px;
    transition-timing-function: ease-in;
    transition: 380ms;
}
.blog-sekce .rubrika:hover,
.blog-sekce .rubrika.active{
    border:1px solid transparent;
}

.blog-sekce #search-form{
    margin-bottom: 40px;
    text-align: right;
}
.blog-sekce #search-form input{
    border-radius: 12px;
    border: 1px solid var(--Gray-50, #D1D1D1);
    background: #FFF;
    padding: 8px 24px;
    width:350px;
    max-width: 100%;
}
.blog-sekce #search-form button{
    border-radius: 50px;
    padding: 8px 24px;
    transition-timing-function: ease-in;
    transition: 380ms;
}
.blog-sekce .pagination {
    margin-top:40px;
}
.blog-sekce .pagination a.prev,
.blog-sekce .pagination a.next{
    display:none;
}
.blog-sekce .pagination a,
.blog-sekce .pagination span.current{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: var(--font-family-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 24.8px */
    text-decoration: none;
    padding:8px 10px;
}
.blog-sekce a.disable,
.blog-sekce a.disable:hover,
.blog-sekce .pagination a:hover{
    color:#C4C4C4;
}
.blog-sekce .pagination a svg{
    margin-top:-5px;
}
.blog-sekce .pagination a svg path{
    transition-timing-function: ease-in;
    transition: 380ms;
}
.blog-sekce a.disable svg path,
.blog-sekce a.disable:hover svg path,
.blog-sekce .pagination a:hover svg path{
    fill:#C4C4C4;
}
.blog-sekce .pagination span.current{
    font-weight: 700;
}
.blog-sekce a.disable,
.blog-sekce .pagination span.current:hover{
    cursor:not-allowed;
}

.blog-sekce .pagination a.prev-page {
    margin-right: 16px;
}
.blog-sekce .pagination a.prev-page svg{
    margin-right:12px;
}
.blog-sekce .pagination a.next-page {
    margin-left: 16px;
}
.blog-sekce .pagination a.next-page svg{
    margin-left:12px;
}


.vypisReferenceUcitelu .scrollable-boxes,
.vypisReferenceFinHra .scrollable-boxes{
    margin-top:32px;
    overflow-x: auto;
    white-space: nowrap;
    overflow:visible;
    cursor:grab;
}
.vypisReferenceUcitelu .scrollable-boxes .box,
.vypisReferenceFinHra .scrollable-boxes .box{
    width: 450px;
    flex: 0 0 auto; /* Neomezuj šířku boxů */
    margin-left: 32px;
    padding: 40px;
    border-radius: 40px;
    background: var(--Green-Tints-Green-25, #E7F9CD);
    display: inline-block;
    user-select: none;
}
.vypisReferenceUcitelu .scrollable-boxes::-webkit-scrollbar,
.vypisReferenceFinHra .scrollable-boxes::-webkit-scrollbar {
    width: 0; /* Šířka scrollbaru na nulu */
}

.vypisReferenceUcitelu .scrollable-boxes::-webkit-scrollbar-thumb,
.vypisReferenceFinHra .scrollable-boxes::-webkit-scrollbar-thumb {
    background-color: transparent; /* Barva thumb (posuvníku) */
}

.vypisReferenceUcitelu .scrollable-boxes .box,
.vypisReferenceFinHra .scrollable-boxes .box{
    width: 370px;
    flex: 0 0 auto;
    padding: 24px 32px;
    border-radius: 20px;
    background: var(--Green-Tints-Green-10, #F4FCE8);
}
.vypisReferenceUcitelu .scrollable-boxes .box .message{
    padding-bottom:24px;
}
.vypisReferenceUcitelu .scrollable-boxes .box .message,
.vypisReferenceFinHra .scrollable-boxes .box .message,
.vypisReferenceUcitelu .scrollable-boxes .box .message p,
.vypisReferenceFinHra .scrollable-boxes .box .message p{
    white-space: break-spaces;
    user-select: none;
    display: flex;
}

.vypisReferenceUcitelu .scrollable-boxes .box .by,
.vypisReferenceFinHra .scrollable-boxes .box .by{
    color: var(--Charcoal, #323232);
    font-family: var(--font-family-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    white-space: break-spaces;
}
.vypisReferenceFinHra .box .show-more {
    cursor: pointer;
    color: var(--Very-dark-blue, #0E0E0E);
    /* Website/Paragraphs/Parag. Small */
    font-family: IvyEpic;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    text-decoration: underline;
}
.vypisReferenceFinHra .scrollable-boxes .box .by{
    padding-top:24px;
}



/*------------------------------------------- Kontakt -------------------------------------------*/
.kontaktForm .div.wpforms-container-full:not(:empty),
div.wpforms-container-full{
    margin:0px !important;
}
.kontaktForm .wpforms-container .wpforms-field, .kontaktForm .wp-core-ui div.wpforms-container .wpforms-field{
    padding: 0px;
    margin:0px 0px 15px 0px;
}
.kontaktForm label, .kontaktForm .wpforms-container label.wpforms-field-label{
    margin-bottom:4px;
}
div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type=date], .wp-core-ui div.wpforms-container-full input[type=datetime], .wp-core-ui div.wpforms-container-full input[type=datetime-local], .wp-core-ui div.wpforms-container-full input[type=email], .wp-core-ui div.wpforms-container-full input[type=month], .wp-core-ui div.wpforms-container-full input[type=number], .wp-core-ui div.wpforms-container-full input[type=password], .wp-core-ui div.wpforms-container-full input[type=range], .wp-core-ui div.wpforms-container-full input[type=search], .wp-core-ui div.wpforms-container-full input[type=tel], .wp-core-ui div.wpforms-container-full input[type=text], .wp-core-ui div.wpforms-container-full input[type=time], .wp-core-ui div.wpforms-container-full input[type=url], .wp-core-ui div.wpforms-container-full input[type=week], .wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full textarea{
    background:#fff !important;
}
.kontaktForm button[type=submit]{
    border:0px !important;
    height:auto !important;
}
#wpforms-form-629 input,
#wpforms-form-629 textarea{
    background:#fff;
}
#wpforms-629-field_6{
    margin:0;
    padding:0;
    list-style:none;
}
.kontaktForm #wpforms-629-field_6 label,
.kontaktForm #wpforms-629-field_6 label a{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: var(--font-family-text);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}
.kontaktForm #wpforms-629-field_6 label a{
    text-decoration:underline;
}
.kontaktForm #wpforms-629-field_6 label a:hover{
    text-decoration:none;
}
.kontaktForm #wpforms-confirmation-629{
    border-radius: 17px !important;
    background: var(--Green-Tints-Fresh-Green, #A2E640) !important;
    padding:31px 44px 25px 44px !important;
    border:0px !important;
}
.kontaktForm #wpforms-confirmation-629 p{
    color: #000 !important;
    text-align: center !important;

    font-family: IvyEpic !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 155% !important;
}

/*------------------------------------------- 404 -------------------------------------------*/
.template404{
    margin-bottom:110px;
}
.template404 .text{
    flex-direction: column;
    display:flex;
}
.template404 .text p{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: var(--font-family-heading);
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 27.3px */
}
.template404 h1{
    margin-bottom:16px;
}
.template404 .buttons{
    display:flex;
    flex-direction: row;
    gap:16px;
    justify-content: center;
}

/* ------------------------------------------- Pop-up -------------------------------------------*/
/* Styl pro pozadí a overlay */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1050;
}
.popup-overlay:not(#registrace) .popup-content {
    padding: 40px 56px;
    position: relative;
    width: 100%;
    max-width: 960px;
    color: white;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border-radius: 40px;
    background: var(--Green-Tints-Green-25, #E7F9CD);
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.15);
    overflow:hidden;
}
@media (max-width: 960px) {
    .popup-content,
    .popup-overlay:not(#registrace) .popup-content{
        padding:20px;
        max-width:90%;
    }
}

.close-popup {
    position: absolute;
    top: 40px;
    right: 56px;
    color: white;
    cursor: pointer;
    font-size: 1.5em;
    z-index: 999;
}

.popup-overlay#popup-login .popup-content{
    padding:0px;
    overflow:hidden;
}
.loaderVidea{
    width:100%;
    aspect-ratio: 16 / 8;
    height: auto;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:24px;
}

/* Oauth pop-up */
#popup-login .content .requestPropojeni{
    padding: 80px 56px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
#popup-login .content .requestPropojeni form{
    display: flex;
    gap: 24px;
    align-items:center;
    justify-content:center;
}

.popupEcomailEbookZdarma .ec-v-form-holder{
    width:auto !important;
}
.popupEcomailEbookZdarma .ec-v-form-holder form{
    min-height:0px !important;
}
.popupEcomailEbookZdarma .ec-v-form-holder form > .ec-v-form-step{
    height:auto !important;
}
.popupEcomailEbookZdarma .ec-v-form-column{
    display:flex;
    padding: 10px 10px 10px 0px;
}
.popupEcomailEbookZdarma .ec-v-form-input{
    width:290px;
}
.popupEcomailEbookZdarma .ec-v-form-input input{
    border-radius: 12px !important;
    border: 1px solid var(--Gray-50, #D1D1D1) !important;
    background: #FFF !important;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.06) !important;
}
.popupEcomailEbookZdarma .ec-v-form-submit{
    margin-left:16px;
}
@media (max-width: 767.98px) {
    .popupEcomailEbookZdarma .ec-v-form-column{
        flex-direction: column;
    }
    .popupEcomailEbookZdarma .ec-v-form-input{
        width:100%;
    }
    .popupEcomailEbookZdarma .ec-v-form-submit{
        margin-left:0px;
        margin-top:8px;
        text-align:center !important;
    }
}

/* CUSTOM EDU */
.infoToggle{
    display:flex;
    flex-direction: row;
    gap:8px;
}
.infoToggler{
    position:relative;
}
.infoToggler .infoTogglerContent{
    position: absolute;
    bottom: 50px;
    width: 335px;
    transform: translateX(calc(-50% + 12px));
    border-radius: 10px;
    background: var(--Very-dark-blue, #0E0E0E);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
    padding: 16px;
    color: var(--Gray-White, #FFF);
    text-align: center;
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    display: none;
    z-index:9999;
}
.atributy .infoToggler .infoTogglerContent{
    transform: translateX(-40%);
}
.infoToggler .infoTogglerContent::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 12px;
    border-style: solid;
    border-color: var(--Very-dark-blue, #0E0E0E) transparent transparent transparent;
}

.breadcrumb{
    gap:12px;
    display:flex;
    flex-direction: row;
}
.breadcrumb a{
    display:inline-flex;
    color: var(--Gray-75, #7F7F7F);

    /* Website/Paragraphs/Parag. Small */
    font-family: IvyEpic;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 28.8px */
    text-decoration:none;
}
.breadcrumb a:hover{
    text-decoration:none;
    font-weight: 700;
}
.breadcrumb span{
    color: var(--Gray-50, #D1D1D1);
}

.toast{
    border-radius: 8px;
    padding:24px;
    display:flex;
    justify-content: space-between;
    position: fixed;
    top: 100px;
    right: 0;
    z-index:9999;
}
.toast.success{
    background: var(--Green-Tints-Fresh-Green, #A2E640);
}
.toast.failed{
    background: var(--Semantics-Red-50, #FF98A4);
}
.toast.info{
    background: var(--Charcoal, #323232);
}
.toast .text svg{
    display:none;
}
.toast.success .text svg:first-child,
.toast.info .text svg:first-child,
.toast.failed .text svg:last-child{
    display:block;
}
.toast.info .text svg path{
    fill:#323232;
}

.toast .text{
    display:flex;
    gap:16px;
    align-items: center;
    text-align:left;
}
.toast .text span{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: "Geologica", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 23.4px */
}
.toast.info .text span{
    color:#fff;
}
.toast .close{
    cursor:pointer;
}
.toast.info .close svg path{
    fill:#fff;
}
.toast .close:hover{
    opacity:0.8;
}

/*Grid školy a učitelé*/
.SAUmrizka a.elementor-element,
.SAUmrizka a.elementor-element h3,
.SAUmrizka a.elementor-element p{
    text-decoration:none;
}
.SAUmrizka a.elementor-element svg rect{
    transition-timing-function: ease-in;
    transition: 380ms;
}
.SAUmrizka a.elementor-element:hover{
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
}
.SAUmrizka a.elementor-element:hover > .e-con-inner > div:first-child > div:first-child {
    background-color:var(--Green-Tints-Fresh-Green, #A2E640);
}
.SAUmrizka a.elementor-element:hover svg rect{
    fill: var(--Green-Tints-Green-50, #D1F3A0);
}


/* ------------------------------------------- Videonávody  -------------------------------------------*/
.videonavody-container{
    display: grid;
    justify-content: center;
    align-items: flex-start;
    gap: 40px 80px;
    grid-template-columns: repeat(3, 1fr);
}
.videonavody-container .videonavod-box{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    cursor:pointer;
}
.videonavody-container .videonavod-box .img {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
}
.videonavody-container .videonavod-box .img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* Výchozí stav – žádná černá */
    transition: background 0.2s ease-in-out; /* Plynulý efekt */
}

.videonavody-container .videonavod-box:hover .img::after {
    background: rgba(0, 0, 0, 0.1); /* Překryje černou s 50% průhledností */
}
.videonavody-container .videonavod-box img{
    border-radius: 14px;
}
.videonavody-container .videonavod-box > div{
    display: flex;
    align-items: self-start;
    gap: 16px;
    align-self: stretch;
}
.videonavody-container .videonavod-box h3{
    color: var(--Charcoal, #323232);
    margin:0;
    flex: 1;
    text-align:left;
}
.videonavody-container .videonavod-box span{
    color: var(--Charcoal, #323232);
}
#popup-videonavod .popup-content{
    padding:40px !important;
}
#popup-videonavod .close-popup{
    top:10px;
    right:10px;
}
#popup-videonavod iframe{
    width:100%;
    aspect-ratio: 16 / 8;
    height: auto;
}
.loaderVidea{
    width:100%;
    aspect-ratio: 16 / 8;
    height: auto;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:24px;
}



/* ------------------------------------------- Poptávkové formuláře MAKE -------------------------------------------*/
#poptavkovy-formular-pomoc-nebo-rada{
    text-align:left;
}
#poptavkovy-formular-financni-hra{
    text-align:center;
}
#poptavkovy-formular-pomoc-nebo-rada .field{
    margin-bottom: 20px;
    text-align:left;
}
#poptavkovy-formular-financni-hra .field{
    margin-bottom: 40px;
    text-align:left;
}
#poptavkovy-formular-pomoc-nebo-rada label,
#poptavkovy-formular-pomoc-nebo-rada legend,
#poptavkovy-formular-financni-hra label,
#poptavkovy-formular-financni-hra legend{
    color: var(--Very-dark-blue, #0E0E0E);
    /* Website/Paragraphs/MiniTiny */
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#poptavkovy-formular-pomoc-nebo-rada legend,
#poptavkovy-formular-financni-hra legend{
    margin-bottom:16px;
}
#poptavkovy-formular-pomoc-nebo-rada label.checkbox,
#poptavkovy-formular-financni-hra label.checkbox{
    color: var(--Very-dark-blue, #0E0E0E);
    /* Website/Paragraphs/Parag. Tiny */
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 24.8px */
}
#poptavkovy-formular-pomoc-nebo-rada label.checkbox span,
#poptavkovy-formular-financni-hra label.checkbox span{
    color: var(--Gray-75, #7F7F7F);
    /* Website/Paragraphs/Parag. Tiny */
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}
#poptavkovy-formular-pomoc-nebo-rada input:not(input[type=checkbox]),
#poptavkovy-formular-pomoc-nebo-rada textarea,
#poptavkovy-formular-financni-hra input:not(input[type=checkbox]),
#poptavkovy-formular-financni-hra textarea{
    width:100%;
    border: 1px solid var(--Gray-50, #D1D1D1);
    background: #FFF;
}
#poptavkovy-formular-pomoc-nebo-rada select,
#poptavkovy-formular-financni-hra select{
    max-width:100%;
}
#poptavkovy-formular-pomoc-nebo-rada a.submit,
#poptavkovy-formular-financni-hra a.submit{
    text-align:center;
    margin:0 auto;
    cursor:pointer;
}
#poptavkovy-formular-pomoc-nebo-rada .acceptData,
#poptavkovy-formular-financni-hra .acceptData{
    display: block;
    margin-top: 20px;
}
#poptavkovy-formular-pomoc-nebo-rada .acceptData,
#poptavkovy-formular-pomoc-nebo-rada .acceptData a,
#poptavkovy-formular-financni-hra .acceptData,
#poptavkovy-formular-financni-hra .acceptData a{
    text-align:left;
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: IvyEpic;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 18.6px */
}
#poptavkovy-formular-financni-hra .acceptData,
#poptavkovy-formular-financni-hra .acceptData a{
    text-align:center;
}
#poptavkovy-formular-pomoc-nebo-rada #response-message,
#poptavkovy-formular-pomoc-nebo-rada #response-message-success,
#poptavkovy-formular-financni-hra #response-message,
#poptavkovy-formular-financni-hra #response-message-success{
    display:none;
    text-align:center;
}
#poptavkovy-formular-pomoc-nebo-rada #response-message-success p,
#poptavkovy-formular-financni-hra #response-message-success p{
    color: var(--Very-dark-blue, #0E0E0E);
    text-align: center;

    /* Website/Headings/H4 */
    font-family: "Geologica", sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 27.3px */

    margin-top:40px;
}
#poptavkovy-formular-pomoc-nebo-rada .invalid,
#poptavkovy-formular-financni-hra .invalid{
    border: 2px solid var(--Jelly-Bean, #E05A52) !important;
}

ul.custom-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 300px;
    border-radius: 12px;
    border: 1px solid var(--Gray-25, #D1D1D1);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
    z-index: 99999;
}
ul.custom-autocomplete li{

}
ul.custom-autocomplete li > div{
    border:1px solid transparent;
    padding: 8px 16px 8px 24px !important;
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
}
ul.custom-autocomplete li:hover > div{
    border-top: 1px solid var(--Gray-25, #D1D1D1);
    border-bottom: 1px solid var(--Gray-25, #D1D1D1);
    background: var(--Green-Tints-Green-25, #E7F9CD);
    color: var(--Very-dark-blue, #0E0E0E);
}
ul.custom-autocomplete::-webkit-scrollbar {
    width: 5px;
}
ul.custom-autocomplete::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 3px;
}
ul.custom-autocomplete::-webkit-scrollbar-thumb {
    background: #d6dad6;
    border-radius: 3px;
}
.grecaptcha-badge{
    display:none !important;
}

/* LMS */
nav .rightSide #menu-hlavni-menu-vpravo,
nav .rightSide .learndash-wrapper{
    display:inline-flex;
}
/*nav .rightSide .learndash-wrapper .ld-login-text.ld-login-button,
nav .rightSide .learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent),
.learndash-wrapper .ld-login-modal input[type=submit]#wp-submit{
    border-radius: 40px;
    background: var(--Green-Tints-Fresh-Green, #A2E640) !important;
    padding:16px 40px !important;
    border-bottom:0px !important;
    margin:0px !important;
    border:2px solid transparent;

    color: var(--Very-dark-blue, #0E0E0E) !important;
}
nav .rightSide .learndash-wrapper .ld-login-text.ld-login-button:hover,
.learndash-wrapper .ld-login-modal input[type=submit]#wp-submit{
    background: #D1F3A0 !important;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.06), 0px 0px 12px 0px rgba(0, 0, 0, 0.07) !important;
}
nav .rightSide .learndash-wrapper .ld-login-text.ld-login-button:focus,
.learndash-wrapper .ld-login-modal input[type=submit]#wp-submit{
    border: 2px solid var(--Green-Tints-Fresh-Green, #A2E640) !important;
    background: #D1F3A0 !important;
}*/
/*nav .rightSide .learndash-wrapper .ld-login-text.ld-login-button::before{
    content: '';
    position: unset !important;
    width: unset !important;
    transform: unset !important;
    border-radius: unset !important;
    height: 0;
    bottom: 0;
    left: 0;
    background: none;
    transition: unset !important;
}
nav .rightSide .learndash-wrapper .ld-login-text.ld-login-button:hover::before,
.learndash-wrapper .ld-login-modal input[type=submit]#wp-submit{
    transform: none;
    transform-origin: unset;
}
nav .rightSide .learndash-wrapper .ld-login-text.ld-login-button:active,
.learndash-wrapper .ld-login-modal input[type=submit]#wp-submit#wp-submit{
    background: #D1F3A0;
}
nav .rightSide .learndash-wrapper .ld-button.ld-login-button.ld-login .ld-icon{
    display:none;
}*/


.learndash-wrapper .ld-modal,
.popup-overlay#registrace{
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw !important;
    max-width: 100% !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.6) !important;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1050 !important;
    margin:0 !important;
    transform:none !important;
    box-shadow:0 !important;
}
.learndash-wrapper .ld-content,
.popup-overlay#registrace .popup-content{
    /*padding: 40px 56px;*/
    position: relative;
    width: 100%;
    max-width: 1000px;
    min-height: 700px;
}
@media (max-width: 960px) {
    .learndash-wrapper .ld-content,
    .popup-overlay#registrace .popup-content{
        /*padding:20px;*/
        max-width:90%;
    }
}
.popup-overlay#registrace .popup-content{
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    display:flex;
}

.learndash-wrapper .ld-modal-closer {
    z-index: 999;
}

.learndash-wrapper .ld-login-modal .ld-login-modal-login,
.popup-overlay#registrace .popup-content{
    border-radius: 20px;
    background: var(--Green-Tints-Green-10, #F4FCE8) !important;
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.15);
}

.ld-login-modal-wrapper{
    display:grid;
    grid-template-columns: repeat(2, 1fr);

    max-width: 100% !important;
    min-width: 100% !important;
    padding: 0px !important;
}
.ld-login-modal-wrapper-left{
    padding:40px 68px;
}
.ld-login-modal-wrapper-right{
    align-items: center;
    display: flex;
    justify-content: center;
    background-image:url('./assets/images/pozadiPopup.svg');
    border-radius: 0px 20px 20px 0;
}
.ld-login-modal-wrapper-left .ld-modal-heading#heading{
    color: var(--Very-dark-blue, #0E0E0E) !important;
    /* Website/Headings/H3 */
    font-family: "Geologica", sans-serif !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 130% !important; /* 31.2px */
    text-align: left !important;
}
.popup-overlay#registrace .ld-modal-text{
    margin-bottom:40px;
}
.ld-login-modal-wrapper-left .ld-modal-text,
.ld-login-modal-wrapper-left .vytvorUcet,
.popup-overlay#registrace  .prihlasUcet{
    color: var(--Very-dark-blue, #0E0E0E) !important;
    /* Website/Paragraphs/MiniTiny */
    font-family: "Geologica", sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    text-align: left !important;
}
.ld-login-modal-wrapper-left .vytvorUcet,
.popup-overlay#registrace  .prihlasUcet{
    text-align:center !important;
    margin-top:35px;
}
.ld-login-modal-form label,
.popup-overlay#registrace label{
    color: var(--Very-dark-blue, #0E0E0E) !important;

    /* Website/Paragraphs/MiniTiny */
    font-family: "Geologica", sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    text-align:left !important;
    margin-bottom:4px !important;
}

.learndash-wrapper .ld-login-modal .ld-login-field,
.learndash-wrapper .ld-login-modal .ld-password-field,
.learndash-wrapper .ld-login-modal input[type=email],
.popup-overlay#registrace input[type=email],
.learndash-wrapper .ld-login-modal input[type=password],
.popup-overlay#registrace input[type=password],
.popup-overlay#registrace input[type=text],
.learndash-wrapper .ld-login-modal input[type=text],
.popup-overlay#registrace select{
    border-radius: 12px !important;
    border: 1px solid var(--Gray-50, #D1D1D1) !important;
    background: #FFF !important;
    padding: 8px 24px !important;
    color: var(--Gray-75, #7F7F7F) !important;

    /* Website/Paragraphs/Parag. Tiny */
    font-family: IvyEpic !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 155% !important; /* 24.8px */
    margin:0 !important;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-form .login-username:before,
.learndash-wrapper .ld-login-modal .ld-login-modal-form .login-password:before,
.popup-overlay#registrace .prihlasUcet .ld-icon{
    display:none !important;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-form .login-password{
    margin-top:8px;
    margin-bottom:8px;
}
.popup-overlay#registrace p{
    padding-top:8px;
    padding-bottom:8px;
}

.learndash-wrapper .ld-login-modal .ld-forgot-password-link,
.learndash-wrapper .ld-login-modal .vytvorUcet a,
.popup-overlay#registrace .prihlasUcet a{
    color: var(--Very-dark-blue, #0E0E0E) !important;
    font-family: "Geologica", sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    text-decoration: underline !important;
}
.learndash-wrapper .ld-login-modal .ld-forgot-password-link:hover,
.learndash-wrapper .ld-login-modal .vytvorUcet a:hover,
.popup-overlay#registrace .prihlasUcet a:hover{
    text-decoration: none !important;
}

.learndash-wrapper .ld-login-modal .ld-login-modal-form p.login-submit,
.popup-overlay#registrace p.register-submit{
    margin:40px 0 40px 0;
}
.learndash-wrapper .ld-alert-warning,
.popup-overlay#registrace #error-message{
    border-radius: 17px !important;
    text-align: left;

    /* Website/Paragraphs/Parag. Tiny */
    font-family: IvyEpic !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 155% !important; /* 24.8px */
}
.popup-overlay#registrace #error-message{
    padding: 25px 15px 25px 15px;
    background-color: #fff6cd;
    border-color: #ffd200;
    color: #000000a6;
    display:none;
    margin:16px 0px;
}

.popup-overlay#registrace input,
.popup-overlay#registrace select{
    width:100%;
}

.popup-overlay#registrace .checkbox{
    line-height:80%;
}
.popup-overlay#registrace .checkbox span input{
    margin-right:8px;
}
.popup-overlay#registrace .checkbox span{
    display:inline-flex;
    margin-right:32px;
    color: var(--Very-dark-blue, #0E0E0E);

    font-family: IvyEpic;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.popup-overlay#registrace .prihlasUcet .learndash-wrapper{
    display: inline-block;
}
.popup-overlay#registrace .prihlasUcet .learndash-wrapper a{
    background-color:transparent !important;
    border-radius:0px;
    padding:0px;
    margin:0px;
}

#registrace p.souhlas{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#registrace p.souhlas a{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: underline;
}
#registrace p.souhlas a:hover{
    text-decoration:none;
}

.kurz .content{
    padding-right: 69px;
}
.videoEmbed{
    width: 100%;
    aspect-ratio: 16 / 9;
}
.videoEmbed.reels{
    aspect-ratio: 9/16;
    max-width: 400px;
}
@media all and (max-width:767px){
    .videoEmbed{
        margin: 0 auto;
    }
    .videoEmbed.reels{
        max-width: 70%;
    }
}
.videoEmbed iframe{
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 14px;
}
.kurz .buttonZpetAkademie{
    width: 100%;
    text-align: center;
    display: contents;
}
.kurz .buttonZpetAkademie a{
    margin:0 auto;
    margin-top:64px;
}
.kurz .atributy{
    margin:24px 0px;
    display:inline-flex;
    gap:18px;
    justify-content: center;
    align-items: center;
}
.kurz .atributy .kurz,
.kurz .atributy .obtiznost{
    border-radius: 999px;
    padding: 8px 24px;
    color: var(--Very-dark-blue, #0E0E0E);

    /* Website/Paragraphs/Parag. Tiny */
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 24.8px */
}
.kurz .atributy .kurz{
    background: var(--Green-Tints-Green-25, #E7F9CD);
}
.kurz .atributy .obtiznost{
    background: var(--Green-Tints-Fresh-Green, #A2E640);
}
.kurz .atributy .doba{
    color: var(--Charcoal, #323232);
    font-family: "Geologica", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 155%; /* 27.9px */
}
.kurz .video{
    margin-top:64px;
    margin-bottom:64px;
}
.kurz .video .top{
    display:flex;
    justify-content: space-between;
    margin-bottom:16px;
    align-content: center;
}
.kurz .video .top .heading .tag{
    display: flex;
    gap: 16px;
    align-items: center;
}
.kurz .video .top .heading .tag span{
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding:2px 8px 2px 16px;
}
.kurz .video .top .heading .tag span.proucitele{
    background: var(--Semantics-Yellow-10, #FFFCF5);
    color: var(--Semantics-Yellow-75, #FFC56A);
}
.kurz .video .top .heading .tag span.nahodinu{
    color: var(--Green-Tints-Lime-Green, #6EAB16);
    background: var(--Green-Tints-Green-10, #F4FCE8);
}
.kurz .video .top .heading span.delkaVidea{
    margin-top:4px;
    color: var(--Gray-75, #7F7F7F);

    /* Website/Paragraphs/MiniTiny */
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.kurz .video .top .copy{
    display:flex;
    align-items:center;
}
.kurz .video .top a.copy-link{
    cursor:pointer;
    text-decoration:underline;
}
.kurz .video .top a.copy-link:hover{
    text-decoration:none;
}
.kurz .video .videoPlaceholder{
    border-radius: 14px;
    background: #D9D9D9;
    width:100%;
    height:400px;
}
.single-product .videoFrame,
.kurz .videoFrame{
    border-radius: 14px;
    width:100%;
    position: relative;
    padding-bottom: 62.5%;
}
.kurz .videoFrame iframe,
.single-product .videoFrame iframe{
    position: absolute;
    border-radius: 14px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.kurz .keStazeni{
    margin-bottom:64px;
}
.kurz .keStazeni h2{
    margin-bottom:24px;
}
.kurz .keStazeni .singleFile{
    display:flex;
    justify-content: space-between;
    padding-bottom:8px;
    cursor:pointer;
    align-items:center;
}
.kurz .keStazeni .singleFile:not(:last-of-type){
    border-bottom:1px solid #D1D1D1;
    margin-bottom:8px;
}
.kurz .keStazeni .singleFile .left{
    display:flex;
    gap:24px;
}
.kurz .keStazeni .singleFile .left .icon,
.kurz .keStazeni .singleFile .left .title,
.kurz .keStazeni .singleFile .left .size{
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 24.8px */
    display: flex;
    align-items: center;
}
.kurz .keStazeni .singleFile .left .icon,
.kurz .keStazeni .singleFile .left .title{
    color: var(--Very-dark-blue, #0E0E0E);
}
.kurz .keStazeni .singleFile .left .icon img{
    max-width:43px;
    max-height:32px;
}
.kurz .keStazeni .singleFile .left .size{
    color: var(--Gray-75, #7F7F7F);
}
.kurz .keStazeni .singleFile:hover{
    opacity:0.6;
}

.kurz .accessSection{
    position:relative;
}
.kurz .accessSection .overlay{
    position:absolute;
    top:-24px;
    left:-24px;
    width:calc(100% + 48px);
    height:calc(100% + 48px);
    border-radius: 20px;
    background: rgba(235, 238, 235, 0.60);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(2.5px);
    display:flex;
    align-items:center;
    justify-content:center;
    gap: 32px;
    flex-direction: column;
}
.kurz .accessSection .overlay span{
    color: var(--Very-dark-blue, #0E0E0E);

    /* Website/Headings/H5 */
    font-family: "Geologica", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 23.4px */
}


.kurz .sidebar .box{
    border-radius: 14px;
    background: var(--Gray-White, #FFF);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10);
    margin-bottom:16px;
    padding:24px;
}
.kurz .sidebar .box h3{
    margin-bottom:16px;
}
.kurz .sidebar .box .tagy{
    display:flex;
    gap:8px;
    flex-wrap: wrap;
}
.kurz .sidebar .box .tagy span{
    border-radius: 30px;
    background: var(--Gray-10, #F5F5F5);
    padding: 6px 20px;
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.kurz .sidebar .box ul.sipky,
.kurz .sidebar .box ul.ticks {
    list-style: none;
    padding: 0;
    margin: 0;
}

.kurz .sidebar .box ul.sipky li,
.kurz .sidebar .box ul.ticks li {
    padding-left: 32px;
    position: relative;
    margin-bottom: 8px;
    color: var(--Very-dark-blue, #0E0E0E);

    /* Website/Paragraphs/Parag. Tiny */
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 24.8px */
}

.kurz .sidebar .box ul.sipky li::before,
.kurz .sidebar .box ul.ticks li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.kurz .sidebar .box ul.sipky li::before {
    width: 16px;
    height: 17px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M2.66683 8.16797L13.3335 8.16797M13.3335 8.16797L9.3335 12.168M13.3335 8.16797L9.3335 4.16797" stroke="%237F7F7F" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;
}
.kurz .sidebar .box ul.ticks li::before {
    width: 24px;
    height: 25px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"><mask id="mask0_10060_38265" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="25"><rect y="0.667969" width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_10060_38265)"><path d="M9.9998 14.2688L15.8998 8.36875C16.0831 8.18542 16.3165 8.09375 16.5998 8.09375C16.8831 8.09375 17.1165 8.18542 17.2998 8.36875C17.4831 8.55208 17.5748 8.78542 17.5748 9.06875C17.5748 9.35208 17.4831 9.58542 17.2998 9.76875L10.6998 16.3688C10.4998 16.5688 10.2665 16.6687 9.9998 16.6687C9.73314 16.6687 9.4998 16.5688 9.2998 16.3688L6.6998 13.7688C6.51647 13.5854 6.4248 13.3521 6.4248 13.0687C6.4248 12.7854 6.51647 12.5521 6.6998 12.3688C6.88314 12.1854 7.11647 12.0938 7.3998 12.0938C7.68314 12.0938 7.91647 12.1854 8.0998 12.3688L9.9998 14.2688Z" fill="%236EAB16"/></g></svg>') no-repeat center center;
}
.kurz .sidebar .box.hodnoceni{
    display: flex;
    flex-direction: column;
    position:relative;
}
.kurz .sidebar .box.hodnoceni .split{
    display:flex;
    justify-content: space-between;
}
.kurz .sidebar .box.hodnoceni .split div{
    color: var(--Charcoal, #323232);
    text-align: center;

    font-family: IvyEpic;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}
.kurz .sidebar .box.hodnoceni .split svg{
    margin-left:4px;
    margin-top:-5px;
    position:relative;
}
.kurz .sidebar .box.hodnoceni span{
    color: var(--Gray-75, #7F7F7F);

    /* Website/Paragraphs/MiniTiny */
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.kurz .sidebar .box.hodnoceni .stars .star {
    cursor: pointer;
}
.kurz .sidebar .box.hodnoceni .stars .star svg path {
    fill: none;
    transition: fill 0.3s ease;
}

/* Change fill color on hover */
.kurz .sidebar .box.hodnoceni .stars .star:hover svg path,
.kurz .sidebar .box.hodnoceni .stars .star:hover svg path ~ path {
    fill: #FFCC4D; /* Change to your desired hover color */
}
.kurz .sidebar .box.hodnoceni .pop-up {
    display: none;
    position: absolute;
    right:0px;
    top:0px;
    padding: 40px;
    border-radius: 20px;
    background: var(--Green-Tints-Green-25, #E7F9CD);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    width:600px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
}

.kurz .sidebar .box.hodnoceni .pop-up.show {
    display: block;
}

.kurz .sidebar .box.hodnoceni .pop-up .close {
    cursor: pointer;
    position: absolute;
    top: 40px;
    right: 40px;
}
.kurz .sidebar .box.hodnoceni .pop-up p{
    color: #000;

    font-family: IvyEpic;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}
.kurz .sidebar .box.hodnoceni .pop-up #rating-form textarea{
    width:100%;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.06);
    padding:9px 16px;
    margin:24px 0px;
}




.vyukoveMaterialy .vypisKategoriiKurzu{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:16px;
}
.vypisKurzuDleKategorie .vypisKurzu{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:24px;
}
.vyukoveMaterialy .singleKategorieKurzu{
    background: var(--Green-Tints-Green-10, #F4FCE8);
}
.vypisKurzuDleKategorie .singleKurz,
.vyukoveMaterialy .singleKategorieKurzu{
    border-radius: 24px;
    border: 1px solid var(--Gray-25, #D1D1D1);
    cursor:pointer;
    transition-timing-function: ease-in;
    transition: 380ms;
    order:1;
}
.vyukoveMaterialy .singleKategorieKurzu.all{
    background-color:var(--Green-Tints-Green-10);
    order:0;
}
.vypisKurzuDleKategorie .singleKurz:hover,
.vyukoveMaterialy .singleKategorieKurzu:hover{
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
}
.vypisKurzuDleKategorie .heading{
    display: flex;
    padding: 100px 24px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    background: linear-gradient(0deg, #0E0E0E 0%, #1B3029 100%), #323232;
}
.vypisKurzuDleKategorie .heading h1{
    color:#fff;
}
.vypisKurzuDleKategorie .singleKurz .thumbnail{
    position:relative;
    height:110px;
}
.vypisKurzuDleKategorie .singleKurz .thumbnail.jeObrazek-{
    border-radius: 30px 30px 0px 0px;
    background: var(--Gray-25, #D1D1D1);
}

.vypisKurzuDleKategorie .singleKurz .thumbnail img{
    border-radius: 30px 30px 0 0;
    max-width: 100%;
}
.vypisKurzuDleKategorie .singleKurz .thumbnail .enrolled{
    position:absolute;
    left:0px;
    top:24px;
    /*width: 50px;*/
    padding:0px 16px;
    /*height: 12px;*/
    background: var(--Gray-75, #7F7F7F);
    display: flex;
    align-items: center;
    justify-content: center;
}
.vypisKurzuDleKategorie .singleKurz .thumbnail .bookmark{
    position:absolute;
    right:24px;
    top:24px;
    width: 50px;
    height: 50px;
    border-radius: 999px;
    background: var(--Gray-50, #D1D1D1);
    display: flex;
    align-items: center;
    justify-content: center;
}
.vypisKurzuDleKategorie .singleKurz .thumbnail .bookmark button,
.singleKurzHeading .bookmark button,
.eshopProdukt .bookmark button,
.bookmark button{
    background: transparent;
    border: 0;
    display:none;
}
.vypisKurzuDleKategorie .singleKurz .thumbnail .bookmark.favorite-1 button.remove-from-favorites,
.singleKurzHeading .bookmark.favorite-1 button.remove-from-favorites,
.vypisKurzuDleKategorie .singleKurz .thumbnail .bookmark.favorite- button.add-to-favorites,
.singleKurzHeading .bookmark.favorite- button.add-to-favorites,
.eshopProdukt .bookmark.favorite- button.add-to-favorites,
.eshopProdukt .bookmark.favorite-1 button.remove-from-favorites,
.bookmark.favorite- button.add-to-favorites,
.bookmark.favorite-1 button.remove-from-favorites{
    display:block;
    background-color: transparent;
    padding: unset;
    box-shadow:none;
}
.vypisKurzuDleKategorie .singleKurz .obsah,
.vyukoveMaterialy .singleKategorieKurzu .obsah{
    padding:24px;
}
.vypisKurzuDleKategorie .singleKurz .obsah .atributy,
.vypisKurzuDleKategorie .singleKurz .obsah .atributy .left{
    display:flex;
}
.vypisKurzuDleKategorie .singleKurz .obsah .atributy{
    justify-content: space-between;
    margin-bottom:16px;
}
.vypisKurzuDleKategorie .singleKurz .obsah .atributy .left{
    gap:8px;
}
.vypisKurzuDleKategorie .singleKurz .obsah .atributy .left .title,
.vypisKurzuDleKategorie .singleKurz .obsah .atributy .left .obtiznost,
.vypisKurzuDleKategorie .singleKurz .obsah .atributy .left .kategorie{
    display:flex;
    align-items:center;
}
.vypisKurzuDleKategorie .singleKurz .obsah .atributy .left .obtiznost{
    border-radius: 999px;
    background: var(--Green-Tints-Green-25, #E7F9CD);
    padding: 6px 16px;
    color: var(--Green-Tints-Lime-Green, #6EAB16);

    /* Website/Paragraphs/MiniTiny */
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.vypisKurzuDleKategorie .singleKurz .obsah .atributy .left .kategorie{
    color: var(--Gray-75, #7F7F7F);

    /* Website/Paragraphs/MiniTiny */
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.vypisKurzuDleKategorie .singleKurz .obsah .atributy .left .title{
    color: var(--Gray-75, #7F7F7F);

    /* Website/Paragraphs/MiniTiny */
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.vypisKurzuDleKategorie .singleKurz .obsah .atributy .hodnoceni{
    color: var(--Charcoal, #323232);
    text-align: center;

    /* Website/Paragraphs/MiniTiny */
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
}
.vypisKurzuDleKategorie .singleKurz .obsah .atributy .hodnoceni svg{
    margin-left:4px;
    margin-top:-5px;
    position:relative;
}
.vypisKurzuDleKategorie .singleKurz .obsah .bottom{
    display:flex;
    justify-content: space-between;
}
.vypisKurzuDleKategorie .singleKurz .obsah .bottom .pocet,
.vyukoveMaterialy .singleKategorieKurzu .obsah .pocet{
    display:flex;
    align-items: center;
}
.vypisKurzuDleKategorie .singleKurz .obsah .bottom .pocet,
.vyukoveMaterialy .singleKategorieKurzu .obsah .pocet{
    color: var(--Charcoal, #323232);

    /* Website/Paragraphs/MiniTiny */
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.vypisKurzuDleKategorie .learndash_post_sfwd-courses > div > div{
    display:none;
}
.vypisKurzuDleKategorie .learndash_post_sfwd-courses > div > div.ld-tabs{
    display:block;
}
.vypisKurzuDleKategorie .rowKurzy{
    margin-bottom:130px;
    margin-top:48px;
}

.vypisKurzuDleKategorie #filter-sidebar .infoBox{
    position:relative;
    border-radius: 10px;
    border: 1px solid #F3B149;
    background: var(--Semantics-Yellow-10, #FFFCF5);
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-bottom:40px;
    max-width: 210px;
}
.vypisKurzuDleKategorie #filter-sidebar .infoBox,
.vypisKurzuDleKategorie #filter-sidebar .infoBox p{
    color: #F3B149;
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
/*.vypisKurzuDleKategorie #filter-sidebar .infoBox .close{
    position:absolute;
    top:16px;
    right:16px;
}*/
.vypisKurzuDleKategorie #filter-sidebar #difficulty-filter{
    margin-top:16px;
    margin-bottom:16px;
}
/*.vypisKurzuDleKategorie #filter-sidebar #difficulty-filter,*/
.vypisKurzuDleKategorie #filter-sidebar #subject-filter,
.vypisKurzuDleKategorie #filter-sidebar #competence-filter{
    margin-top:16px;
    margin-bottom:40px;
}
.vypisKurzuDleKategorie .filter-item{
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom:8px;
}
.vypisKurzuDleKategorie .filter-item label{
    color: var(--Very-dark-blue, #0E0E0E);

    /* Website/Paragraphs/Parag. Tiny */
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 24.8px */
    margin:0px;
    padding:0px;
}

.vypisKurzuDleKategorie .sort-container {
    display: flex;
    justify-content: flex-end;
}
.vypisKurzuDleKategorie .sort-options {
    position: relative;
    text-align: right;
    margin-bottom: 32px;
}

.vypisKurzuDleKategorie #sort-trigger {
    cursor: pointer;
    color: var(--Very-dark-blue, #0E0E0E);
    leading-trim: both;
    text-edge: cap;

    /* Website/Headings/H4 */
    font-family: "Geologica", sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 27.3px */
}

.vypisKurzuDleKategorie #sort-menu {
    position: absolute;
    top: 25px;
    right: 0;
    z-index: 1000;
    min-width:200px;

    border-radius: 10px;
    background: var(--Gray-White, #FFF);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
}

.vypisKurzuDleKategorie #sort-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.vypisKurzuDleKategorie #sort-menu li {
    padding: 12px 16px;
    cursor: pointer;
    text-align:left;
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 24.8px */
}

.vypisKurzuDleKategorie #sort-menu li:hover {
    background: var(--Gray-25, #D1D1D1);
}
.vypisKurzuDleKategorie .sort-icon {
    margin-right: 4px;
}
.vypisKurzuDleKategorie .sort-icon:not(.default) {
    display: none;
}

.kurz .sidebar .box.nekrachniPartak{
    background: var(--Green-Tints-Green-10, #F4FCE8);
    display:flex;
    row-gap: 16px;
    flex-direction: column;
}
.kurz .sidebar .box.nekrachniPartak .user{
    display:flex;
    flex-direction: row;
    column-gap: 35px;
}
.kurz .sidebar .box.nekrachniPartak .photo img{
    border-radius: 13.729px;
    width: 90px;
    height: 90px;
}
.kurz .sidebar .box.nekrachniPartak h3{
    margin-bottom:0px;
}
.kurz .sidebar .box.nekrachniPartak .contactDetails{
    display:flex;
    flex-direction: row;
    column-gap:10px;
}



/* ADMIN MENU */
.adminMenu{
    display:flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--Gray-50, #D1D1D1);
    margin-bottom:56px;
    border-radius: 12px 12px 0px 0px;
    background: #F6F8F6;
    padding:0 32px;
}
.adminMenu ul{
    margin:0;
    padding:0;
    list-style:none;
    display: flex;
    gap: 24px;
}
.adminMenu ul li{
    display:inline-block;
    margin:0px;
}
.adminMenu ul li a,
.adminMenu .right a.logout{
    padding: 16px 8px 10px 8px;
    color: var(--Gray-75, #7F7F7F);
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 24.8px */
    border-bottom:2px solid transparent;
    display: block;
}
.adminMenu ul li.current-menu-item a,
.adminMenu ul li a:hover,
.adminMenu .right a.logout:hover{
    border-bottom: 2px solid var(--Very-dark-blue, #0E0E0E);
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 24.8px */
}
.adminMenu ul li.logout{
    display:none;
}
.adminContent{
    margin-top:56px;
    margin-bottom:100px;
}
.adminContent .muj-ucet{
    --bs-gutter-x: 80px;
}
.adminContent .muj-ucet .greenLabel{
    margin-top:32px;

}
.adminContent .muj-ucet .greenLabel a{
    color: var(--Green-Tints-Dark-Green, #548311);
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 155%; /* 24.8px */
    text-decoration:underline;
}


.adminContent .muj-ucet .masAppku a{
    text-decoration:none;
}



.muj-ucet .popup-overlay .popup-content{
    max-width:600px !important;
    width:100% !important;
    padding:32px !important;
    border-radius: 20px !important;
    background: #FFF !important;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15) !important;
}
.muj-ucet .popup-overlay .popup-content h3{
    margin-bottom:32px;
}
.muj-ucet .popup-overlay .popup-content form{
    display:flex;
    gap:32px;
    flex-direction: column;
}
.muj-ucet .popup-overlay .popup-content form .group label{
    color: var(--Very-dark-blue, #0E0E0E);

    /* Website/Headings/H5 */
    font-family: "Geologica", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 23.4px */
}
.muj-ucet .popup-overlay .popup-content form .group input{
    width:100%;
    border-radius: 12px;
    border: 1px solid var(--Gray-50, #D1D1D1);
    background: #FFF;
    padding:8px 24px;
    color: var(--Gray-75, #7F7F7F);

    /* Website/Paragraphs/Parag. Tiny */
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 24.8px */
}
.muj-ucet .uzivatelske-pole{
    margin-top:32px;
    margin-bottom:56px;
    display:flex;
    flex-direction: column;
    gap:24px;
}
.muj-ucet .uzivatelske-pole label{
    color: var(--Very-dark-blue, #0E0E0E);

    /* Website/Headings/H5 */
    font-family: "Geologica", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 23.4px */
}
.muj-ucet .uzivatelske-pole .data{
    position:relative;
}
.muj-ucet .uzivatelske-pole .data span,
.muj-ucet .jsemUcitel span{
    display:block;
    border-radius: 12px;
    border: 1px solid var(--Gray-50, #D1D1D1);
    background: #FFF;
    padding:8px 24px;

    color: var(--Very-dark-blue, #0E0E0E);

    /* Website/Paragraphs/Parag. Tiny */
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 24.8px */
    min-height: 42.8px;
}
.muj-ucet .uzivatelske-pole .data span#email{
    background: var(--Gray-10, #F5F5F5);
}
.muj-ucet .jsemUcitel span{
    border: 1px solid var(--Gray-50, #D1D1D1);
    background: var(--Gray-10, #F5F5F5);
    color: var(--Gray-75, #7F7F7F);
}
.muj-ucet .jsemUcitel{
    display:flex;
    flex-direction: column;
    gap:16px;
}
.muj-ucet .jsemUcitel a{
    width: fit-content;
}
.muj-ucet .jsemUcitel .info-icon {
    position: relative;
    cursor: pointer;
    display: inline-block;
}

.muj-ucet .jsemUcitel .info-icon::after {
    content: "Pokud potřebujete změnit školu, tak napište na jsme@nekrachni.cz";
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    color: #333;
    padding: 16px;
    white-space: nowrap;
    border-radius: 10px;
    background: var(--Very-dark-blue, #0E0E0E);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
    z-index: 100;
    width:335px;
    color: var(--Gray-White, #FFF);
    text-align: center;
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    white-space: break-spaces;
}

.muj-ucet .jsemUcitel .info-icon::before {
    content: "";
    position: absolute;
    bottom: calc(100% - 10px);
    left: 50%;
    transform: translateX(-50%);
    border: 10px solid transparent;
    border-top-color: var(--Very-dark-blue, #0E0E0E);
    opacity: 0;
    transition: opacity 0.2s;
}

.muj-ucet .jsemUcitel .info-icon:hover::after,
.muj-ucet .jsemUcitel .info-icon:hover::before {
    opacity: 1;
}

.muj-ucet .uzivatelske-pole .data a{
    position:absolute;
    right: 24px;
    top: 10px;
}
.muj-ucet .uzivatelske-pole .data a,
.muj-ucet .adresy a.change-link{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: "Geologica", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 23.4px */
    text-decoration: underline;
}
.muj-ucet .uzivatelske-pole .data a:hover,
.muj-ucet .adresy a.change-link:hover{
    text-decoration: none;
}
.muj-ucet .adresy .nadpis{
    display:flex;
    justify-content: space-between;
}
.muj-ucet .adresy .adresa{
    margin-top:16px;
    margin-bottom:56px;
    border-left: 3px solid var(--Gray-50, #D1D1D1);
    padding-left: 24px;
    color: var(--Very-dark-blue, #0E0E0E);

    /* Website/Paragraphs/Parag. Tiny */
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 27.2px */
}
.muj-ucet .adresy form#change-adress div.split{
    display:flex;
    gap:24px;
}
.muj-ucet .adresy form#change-adress div.split > div{
    width:50%;
}


.userAccount{
    display: inline-flex;
    gap:24px;
    align-items: center;
}
.userAccount a.kosik{
    position:relative;
}
.userAccount a.kosik span{
    position:absolute;
    top:-5px;
    right:-5px;
    display: flex;
    width: 14px;
    height: 14px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    background: var(--Jelly-Bean, #E05A52);
    color: var(--Gray-White, #FFF);
    font-family: IvyEpic;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
}
.userAccount .accountMenu,
.userAccount .accountMenu #menu-profilove-menu-po-prihlaseni,
.userAccount .accountMenu #menu-profilove-menu-po-prihlaseni-1{
    padding:0;
    margin:0;
    list-style:none;
    position:relative;
    cursor:pointer;
}
.userAccount .accountMenu #menu-profilove-menu-po-prihlaseni,
.userAccount .accountMenu #menu-profilove-menu-po-prihlaseni-1{
    display:none;
    position:absolute;
    right: 0;
    border-radius: 10px;
    background: var(--Gray-White, #FFF);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
}
.userAccount .accountMenu #menu-profilove-menu-po-prihlaseni li,
.userAccount .accountMenu #menu-profilove-menu-po-prihlaseni-1 li{
    display:block;
}
.userAccount .accountMenu li.dropdownAccount:hover #menu-profilove-menu-po-prihlaseni,
.userAccount .accountMenu li.dropdownAccount:hover #menu-profilove-menu-po-prihlaseni-1{
    display:block;
}
.userAccount .accountMenu #menu-profilove-menu-po-prihlaseni li,
.userAccount .accountMenu #menu-profilove-menu-po-prihlaseni-1 li{
    margin:0px !important;
}
.userAccount .accountMenu #menu-profilove-menu-po-prihlaseni li a,
.userAccount .accountMenu #menu-profilove-menu-po-prihlaseni-1 li a{
    padding:16px 32px 16px 16px;
    white-space: nowrap;
    display: block;
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 24.8px */
}
.userAccount .accountMenu #menu-profilove-menu-po-prihlaseni li a:hover,
.userAccount .accountMenu #menu-profilove-menu-po-prihlaseni-1 li a:hover{
    background: var(--Gray-25, #D1D1D1);
}

.bookmarkedItems td{
    vertical-align: middle;
}
.bookmarkedItems img.img-thumbnail{
    width:80px;
    height:80px;
    border-radius: 10px;
    padding: 0;
    border: 0;
}
.bookmarkedItems .title h3{
    margin-bottom:8px;
}
.bookmarkedItems .title span{
    color: var(--Gray-75, #7F7F7F);

    /* Website/Paragraphs/MiniTiny */
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.bookmarkedItems .buttons{
    text-align:right;
}

.emptyContent{
    text-align:center;
}
.emptyContent h2{
    margin-top:40px;
}
.emptyContent p{
    padding:16px 0px 24px 0px;
}
.emptyContent .buttony{
    display:flex;
    gap:16px;
    justify-content: center;
}

.zakoupeneProdukty {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}
.zakoupenyProdukt{
    border-radius: 20px;
    border: 2px solid var(--Gray-50, #D1D1D1);
    background: #FFF;
    padding: 24px 32px;
    transition-timing-function: ease-in;
    transition: 380ms;
    position:relative;
    cursor:pointer;

    display:flex;
    gap:16px;
    flex-direction: column;
}
.zakoupenyProdukt:hover{
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
}
.zakoupenyProdukt p{
    color: var(--Gray-75, #7F7F7F);
}
.zakoupenyProdukt .arrow{
    position:absolute;
    right:32px;
    bottom:24px;
}
.zakoupenyProdukt .arrow svg rect{
    transition-timing-function: ease-in;
    transition: 380ms;
}
.zakoupenyProdukt:hover .arrow svg rect{
    fill:#D1F3A0;
}
.objednavky {
    margin-top:56px;
    padding-top:56px;
    border-top:1px solid #D1D1D1;
}
.objednavky h2{
    margin-bottom:56px;
}
.objednavky .objednavka{
    margin-bottom:24px;
    border-radius: 20px;
    background: var(--Green-Tints-Green-10, #F4FCE8);
    padding: 24px;
    cursor:pointer;
}
.objednavky .closed{
    display: grid;
    grid-template-columns: 50px 1fr 1fr 1fr 1fr;
}
.objednavky .closed .opener{
    max-width: 50px;
}
.objednavka .closed .opener svg{
    transition: all .3s ease-in-out;
}
.objednavka.show .closed .opener svg{
    transform:rotate(180deg);
}
.objednavka .closed .objCena{
    color: var(--Very-dark-blue, #0E0E0E);
}
.objednavka .closed .objCena,
.objednavka .closed .objStav{
    font-weight: 600;
    text-align:center;
}
.objednavka .closed .objDatum{
    text-align:right;
}
.objednavky .opened{
    padding-top:48px;
    display:none;
    color: #0E0E0E;
    font-family: "Geologica", sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 27.3px */
}
.objednavky .opened span{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 24.8px */
    padding-top:24px;
    display:block;
}

.kurz .singleKurzHeading{
    display:flex;
    gap:16px;
    align-items: center;
}

/*------------------------------------------- Webináře -------------------------------------------*/
.webinar {
    /*margin-bottom:100px;*/
    margin-top: 80px;
}
.globalVypisBoxu .box{
    margin-bottom:0px;
    margin-top:0px;
}
.vypisWebinarHP .webinar{
    margin-bottom:0px;
}
.globalProductHeader .thumbnail img{
    border-radius: 20px;
}

.webinar ul.product-variants {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    list-style-type: none;
    padding: 0;
    justify-content: center;
}
.webinar ul.product-variants.onlyOne{
    border-radius: 20px;
    background: var(--Purple-Webin-Light, #F6F1F8);
}

.webinar .product-variants li {
    flex: 1 1 calc(33.333% - 0px);
    max-width: calc(33.333% - 20px);
    padding: 40px 52px;
    position: relative;
    text-align: center;
    box-sizing: border-box;
}
.webinar .product-variants.onlyOne li{
    flex-direction: row;
    display: flex;
    flex: auto;
    max-width: fit-content;
    align-content: space-between;
    gap: 40px;
    align-items: center;
}
.webinar .product-variants li::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    right: 0;
    width: 1px;
    height: 50%;
    background-color: #D1D1D1;
    transform: translateY(-50%);
}
.webinar .product-variants li:last-of-type::after{
    display:none;
}
.webinar .product-variants li .terminNeni{
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: rgba(14, 40, 67, 0.30);

    color: var(--Gray-White, #FFF);
}
.webinar .product-variants li .datum{
    display:table;
    color: var(--Gray-White, #FFF);
    text-align: center;
    font-family: "Geologica", sans-serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 49.4px */
    background: #C179DE;
    padding: 8px 16px 0px 16px;
    margin: 0 auto;
}
.webinar .product-variants li .cas{
    margin:4px auto 0px auto;

    display:table;
    color: var(--Gray-White, #FFF);
    text-align: center;
    font-family: "Geologica", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 31.2px */
    background: #C179DE;
    padding: 8px 16px;

}
.webinar .product-variants li .cena{
    display:table;
    color: var(--Very-dark-blue, #0E0E0E);
    text-align: center;
    font-family: "Geologica", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 31.2px */
    margin:24px auto;
}
@media (max-width: 767.98px) {
    .webinar{
        margin-top:0px;
    }
    .webinar ul.product-variants{
        margin:40px 0px;
    }
}



.single-product .recenzeGlobalManual{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    padding:100px 0px;
}

.single-product .eshopProdukt .recenzeGlobalManual{
    padding:24px 0 0 0;
    border-top:1px solid #D1D1D1;
}
.single-product .recenzeGlobalManual .obsah{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    flex-wrap: wrap;
}
.single-product .eshopProdukt  .recenzeGlobalManual .obsah{
    flex-direction:column;
}
.single-product .recenzeGlobalManual .obsah .recenze{
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid var(--Gray-25, #D1D1D1);
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    width:calc(33% - 48px);
}
.single-product .eshopProdukt .recenzeGlobalManual .obsah .recenze{
    width:100%;
}
.single-product .recenzeGlobalManual .obsah .recenze .hlavicka{
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
}
.single-product .recenzeGlobalManual .obsah .recenze .hlavicka .podtext{
    font-style: italic;
    color: var(--Gray-75, #7F7F7F);
}

.single-product .jeVRamciPredplatneho{
    margin-top:64px;
    position: relative;
    display:flex;
    flex-direction:column;
    gap:24px;
    padding: 32px 40px;
    align-items: baseline;

    border-radius: 24px;
    border: 1px solid #FEF4DA;
    background: linear-gradient(180deg, rgba(255, 252, 246, 0.50) 0%, rgba(254, 237, 208, 0.50) 100%);
}
.single-product .jeVRamciPredplatneho h3{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: "Geologica", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 41.6px */
}
@media (max-width: 767.98px) {
    .webinar .jeVRamciPredplatneho{
        margin-top:40px;
        padding:24px 32px;
        gap:16px;
    }
    .single-product .jeVRamciPredplatneho h3{
        font-size: 26px;
        line-height: 130%; /* 33.8px */
    }
}

/*.webinar .informace .item{
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
    display: flex;
    justify-content: space-between;
    padding: 8px 24px;
    margin-bottom:16px;
    align-items: center;
}
.webinar .informace .item .label{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    text-transform: uppercase;
}
.webinar .informace .item .label svg,
.webinar .informace .item .label img{
    margin-right:16px;
}
.webinar .informace .item .text{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}
.webinar .informace .item .text span,*/
.globalVypisBoxu .box .inner .left .zaznamVCene{
    display:block;
    border-radius: 20px;
    background: var(--Purple-Webin-Light, #F6F1F8);
    /*box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10);*/
    padding: 4px 16px;
    color: var(--Purple-Webin, #C179DE);

    /* Website/Paragraphs/Parag. Tiny */
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 24.8px */
}
.webinar .heading .prednasejici{
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 0px;
    flex-direction: row;
}





/* GLOBAL PRODUKT SECTIONS*/
/* Header box */
.globalProductHeader{
    margin-bottom:100px;
}
.globalProductHeader .heading{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.globalProductHeader .heading .breadcrumb{
    padding:0px;
}
.globalProductHeader .heading h1{
    font-size:48px;
    margin-bottom:16px;
}
@media (max-width: 767.98px) {
    .globalProductHeader{
        margin-bottom:48px;
        gap:24px;
    }
    .globalProductHeader .heading h1{
        text-align: left;
        line-height: 130%;
        font-size: 30px;
        margin-bottom:12px;
    }
}
.globalProductHeader .heading .description{
    position: relative;
    color: var(--Very-dark-blue, #0E0E0E);
}
.globalProductHeader .heading .buttons{
    display:flex;
    gap:32px;
    margin-top:32px;
}
.globalProductHeader .details{
    display: flex;
    align-items: flex-start;
    gap: 64px;
    align-self: stretch;
}
.globalProductHeader .heading .prednasejici .osoby{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
}
.globalProductHeader .heading .prednasejici .osoby a{
    color: var(--Charcoal, #323232);

    /* Website/Paragraphs/Parag. Small */
    font-family: IvyEpic;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 31px */
    text-decoration: underline;

    display: flex;
    align-items: center;
    gap: 8px;
}
@media (max-width: 767.98px){
    .globalProductHeader .heading .buttons{
        flex-wrap:wrap;
        justify-content: center;
    }
    .globalProductHeader .heading .prednasejici{
        align-self: start;
    }
    .globalProductHeader .heading .prednasejici .textik,
    .globalProductHeader .heading .prednasejici .osoby a{
        font-size: 16px;
    }
}
.globalProductHeader .heading .details{
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap:wrap;
}
@media all and (max-width:767px){
    .globalProductHeader .heading .details{
        flex-direction: row;
    }
}
.globalProductHeader .heading .stitky{
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 24px;
}
.globalProductHeader .heading .stitek{
    border-radius:0;
    border:0;
    display: flex;
    padding: 4px 16px;
    align-items: center;
    gap: 8px;
    font-family: IvyEpic;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 24.8px */
}
.globalProductHeader .heading .stitek.vip{
    background: var(--Semantics-Yellow-25, #FFF5DC);
    color: var(--Semantics-Yellow, #E38A00);
}

/* Termín box*/
.single-product .boxTermin,
.financniHra .boxTermin{
    display: flex;
    max-width: 1200px;
    width:100%;
    padding: 32px 80px;
    justify-content: space-between;
    align-items: center;
    border-radius: 24px;
    border: 1px solid #285B25;
    background: linear-gradient(0deg, #285B25 0%, #498545 100%);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    margin:0 auto;
}
.single-product .boxTermin.nothingInFuture{
    margin-bottom: 100px;
}
.single-product .webinar .boxTermin,
.financniHra .webinar .boxTermin{
    border: 1px solid #AD7EC2;
    background: linear-gradient(180deg, #9A61B2 0%, #8B4EA4 100%);
}
.single-product .varianty .boxTermin:not(.active),
.financniHra .varianty .boxTermin:not(.active){
    display:none;
}
.single-product .boxTermin .datumcas,
.financniHra .boxTermin .datumcas{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.single-product .boxTermin .datumcas .datum,
.financniHra .boxTermin .datumcas .datum{
    color: var(--Gray-White, #FFF);
    text-align: center;

    /* Website/Headings/H1 */
    font-family: "Geologica", sans-serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 49.4px */
}
.single-product .boxTermin .datumcas .cas,
.financniHra .boxTermin .datumcas .cas{
    color: var(--Green-Tints-Green-50, #D1F3A0);
    text-align: center;

    /* Website/Headings/H3 */
    font-family: "Geologica", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 31.2px */
}
.single-product .webinar .boxTermin .datumcas .cas{
    color: var(--Purple-Webin-Light, #F6F1F8);
}
.single-product .webinar .boxTermin .datumcas .probehnuty{
    color: var(--Purple-Webin-Light, #F6F1F8);
    font-weight: 400;
}
.single-product .boxTermin .cena,
.financniHra .boxTermin .cena{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
.single-product .boxTermin .cena > span,
.financniHra .boxTermin .cena > span{
    display:flex;
    gap:12px;
    align-items: center;
}
.single-product .boxTermin .cena > span,
.financniHra .boxTermin .cena > span,
.single-product .boxTermin .cena bdi,
.financniHra .boxTermin .cena bdi{
    color: var(--Gray-White, #FFF);
    text-align: center;

    /* Website/Headings/H1 */
    font-family: "Geologica", sans-serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 49.4px */
}
.single-product .boxTermin .cena > span > span,
.financniHra .boxTermin .cena > span > span{
    color: var(--Gray-50, #D1D1D1);
    text-align: center;
    font-family: "Geologica", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 200;
    line-height: 130%; /* 31.2px */
}
.single-product .boxTermin .cena span.prihlasen > span{
    color: var(--Neutral-50, #FEFEFE);
}
.single-product .boxTermin .cena .proCleny,
.financniHra .boxTermin .cena .proCleny{
    display: flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    border: 1px solid #FEF4DA;
    background: linear-gradient(180deg, rgba(255, 252, 246, 0.10) 0%, rgba(254, 237, 208, 0.10) 100%);
    color: var(--Gray-50, #D1D1D1);
    font-family: IvyEpic;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 165%; /* 29.7px */
}
.single-product .boxTermin .cena .proCleny a,
.financniHra .boxTermin .cena .proCleny a{
    color: var(--Semantics-Yellow-75, #FFC56A);
    font-weight: 700;
    text-decoration:underline;
}
.single-product .boxTermin .cena .proCleny a:hover,
.financniHra .boxTermin .cena .proCleny a:hover{
    text-decoration:none;
}
.single-product .webinar .boxTermin .action{
    display: flex;
    align-items: center;
    gap: 16px;
    flex-direction: column;
}
.single-product .webinar .boxTermin .action .prihlasen{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--Gray-White, #FFF);
    font-size: 16px;
    font-weight: 600;
}
.single-product .webinar .boxTermin .action .button-webinar{
    background: var(--Purple-Webin, #C179DE);
}
.single-product .webinar .boxTermin .action .button-webinar:hover{
    background: #D2A7E3;
}
.single-product .webinar .boxTermin .action .button-link{
    color: var(--Gray-White, #FFF);
    text-decoration:underline;
}
.single-product .webinar .boxTermin .action .button-link:hover{
    text-decoration:none;
}
.single-product .webinar .boxTermin .action .button-link:focus{
    color: var(--Purple-Webin-Light, #F6F1F8);
}
.single-product .dalsiVarianty,
.financniHra .dalsiVarianty{
    display: flex;
    align-items: center;
    gap: 16px;
    max-width: 1200px;
    width: 100%;
    padding:16px 80px 0 80px;
}
.single-product .dalsiVarianty span,
.financniHra .dalsiVarianty span{
    color: var(--Green-Tints-Dark-Green, #548311);
}
.single-product .webinar .dalsiVarianty span{
    color: var(--Purple-Webin-Dark, #9A61B2);
}
.single-product .dalsiVarianty > div,
.financniHra .dalsiVarianty  > div{
    display: flex;
    align-items: center;
    gap: 16px;
}

.single-product .dalsiVarianty button,
.financniHra .dalsiVarianty button{
    padding: 16px 24px;
    border-radius: 999px;
    border:2px solid transparent;
    background: var(--Gray-White, #FFF);
    color: var(--Green-Tints-Dark-Green, #548311);
}
.single-product .webinar .dalsiVarianty button{
    background: var(--Gray-White, #FFF);
    color: var(--Purple-Webin-Dark, #9A61B2);
}
.single-product .dalsiVarianty button:hover,
.financniHra .dalsiVarianty button:hover,
.single-product .dalsiVarianty button.active,
.financniHra .dalsiVarianty button.active,
.single-product .dalsiVarianty button:focus,
.financniHra .dalsiVarianty button:focus{
    border: 2px solid var(--Green-Tints-Fresh-Green, #A2E640);
    background: var(--Green-Tints-Green-25, #E7F9CD);
}
.single-product .webinar .dalsiVarianty button:hover,
.single-product .webinar .dalsiVarianty button.active,
.single-product .webinar .dalsiVarianty button:focus{
    border: 2px solid var(--Purple-Webin-Semi-light, #D2A7E3);
    background: var(--Purple-Webin-Light, #F6F1F8);
}
@media (max-width: 767.98px) {
    .single-product .boxTermin,
    .financniHra .boxTermin{
        border-radius:0px;
        border-radius: 0;
        flex-direction: column;
        gap: 32px;
        padding:64px 24px;
    }
    .single-product .dalsiVarianty,
    .financniHra .dalsiVarianty{
        flex-wrap: wrap;
        padding:48px 24px;
        align-items: center;
        justify-content: center;
    }
}


/* O kurzu box*/
.single-product .oKurzu .side{
    padding-left:50px;
}
.single-product .oKurzu .side img{
    border-radius: 12px;
}
@media (max-width: 767.98px) {
    .single-product .oKurzu .side{
        padding:0;
        margin-top:48px;
    }
}
.single-product .oKurzu .button-primary{
    display:flex;
    width:fit-content;
    margin-top:32px;
}
.single-product .oKurzu .obsah,
.single-product .obsahKurzu .obsah,
.single-product .oKurzu .obsah p,
/*.single-product .obsahKurzu .obsah p,*/
.single-product .oKurzu .obsah li,
/*.single-product .obsahKurzu .obsah li,*/
.single-product .oKurzu .obsah div
/*.single-product .obsahKurzu .obsah div*/
{
    font-size: 16px;

    color: var(--Very-dark-blue, #0E0E0E);
    font-family: var(--font-family-text);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 0;
}
.single-product .oKurzu .obsah .greenLabel
/*.single-product .obsahKurzu .obsah .greenLabel{*/
{
    margin: 6px 0px;
}
.single-product .oKurzu .obsah h2,
.single-product .obsahKurzu .obsah h2{
    margin-top:32px;
    margin-bottom:16px;
}
.single-product .oKurzu .obsah h2:first-child,
.single-product .obsahKurzu .obsah h2,
.single-product .ukazka h2,
.single-product .akademie .recenzeGlobalManual h2{
    margin-top:0px;
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: "Geologica", sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 62.4px */
}
@media (max-width: 767.98px) {
    .single-product .oKurzu .obsah h2:first-child,
    .single-product .obsahKurzu .obsah h2,
    .single-product .ukazka h2,
    .single-product .akademie .recenzeGlobalManual h2{
        font-size: 30px;
        line-height: 130%; /* 39px */
    }
}

/* Obsah kurzu akademie */
.obsahKurzuBackground{
    background: linear-gradient(180deg, #FEFEFE 0%, #F4FCE8 100%);
}
.obsahKurzu{
    padding-top:100px;
    padding-bottom:100px;
    width:100%;
}
.obsahKurzu img{
    border-radius: 12px;
}
.obsahKurzu .obsah{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    flex: 1 0 0;
}
.obsahKurzu .obsah ul{
    list-style:none;
    padding:0;
    margin:0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}
.obsahKurzu .obsah ul li{
    padding: 24px 40px;
    border-radius: 12px;
    border: 1px solid var(--Neutral-100, #F5F5F5);
    background: #FFF;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.03);
    margin:0;
    width: 100%;

    color: var(--Neutral-950, #0E0E0E);
    font-family: Geologica;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 24.7px */
}
/*.obsahKurzu .struktura{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    flex: 1 0 0;
}
.obsahKurzu .struktura .lekce{
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;

    border-radius: 12px;
    border: 1px solid var(--Gray-10, #F5F5F5);
    background: #FFF;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.03);
    cursor:pointer;
}
.obsahKurzu .struktura .lekce h3{
    color: var(--Very-dark-blue, #0E0E0E);
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;  31.2px 
}
.obsahKurzu .struktura .lekce h3 svg {
    transition: transform 0.3s ease;
}
.obsahKurzu .struktura .lekce.open h3 svg {
    transform: rotate(180deg);
}
.obsahKurzu .struktura .lekce .temata{
    display: flex;
    padding: 0px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    display:none;
}
.obsahKurzu .struktura .lekce .temata .tema{
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}*/
@media all and (max-width:767px){
    .obsahKurzu{
        gap:48px;
    }
}

/* Ukázka */
.ukazka{
    padding-top:100px;
}
.ukazka .inner{
    display:flex;
    flex-direction:column;
    gap:64px;
    align-items: center;
    justify-content: center;
    width:100%;
}


/* InfoBox Section*/
.single-product .infoBoxSection{
    padding: 200px 0px 100px 0px;
    background: var(--Primary-50, #F4FCE8);
    margin:-100px 0 100px 0;
}
.single-product .webinar .infoBoxSection{
    background: var(--Purple-Webin-Light, #F6F1F8);
}
.single-product .infoBoxSection .infoBox{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.single-product .infoBoxSection .infoBox .box{
    display: flex;
    padding: 40px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    width:calc(33.3333% - 24px);
}
.single-product .infoBoxSection .infoBox .box h2{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: "Geologica", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 41.6px */
}
.single-product .infoBoxSection .infoBox .box p{
    color: var(--Charcoal, #323232);
}
@media (max-width: 767.98px) {
    .single-product .infoBoxSection{
        margin: -200px 0 48px 0;
        width:100%;
        padding: 200px 0px 48px 0px;
    }
    .single-product .akademie .infoBoxSection{
        margin:0 0 48px 0;
        padding:48px 0 48px 0;
    }
    .single-product .infoBoxSection .infoBox{
        flex-direction: column;
        gap:40px;
        padding:0 24px;
    }
    .single-product .infoBoxSection .infoBox .box{
        width:100%;
        padding:0;
    }
    .single-product .infoBoxSection .infoBox .box h2{
        font-size: 26px;
        line-height: 130%; /* 33.8px */
    }

}


/* Prednasejici box*/
.single-product .prednasejiciBox{
    margin-top:100px;
    background: linear-gradient(0deg, #32094D 0%, #1D1D1D 100%);
}
.single-product .webinar .prednasejiciBox{
    background: linear-gradient(180deg, #393753 0%, #32445B 100%);
}
.single-product .prednasejiciBox .prednasejici{
    display:flex;
    gap:64px;
    flex-direction: row;
    padding:100px 120px 0px 120px;
}
.single-product .prednasejiciBox .prednasejici .inner{
    padding-bottom:100px;
    display:flex;
    gap:64px;
    flex-direction: column;
    width:100%;
}
.single-product .prednasejiciBox .prednasejici  .inner h2{
    color: var(--Gray-White, #FFF);
}
.single-product .prednasejiciBox .prednasejici .single{
    display: flex;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
    padding-left: 100px;
}
.single-product .prednasejiciBox .prednasejici .single img{
    border-radius: 120px;
    width: 120px;
    height: 120px;
}
.single-product .prednasejiciBox .prednasejici .single .right{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
}
.single-product .prednasejiciBox .prednasejici .single .right .title{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.single-product .prednasejiciBox .prednasejici .single .right .title .name{
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}
.single-product .prednasejiciBox .prednasejici .single .right .title h3{
    color: var(--Gray-White, #FFF);
}
.single-product .prednasejiciBox .prednasejici .single .right .title .pozice{
    color: var(--Gray-50, #D1D1D1);
    font-style: italic;
}
.single-product .prednasejiciBox .prednasejici .single .right > p{
    color: var(--Gray-White, #FFF);
}
@media all and (max-width:768px){
    .single-product .prednasejiciBox{
        margin: 48px 0 0 0;
        width: 100%;
    }
    .single-product .prednasejiciBox .prednasejici{
        padding:48px 24px;
        gap:40px;
        flex-direction: column;
    }
    .single-product .prednasejiciBox .prednasejici .inner{
        gap:40px;
        padding:0px;
    }
    .single-product .prednasejiciBox .prednasejici .single{
        padding:0px;
        flex-direction:column;
        gap:24px;
    }
    .single-product .prednasejiciBox .prednasejici > img{
        display:none;
    }
    .single-product .recenzeGlobalManual{
        padding:48px 24px;
        gap:64px;
    }
    .single-product .recenzeGlobalManual .obsah{
        flex-direction:column;
        gap:16px;
    }
    .single-product .recenzeGlobalManual .obsah .recenze{
        width:100%;
        padding:40px;
        gap:24px;
    }
}

/* Paticka agademie*/
.patickaAkademie{
    background: linear-gradient(180deg, #FEFEFE 0%, #E7F9CD 100%);
    padding: 100px 0;
}
.patickaAkademie .content{
    align-items: center;
    gap: 100px;
    align-self: stretch;
    display: flex;
    flex-direction: column;
}
.patickaAkademie .content .heading{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

/* Výpis globálních boxů produktů */
.globalVypisBoxu-list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
    max-width: calc(100% - 24px);
}
.globalVypisBoxu-list.onlyTwo{
    grid-template-columns: repeat(2, 50%);
}
@media all and (max-width:1200px){
    .globalVypisBoxu-list{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media all and (max-width:768px){
    .globalVypisBoxu-list.onlyTwo,
    .globalVypisBoxu-list{
        grid-template-columns: repeat(1, 1fr);
    }
    .globalVypisBoxu-list{
        max-width:100%;
    }
}
.globalVypisBoxu .box{
    display:flex;
    gap:0px;
    flex-direction: column;
    border-radius: 24px;
    border:1px solid var(--Gray-25, #D1D1D1);
    background: var(--Gray-White, #FFF);
    height: 100%;
    transition: all 0.2s;
}
.globalVypisBoxu .box:not(.comingSoon):hover{
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
    cursor:pointer;
}

.globalVypisBoxu .box .previewImage{
    height: 280px;
    min-height: 280px;
    max-height: 280px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius:23px 23px 0 0px;
    position:relative;

    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:24px;
}
.globalVypisBoxu .box .previewImage.placeholder{
    background: var(--Gray-10, #F5F5F5);
    cursor:unset;
    opacity:unset;
}
.globalVypisBoxu .box .previewImage .bookmark{
    position:absolute;
    right:16px;
    top:16px;
    width: 50px;
    height: 50px;
    border-radius: 999px;
    background: rgba(214, 218, 214, 0.50);
    display: flex;
    align-items: center;
    justify-content: center;
}
.globalVypisBoxu .box .previewImage .bookmark.favorite-1{
    background:transparent;
}
.globalVypisBoxu .box .previewImage .bookmark:hover{
    background: rgba(214, 218, 214, 0.50);
}
.globalVypisBoxu .box .previewImage .bookmark button:hover svg path,
.globalVypisBoxu .box .previewImage .bookmark button:focus svg path,
.globalVypisBoxu .box .previewImage .bookmark.favorite-1 button svg path{
    fill: #fff;
}
.globalVypisBoxu .box .previewImage .bookmark button:focus{
    background:transparent;
}
.globalVypisBoxu .box .previewImage .prihlasen{
    position:absolute;
    right:16px;
    bottom:16px;
    display: flex;
    align-items: center;
    gap:8px;
}
.globalVypisBoxu .box .previewImage .prihlasen span{
    color: var(--Gray-White, #FFF);
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.70);
}
.globalVypisBoxu .box .inner{
    display: flex;
    padding: 40px 48px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    height: 100%;
}

.globalVypisBoxu .box .inner .top{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    padding-bottom:24px;
    border-bottom:1px solid #D1D1D1;
}
.globalVypisBoxu .box .inner .top h3{
    font-size: 28px;
    font-weight: 600;
    line-height: 130%; /* 36.4px */
}
.globalVypisBoxu .box .inner .top .keys,
.globalVypisBoxu .box .inner .top .points{
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.globalVypisBoxu .box .inner .top .keys .stitky{
    display: flex;
    align-items: center;
    align-content: center;
    gap: 16px;
    align-self: stretch;
}
.globalVypisBoxu .box .inner .top .keys span.label,
.zaznam-webinare .purchased span.label{
    border-radius:0px;
    padding:4px 16px;
    font-family: "Geologica", sans-serif;
    font-weight: 600;
    line-height: 130%; /* 20.8px */
    border:0px;
}
.globalVypisBoxu .box .inner .top .keys .key{
    color: var(--Charcoal, #323232);
    font-family: "Geologica", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 20.8px */
    white-space: nowrap;
}
.globalVypisBoxu .box .inner .top p.prednaseji{
    color: var(--Charcoal, #323232);
    font-family: "Geologica", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.globalVypisBoxu .box .inner .bottom{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    justify-content: space-between;
    height: 100%;
    max-width: 100%;
    width:100%;
}
.globalVypisBoxu .box .inner .bottom .shortDescription,
.globalVypisBoxu .box .inner .bottom .shortDescription p{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 27.2px */
}
.globalVypisBoxu .box .inner .bottom .priceBox{
    display: flex;
    align-items: center;
    gap: 40px;
    align-self: stretch;
}
@media all and (max-width:768px){
    .globalVypisBoxu .box .inner .bottom .priceBox{
        gap:24px;
        flex-wrap:wrap;
    }
    .globalVypisBoxu .box .inner{
        padding:24px;
        gap:16px;
    }
}
.globalVypisBoxu .box .inner .bottom .priceBox .price{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: "Geologica", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 36.4px */
}

.globalVypisBoxu .box .inner .bottom .priceBox a{
    width: 100%;
    text-align: center;
}
.globalVypisBoxu .box.comingSoon .previewImage{
    background: #F1F3F1;
}
.globalVypisBoxu .box.comingSoon .top{
    border-bottom:1px solid #F1F3F1;
}
.globalVypisBoxu .box.comingSoon .top h3,
.globalVypisBoxu .box.comingSoon .top .keys .placeholder,
.globalVypisBoxu .box.comingSoon .top .prednaseji,
.globalVypisBoxu .box.comingSoon .priceBox,
.globalVypisBoxu .box.comingSoon .shortDescription > span{
    background: #F1F3F1;
    color:#F1F3F1;
    height: 27px;
    border-radius: 8px;
}
.globalVypisBoxu .box.comingSoon .top h3{
    width: 90%;
    border-radius: 10px;
    height: 42px;
}
.globalVypisBoxu .box.comingSoon .top .keys .placeholder{
    width: 99px;
}
.globalVypisBoxu .box.comingSoon .top .prednaseji{
    width: 60%;
}
.globalVypisBoxu .box.comingSoon .bottom{
    width: 100%;
}
.globalVypisBoxu .box.comingSoon .shortDescription{
    width: 100%;
    display:flex;
    flex-direction:column;
    gap:8px;
}
.globalVypisBoxu .box.comingSoon .shortDescription > span{
    border-radius: 5px;
    height: 19px;
    width:100%;
    display:block;
}
.globalVypisBoxu .box.comingSoon .shortDescription span.last{
    width:75%;
}
.globalVypisBoxu .box.comingSoon .priceBox{
    height: 52px;
    width:100%;
    display:block;
    border-radius: 50px;
}




.webinar.enrolled .prihlasenTag,
.webinarVypis .prihlasenTag{
    border-radius: 999px;
    background: var(--Green-Tints-Green-25, #E7F9CD);
    padding: 8px 16px;
    color: var(--Green-Tints-Lime-Green, #6EAB16);

    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin: 0 auto;
    text-align: center;
    display: table;
}/*
.webinar.enrolled h1{
    margin:24px auto 64px auto;
}
.webinar.enrolled .row.boxes{
    gap:24px;
    margin-bottom:64px;
}
.webinar.enrolled .box{
    border-radius: 20px;
    background: var(--Purple-Webin-Light, #F6F1F8);
    padding: 24px 40px;
    width:calc(33.3333% - 32px);
    display:flex;
    gap:26px;
    flex-direction: column;
    align-items: center;
}
@media (max-width: 767.98px){
    .webinar.enrolled .box{
        width:100%;
    }
}
.webinar.enrolled .box h2{
    color: var(--Very-dark-blue, #0E0E0E);
}
.webinar.enrolled .box h2 svg,
.webinar.enrolled .box h2 img{
    margin-right:8px;
}
.webinar.enrolled .box ul{
    margin: 0;
    padding: 0;
    text-align: left;
}*/

.webinar.shortcodePreview{
    margin-bottom:0px;
}
.webinar.shortcodePreview ul.product-variants{
    margin: 48px 0;
}
.webinar.shortcodePreview .obsah h2{
    font-size: 24px;
}
/*------------------------------------------- PRODUCT - ZÁZNAM WEBINÁŘE  -------------------------------------------*/
.zaznam-webinare .product{
    display: flex;
    height: max-content;
    gap: 64px;
}
.zaznam-webinare .product > div {
    float:unset;
}
.zaznam-webinare .basic .columns{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    gap:24px;
}
.zaznam-webinare .basic .columns .separator{
    width:1px;
    height:63px;
    background: #D1D1D1;
}
.zaznam-webinare .basic .columns .box{
    width:100%;
}

.zaznam-webinare .purchased{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}
.zaznam-webinare .purchased .content{
    display: flex;
    align-items: flex-start;
    gap: 80px;
    align-self: stretch;
    width:100%;
}
.zaznam-webinare .purchased .content > div{
    width:50%;
}
.zaznam-webinare .purchased .content .basic{
    margin:0;
    padding:0;
    border:0px;
}
.zaznam-webinare .purchased .zaznamZakoupenVideo video{
    max-width: 100%;
}

/*.zaznam-webinare .lektor{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
.zaznam-webinare .lektor > span{
    color: var(--Gray-75, #7F7F7F);
}
.zaznam-webinare .lektor .single{
    display: flex;
    align-items: center;
    gap: 12px;
}
.zaznam-webinare .lektor .single img{
    width:60px;
    height:60px;
    border-radius: 499.5px;
}
.zaznam-webinare .lektor .single a{
    color: var(--Gray-75, #7F7F7F);
    text-decoration:underline;
}*/
/*.zaznam-webinare .single-product .recenzeGlobalManual{
    margin-top:0px;
    gap:24px;
}*/
.zaznam-webinare .mohloBySeLibit{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
    align-self: stretch;
    margin-top: 100px;
    margin-bottom: 100px;
}
.zaznam-webinare .mohloBySeLibit .globalVypisBoxu{
    width:100%;
}
@media all and (max-width:767px){
    .zaznam-webinare .purchased .content{
        display: flex;
        flex-direction:column;
        gap: 24px;
        width:100%;
    }
    .zaznam-webinare .purchased .content > div{
        width:100%;
    }
}

/*------------------------------------------- E-learning -------------------------------------------*/
.elearning{
    margin-bottom:100px;
}
.elearning .hlavicka{
    padding-bottom:64px;
}
.elearning .hlavicka .header{
    gap: 16px;
    display: flex;
    /*padding: 100px 24px;*/
    flex-direction:column;
    justify-content: center;
    align-items: baseline;
    align-self: stretch;
    /*background: linear-gradient(0deg, #0E0E0E 0%, #1B3029 100%), #323232;*/
}
/*.elearning .hlavicka .header h1{
    color: var(--Gray-White, #FFF);
}*/
.elearning .hlavicka .header .povede{
    display:flex;
    gap:24px;
    align-items: center;
    /*color: var(--Gray-White, #FFF);*/
}
.elearning .hlavicka .header .povede a{
    /*color: var(--Gray-25, #D1D1D1);*/
    font-size: 18px;
    font-weight: 600;
    text-decoration:underline;
    display: flex;
    align-items: center;
    gap: 8px;
}
.elearning .hlavicka .header .povede .label{
    background: var(--Primary-100, #E7F9CD);
    padding: 4px 16px;
    color: var(--Primary-600, #6EAB16);
}
/*.elearning .hlavicka .tabNavigace{
    padding:32px 0 0 0;
}
.elearning .hlavicka .tabNavigace ul{
    list-style:none;
    margin:0;
    padding:0;
    display: flex;
    align-items: center;
    gap: 40px;
    width:100%;
    border-bottom: 1px solid var(--Gray-50, #D1D1D1);
}
.elearning .hlavicka .tabNavigace ul li{
    margin:0;
    padding:0;
}
.elearning .hlavicka .tabNavigace ul li button{
    background:none;
    border:0;
    padding:16px 0px;

    font-weight: 700;
    line-height: 160%;

    border-bottom: 3px solid transparent;
}
.elearning .hlavicka .tabNavigace ul li button.active{
    border-bottom: 3px solid var(--Very-dark-blue, #0E0E0E);
}
.elearning .hlavicka .tabNavigace ul li button:hover{
    border-bottom: 3px solid var(--Gray-75, #7F7F7F);
}*/
@media all and (max-width:767px){
    .elearning .hlavicka{
        padding-bottom:24px;
    }
    .elearning .hlavicka .header{
        /*padding:64px 24px;*/
    }
    .elearning .hlavicka .header > .container > .row{
        gap:24px;
    }
    .elearning .hlavicka .header .povede{
        flex-direction:column;
        align-items: baseline;
    }
    .elearning .hlavicka .header .povede a{
        font-size: 16px;
    }
    .elearning .hlavicka .tabNavigace ul{
        overflow: scroll;
        max-width: 100%;
        display: inline-flex;
        padding: 0 24px;
        gap:24px;
    }
    .elearning .hlavicka .tabNavigace ul li button{
        white-space: nowrap;
    }
    .elearning .content{
        margin-top:32px;
    }
}

/* Kurz #nahled*/
/*.elearning.kurz #nahled{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 64px;
    align-self: stretch;
}
.elearning.kurz #nahled .lekce{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}
.elearning.kurz #nahled .lekce > a{
    font-weight: 700;
    border-bottom: 1px solid var(--Gray-50, #D1D1D1);
    padding-bottom:16px;

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}
.elearning.kurz #nahled .lekce > a h2{
    flex:1;
}
.elearning.kurz #nahled .lekce .temata{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}
.elearning.kurz #nahled .lekce .temata a{
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}
@media all and (max-width:767px){
    .elearning.kurz #nahled .lekce > a h2{
        white-space: nowrap;
    }
    .elearning.kurz #nahled .lekce > a{
        flex-direction: column;
        align-items: baseline;
        justify-content: start;
        flex-wrap:wrap;
    }
}

 Lekce #osnova
.elearning.lekce .content #osnova .oLekci{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
    flex-shrink: 0;
    margin-bottom:40px;
}
.elearning.lekce .content #osnova .oLekci .heading,
.elearning.lekce .content #osnova .temata .tema .heading{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.elearning.lekce .content #osnova .oLekci .heading .meta{
    display: flex;
    align-items: center;
    gap: 16px;
}
.elearning.lekce .content #osnova .oLekci .heading .meta span,
.elearning.lekce .content #osnova .temata .tema .heading span.meta{
    color: var(--Gray-75, #7F7F7F);
}
.elearning.lekce .content #osnova .temata{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
    flex-shrink: 0;
}
.elearning.lekce .content #osnova .temata .tema{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
    padding-bottom: 40px;
    border-bottom:1px solid #D1D1D1;
}
.elearning.lekce .content #osnova .temata .tema .content{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 24px;
    align-self: stretch;
}
.elearning.lekce .content #osnova .temata .tema .video{
    width:100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    align-self: stretch;
}
.elearning.lekce .content #osnova .temata .tema .video iframe,
.elearning.lekce .content #osnova .temata .tema .video video{
    border-radius: 20px;
    width:100%;
    background: var(--Gray-10, #F5F5F5);
}
.elearning.lekce .content #osnova .temata .tema .video .nahlasit{
    color: var(--Gray-75, #7F7F7F);
    cursor:pointer;
}
.elearning.lekce .content #osnova .temata .tema .video .nahlasit:hover{
    text-decoration:underline;
}

.elearning.lekce .content #osnova .pagination{
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    padding:40px 0 0 0;
}
.elearning.lekce .content #osnova .pagination a{
    color: var(--Gray-75, #7F7F7F);
    font-weight: 600;
    width:150px;
}
.elearning.lekce .content #osnova .pagination > div.empty{
    width:150px;
}
.elearning.lekce .content #osnova .pagination a:hover{
    text-decoration:underline !important;
}
.elearning.lekce .content #osnova .pagination button{
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;

    border-radius: 12px;
    border: 2px solid var(--Gray-50, #D1D1D1);

    color: var(--Gray-75, #7F7F7F);
}
.elearning.lekce .content #osnova .pagination button:hover,
.elearning.lekce .content #osnova .pagination button.completed{
    color: var(--Very-dark-blue, #0E0E0E);
}
.elearning.lekce .content #osnova .pagination button:hover svg > rect{
    fill:#7F7F7F;
}
.elearning.lekce .content #osnova .pagination button.completed svg > rect{
    fill:#A2E640;
}
@media all and (max-width:767px){
    .elearning.lekce .content #osnova .oLekci{
        gap:32px;
    }
    .elearning.lekce .content #osnova .pagination{
        padding-top:32px;
        flex-direction: column;
        gap: 24px;
    }
}
.elearning .content #lektori,
.elearning .content #hodnoceni{
    display:none;
}
.elearning .content #lektori .boxLektor{
    display: flex;
    align-items: center;
    gap: 80px;
    align-self: stretch;
}
.elearning .content #lektori .boxLektor .h4{
    margin:0px;
}
.elearning .content #lektori .boxLektor img.hlavni{
    border-radius: 12px;
    width: 300px;
    height: 300px;
}
.elearning .content #lektori .boxLektor .obsah{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    flex: 1 0 0;
}
.elearning .content #lektori .boxLektor .obsah .heading{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.elearning .content #lektori .boxLektor .obsah .heading > span,
.elearning .content #lektori .boxLektor .sPomoci > span{
    color: var(--Gray-75, #7F7F7F);
}
.elearning .content #lektori .boxLektor .obsah .heading .headName{
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}
.elearning .content #lektori .boxLektor .sPomoci{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.elearning .content #lektori .boxLektor .sPomoci .osoby{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
}
.elearning .content #lektori .boxLektor .sPomoci .osoba{
    display: flex;
    align-items: center;
    gap: 16px;
}
.elearning .content #lektori .boxLektor .sPomoci .osoba > img{
    border-radius: 499.5px;
    width:50px;
    height:50px;
}
@media all and (max-width:767px){
    .elearning .content #lektori .boxLektor{
        gap:32px;
        flex-direction: column;
    }
    .elearning .content #lektori .boxLektor .obsah{
        width: 100%;
    }
    .elearning .content #lektori .boxLektor img.hlavni{
        width:100%;
        max-width: fit-content;
        height:auto;
    }
    .elearning .content #lektori .boxLektor .sPomoci{
        flex-direction: column;
        gap: 24px;
    }
    .elearning .content #lektori .boxLektor .sPomoci .osoby{
        flex-direction: column;
        gap: 24px;
    }
}*/

/* Nahlasit error */
.popup-overlay#popUpNahlasit .popup-content{
    max-width: 600px;
}
#popUpNahlasit .content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width:100%;
}
#popUpNahlasit .content .text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}
#popUpNahlasit .content form{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}
#popUpNahlasit .content form textarea{
    width:100%;
}
#popUpNahlasit .content .success-msg{
    color: var(--Gray-75, #7F7F7F);
}


/* Sidebar */
.elearning .sidebar{
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    flex-shrink: 0;

    border-radius: 20px;
    border: 2px solid var(--Gray-10, #F5F5F5);
    background: #FFF;
}
.elearning .sidebar ul{
    list-style: none;
    margin:0;
    padding:0;
    width:100%;
}
.elearning .sidebar ul li a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;

    color: var(--Very-dark-blue, #0E0E0E);
    font-size: 18px;
}
.elearning .sidebar ul li a > span{
    display: flex;
    align-items: center;
    gap: 16px;
}
.elearning .sidebar ul li a > span > span.count{
    display: flex;
    width: 32px;
    height: 32px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 999px;
    background: var(--Gray-25, #D1D1D1);

    color: var(--Gray-75, #7F7F7F);
    font-size: 14px;
    font-weight: 600;
}
.elearning .sidebar ul li.active a > span > span.count,
.elearning .sidebar ul li a:hover > span > span.count{
    background: var(--Gray-75, #7F7F7F);
    color: var(--Gray-White, #FFF);
}
.elearning .sidebar .learndash-wrapper .ld-progress{
    margin:0;
}
@media all and (max-width:767px){
    .elearning .sidebar{
        margin-bottom:32px;
    }
    .elearning .sidebar h4{
        margin:0px;
    }
    .elearning .sidebar ul li a{
        font-size: 16px;
        line-height: 130%;
    }
}


/* --------------- Kalendář akcí ----------------- */
.kalendar-wrapper {
    position: relative;
    overflow: hidden;
}

.kalendar-akci {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none; /* Firefox */
}
.kalendar-akci::-webkit-scrollbar {
    display: none;
}

.kalendar-wrapper .arrow {
    position: absolute;
    top: 0%;
    z-index: 2;
    border: none;
    border-radius:0;
    color: white;
    font-size: 32px;
    width: 200px;
    height: 100%;
    cursor: pointer;
    display: none;
    align-items: center;
    transition: opacity 0.3s ease;
    padding: 0;
    box-shadow: unset;
}
.kalendar-wrapper .arrow.left {
    left: 0;
    background: linear-gradient(90deg, #132B3A 0%, rgba(19, 43, 58, 0.00) 100%);
    justify-content: start;
}
.kalendar-wrapper .arrow.right {
    right: 0;
    background: linear-gradient(270deg, #132B3A 0%, rgba(19, 43, 58, 0.00) 100%);
    justify-content: end;
}
.kalendar-wrapper .arrow:hover,
.kalendar-wrapper .arrow:focus {
    box-shadow: unset;
}
.kalendar-wrapper .arrow:hover svg path{
    fill:#fff;
}
.kalendar-wrapper .arrow:hover svg > rect:first-child{
    stroke:#fff;
}
.kalendar-akci{
    display: flex;
    align-items: center;
    gap: 16px;
}
.kalendar-akci a{
    display: flex;
    width: 350px;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex-shrink: 0;
    align-self: stretch;

    border-radius: 12px;
    border: 1px solid #547483;
    background: linear-gradient(180deg, #37534C 0%, #323232 100%);
    color:#fff;
}
.kalendar-akci a,
.kalendar-akci a > *{
    text-decoration:none !important;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    pointer-events: auto;
    user-select: none;
    -webkit-user-drag: none;
    draggable: false;
}
.kalendar-akci a:hover{
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%), linear-gradient(180deg, #37534C 0%, #323232 100%);
}
.kalendar-akci a .den{
    color: #C3CFDB;
    display:flex;
    align-items:center;
    gap:8px;
}
.kalendar-akci a .den img{
    margin-top: -5px;
}
.kalendar-akci a .datum{
    color: #FFF;
    font-family: "Geologica", sans-serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 72.8px */
}
.kalendar-akci a .label{
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    border: 1px solid #56859C;
    background: linear-gradient(180deg, #4D6F6B 0%, #455A64 100%);
    color: #C3CFDB;
}
.kalendar-akci a h3{
    color: var(--Gray-White, #FFF);
}
@media all and (max-width:767px){
    .kalendar-akci a{
        width:250px;
        padding:10px;
    }
    .kalendar-akci a avg{
        max-width: 100%;
    }
    .kalendar-wrapper .arrow{
        width:100px;
    }
}


/* ------------------------------------------------------------- ANIMACE ---------------------- */
.POPPS{
    width: 387px;
    height:493px;
    position:relative;
}

.POPPS .image{
    position: absolute;
    transition: all .1s;
}
.POPPS .velke{
    left:0px;
    top:-100px;
}
@media (max-width: 767.98px) {
    .POPPS .velke{
        left:0px;
        top:0px;
    }
}
.POPPS .maleVpravo{
    right:0px;
    bottom:50px;
}

.POVSVS{
    width: 440px;
    height:465px;
    position:relative;
}
@media (max-width: 767.98px) {
    .POVSVSArea{
        transform: scale(0.9);
    }
}
.POVSVS .image{
    position: absolute;
    transition: all .1s;
}
.POVSVS .leve{
    left:0px;
    bottom:-100px;
}
.POVSVS .prostredni{
    left:115px;
    bottom:0px;
}
@media (max-width: 767.98px) {
    .POVSVS .prostredni{
        bottom:50px;
    }
}
.POVSVS .prave{
    right:0px;
    bottom:-100px;
}

.POKDH{
    width: 370px;
    height:463px;
    position:relative;
}
.POKDH .image{
    position: absolute;
    transition: all .1s;
}
.POKDH .velke{
    left:0px;
    bottom:50px;
}
.POKDH .male{
    right:0px;
    bottom:-50px;
}

.POOZ{
    width: 380px;
    height:430px;
    position:relative;
}
@media (max-width: 767.98px) {
    .POVSVSArea{
        transform: scale(0.9);
    }
}
.POOZ .image{
    position: absolute;
    transition: all .1s;
}
.POOZ .velke{
    right:0px;
    top:-50px;
}
@media (max-width: 767.98px) {
    .POOZ .velke{
        top:0px;
    }
}
.POOZ .maleVpravo{
    left:0px;
    bottom:-50px;
}

/*------------------------------------------- Carousels -------------------------------------------*/

#ambasadoriCarousel{
    max-width:1000px;
    margin:0 auto 32px auto;
}

#ambasadoriCarousel .carousel-indicators{
    align-items: center;
    gap: 24px !important;
    bottom:-32px;
}

#ambasadoriCarousel .carousel-indicators button{
    border: 2px solid #A2E640 !important;
    border-radius: 14px !important;
    width: 14px !important;
    height: 14px !important;
    flex: none !important;
    text-indent: unset !important;
    background: white !important;
    margin:0 !important
}

#ambasadoriCarousel .carousel-indicators button.active{
    width: 20px !important;
    height: 20px !important;
    background: #A2E640 !important;
}
#ambasadoriCarousel .carousel-control-next,
#ambasadoriCarousel .carousel-control-prev{
    width:unset !important;
    background-color: transparent !important;
    border-radius: 0px !important;
    padding: 0px !important;
}

#ambasadoriCarousel .carousel-control-next:hover,
#ambasadoriCarousel .carousel-control-prev:hover{
    box-shadow: none !important;
}
#ambasadoriCarousel .carousel-control-next:focus,
#ambasadoriCarousel .carousel-control-prev:focus{
    box-shadow: none !important;
}
#ambasadoriCarousel .carousel-inner{
    padding:0 100px 32px 100px;
}
#ambasadoriCarousel .carousel-item > div{
    gap:32px;
}
#ambasadoriCarousel .carousel-item .img{
    flex: none;
}
#ambasadoriCarousel .carousel-item .content{
    gap:24px;
    display:flex;
    flex-direction: column;
}
#ambasadoriCarousel .carousel-item .content > div{
    gap:8px;
    display:flex;
    flex-direction: column;
}
#ambasadoriCarousel .carousel-item .content .heading{
    display:flex;
    align-items:center;
    gap:8px;
}
#ambasadoriCarousel .carousel-item .content .heading a:hover{
    opacity:0.7;
}
#ambasadoriCarousel .carousel-item .content .text{
    font-size: 16px;
    font-style: italic;
    overflow: visible;
    position: relative;
    z-index:1;
}
#ambasadoriCarousel .carousel-item .content .text::before {
    content: "";
    width: 76px;
    height: 60px;
    position: absolute;
    top: -20px;
    left: -20px;
    background-image: url('./assets/images/quote.png');
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}
#ambasadoriCarousel .carousel-item .content .linkVideo{
    font-weight: 700;
    color: var(--Charcoal, #323232);
    line-height: 155%;
}
@media all and (max-width:767px){
    #ambasadoriCarousel .carousel-inner{
        padding: 0 50px 32px 50px;
    }
    #ambasadoriCarousel .carousel-item > div{
        flex-direction: column;
        gap:24px;
    }
    #ambasadoriCarousel .carousel-item .img{
        order:0;
    }
    #ambasadoriCarousel .carousel-item .content{
        order:1;
    }
    #ambasadoriCarousel .carousel-item .content .linkVideo{
        margin:0 auto;
    }
}


/*------------------------------------------- KOŠÍK -------------------------------------------*/
.woocommerce-cart .processMenu,
.woocommerce-checkout .processMenu{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
    justify-content:center;
    margin-bottom:56px;
}
.woocommerce-cart .processMenu .item,
.woocommerce-checkout .processMenu .item{
    color: var(--Gray-75, #7F7F7F);
}
.woocommerce-cart .processMenu .item.active,
.woocommerce-checkout .processMenu .item.active{
    color: var(--Moderate-lime-green, #6EAB16);
    font-weight: 700;
}
.woocommerce-cart .processMenu .separator,
.woocommerce-checkout .processMenu .separator{
    width: 62px;
    height: 1px;
    background: #D1D1D1;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
    float:unset;
    width:100%;
}
.woocommerce-cart h1{
    margin-bottom:40px;
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{
    width: 80px;
    height: 80px;
    max-width: 80px;
    border-radius: 10px;
}
.woocommerce-cart table.shop_table{
    border:0px;
}
.woocommerce-cart table.shop_table td{
    border-color: #D1D1D1;
    padding: 16px 16px;
}
.woocommerce-cart table.shop_table td:first-child{
    padding-left:0px;
}
.woocommerce-cart table.shop_table td:last-child{
    padding-right:0px;
}
.woocommerce-cart .product-subtotal{
    text-align:right;
}
.woocommerce-cart .product-subtotal > span bdi{
    color: var(--Gray-75, #7F7F7F);
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.woocommerce-cart .product-subtotal > div bdi,
.woocommerce-cart .product-name a{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: "Geologica", sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 27.3px */
}
.woocommerce a.remove:hover{
    background:transparent;
    transform: scale(1.1);
}
.woocommerce-cart td.actions{
    text-align:left !important;
}
.woocommerce-cart .zpetNaNabidku{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 125% */
    text-decoration: underline;
}
.woocommerce-cart #couponPopup .coupon,
.woocommerce-checkout #couponPopup .coupon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
    padding: 32px;

    width: 560px;
    text-align:left;

    display:flex;
    flex-direction: column;
    gap:32px;
}
.woocommerce-cart #couponPopup .coupon .heading,
.woocommerce-checkout #couponPopup .coupon .heading{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
}
.woocommerce-cart #couponPopup .coupon .heading .close,
.woocommerce-checkout #couponPopup .coupon .heading .close{
    cursor:pointer;
}
.woocommerce-cart #couponPopup .coupon input,
.woocommerce-checkout #couponPopup .coupon input,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce-checkout .registrace input[type=password],
input[type=password],
#teacher_school_input_checkout{
    float:unset;
    width: 100%;
    border: 1px solid var(--Gray-50, #D1D1D1);
    background: #FFF;
}
.checkout_coupon.woocommerce-form-coupon {
    display: flex !important;
    flex-direction: column;
    gap:32px;
    border:0 !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:0 !important;
}

.woocommerce .cart-collaterals .cart_totals .stylBox,
.woocommerce-checkout .right .stylBox{
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
    padding: 24px 32px;
}
.woocommerce .cart-collaterals .cart_totals .stylBox h2,
.woocommerce-checkout .right .stylBox h2{
    margin-bottom:32px;
}
.woocommerce .cart-collaterals table.shop_table,
.woocommerce .right .stylBox table.shop_table{
    border:0px;
    margin:0px;
}
.woocommerce .cart-collaterals table.shop_table tr,
.woocommerce .right .stylBox table.shop_table tr{
    border:0px;
}
.woocommerce .cart-collaterals table.shop_table th,
.woocommerce .right .stylBox table.shop_table th,
.woocommerce .cart-collaterals table.shop_table td,
.woocommerce .right .stylBox table.shop_table td{
    width:50%;
    padding: 4px 0px;
    border:0px;
}
.woocommerce .cart-collaterals table.shop_table th:first-child,
.woocommerce .right .stylBox table.shop_table th:first-child,
.woocommerce .cart-collaterals table.shop_table td:first-child,
.woocommerce .right .stylBox table.shop_table td:first-child{
    width:70%;
}

.woocommerce .cart-collaterals table.shop_table th:last-child,
.woocommerce .right .stylBox table.shop_table th:last-child,
.woocommerce .cart-collaterals table.shop_table td:last-child,
.woocommerce .right .stylBox table.shop_table td:last-child{
    width:30%;
}
.woocommerce .cart-collaterals table.shop_table th,
.woocommerce .right .stylBox table.shop_table th,
.woocommerce .right .stylBox table.shop_table td:first-child{
    color: var(--Very-dark-blue, #0E0E0E);

    /* Website/Paragraphs/Parag. Tiny */
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 24.8px */
}
.woocommerce .cart-collaterals table.shop_table td,
.woocommerce .right .stylBox table.shop_table td:not(:first-child){
    text-align:right;
}
.woocommerce .cart-collaterals table.shop_table td strong,
.woocommerce .cart-collaterals table.shop_table tr.cart-discount td,
.woocommerce .right .stylBox table.shop_table tr.cart-discount td,
.woocommerce .cart-collaterals tr.cart-numbers td,
.woocommerce .right .stylBox table.shop_table tr.cart-numbers td,
.woocommerce .cart-collaterals tr.order-total td strong,
.woocommerce .right .stylBox table.shop_table tr.order-total td strong,
.woocommerce .right .stylBox table.shop_table tr.cart-subtotal td bdi,
.woocommerce .right .stylBox table.shop_table tr.cart_item td bdi{
    color: var(--Very-dark-blue, #0E0E0E);

    /* Website/Headings/H4 */
    font-family: "Geologica", sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 27.3px */
}

.woocommerce .cart-collaterals #slevovyKuponTrigger,
.woocommerce .right .stylBox #slevovyKuponTrigger{
    margin-top:32px;
    border-top: 1px solid #D1D1D1;
    padding-top:32px;
    color: var(--Very-dark-blue, #0E0E0E);

    font-family: "Geologica", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 23.4px */
    text-decoration: underline;

    cursor:pointer;
}
.woocommerce .cart-collaterals #slevovyKuponTrigger:hover,
.woocommerce .right .stylBox #slevovyKuponTrigger:hover{
    text-decoration:none;
}
.woocommerce-checkout{
    margin-bottom:40px;
}
.woocommerce-checkout .checkoutHeading{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}
.woocommerce-checkout .checkoutHeading .ssoLogin{
    display: flex;
    align-items: center;
    gap: 24px;
}
.woocommerce-checkout .woocommerce-billing-fields{
    border-top: 2px solid var(--Gray-25, #D1D1D1);
    padding:40px 0px 0px 0px;
    margin:40px 0px 0px 0px;
}
.woocommerce-checkout .woocommerce-billing-fields h3{
    margin-bottom:24px;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row-first,
.woocommerce-checkout .woocommerce-billing-fields .form-row-last,
.woocommerce-checkout .woocommerce-billing-fields #billing_city_field,
.woocommerce-checkout .woocommerce-billing-fields #billing_postcode_field{
    width:49%;
    clear: none;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row {
    margin: 0 0 24px;
}
.woocommerce-checkout .woocommerce-billing-fields #billing_city_field {
    float: left;
}
.woocommerce-checkout .woocommerce-billing-fields #billing_postcode_field {
    float: right;
}
.woocommerce-checkout .woocommerce-billing-fields #billing_country_field .woocommerce-input-wrapper{
    width:100%;
    border-radius: 12px;
    border: 1px solid var(--Gray-50, #D1D1D1);
    background: #FFF;
    padding: 8px 16px 8px 24px;
    display: block;
}
.woocommerce-checkout .woocommerce-billing-fields #billing_country_field .woocommerce-input-wrapper strong{
    color: rgba(0, 0, 0, 0.50);
    font-feature-settings: 'calt' off;
    font-family: var(--font-family-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.28px;
}
.woocommerce-checkout span.optional {
    display: none;
}
.woocommerce-billing-fields #ico_checkbox_field > p{
    margin:0px;
}
.woocommerce-billing-fields #ico_checkbox_field > p label{
    color: var(--Very-dark-blue, #0E0E0E) !important;
    font-family: IvyEpic;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 24.8px */
}
.woocommerce-checkout .registrace{
    border-top: 2px solid var(--Gray-25, #D1D1D1);
    padding-top:40px;
    margin-top:40px;
}
.woocommerce-checkout .registrace p.minitiny{
    color: var(--Gray-75, #7F7F7F);
    margin-top:8px;
    margin-bottom:24px;
}
#teacher_school_input_checkout{
    width:100%;
}
.woocommerce-checkout #order_review{
    margin-top:40px;
    padding-top:40px;
    border-top: 2px solid var(--Gray-25, #D1D1D1);
}
/*.woocommerce-checkout .registrace .form-row{
    float:none;
}*/


.woocommerce-checkout #confirmation{
    margin-top:32px;
}
.woocommerce-checkout #confirmation .woocommerce-terms-and-conditions-checkbox-text,
.woocommerce-checkout #confirmation .woocommerce-terms-and-conditions-checkbox-text a{
    color: var(--Gray-75, #7F7F7F);
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.woocommerce-checkout #confirmation .woocommerce-terms-and-conditions-checkbox-text a{
    text-decoration:underline;
}
.woocommerce-checkout #confirmation .woocommerce-terms-and-conditions-checkbox-text a:hover{
    text-decoration:none;
}
.woocommerce-checkout #confirmation .place-order{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
}
.woocommerce-checkout #confirmation .place-order a{
    text-decoration:underline;
}
.woocommerce-checkout #confirmation .place-order a:hover{
    text-decoration:none;
}
.woocommerce-checkout .wc_payment_method{
    cursor:pointer;
}
#add_payment_method #payment,
.woocommerce-checkout #payment{
    background:none;
    border-radius:0px;
    margin-top:16px;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods{
    border:0px;
    margin-bottom:40px;
    padding:0px;
}
#add_payment_method #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li{
    border-radius: 20px;
    border: 1px solid var(--Gray-25, #D1D1D1);
    margin-bottom:16px;
    padding: 24px;
    display: flex;
    align-items: center;
}
.woocommerce-checkout #payment label{
    padding:0px !important;
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: "Geologica", sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 27.3px */
}
.woocommerce-checkout .payment_method_comgate img{
    width: 140px;
}
.woocommerce-checkout #payment div.payment_box{
    background:transparent;
    padding:0;
    margin:0;
}
.woocommerce-checkout #payment div.payment_box::before{
    display:none;
}
.woocommerce-checkout #payment div.payment_box p:last-child{
    color: var(--Gray-75, #7F7F7F);
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


/*------------------------------------------- E-shop -------------------------------------------*/
.eshopProdukt .breadcrumb{
    margin-bottom:40px;
}
.eshopProdukt .breadcrumb,
.eshopProdukt .breadcrumb a,
.eshopProdukt .breadcrumb span{
    color: var(--Gray-75, #7F7F7F);
    font-family: IvyEpic;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 31px */
}
.eshopProdukt .breadcrumb a:hover{
    font-weight: 700;
    text-decoration:underline;
}
.eshopProdukt div.images img{
    border-radius: 12px;
}
.woocommerce div.product div.images .flex-control-thumbs{
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top:16px;
}
.eshopProdukt div.images .flex-control-thumbs li img{
    border-radius: 8px;
}
.eshopProdukt .default{
    display:flex;
    gap:24px;
    flex-direction: column;
}
.eshopProdukt .default .nadpisSekce{
    display:flex;
    flex-direction: row;
    gap:16px;
    align-self: stretch;
    align-items: center;
}

.eshopProdukt .default .categoryTag p,
.obchodPage .categoryTag p{
    padding: 4px 16px;
    display:inline-block;
    background: var(--Green-Tints-Green-25, #E7F9CD);
    color: var(--Moderate-lime-green, #6EAB16);
}
.eshopProdukt .default .categoryTag p.edutalk-zaznam{
    background: var(--Purple-Webin-Light, #F6F1F8);
    color: var(--Purple-Webin, #C179DE);
}
.eshopProdukt .default .woocommerce-product-details__short-description p{
    font-size: 16px;
}
.eshopProdukt .default .price bdi{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: "Geologica", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 41.6px */
}
.eshopProdukt .default form.cart{
    margin-bottom:0px !important;
}
.eshopProdukt .default .cart button.single_add_to_cart_button{
    width:100%;
    display:flex;
    gap:8px;
    justify-content: center;
    align-items: center;
}
.eshopProdukt .basic,
.eshopProdukt .more{
    margin-top:32px;
    padding-top:32px;
    border-top:1px solid #D1D1D1;
}
.eshopProdukt .basic h2,
.eshopProdukt .more h2{
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: "Geologica", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 31.2px */
}
.eshopProdukt .basic{
    display:flex;
    flex-direction: column;
    gap:24px;
}
.eshopProdukt .basic .box span,
.eshopProdukt .basic .boxColumn .column span{
    color: var(--Gray-75, #7F7F7F);
    margin-bottom:0px;
}
.eshopProdukt .basic .boxColumn{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}
.eshopProdukt .basic .boxColumn .uppercase{
    text-transform:uppercase;
}
.eshopProdukt .more h2{
    margin-bottom:24px;
}

.obchodPage .filter-bar {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-direction: row;
    flex-wrap: wrap;
}
.obchodPage .filter-button,
.obchodPage .filter-button:focus {
    border-radius: 999px;
    border: 2px solid var(--Gray-50, #D1D1D1);
    padding: 16px 24px;
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: "Geologica", sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 27.3px */
    transition: all .3s ease-in-out;
    background:#fff;
    box-shadow:none;
}
.obchodPage .filter-button:hover{
    border: 2px solid var(--Green-Tints-Green-25, #E7F9CD);
    background: var(--Green-Tints-Green-25, #E7F9CD);
    box-shadow:none;
}
.obchodPage .filter-button.active {
    background: var(--Green-Tints-Fresh-Green, #A2E640);
    border: 2px solid var(--Green-Tints-Fresh-Green, #A2E640);
    box-shadow:none;
}
.obchodPage .globalVypisBoxu-list{
    margin-top: 64px;
}


.woocommerce-notices-wrapper .woocommerce-message{
    font-family: var(--font-family-text);
    color: var(--Very-dark-blue, #0E0E0E);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    border-top-color: #A2E640;
    background-color: transparent;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.06), 0px 0px 12px 0px rgba(0, 0, 0, 0.07);
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.woocommerce-notices-wrapper .woocommerce-message::before{
    top: calc(50% - 13px);
}
.woocommerce-notices-wrapper .woocommerce-message::after{
    display:none;
}
.single-product.shortcodePreview .product{
    flex-direction: row;
    gap:40px;
    padding: 0;
    margin-top: 48px;
    border: 0;
}
.single-product.shortcodePreview .woocommerce-product-gallery{
    float:left;
    width:45%;
}
.single-product.shortcodePreview .summary{
    float:right;
    width:53%;
}
.single-product.shortcodePreview .categoryTag p{
    border-radius: 0;
    padding: 8px 16px;
    font-family: "Geologica", sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.single-product.shortcodePreview .woocommerce-product-details__short-description p{
    font-size: 18px;
}
.single-product.shortcodePreview a.add-to-cart{
    width: fit-content;
}
@media all and (max-width:768px){
    .single-product.shortcodePreview .woocommerce-product-gallery{
        float:unset;
        width:100%;
    }
    .single-product.shortcodePreview .summary{
        float:unset;
        width:100%;
    }
    .single-product.shortcodePreview a.add-to-cart{
        margin:0 auto;
    }
}

.single-product table.variations th{
    vertical-align:middle !important;
}

.woocommerce-order{
    max-width: 800px;
    margin:0 auto;
}
.woocommerce-order .heading{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}
.woocommerce-bacs-bank-details{
    margin-top: 80px;
}
.woocommerce-bacs-bank-details h3{
    display:none;
}
.woocommerce-bacs-bank-details li,
.woocommerce ul.order_details li strong{
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    text-transform: none !important;
    font-family: IvyEpic !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 155% !important;
    border: 0 !important;
}
.woocommerce ul.order_details li strong{
    padding-left: 10px !important;
    font-weight: 700 !important;
}

.woocommerce-order .preview{
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 20px;
    background: var(--Green-Tints-Green-10, #F4FCE8);
    margin-top:40px;
}
.woocommerce-order .preview table{
    width: 100%;
}
.woocommerce-order .preview table tr:not(:last-of-type) td{
    border-bottom:24px solid transparent;
}
.woocommerce-order .preview td.image img{
    border-radius: 10px;
    width:80px;
    height:80px;
    margin-right:16px;
}
.woocommerce-order .preview td.button{
    text-align:right;
}



.woocommerce-order .daruj{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 32px;
    align-self: stretch;
    margin-top: 80px;
}
.woocommerce-order .section{
    display: flex;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    margin-top: 80px;
}
.woocommerce-order .woocommerce-order-details{
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    border-radius: 20px;
    border: 1px solid var(--Gray-25, #D1D1D1);
}
.woocommerce-order .woocommerce-order-details table.shop_table{
    border: 0px !important;
    margin: 0 !important;
}
.woocommerce-order .woocommerce-order-details table.shop_table a,
.woocommerce-order .woocommerce-order-details table.shop_table td,
.woocommerce-order .woocommerce-order-details table.shop_table th,
.woocommerce-order .woocommerce-order-details table.shop_table strong,
.woocommerce-order .woocommerce-order-details table.shop_table p,
.woocommerce-order .woocommerce-order-details table.shop_table span{
    padding:0px;
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    vertical-align: unset;
}
.woocommerce-order .woocommerce-order-details table.shop_table td,
.woocommerce-order .woocommerce-order-details table.shop_table th{
    border-top:8px solid transparent;
}
.woocommerce-order .woocommerce-order-details .woocommerce-table__product-name ul{
    margin:0;
    padding:0;
}





.woocommerce-order .woocommerce-customer-details{
    display: flex;
    width: 310px;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 20px;
}
.woocommerce-order .preview h3,
.woocommerce-order .woocommerce-order-details h3,
.woocommerce-order .woocommerce-customer-details h3{
    margin:0px;
}
.woocommerce-order .woocommerce-customer-details address,
.woocommerce-order .woocommerce-customer-details p{
    border: 0;
    border-radius: 0;
    padding: 0;
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

/* Galerie - Spolupráce s nekrachni app */
#custom-gallery {
    position: relative;
    width: 526px;
    display:flex;
    align-items: center;
    justify-content:center;
}
#custom-gallery .gallery-wrapper {
    display: flex;
    position: relative;
    width: 446px;
    height: 546px;
    overflow: hidden;
}
#custom-gallery .gallery-slide {
    display: none;
    position: absolute;
    width: 446px;
    height: 546px;
}
#custom-gallery .gallery-slide.active {
    display: block;
}
#custom-nav {
    display: flex;
    flex-direction: column;
    gap:24px;
}
#custom-nav .nav-btn {
    border-radius: 999px;
    border: 1px solid var(--Gray-25, #D1D1D1);
    display: flex;
    width: fit-content;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    background:#fff;

    color: var(--Very-dark-blue, #0E0E0E);
}
#custom-nav .nav-btn.active {
    border: 3px solid var(--Green-Tints-Fresh-Green, #A2E640);
    background: var(--Green-Tints-Green-10, #F4FCE8);
}
#custom-nav .nav-btn:hover,
#custom-nav .nav-btn:focus{
    border: 1px solid var(--Green-Tints-Green-10, #F4FCE8);
    background: var(--Green-Tints-Green-10, #F4FCE8);
    box-shadow: none;
}
#custom-gallery .arrows{
    display: flex
        ;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}
#custom-gallery #prev-slide,
#custom-gallery #next-slide {
    cursor: pointer;
    padding: 0;
    border: 0;
    border-radius: 0;
    background:transparent;
}
#custom-gallery #prev-slide:hover,
#custom-gallery #prev-slide:focus,
#custom-gallery #next-slide:hover,
#custom-gallery #next-slide:focus{
    background:transparent;
    box-shadow:none;
}
#custom-gallery #prev-slide:hover svg rect,
#custom-gallery #prev-slide:focus svg rect,
#custom-gallery #next-slide:hover svg rect,
#custom-gallery #next-slide:focus svg rect {
    fill:#548311;
}
@media all and (max-width:767px){
    #custom-gallery{
        width:100%;
    }
    #custom-gallery .gallery-wrapper{
        width: 100vw;
    }
    #custom-gallery .gallery-slide{
        width: 100%;
        height: auto;
    }
    #custom-gallery .gallery-slide img{
        width:100%;
        height:auto;
    }
}

/*------------------------------------------- FOOTER -------------------------------------------*/
footer{
    padding: 33px 0px 10px 0px;
    color: var(--white);
    background: var(--Very-dark-blue, #0E0E0E);

    font-family: var(--font-family-heading);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 177.778% */
}
footer h3.h4{
    color: var(--white) !important;
    margin-bottom: 8px;
}
footer a,
footer .fakturoid{
    text-decoration:none;
    color: var(--white);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 177.778% */
    font-family: var(--font-family-heading);
}
footer a:hover,
footer .copyright a:hover{
    color: var(--Green-Tints-Fresh-Green, #A2E640);
}
footer a:active{
    color: #46D75C;
}
footer .socials a{
    transition: all .3s ease-in-out;
}
footer .socials a:hover{
    transform: scale(1.1);
}
footer .platebniMetody{
    margin-top: 16px;
}
footer .platebniMetody img{
    max-width:400px;
}

footer ul{
    padding:0;
    margin:0;
}
footer ul li{
    list-style:none;
    padding-bottom:8px;
}

footer .newsletterSocial .logo{
    margin-bottom:32px;
}
footer .newsletterSocial .logo svg{
    width:30px;
    height:30px;
}

footer .newsletterSocial .socials{
    display:flex;
    gap:20px;
    margin-top:16px;
}

footer .newsletter h4{
    margin-bottom:16px;
}
footer .newsletter .zasady{
    display:block;
    margin-top:16px;
}
footer .newsletter .zasady,
footer .newsletter .zasady a{
    color: #FFF;
    font-family: var(--font-family-text);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 18.6px */
}
footer .newsletter .zasady a{
    text-decoration:underline;
}
footer .newsletter .zasady a:hover{
    text-decoration:none;
}
footer .newsletter .ec-v-form-holder{
    width: auto !important;
}
footer .newsletter .ec-v-form-holder form{
    min-height: unset !important;
}
footer .newsletter .ec-v-form-step{
    height:auto !important;
}
footer .newsletter .ec-v-form-input,
footer .newsletter .ec-v-form-submit{
    display:inline-block !important;
}
footer .newsletter .ec-v-forms-label{
    display:none !important;
}
footer .newsletter .ec-v-form-input{
    margin-right:15px !important;
    padding:0px !important;
}
footer .newsletter .ec-v-form-input input{
    padding: 11px 16px !important;
    max-width: 100% !important;
    min-width: 200px !important;
}
footer .newsletter .ec-v-form-submit button{
    border-radius: 50px !important;
    background: var(--Green-Tints-Fresh-Green, #A2E640) !important;
    padding:13px 37px !important;
    color: var(--Very-dark-blue, #0E0E0E) !important;
    font-family: var(--font-family-text) !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    transition: 380ms !important;
}
footer .newsletter .ec-v-form-submit button:hover{
    background: #D1F3A0 !important;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.06), 0px 0px 12px 0px rgba(0, 0, 0, 0.07) !important;
}
footer #menu-paticka-o-nekrachni #menu-item-2174 a:after{
    content: "Nabíráme!";
    border-radius: 4px;
    background: var(--Green-Tints-Lime-Green, #6EAB16);
    padding: 6px 8px;
    color: var(--Very-dark-blue, #0E0E0E);
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 8px;
}
footer a.telefon{
    margin-top:25px;
    display:block;
}
footer .fakturoid{
    margin-top: 25px;
    display: block;
}
footer .fakturoid a{
    text-decoration:underline;
}
footer .copyright{
    margin-top:45px;
    padding-top:24px;
    border-top:1px solid #E2E2E2;
}
footer .copyright,
footer .copyright a{
    font-size:14px;
    color:#e9e9e9;
}
footer .copyright span{
    padding:0 12px;
}



/* --------------------------------------------------------------------------------------RESPONSIVE -------------------------------------------*/
@media (max-width: 1399px) {
    /*    main {
            padding: 8px 16px;
            margin: 0 auto;
        }*/
    .elementor-element.e-con-boxed{
        max-width: 1140px;
        padding:0px 16px;
        margin-left: auto;
        margin-right: auto;
    }
    .nabidkaProSkolyAUcitele .elementor-element.e-con-boxed{
        padding:0px;
    }
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    .elementor-element.e-con-boxed{
        max-width: 960px !important;
        margin-left: auto;
        margin-right: auto;
    }
    nav .collapse > ul > li > a, nav .collapse > .rightSide > ul > li > a,
    ul.dropdown-menu li a{
        font-size: 70% !important;
    }

    .container, .container-lg, .container-md, .container-sm{
        max-width: calc(100vw - 5%);
    }

    nav .rightSide .userAccount button{
        padding:8px 20px !important;
        font-size: 70% !important;
    }
}

/*Medium devices (tablets, more than 992px)*/
@media (max-width: 991.98px) {
    /*    main {
            max-width: 720px;
        }*/
    .elementor-element.e-con-boxed{
        max-width: 720px;
    }
    .videonavody-container{
        grid-template-columns: repeat(2, 1fr);
        gap:40px;
    }
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    #wpadminbar{
        display:none;
    }
    html,
    body{
        font-size:16px;
    }
    main{
        /*margin-top: 50px;*/
    }
    .elementor-element.e-con-boxed{
        max-width: 540px;
    }
    main .container-fluid{
        margin-left: -15px;
        width: calc(100% + 30px);
    }
    h1,
    .h1,
    .h1 p,
    h1.elementor-heading-title{
        font-size: 30px;
    }
    h2,
    h2.elementor-heading-title,
    .h2,
    .h2 p{
        font-size: 26px;
    }
    h3,
    h3.elementor-heading-title,
    .h3,
    .h3 p{
        font-size: 21px;
    }
    h4,
    h4.elementor-heading-title,
    .h4,
    h3 .h4,
    .h4 p,
    h4.h5,
    h5,
    h5.elementor-heading-title,
    .h5,
    .h5 p,
    .h5 h3{
        font-size: 16px;
    }
    .minitiny,
    .minitiny p{
        font-size: 14px;
    }
    p,
    p.medium,
    .generalParagraph{
        font-size:16px;
    }
    p.tiny, .tiny, .tiny p, .tiny li{
        font-size:14px;
    }
    .textLeft p,
    .textLeft h2,
    .textLeft .generalParagraph,
    .textLeft p.medium{
        text-align:left;
    }
    .tinyImportant li{
        font-size: 14px !important;
    }
    .greenHighlighter{
        margin:0 auto;
    }
    .greenHighlighter.greenTintsLime{
        margin:0;
    }
    .fullWidthContent{
        min-width: calc(100% + 32px) !important;
        margin-left: -16px !important;
    }
    ul:not(.navbar-nav) li{
        font-size:16px;
    }


    /*------------------------------------------- Header */
    nav.navbar{
        padding: 16px !important;
        border-top:0px;
    }
    nav .container{
        border-radius: 999px;
    }
    nav .navbar-brand{
        background: transparent;
        border-radius: 0;
        padding: 0;
        margin-right: 0;
        z-index:9999;
    }
    nav .navbar-brand svg{
        width:26px;
        height:auto;
    }
    nav .navbar-brand .siteName{
        margin-left:8px;
        color: var(--Very-dark-blue, #0E0E0E);
        font-family: "Geologica", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 20.8px */
        opacity:1;

        transition-timing-function: ease-in;
        transition: 1080ms;
    }
    nav .navbar-toggler{
        z-index:9999;
        border-radius: 0 !important;
        padding: 0 !important;
        background-color: transparent !important;
        box-shadow: none !important;
        border:0px;
    }

    nav .navbar-collapse{
        position: fixed;
        top: 64px;
        left: 0;
        width: 100%;
        height: calc(100% - 64px);
        background: var(--Gray-Background, #FEFEFE);
        z-index: 999;
        padding: 0px 24px 16px 24px;
        opacity:0;
        justify-content: space-between;
        display:flex;
        flex-direction:column;

        transition-timing-function: ease-in;
        transition: 200ms;

    }
    nav .navbar-collapse.show{
        opacity:1;
    }
    nav .navbar-collapse > ul{
        border-top:1px solid #CFCFCF;
        padding-top:40px;
        overflow-x: hidden;
    }
    nav .show #menu-hlavni-menu-vlevo{
        /*border-top: 1px solid #CFCFCF;*/
        margin-left:0px;
        padding-top:16px;
        width: 100%;
        display:flex;
        flex-direction:column;
        gap:16px;
    }
    nav .show #menu-hlavni-menu-vlevo li,
    nav .show #menu-hlavni-menu-vpravo li{
        margin-right:0px !important;
    }
    nav .show #menu-hlavni-menu-vlevo li a,
    nav .show #menu-hlavni-menu-vpravo li:first-child a{
        display:block;
        padding: 8px !important;
        font-size: 21px !important;
        font-weight: 500 !important;
        line-height: 155% !important;
    }
    nav .show #menu-hlavni-menu-vlevo li a.dropdown-toggle::after{
        width:22px;
        height:22px;
        bottom: 55%;
    }
    nav .collapse > ul > li > a::before{
        height:0px;
    }
    nav .show ul .subMenuCustom{
        position: relative;
        top: unset;
        z-index: unset;
        padding-top: 0;
    }
    nav ul li:hover > .subMenuCustom{
        display:none;
    }
    nav li{
        margin-right: 0px !important;
    }
    nav li a.dropdown-toggle::after{
        right:15px;
    }
    nav .show ul .subMenuCustom ul.dropdown-menu{
        display: block;
        padding: 0 0 0 8px;
        margin: 0;
        border-radius: 0;
        background: transparent;
        border:0px;
        box-shadow:unset;
    }
    nav .show ul ul.dropdown-menu li{
        display:block;
    }
    nav .show ul ul.dropdown-menu li a span{
        display:none;
    }
    nav .show #menu-hlavni-menu-vlevo .subMenuCustom li a{
        padding:8px !important;
        font-size: 16px !important;
        color: var(--Very-dark-blue, #0E0E0E) !important;
        font-weight: 400 !important;
    }
    nav .show .rightSide{
        margin-left:0px !important;
        flex-direction: column;
        gap:16px;
    }
    nav .show .rightSide ul.hlavni-vpravo{
        display:none;
    }
    /*    nav .collapse .topLine{
            display:none;
        }*/

    nav .show .rightSide .socials{
        /*margin-top:40px;*/
        justify-content: center;
        column-gap: 13px;
    }
    nav .show .rightSide .socials a{
        padding: 6.182px;
    }

    nav .mobileGrouper{
        display:flex;
        flex-direction:row;
        gap:20px;
    }
    nav .mobileAccount{
        display:flex;
        flex-direction:row;
        gap:20px;
    }
    nav .userAccount:not(.mobileAccount){
        display:none;
    }
    nav .mobileAccount button{
        background: transparent !important;
        padding: 0 !important;
    }
    /* ------------------------------------------- Elements ---------------------------------------------------- */
    .newsletter:not(.footer){
        padding:40px 32px;
        border-radius: 40px;
        flex-direction: column;
        row-gap: 24px;
    }
    .newsletter:not(.footer) h3,
    .newsletter:not(.footer) p{
        text-align:left;
    }
    .newsletter:not(.footer) .imageBullets{
        padding-top:10px;
    }
    .newsletter:not(.footer) .imageBullets img{
        display:none;
    }
    .newsletter:not(.footer) .imageBullets ul{
        margin-left: 0;
    }
    .newsletter:not(.footer) .ec-v-form-text,  .newsletter:not(.footer) .ec-v-form-input,  .newsletter:not(.footer) .ec-v-form-submit,
    .ecomailAppkaBetaNewsletter .ec-v-form-column .ec-v-form-input{
        padding-left:0px !important;
        padding-right:0px !important;
    }
    .ecomailCTANewsletter .ec-v-form-submit button{
        width: 100%;
        text-align: center !important;
    }
    .ecomailAppkaBetaNewsletter .ec-v-form-column .ec-v-form-input,
    .ecomailAppkaBetaNewsletter .ec-v-form-column .ec-v-form-submit{
        display: block !important;
    }
    .ecomailAppkaBetaNewsletter .ec-v-form-column .ec-v-form-submit{
        margin-left:0px !important;
    }
    .ecomailAppkaBetaNewsletter .ec-v-form-column .ec-v-form-submit button{
        width:100%;
        margin-top:10px;
        text-align:center !important;
    }

    .vypisReferenceUcitelu .scrollable-boxes .box,
    .vypisReferenceFinHra .scrollable-boxes .box{
        margin-left:0px;
        width:350px;
        margin-right: 16px;
    }
    label, .wpforms-container label.wpforms-field-label, .wpforms-container-full label.wpforms-field-label{
        font-size: 12px !important;
        line-height: 155% !important;
    }

    /*------------------------------------------- Blog */
    .vypisClankuBlog .clanek{
        padding:40px;
    }
    .vypisClankuBlog .clanek h3,
    .vypisClankuBlog .clanek p{
        text-align:left;
    }
    .vypisClankuBlog .clanek .arrow{
        display:none;
    }
    .vypisClankuBlog.dvaSloupce{
        grid-template-columns: 1fr;
    }
    .blog-sekce h3{
        font-size: 21px;
        font-weight: 700;
    }
    .blog-sekce h3.mainHeading{
        font-size: 16px;
        font-style: normal;
        line-height: 130%;
        text-align: left;
    }
    .blog-sekce .rubrika{
        display: inline-block;
        margin: 0 16px 16px 0;
        font-size: 16px;
    }
    .blog-sekce .content{
        padding-left: 10px;
        margin-top:32px;
    }


    .blog-sekce #search-form {
        text-align:center;
    }
    .blog-sekce #search-form input{
        width: 60%;
    }


    .blog-sekce .vypisClankuBlog .clanek{
        padding: 0;
        background: none;
        border-radius: 0px;
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #D1D1D1;
        padding-bottom: 16px;
    }
    .vypisClankuBlog.singlePreview .clanek .obrazek{
        display:none;
    }
    .blog-sekce .vypisClankuBlog .clanek .imagePlaceholder{
        width: 100%;
        min-width: 150px;
        height: auto;
        float:none;
        background: transparent;

    }
    .blog-sekce .vypisClankuBlog .clanek .imagePlaceholder img{
        border-radius: 20px;
    }
    .vypisClankuBlog .clanek .text{
        margin-top: 16px;
        row-gap: 16px;
    }
    /*------------------------------------------- single blog */
    .singleAktualita{
        margin-bottom:48px;
    }
    .singleAktualita h1{
        margin-bottom:8px;
    }
    .singleAktualita h1,
    .singleAktualita p{
        text-align:left;
    }
    .singleAktualita .attribShare{
        gap:24px;
        margin-bottom:8px;
    }
    .singleAktualita .attribShare .socials{
        justify-content: start;
        column-gap: 16px;
    }
    .singleAktualita .attribShare .socials .single svg{
        width: 20px;
        height: 20px;
    }
    .singleAktualita .atributy{
        margin-bottom: 16px;
        padding-bottom: 16px;
    }
    .singleAktualita #content h2,
    .singleAktualita #content h3{
        text-align:left;
    }
    .singleAktualita .shareSocial .text{
        text-align:center;
        gap: 16px;
        display: flex;
        flex-direction: column;
    }
    .singleAktualita .shareSocial .socials{
        justify-content:center;
        margin-top: 16px;
        column-gap: 16px;
    }
    .singleAktualita .shareSocial .socials svg{
        width:20px;
        height:20px;
    }
    .postSingleAktualita .sekce h2{
        text-align:left !important;
        font-size: 32px;
    }
    .postSingleAktualita #newsletterSekce{
        margin-top: 24px;
    }
    .postSingleAktualita .sekce{
        margin-bottom:24px;
    }

    .vypisReferenceUcitelu .scrollable-boxes .box .message,
    .vypisReferenceFinHra .scrollable-boxes .box .message,
    .vypisReferenceUcitelu .scrollable-boxes .box .message p,
    .vypisReferenceFinHra .scrollable-boxes .box .message p{
        text-align:left;
    }

    /* LMS */
    .vyukoveMaterialy .vypisKategoriiKurzu{
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .vypisKurzuDleKategorie .vypisKurzu{
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }
    .singleKurz h2{
        text-align:left;
    }
    .vypisKurzuDleKategorie .singleKurz .thumbnail{
        overflow:hidden;
    }
    .vypisKurzuDleKategorie .singleKurz .thumbnail img{
        width: -webkit-fill-available;
    }
    .kurz .content{
        padding-right:15px;
    }
    .vypisKategoriiKurzu h2{
        text-align:left;
    }
    .bookmarkedItems table td:nth-child(1),
    .bookmarkedItems table td:nth-child(2){
        display:none;
    }
    .bookmarkedItems .title h3{
        text-align:left;
    }
    .kurz .video .top{
        flex-direction:column;
    }
    .kurz .video .top .copy{
        justify-content: end;
    }
    .breadcrumb, .breadcrumb a, .breadcrumb span{
        font-size: 16px;
    }

    /* ----- Account */
    .adminMenu{
        overflow-y: hidden;
    }
    .adminMenu ul{
        gap:4px;
    }
    .adminMenu ul li,
    .adminMenu .right{
        padding: 5px 0;
    }
    .adminMenu ul li.current-menu-item a, .adminMenu ul li a:hover, .adminMenu .right a.logout:hover,
    .adminMenu ul li a, .adminMenu .right a.logout{
        white-space: nowrap;
    }


    /*------------------------------------------- Webináře */
    .webinar .details{
        flex-direction: column;
        gap: 24px;
    }
    .webinar .heading .stitky{
        margin-bottom: 0px;
        margin-top:24px;
    }
    .webinar .heading .stitek{
        font-size: 14px;
    }
    .webinar .videoFrame iframe{
        max-width: 100% !important;
    }
    .webinar .product-variants{
        flex-direction: column;
    }
    .webinar .product-variants.onlyOne li,
    .webinar .product-variants li{
        max-width: 100%;
        gap: 20px;
        display: flex;
        flex-direction: column;
    }
    .webinar .product-variants li::after{
        display:none;
    }
    .webinar .product-variants li .cena{
        margin: 0 auto;
    }
    .single-product .oKurzu .obsah,
    .single-product .oKurzu .obsah p,
    .single-product .oKurzu .obsah h2,
    .single-product .oKurzu .obsah h3{
        text-align:left;
    }
    .single-product .oKurzu .obsah ul{
        margin-left:0;
    }
    /*    .webinar .side .informace{
            margin: 0 15px;
        }
        .webinar .side .informace h2{
            text-align:left;
            margin-bottom:16px;
        }
        .webinar .informace .item .label,
        .webinar .informace .item .text{
            font-size: 14px;
        }*/
    /*    .webinar .prednasejici{
            margin:40px 15px 0px 15px;
        }
        .webinar .prednasejici .single .title a{
            font-size: 14px;
        }
        .webinar .prednasejici h2,
        .webinar .prednasejici .single .title h3,
        .webinar .prednasejici .single>p{
            text-align:left;
        }*/
    /*    .webinarVypis .webinar .heading{
            flex-direction: column;
            gap:4px;
        }
        .webinarVypis .webinar .heading .price.h2{
            text-align:left;
            color: var(--Gray-75, #7F7F7F);
            font-size: 21px;
        }*/
    .webinarVypis .prihlasenTag{
        margin:0;
    }
    section.elementor-element.elementor-element-6826fbcd{
        margin-bottom:0px !important;
    }

    /*------------------------------------------- Cart+Checkout */
    .emptyContent .buttony{
        flex-direction: column;
    }
    .woocommerce-cart .processMenu, .woocommerce-checkout .processMenu{
        gap: 12px;
    }
    .woocommerce-cart .processMenu .separator, .woocommerce-checkout .processMenu .separator{
        width: 32px;
    }
    .woocommerce .cart-collaterals table.shop_table tr,
    .woocommerce .cart-collaterals .right .stylBox table.shop_table tr{
        display:flex;
    }
    .woocommerce .cart-collaterals table.shop_table_responsive tr td::before,
    .woocommerce-page .cart-collaterals table.shop_table_responsive tr td::before{
        content:"";
    }
    .woocommerce .cart-collaterals table.shop_table_responsive tbody th,
    .woocommerce-page .cart-collaterals table.shop_table_responsive tbody th{
        display:block;
    }
    .woocommerce .cart-collaterals table.shop_table_responsive tr:nth-child(2n) td,
    .woocommerce-page .cart-collaterals table.shop_table_responsive tr:nth-child(2n) td{
        background-color:transparent;
    }
    .woocommerce-cart #couponPopup .coupon, .woocommerce-checkout #couponPopup .coupon{
        max-width: calc(100% - 20px);
    }
    .woocommerce form .form-row label, .woocommerce-page form .form-row label,
    .woocommerce-checkout .woocommerce-billing-fields #billing_country_field .woocommerce-input-wrapper,
    .woocommerce-billing-fields #ico_checkbox_field > p{
        text-align:left;
    }
    .woocommerce-checkout #customer_password,
    .woocommerce-checkout #skola{
        width: 100%;
        float: none;
    }
    .woocommerce-checkout .right{
        margin:24px 0px;
    }


    /*------------------------------------------- Můj účet */
    .close-popup{
        top: 25px;
        right: 25px;
    }
    .learndash-wrapper .ld-login-modal{
        top:0px !important;
    }
    .ld-login-modal-wrapper{
        grid-template-columns: repeat(1, 1fr);
    }
    .ld-login-modal-wrapper-left{
        padding:24px;
    }
    .ld-login-modal-wrapper-right{
        display:none;
    }
    .learndash-wrapper .ld-login-modal .ld-login-modal-form{
        margin: 24px 0px 0px 0px !important;
    }
    .ld-login-modal-wrapper-left .vytvorUcet, .popup-overlay#registrace .prihlasUcet{
        margin-top:8px;
    }
    .learndash-wrapper .ld-login-modal .ld-login-modal-form p.login-submit, .popup-overlay#registrace p.register-submit{
        margin: 24px 0;
    }
    .popup-overlay#registrace .ld-modal-text{
        margin: 24px 0;
    }
    .popup-overlay#registrace p.checkbox{
        text-align:left;
    }
    .popup-overlay#registrace .popup-content{
        padding:0px;
    }
    .learndash-wrapper .ld-content, .popup-overlay#registrace .popup-content{
        min-height: auto;
    }
    .zakoupeneProdukty{
        grid-template-columns: repeat(1, 1fr);
    }

    /*------------------------------------------- Eshop */
    .eshopProdukt .basic p{
        text-align:left;
    }
    .obchodPage .filter-bar{
        gap: 10px;
    }
    .obchodPage .filter-button,
    .obchodPage .filter-button:focus{
        padding: 8px 20px;
        font-size: 16px;
    }
    .obchodPage .product-list{
        margin-top:40px;
        gap:20px;
    }
    .single-product .default .categoryTag{
        text-align:center;
    }
    .eshopProdukt .default .nadpisSekce{
        justify-content: center;
    }

    /*------------------------------------------- Videonávody */
    .videonavody-container{
        grid-template-columns: repeat(1, 1fr);
        gap:40px;
    }
    #popup-videonavod .popup-content{
        padding:20px !important;
    }

    /*------------------------------------------- 404 */
    .template404 .buttons{
        flex-direction:column;
        align-content:center;
        flex-wrap: wrap;
    }
    .template404 .buttons a{
        width: fit-content;
    }

    /* Woocommerce messages */
    .woocommerce-notices-wrapper .woocommerce-message{
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    /*------------------------------------------- Footer */
    footer{
        padding:40px 16px 16px 16px;
    }
    footer h3.h4 {
        text-align:center;
        font-weight:700;
        font-size: 21px;
        line-height: 130%;
    }
    footer a,
    footer .fakturoid{
        font-size: 16px;
        line-height: 160%;
        text-align: center;
        display:block;
    }
    footer .container.general > .row{
        display:flex;
        flex-direction:column;
        row-gap: 22px;
    }
    footer .newsletterSocial{
        display:flex;
        flex-direction:column;
        text-align: center;
        row-gap: 32px;
    }
    footer .newsletterSocial .logo{
        margin-bottom: 0;
    }
    footer .newsletterSocial .logo svg{
        width: 45px;
        height: 45px;
    }
    footer .newsletterSocial .socials{
        margin-top:0px;
        justify-content: center;
    }
    footer .newsletter h4 {
        margin-bottom: 8px;
    }
    footer .newsletter .ec-v-form-input{
        width: 100%;
        margin-right: 0px !important;
        margin-bottom: 16px;
    }
    footer .newsletter .ec-v-form-submit button{
        padding: 6px 48px !important;
    }
    footer .platebniMetody img{
        max-width:100%;
    }
    footer .menu-paticka-co-delame-container,
    footer .menu-paticka-o-nekrachni-container{
        text-align:center;
    }
    footer a.telefon{
        margin-top:22px;
        margin-bottom:4px;
    }
    footer .copyright{
        margin-top: 22px;
        padding-top: 8px;
    }
    footer .copyright span{
        display:none;
    }
    footer .copyright a{
        display:block;
    }
}

/*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}



/* --------------- TEMPORARY -------------- */
.vypisKurzuDleKategorie .singleKurz .obsah .atributy .hodnoceni,
.kurz .sidebar .box.hodnoceni{
    display:none;
}