.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-251 .elementor-element.elementor-element-66923a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-251 .elementor-element.elementor-element-66923a9:not(.elementor-motion-effects-element-type-background), .elementor-251 .elementor-element.elementor-element-66923a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://msktrebenice.cz/wp-content/uploads/2026/07/MSK-Trebenice-fotbal-pratelstvi-zazitky.png");background-position:75% 50%;background-size:cover;}.elementor-251 .elementor-element.elementor-element-c32260c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-251 .elementor-element.elementor-element-bc4822d .elementor-heading-title{font-family:"Luckiest Guy", Sans-serif;font-weight:400;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-251 .elementor-element.elementor-element-3204b45{color:var( --e-global-color-e5d9bc1 );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-251 .elementor-element.elementor-element-b7b2c54 .elementor-button{background-color:var( --e-global-color-primary );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-251 .elementor-element.elementor-element-b7b2c54 .elementor-button:hover, .elementor-251 .elementor-element.elementor-element-b7b2c54 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-e5d9bc1 );}.elementor-251 .elementor-element.elementor-element-b7b2c54 .elementor-button:hover svg, .elementor-251 .elementor-element.elementor-element-b7b2c54 .elementor-button:focus svg{fill:var( --e-global-color-e5d9bc1 );}.elementor-251 .elementor-element.elementor-element-44d7f64{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-251 .elementor-element.elementor-element-f0099c8{margin:-96px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-251 .elementor-element.elementor-element-dadeb24{margin:-29px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-251 .elementor-element.elementor-element-3264dae{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-251 .elementor-element.elementor-element-42ff897{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-251 .elementor-element.elementor-element-aefa07f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-251 .elementor-element.elementor-element-e10f43d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-251 .elementor-element.elementor-element-eb8cb48 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-251 .elementor-element.elementor-element-16a55d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget-image .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-251 .elementor-element.elementor-element-8057a1e{width:var( --container-widget-width, 43.521% );max-width:43.521%;--container-widget-width:43.521%;--container-widget-flex-grow:0;}.elementor-251 .elementor-element.elementor-element-8057a1e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-251 .elementor-element.elementor-element-a960f43{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-251 .elementor-element.elementor-element-27d8746{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-251 .elementor-element.elementor-element-0129679{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-251 .elementor-element.elementor-element-9b4190b .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-251 .elementor-element.elementor-element-ce954fa{width:var( --container-widget-width, 43.521% );max-width:43.521%;--container-widget-width:43.521%;--container-widget-flex-grow:0;}.elementor-251 .elementor-element.elementor-element-ce954fa.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-251 .elementor-element.elementor-element-0b0fedf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-251 .elementor-element.elementor-element-067b8c2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-251 .elementor-element.elementor-element-598681c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-251 .elementor-element.elementor-element-401354d .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-251 .elementor-element.elementor-element-8cdc9c2 .elementor-button{background-color:#FFFAED;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:double;border-color:var( --e-global-color-accent );border-radius:4px 4px 4px 4px;}.elementor-251 .elementor-element.elementor-element-8cdc9c2{width:var( --container-widget-width, 68.362% );max-width:68.362%;margin:-97px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:68.362%;--container-widget-flex-grow:0;}.elementor-251 .elementor-element.elementor-element-8cdc9c2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image-gallery .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image-gallery .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-item{padding:0 1px 1px 0;}.elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery{margin:0 -1px -1px 0;}.elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-item img{border-radius:19px 19px 19px 19px;}.elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-item .gallery-caption{text-align:center;}.elementor-251 .elementor-element.elementor-element-316317b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-251 .elementor-element.elementor-element-316317b:not(.elementor-motion-effects-element-type-background), .elementor-251 .elementor-element.elementor-element-316317b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F2;background-image:url("https://msktrebenice.cz/wp-content/uploads/2026/07/pridejte-se-k-MSK-Trebenice-1536x181.png");background-position:center center;background-repeat:no-repeat;}.elementor-251 .elementor-element.elementor-element-7d27f7b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-9px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-251 .elementor-element.elementor-element-7d27f7b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-251 .elementor-element.elementor-element-08778e3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-e5d9bc1 );}.elementor-251 .elementor-element.elementor-element-7b5cbc4{color:var( --e-global-color-e5d9bc1 );}.elementor-251 .elementor-element.elementor-element-0227d63{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-251 .elementor-element.elementor-element-0227d63:not(.elementor-motion-effects-element-type-background), .elementor-251 .elementor-element.elementor-element-0227d63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F2;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-251 .elementor-element.elementor-element-33358bb{--divider-border-style:solid;--divider-color:#FAF8F2;--divider-border-width:1px;}.elementor-251 .elementor-element.elementor-element-33358bb .elementor-divider-separator{width:100%;}.elementor-251 .elementor-element.elementor-element-33358bb .elementor-divider{padding-block-start:15px;padding-block-end:15px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-251 .elementor-element.elementor-element-7d27f7b{--width:60%;}}@media(max-width:1024px){.elementor-251 .elementor-element.elementor-element-66923a9:not(.elementor-motion-effects-element-type-background), .elementor-251 .elementor-element.elementor-element-66923a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0%;}.elementor-251 .elementor-element.elementor-element-316317b:not(.elementor-motion-effects-element-type-background), .elementor-251 .elementor-element.elementor-element-316317b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-297px 0px;}}@media(max-width:767px){.elementor-251 .elementor-element.elementor-element-66923a9:not(.elementor-motion-effects-element-type-background), .elementor-251 .elementor-element.elementor-element-66923a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://msktrebenice.cz/wp-content/uploads/2026/07/MSK-Trebenice-header.png");background-position:28% 44%;}.elementor-251 .elementor-element.elementor-element-8cdc9c2{margin:356px 0px calc(var(--kit-widget-spacing, 0px) + -484px) 0px;padding:0px 47px 32px 13px;}.elementor-251 .elementor-element.elementor-element-316317b:not(.elementor-motion-effects-element-type-background), .elementor-251 .elementor-element.elementor-element-316317b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-338px 0px;}.elementor-251 .elementor-element.elementor-element-316317b{--margin-top:-17px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-251 .elementor-element.elementor-element-7d27f7b{--padding-top:0px;--padding-bottom:0px;--padding-left:13px;--padding-right:13px;}.elementor-251 .elementor-element.elementor-element-0227d63{--margin-top:-17px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for heading, class: .elementor-element-bc4822d */@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap');

/* =========================================
   HERO NADPIS
   ========================================= */

.elementor-251 .elementor-element.elementor-element-bc4822d .elementor-heading-title {

    margin: 0 !important;
    padding: 0 !important;

    font-family: "Luckiest Guy", cursive !important;
    font-size: 51px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-synthesis: none !important;

    line-height: 0.96 !important;
    letter-spacing: 0 !important;

    text-transform: uppercase !important;
    text-align: left !important;

    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;

    /* Žádný obrys */
    -webkit-text-stroke: 0 !important;

    /* Velmi jemný stín */
    text-shadow:
        0 1px 1px rgba(0,0,0,.08) !important;
}


/* =========================================
   BARVY
   ========================================= */

.elementor-251 .elementor-element.elementor-element-bc4822d .elementor-heading-title .hero-white {
    color: #ffffff !important;
}

.elementor-251 .elementor-element.elementor-element-bc4822d .elementor-heading-title .hero-yellow {
    color: #f5bf00 !important;
}


/* =========================================
   ŘÁDKOVÁNÍ
   ========================================= */

.elementor-251 .elementor-element.elementor-element-bc4822d .elementor-heading-title br {
    line-height: 0.92 !important;
}


/* =========================================
   TABLET
   ========================================= */

@media (min-width:768px) and (max-width:1024px){

    .elementor-251 .elementor-element.elementor-element-bc4822d .elementor-heading-title{

        font-size:43px !important;
        line-height:0.97 !important;

        -webkit-text-stroke:0 !important;

        text-shadow:
            0 1px 1px rgba(0,0,0,.08) !important;
    }

}


/* =========================================
   MOBIL
   ========================================= */

@media (max-width:767px){

    .elementor-251 .elementor-element.elementor-element-bc4822d .elementor-heading-title{

        font-size:36px !important;
        line-height:0.98 !important;

        -webkit-text-stroke:0 !important;

        text-shadow:
            0 1px 1px rgba(0,0,0,.08) !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b7b2c54 *//* =========================================
   HERO TLAČÍTKO – DESKTOP
   ========================================= */

.elementor-251 .elementor-element.elementor-element-b7b2c54 {
    width: auto !important;
    max-width: max-content !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-251 .elementor-element.elementor-element-b7b2c54 .elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;

    min-width: 154px !important;
    min-height: 46px !important;

    padding: 12px 18px !important;

    background: #f5bf00 !important;
    color: #073f2c !important;

    border: 0 !important;
    border-radius: 10px !important;

    font-family: "Roboto", sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;

    box-shadow: none !important;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}

/* Text */
.elementor-251 .elementor-element.elementor-element-b7b2c54 .elementor-button-text {
    display: inline-block !important;
    line-height: 1 !important;
}

/* Šipka za textem */
.elementor-251 .elementor-element.elementor-element-b7b2c54 .elementor-button::after {
    content: "→";
    display: inline-block;

    font-size: 20px;
    font-weight: 700;
    line-height: 1;

    transform: translateY(-1px);
    transition: transform 0.2s ease;
}

/* Hover */
.elementor-251 .elementor-element.elementor-element-b7b2c54 .elementor-button:hover {
    background: #ffd228 !important;
    color: #073f2c !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 8px 18px rgba(0, 0, 0, 0.18) !important;
}

.elementor-251 .elementor-element.elementor-element-b7b2c54 .elementor-button:hover::after {
    transform: translate(4px, -1px);
}

/* Kliknutí */
.elementor-251 .elementor-element.elementor-element-b7b2c54 .elementor-button:active {
    transform: translateY(0) !important;
    box-shadow: none !important;
}


/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-251 .elementor-element.elementor-element-b7b2c54 .elementor-button {
        min-width: 145px !important;
        min-height: 43px !important;

        padding: 11px 16px !important;

        font-size: 12px !important;
        border-radius: 9px !important;
    }

    .elementor-251 .elementor-element.elementor-element-b7b2c54 .elementor-button::after {
        font-size: 18px;
    }
}


/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 767px) {

    .elementor-251 .elementor-element.elementor-element-b7b2c54 {
        width: auto !important;
        max-width: 100% !important;
    }

    .elementor-251 .elementor-element.elementor-element-b7b2c54 .elementor-button {
        min-width: 140px !important;
        min-height: 42px !important;

        padding: 11px 15px !important;

        font-size: 12px !important;
        border-radius: 9px !important;
    }

    .elementor-251 .elementor-element.elementor-element-b7b2c54 .elementor-button::after {
        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66923a9 */.elementor-251 .elementor-element.elementor-element-66923a9 {
    position: relative !important;
    overflow: hidden !important;

    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* odstranění Elementor přechodu / překrytí */
.elementor-251 .elementor-element.elementor-element-66923a9 > .elementor-background-overlay,
.elementor-251 .elementor-element.elementor-element-66923a9::before,
.elementor-251 .elementor-element.elementor-element-66923a9::after {
    display: none !important;
    content: none !important;
    background: none !important;
    background-image: none !important;
    opacity: 0 !important;
}

/* jen výška mobilního hero – pozici fotografie nepřepisujeme */
@media (max-width: 767px) {
    .elementor-251 .elementor-element.elementor-element-66923a9 {
        min-height: 560px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-eb8cb48 *//* =========================================
   NADPIS NÁŠ KLUB + ŽLUTÉ ČÁRKY
   ========================================= */

.elementor-251 .elementor-element.elementor-element-eb8cb48 {
    position: relative !important;
    display: block !important;

    width: fit-content !important;
    max-width: calc(100% - 55px) !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
    z-index: 10 !important;
}

.elementor-251 .elementor-element.elementor-element-eb8cb48 .elementor-heading-title {
    position: relative !important;
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}

/* Žluté čárky napravo od nadpisu */
.elementor-251 .elementor-element.elementor-element-eb8cb48::after {
    content: "" !important;

    position: absolute !important;
    top: 50% !important;
    left: calc(100% + 12px) !important;
    right: auto !important;

    width: 36px !important;
    height: 36px !important;

    background-image: url("https://msktrebenice.cz/wp-content/uploads/design/doodle-lines-yellow.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    transform: translateY(-50%) !important;

    pointer-events: none !important;
    z-index: 20 !important;
}


/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-251 .elementor-element.elementor-element-eb8cb48::after {
        left: calc(100% + 10px) !important;

        width: 32px !important;
        height: 32px !important;
    }
}


/* MOBIL */
@media (max-width: 767px) {

    .elementor-251 .elementor-element.elementor-element-eb8cb48 {
        max-width: calc(100% - 45px) !important;
    }

    .elementor-251 .elementor-element.elementor-element-eb8cb48::after {
        left: calc(100% + 9px) !important;

        width: 30px !important;
        height: 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-16a55d8 *//* =========================================
   TLAČÍTKO „VÍCE O NÁS“
   CSS PATŘÍ PŘÍMO NA WIDGET TLAČÍTKA
   ========================================= */

.elementor-251 .elementor-element.elementor-element-16a55d8 {
    position: relative !important;

    grid-column: 1 !important;
    grid-row: 3 !important;

    align-self: end !important;
    justify-self: stretch !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
    left: auto !important;
    right: auto !important;

    z-index: 10 !important;
}


/* Elementor obal tlačítka */
.elementor-251 .elementor-element.elementor-element-16a55d8 .elementor-button-wrapper {
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}


/* Samotné tlačítko */
.elementor-251 .elementor-element.elementor-element-16a55d8 .elementor-button {
    width: auto !important;
    min-width: 0 !important;
    min-height: 46px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 auto 0 0 !important;
    padding: 0 22px !important;

    white-space: nowrap !important;

    background: #006b3c !important;
    color: #ffffff !important;

    border: 0 !important;
    border-radius: 14px !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    text-align: center !important;
    text-transform: uppercase !important;

    box-shadow:
        0 7px 16px rgba(0, 80, 45, 0.16) !important;

    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

.elementor-251 .elementor-element.elementor-element-16a55d8 .elementor-button:hover {
    background: #00572f !important;
    transform: translateY(-2px) !important;

    box-shadow:
        0 10px 20px rgba(0, 80, 45, 0.22) !important;
}


/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-251 .elementor-element.elementor-element-16a55d8 {
        grid-column: 1 !important;
        grid-row: 3 !important;

        width: 100% !important;

        align-self: end !important;
        justify-self: stretch !important;

        margin: 0 !important;
        transform: none !important;
    }

    .elementor-251 .elementor-element.elementor-element-16a55d8 .elementor-button-wrapper {
        width: 100% !important;

        display: flex !important;
        justify-content: flex-start !important;

        text-align: left !important;
    }

    .elementor-251 .elementor-element.elementor-element-16a55d8 .elementor-button {
        width: auto !important;
        min-height: 44px !important;

        margin: 0 auto 0 0 !important;
        padding: 0 17px !important;

        font-size: 12px !important;
        border-radius: 12px !important;
    }
}


/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 767px) {

    .elementor-251 .elementor-element.elementor-element-16a55d8 {
        order: 4 !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        transform: none !important;
    }

    .elementor-251 .elementor-element.elementor-element-16a55d8 .elementor-button-wrapper {
        width: 100% !important;
    }

    .elementor-251 .elementor-element.elementor-element-16a55d8 .elementor-button {
        width: 100% !important;
        min-height: 48px !important;

        margin: 0 !important;
        padding: 0 18px !important;

        font-size: 13px !important;
        border-radius: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42ff897 *//* =========================================
   KARTA – NÁŠ KLUB
   CSS PATŘÍ NA HLAVNÍ BÍLÝ KONTEJNER
   ========================================= */

.elementor-251 .elementor-element.elementor-element-42ff897 {
    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 360px !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(180px, 0.85fr) !important;

    grid-template-rows:
        auto
        1fr
        auto !important;

    column-gap: 28px !important;
    row-gap: 18px !important;

    align-items: center !important;

    margin: 0 !important;
    padding: 42px 34px 34px !important;

    background: #ffffff !important;

    border: 1px solid rgba(0, 74, 44, 0.04) !important;
    border-radius: 24px !important;

    box-shadow:
        0 12px 32px rgba(30, 55, 42, 0.06),
        0 3px 10px rgba(30, 55, 42, 0.03) !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
}


/* =========================================
   VŠECHNY VNITŘNÍ WIDGETY
   ========================================= */

.elementor-251 .elementor-element.elementor-element-42ff897 > .elementor-element {
    min-width: 0 !important;
    max-width: 100% !important;
}


/* =========================================
   NADPIS
   ========================================= */

.elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-heading {
    grid-column: 1 !important;
    grid-row: 1 !important;

    width: fit-content !important;
    max-width: calc(100% - 45px) !important;

    margin: 0 !important;

    position: relative !important;
    z-index: 5 !important;
}

.elementor-251 .elementor-element.elementor-element-42ff897 .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #005f36 !important;

    font-size: 31px !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.4px !important;
}


/* Žluté čárky */

.elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-heading::after {
    content: "" !important;

    position: absolute !important;

    top: 50% !important;
    left: calc(100% + 10px) !important;

    width: 34px !important;
    height: 34px !important;

    background-image:
        url("https://msktrebenice.cz/wp-content/uploads/design/doodle-lines-yellow.png") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    transform: translateY(-50%) !important;

    pointer-events: none !important;
    z-index: 8 !important;
}


/* =========================================
   TEXT
   ========================================= */

.elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-text-editor {
    grid-column: 1 !important;
    grid-row: 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: start !important;

    margin: 0 !important;
}

.elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-text-editor,
.elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-text-editor p {
    margin: 0 !important;

    color: #181818 !important;

    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.58 !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}


/* =========================================
   OBRÁZEK
   ========================================= */

.elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-image {
    grid-column: 2 !important;
    grid-row: 1 / 4 !important;

    align-self: center !important;
    justify-self: stretch !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;

    position: relative !important;
    z-index: 4 !important;
}

.elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 230px !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: 18px !important;

    box-shadow:
        0 8px 20px rgba(0, 54, 31, 0.10) !important;
}


/* =========================================
   TLAČÍTKO
   ========================================= */

.elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-button {
    grid-column: 1 !important;
    grid-row: 3 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: end !important;
    justify-self: stretch !important;

    margin: 0 !important;

    position: relative !important;
    z-index: 6 !important;
}

.elementor-251 .elementor-element.elementor-element-42ff897 .elementor-button-wrapper {
    width: 100% !important;

    display: flex !important;
    justify-content: flex-start !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}

.elementor-251 .elementor-element.elementor-element-42ff897 .elementor-button {
    width: auto !important;
    min-width: 0 !important;
    min-height: 46px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 22px !important;

    white-space: nowrap !important;

    background: #006b3c !important;
    color: #ffffff !important;

    border: 0 !important;
    border-radius: 14px !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    text-transform: uppercase !important;

    box-shadow:
        0 7px 16px rgba(0, 80, 45, 0.16) !important;

    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

.elementor-251 .elementor-element.elementor-element-42ff897 .elementor-button:hover {
    background: #00572f !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 10px 20px rgba(0, 80, 45, 0.22) !important;
}


/* =========================================
   ZELENÁ ŠIPKA – DESKTOP
   ========================================= */

.elementor-251 .elementor-element.elementor-element-42ff897::after {
    content: "" !important;

    position: absolute !important;

    left: 46% !important;
    bottom: 26px !important;

    width: 82px !important;
    height: 52px !important;

    background-image:
        url("https://msktrebenice.cz/wp-content/uploads/design/doodle-arrow-green.png") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    pointer-events: none !important;
    z-index: 5 !important;
}


/* =========================================
   TABLET
   1 SLOUPEC UVNITŘ KARTY
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-251 .elementor-element.elementor-element-42ff897 {
        min-height: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        gap: 18px !important;

        padding: 30px 24px 26px !important;

        border-radius: 21px !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-heading {
        order: 1 !important;

        width: fit-content !important;
        max-width: calc(100% - 42px) !important;

        margin: 0 !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-heading-title {
        font-size: 27px !important;
        line-height: 1.08 !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-heading::after {
        left: calc(100% + 8px) !important;

        width: 30px !important;
        height: 30px !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-text-editor {
        order: 2 !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-text-editor,
    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-text-editor p {
        width: 100% !important;

        font-size: 15px !important;
        line-height: 1.52 !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-image {
        order: 3 !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-image img {
        width: 100% !important;
        height: 210px !important;

        object-fit: cover !important;

        border-radius: 16px !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-button {
        order: 4 !important;

        width: 100% !important;

        margin: 0 !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-button-wrapper {
        width: 100% !important;

        display: flex !important;
        justify-content: flex-start !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-button {
        width: auto !important;
        min-width: 125px !important;
        min-height: 44px !important;

        padding: 0 18px !important;

        font-size: 12px !important;
        border-radius: 12px !important;
    }

    /* Na tabletu šipku schováme */
    .elementor-251 .elementor-element.elementor-element-42ff897::after {
        display: none !important;
    }
}


/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 767px) {

    .elementor-251 .elementor-element.elementor-element-42ff897 {
        min-height: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        gap: 18px !important;

        padding: 28px 22px 24px !important;

        border-radius: 19px !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-heading {
        order: 1 !important;

        width: fit-content !important;
        max-width: calc(100% - 40px) !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-heading-title {
        font-size: 27px !important;
        line-height: 1.08 !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-heading::after {
        width: 29px !important;
        height: 29px !important;

        left: calc(100% + 8px) !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-text-editor {
        order: 2 !important;

        width: 100% !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-text-editor,
    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-text-editor p {
        font-size: 15px !important;
        line-height: 1.52 !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-image {
        order: 3 !important;

        width: 100% !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-image img {
        width: 100% !important;
        height: 210px !important;

        border-radius: 16px !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-button {
        order: 4 !important;

        width: 100% !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-button-wrapper {
        width: 100% !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-button {
        width: 100% !important;
        min-height: 48px !important;

        padding: 0 18px !important;

        border-radius: 13px !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897::after {
        display: none !important;
    }
}


/* =========================================
   MALÝ MOBIL
   ========================================= */

@media (max-width: 430px) {

    .elementor-251 .elementor-element.elementor-element-42ff897 {
        padding: 24px 18px 20px !important;
        gap: 16px !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-heading-title {
        font-size: 25px !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-text-editor,
    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-text-editor p {
        font-size: 14px !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-widget-image img {
        height: 185px !important;
    }

    .elementor-251 .elementor-element.elementor-element-42ff897 .elementor-button {
        min-height: 46px !important;
        font-size: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9b4190b *//* =========================================
   NADPIS NÁŠ KLUB + ŽLUTÉ ČÁRKY
   ========================================= */

.elementor-251 .elementor-element.elementor-element-9b4190b {
    position: relative !important;
    display: block !important;

    width: fit-content !important;
    max-width: calc(100% - 55px) !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
    z-index: 10 !important;
}

.elementor-251 .elementor-element.elementor-element-9b4190b .elementor-heading-title {
    position: relative !important;
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}

/* Žluté čárky napravo od nadpisu */
.elementor-251 .elementor-element.elementor-element-9b4190b::after {
    content: "" !important;

    position: absolute !important;
    top: 50% !important;
    left: calc(100% + 12px) !important;
    right: auto !important;

    width: 36px !important;
    height: 36px !important;

    background-image: url("https://msktrebenice.cz/wp-content/uploads/design/doodle-lines-yellow.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    transform: translateY(-50%) !important;

    pointer-events: none !important;
    z-index: 20 !important;
}


/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-251 .elementor-element.elementor-element-9b4190b::after {
        left: calc(100% + 10px) !important;

        width: 32px !important;
        height: 32px !important;
    }
}


/* MOBIL */
@media (max-width: 767px) {

    .elementor-251 .elementor-element.elementor-element-9b4190b {
        max-width: calc(100% - 45px) !important;
    }

    .elementor-251 .elementor-element.elementor-element-9b4190b::after {
        left: calc(100% + 9px) !important;

        width: 30px !important;
        height: 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-489a85a *//* =========================================
   TLAČÍTKO „VÍCE O NÁS“
   CSS PATŘÍ PŘÍMO NA WIDGET TLAČÍTKA
   ========================================= */

.elementor-251 .elementor-element.elementor-element-489a85a {
    position: relative !important;

    grid-column: 1 !important;
    grid-row: 3 !important;

    align-self: end !important;
    justify-self: stretch !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
    left: auto !important;
    right: auto !important;

    z-index: 10 !important;
}


/* Elementor obal tlačítka */
.elementor-251 .elementor-element.elementor-element-489a85a .elementor-button-wrapper {
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}


/* Samotné tlačítko */
.elementor-251 .elementor-element.elementor-element-489a85a .elementor-button {
    width: auto !important;
    min-width: 0 !important;
    min-height: 46px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 auto 0 0 !important;
    padding: 0 22px !important;

    white-space: nowrap !important;

    background: #006b3c !important;
    color: #ffffff !important;

    border: 0 !important;
    border-radius: 14px !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    text-align: center !important;
    text-transform: uppercase !important;

    box-shadow:
        0 7px 16px rgba(0, 80, 45, 0.16) !important;

    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

.elementor-251 .elementor-element.elementor-element-489a85a .elementor-button:hover {
    background: #00572f !important;
    transform: translateY(-2px) !important;

    box-shadow:
        0 10px 20px rgba(0, 80, 45, 0.22) !important;
}


/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-251 .elementor-element.elementor-element-489a85a {
        grid-column: 1 !important;
        grid-row: 3 !important;

        width: 100% !important;

        align-self: end !important;
        justify-self: stretch !important;

        margin: 0 !important;
        transform: none !important;
    }

    .elementor-251 .elementor-element.elementor-element-489a85a .elementor-button-wrapper {
        width: 100% !important;

        display: flex !important;
        justify-content: flex-start !important;

        text-align: left !important;
    }

    .elementor-251 .elementor-element.elementor-element-489a85a .elementor-button {
        width: auto !important;
        min-height: 44px !important;

        margin: 0 auto 0 0 !important;
        padding: 0 17px !important;

        font-size: 12px !important;
        border-radius: 12px !important;
    }
}


/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 767px) {

    .elementor-251 .elementor-element.elementor-element-489a85a {
        order: 4 !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        transform: none !important;
    }

    .elementor-251 .elementor-element.elementor-element-489a85a .elementor-button-wrapper {
        width: 100% !important;
    }

    .elementor-251 .elementor-element.elementor-element-489a85a .elementor-button {
        width: 100% !important;
        min-height: 48px !important;

        margin: 0 !important;
        padding: 0 18px !important;

        font-size: 13px !important;
        border-radius: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ce954fa *//* =========================================
   OBRÁZEK + ŠIPKA VLEVO OD FOTOGRAFIE
   ========================================= */

.elementor-251 .elementor-element.elementor-element-ce954fa {
    position: relative !important;
    overflow: visible !important;
    z-index: 5 !important;
}

.elementor-251 .elementor-element.elementor-element-ce954fa img {
    position: relative !important;
    z-index: 2 !important;

    display: block !important;
    width: 100% !important;
    height: 230px !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: 18px !important;

    box-shadow:
        0 8px 20px rgba(0, 54, 31, 0.10) !important;
}


/* ZELENÁ ŠIPKA */
.elementor-251 .elementor-element.elementor-element-ce954fa::after {
    content: "" !important;

    position: absolute !important;

    left: -92px !important;
    right: auto !important;
    bottom: 15px !important;

    width: 82px !important;
    height: 52px !important;

    background-image: url !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    pointer-events: none !important;
    z-index: 10 !important;
}


/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-251 .elementor-element.elementor-element-ce954fa img {
        height: 205px !important;
    }

    .elementor-251 .elementor-element.elementor-element-ce954fa::after {
        left: -78px !important;
        bottom: 12px !important;

        width: 70px !important;
        height: 46px !important;
    }
}


/* MOBIL */
@media (max-width: 767px) {

    .elementor-251 .elementor-element.elementor-element-ce954fa img {
        height: 210px !important;
    }

    .elementor-251 .elementor-element.elementor-element-ce954fa::after {
        display: none !important;
    }
}


/* MALÝ MOBIL */
@media (max-width: 430px) {

    .elementor-251 .elementor-element.elementor-element-ce954fa img {
        height: 185px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a960f43 *//* =========================================
   KARTA – NÁŠ KLUB
   CSS PATŘÍ NA HLAVNÍ BÍLÝ KONTEJNER
   ========================================= */

.elementor-251 .elementor-element.elementor-element-a960f43 {
    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 360px !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(180px, 0.85fr) !important;

    grid-template-rows:
        auto
        1fr
        auto !important;

    column-gap: 28px !important;
    row-gap: 18px !important;

    align-items: center !important;

    margin: 0 !important;
    padding: 42px 34px 34px !important;

    background: #ffffff !important;

    border: 1px solid rgba(0, 74, 44, 0.04) !important;
    border-radius: 24px !important;

    box-shadow:
        0 12px 32px rgba(30, 55, 42, 0.06),
        0 3px 10px rgba(30, 55, 42, 0.03) !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
}


/* =========================================
   VŠECHNY VNITŘNÍ WIDGETY
   ========================================= */

.elementor-251 .elementor-element.elementor-element-a960f43 > .elementor-element {
    min-width: 0 !important;
    max-width: 100% !important;
}


/* =========================================
   NADPIS
   ========================================= */

.elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-heading {
    grid-column: 1 !important;
    grid-row: 1 !important;

    width: fit-content !important;
    max-width: calc(100% - 45px) !important;

    margin: 0 !important;

    position: relative !important;
    z-index: 5 !important;
}

.elementor-251 .elementor-element.elementor-element-a960f43 .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #005f36 !important;

    font-size: 31px !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.4px !important;
}


/* Žluté čárky */

.elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-heading::after {
    content: "" !important;

    position: absolute !important;

    top: 50% !important;
    left: calc(100% + 10px) !important;

    width: 34px !important;
    height: 34px !important;

    background-image:
        url("https://msktrebenice.cz/wp-content/uploads/design/doodle-lines-yellow.png") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    transform: translateY(-50%) !important;

    pointer-events: none !important;
    z-index: 8 !important;
}


/* =========================================
   TEXT
   ========================================= */

.elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-text-editor {
    grid-column: 1 !important;
    grid-row: 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: start !important;

    margin: 0 !important;
}

.elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-text-editor,
.elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-text-editor p {
    margin: 0 !important;

    color: #181818 !important;

    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.58 !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}


/* =========================================
   OBRÁZEK
   ========================================= */

.elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-image {
    grid-column: 2 !important;
    grid-row: 1 / 4 !important;

    align-self: center !important;
    justify-self: stretch !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;

    position: relative !important;
    z-index: 4 !important;
}

.elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 230px !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: 18px !important;

    box-shadow:
        0 8px 20px rgba(0, 54, 31, 0.10) !important;
}


/* =========================================
   TLAČÍTKO
   ========================================= */

.elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-button {
    grid-column: 1 !important;
    grid-row: 3 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: end !important;
    justify-self: stretch !important;

    margin: 0 !important;

    position: relative !important;
    z-index: 6 !important;
}

.elementor-251 .elementor-element.elementor-element-a960f43 .elementor-button-wrapper {
    width: 100% !important;

    display: flex !important;
    justify-content: flex-start !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}

.elementor-251 .elementor-element.elementor-element-a960f43 .elementor-button {
    width: auto !important;
    min-width: 0 !important;
    min-height: 46px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 22px !important;

    white-space: nowrap !important;

    background: #006b3c !important;
    color: #ffffff !important;

    border: 0 !important;
    border-radius: 14px !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    text-transform: uppercase !important;

    box-shadow:
        0 7px 16px rgba(0, 80, 45, 0.16) !important;

    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

.elementor-251 .elementor-element.elementor-element-a960f43 .elementor-button:hover {
    background: #00572f !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 10px 20px rgba(0, 80, 45, 0.22) !important;
}


/* =========================================
   ZELENÁ ŠIPKA – DESKTOP
   ========================================= */

.elementor-251 .elementor-element.elementor-element-a960f43::after {
    content: "" !important;

    position: absolute !important;

    left: 46% !important;
    bottom: 26px !important;

    width: 82px !important;
    height: 52px !important;

    background-image:
        url !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    pointer-events: none !important;
    z-index: 5 !important;
}


/* =========================================
   TABLET
   1 SLOUPEC UVNITŘ KARTY
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-251 .elementor-element.elementor-element-a960f43 {
        min-height: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        gap: 18px !important;

        padding: 30px 24px 26px !important;

        border-radius: 21px !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-heading {
        order: 1 !important;

        width: fit-content !important;
        max-width: calc(100% - 42px) !important;

        margin: 0 !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-heading-title {
        font-size: 27px !important;
        line-height: 1.08 !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-heading::after {
        left: calc(100% + 8px) !important;

        width: 30px !important;
        height: 30px !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-text-editor {
        order: 2 !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-text-editor,
    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-text-editor p {
        width: 100% !important;

        font-size: 15px !important;
        line-height: 1.52 !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-image {
        order: 3 !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-image img {
        width: 100% !important;
        height: 210px !important;

        object-fit: cover !important;

        border-radius: 16px !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-button {
        order: 4 !important;

        width: 100% !important;

        margin: 0 !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-button-wrapper {
        width: 100% !important;

        display: flex !important;
        justify-content: flex-start !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-button {
        width: auto !important;
        min-width: 125px !important;
        min-height: 44px !important;

        padding: 0 18px !important;

        font-size: 12px !important;
        border-radius: 12px !important;
    }

    /* Na tabletu šipku schováme */
    .elementor-251 .elementor-element.elementor-element-a960f43::after {
        display: none !important;
    }
}


/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 767px) {

    .elementor-251 .elementor-element.elementor-element-a960f43 {
        min-height: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        gap: 18px !important;

        padding: 28px 22px 24px !important;

        border-radius: 19px !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-heading {
        order: 1 !important;

        width: fit-content !important;
        max-width: calc(100% - 40px) !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-heading-title {
        font-size: 27px !important;
        line-height: 1.08 !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-heading::after {
        width: 29px !important;
        height: 29px !important;

        left: calc(100% + 8px) !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-text-editor {
        order: 2 !important;

        width: 100% !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-text-editor,
    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-text-editor p {
        font-size: 15px !important;
        line-height: 1.52 !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-image {
        order: 3 !important;

        width: 100% !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-image img {
        width: 100% !important;
        height: 210px !important;

        border-radius: 16px !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-button {
        order: 4 !important;

        width: 100% !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-button-wrapper {
        width: 100% !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-button {
        width: 100% !important;
        min-height: 48px !important;

        padding: 0 18px !important;

        border-radius: 13px !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43::after {
        display: none !important;
    }
}


/* =========================================
   MALÝ MOBIL
   ========================================= */

@media (max-width: 430px) {

    .elementor-251 .elementor-element.elementor-element-a960f43 {
        padding: 24px 18px 20px !important;
        gap: 16px !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-heading-title {
        font-size: 25px !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-text-editor,
    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-text-editor p {
        font-size: 14px !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-widget-image img {
        height: 185px !important;
    }

    .elementor-251 .elementor-element.elementor-element-a960f43 .elementor-button {
        min-height: 46px !important;
        font-size: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-401354d *//* =========================================
   NADPIS NÁŠ KLUB + ŽLUTÉ ČÁRKY
   ========================================= */

.elementor-251 .elementor-element.elementor-element-401354d {
    position: relative !important;
    display: block !important;

    width: fit-content !important;
    max-width: calc(100% - 55px) !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
    z-index: 10 !important;
}

.elementor-251 .elementor-element.elementor-element-401354d .elementor-heading-title {
    position: relative !important;
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}

/* Žluté čárky napravo od nadpisu */
.elementor-251 .elementor-element.elementor-element-401354d::after {
    content: "" !important;

    position: absolute !important;
    top: 50% !important;
    left: calc(100% + 12px) !important;
    right: auto !important;

    width: 36px !important;
    height: 36px !important;

    background-image: url("https://msktrebenice.cz/wp-content/uploads/design/doodle-lines-yellow.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    transform: translateY(-50%) !important;

    pointer-events: none !important;
    z-index: 20 !important;
}


/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-251 .elementor-element.elementor-element-401354d::after {
        left: calc(100% + 10px) !important;

        width: 32px !important;
        height: 32px !important;
    }
}


/* MOBIL */
@media (max-width: 767px) {

    .elementor-251 .elementor-element.elementor-element-401354d {
        max-width: calc(100% - 45px) !important;
    }

    .elementor-251 .elementor-element.elementor-element-401354d::after {
        left: calc(100% + 9px) !important;

        width: 30px !important;
        height: 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8cdc9c2 */.elementor-251 .elementor-element.elementor-element-8cdc9c2{
    width:auto !important;
    flex:none !important;
    align-self:flex-start !important;
    justify-self:end !important;
    margin-left:auto !important;
}

.elementor-251 .elementor-element.elementor-element-8cdc9c2 .elementor-button-wrapper{
    width:auto !important;
    display:inline-block !important;
}

.elementor-251 .elementor-element.elementor-element-8cdc9c2 .elementor-button{
    width:auto !important;
    min-width:235px !important;
    height:44px !important;

    padding:0 22px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:2px solid #2d6b50 !important;
    border-radius:999px !important;

    background:#fff !important;
    color:#1b5538 !important;

    font-size:12px !important;
    font-weight:700 !important;

    white-space:nowrap !important;
}

.elementor-251 .elementor-element.elementor-element-8cdc9c2 .elementor-button:hover{
    background:#0d6b3d !important;
    color:#fff !important;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-1fbd9dd *//* =========================================
   FOTOGALERIE – PROFESIONÁLNÍ VZHLED
   CSS PATŘÍ PŘÍMO NA WIDGET „ZÁKLADNÍ GALERIE“
   ========================================= */

.elementor-251 .elementor-element.elementor-element-1fbd9dd {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================
   HLAVNÍ OBAL GALERIE
   ========================================= */

.elementor-251 .elementor-element.elementor-element-1fbd9dd .elementor-image-gallery {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================
   MŘÍŽKA – DESKTOP
   6 FOTOGRAFIÍ V JEDNÉ ŘADĚ
   ========================================= */

.elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery {
    width: 100% !important;

    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;

    gap: 14px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
    box-sizing: border-box !important;
}


/* =========================================
   JEDNOTLIVÁ POLOŽKA
   ========================================= */

.elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-item {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    display: block !important;
    float: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #ffffff !important;

    border: 0 !important;
    border-radius: 15px !important;

    box-shadow:
        0 5px 16px rgba(18, 50, 34, 0.08),
        0 1px 4px rgba(18, 50, 34, 0.04) !important;

    box-sizing: border-box !important;
}


/* Zrušení původních šířek WordPress galerie */

.elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-columns-1 .gallery-item,
.elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-columns-2 .gallery-item,
.elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-columns-3 .gallery-item,
.elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-columns-4 .gallery-item,
.elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-columns-5 .gallery-item,
.elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-columns-6 .gallery-item,
.elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-columns-7 .gallery-item,
.elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-columns-8 .gallery-item,
.elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-columns-9 .gallery-item {
    width: 100% !important;
    max-width: none !important;
}


/* =========================================
   VNITŘNÍ OBAL FOTOGRAFIE
   ========================================= */

.elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-icon {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border: 0 !important;
    border-radius: inherit !important;

    background: transparent !important;
}


/* =========================================
   ODKAZ
   ========================================= */

.elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-icon a {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border-radius: inherit !important;
}


/* =========================================
   FOTOGRAFIE
   ========================================= */

.elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-item img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    height: 145px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    border: 0 !important;
    border-radius: inherit !important;

    transform: scale(1) !important;

    transition:
        transform 0.35s ease,
        filter 0.35s ease !important;
}


/* =========================================
   JEMNÝ HOVER EFEKT
   ========================================= */

.elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-icon a::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    background: rgba(0, 83, 47, 0) !important;

    pointer-events: none !important;

    transition:
        background-color 0.35s ease !important;
}

.elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-item:hover img {
    transform: scale(1.055) !important;
    filter: brightness(1.03) saturate(1.03) !important;
}

.elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-item:hover .gallery-icon a::after {
    background: rgba(0, 83, 47, 0.08) !important;
}


/* =========================================
   POPISKY
   ========================================= */

.elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-caption {
    display: none !important;
}


/* =========================================
   TABLET
   3 FOTOGRAFIE NA ŘÁDEK
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

        gap: 14px !important;
    }

    .elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-item {
        border-radius: 15px !important;
    }

    .elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-item img {
        height: 170px !important;
    }
}


/* =========================================
   MOBIL
   2 FOTOGRAFIE NA ŘÁDEK
   ========================================= */

@media (max-width: 767px) {

    .elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 10px !important;
    }

    .elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-item {
        border-radius: 13px !important;

        box-shadow:
            0 4px 12px rgba(18, 50, 34, 0.07) !important;
    }

    .elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-item img {
        height: 135px !important;
    }
}


/* =========================================
   MALÝ MOBIL
   ========================================= */

@media (max-width: 430px) {

    .elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery {
        gap: 8px !important;
    }

    .elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-item {
        border-radius: 11px !important;
    }

    .elementor-251 .elementor-element.elementor-element-1fbd9dd .gallery-item img {
        height: 120px !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c4d7305 *//* =========================================
   HERO TLAČÍTKO – DESKTOP
   ========================================= */

.elementor-251 .elementor-element.elementor-element-c4d7305 {
    width: auto !important;
    max-width: max-content !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-251 .elementor-element.elementor-element-c4d7305 .elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;

    min-width: 154px !important;
    min-height: 46px !important;

    padding: 12px 18px !important;

    background: #f5bf00 !important;
    color: #073f2c !important;

    border: 0 !important;
    border-radius: 10px !important;

    font-family: "Roboto", sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;

    box-shadow: none !important;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}

/* Text */
.elementor-251 .elementor-element.elementor-element-c4d7305 .elementor-button-text {
    display: inline-block !important;
    line-height: 1 !important;
}

/* Šipka za textem */
.elementor-251 .elementor-element.elementor-element-c4d7305 .elementor-button::after {
    content: "→";
    display: inline-block;

    font-size: 20px;
    font-weight: 700;
    line-height: 1;

    transform: translateY(-1px);
    transition: transform 0.2s ease;
}

/* Hover */
.elementor-251 .elementor-element.elementor-element-c4d7305 .elementor-button:hover {
    background: #ffd228 !important;
    color: #073f2c !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 8px 18px rgba(0, 0, 0, 0.18) !important;
}

.elementor-251 .elementor-element.elementor-element-c4d7305 .elementor-button:hover::after {
    transform: translate(4px, -1px);
}

/* Kliknutí */
.elementor-251 .elementor-element.elementor-element-c4d7305 .elementor-button:active {
    transform: translateY(0) !important;
    box-shadow: none !important;
}


/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-251 .elementor-element.elementor-element-c4d7305 .elementor-button {
        min-width: 145px !important;
        min-height: 43px !important;

        padding: 11px 16px !important;

        font-size: 12px !important;
        border-radius: 9px !important;
    }

    .elementor-251 .elementor-element.elementor-element-c4d7305 .elementor-button::after {
        font-size: 18px;
    }
}


/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 767px) {

    .elementor-251 .elementor-element.elementor-element-c4d7305 {
        width: auto !important;
        max-width: 100% !important;
    }

    .elementor-251 .elementor-element.elementor-element-c4d7305 .elementor-button {
        min-width: 140px !important;
        min-height: 42px !important;

        padding: 11px 15px !important;

        font-size: 12px !important;
        border-radius: 9px !important;
    }

    .elementor-251 .elementor-element.elementor-element-c4d7305 .elementor-button::after {
        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d27f7b *//* =========================================
   NÁBOROVÁ LIŠTA – VNITŘNÍ OBSAH

   KÓD PATŘÍ NA KONTEJNER OBSAHUJÍCÍ:
   - NADPIS
   - TEXTOVÝ EDITOR
   - TLAČÍTKO

   ŠÍŘKU A POZICI ŘÍDÍ ELEMENTOR.
   ========================================= */


/* =========================================
   HLAVNÍ KONTEJNER – DESKTOP
   ========================================= */

.elementor-251 .elementor-element.elementor-element-7d27f7b {
    position: relative !important;

    /*
     Elementor ukládá šířku kontejneru
     do proměnné --width.
     Tímto posuvník ŠÍŘKA zůstává funkční.
    */
    width: var(--width) !important;
    flex: 0 0 var(--width) !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        auto !important;

    grid-template-rows:
        auto
        auto !important;

    column-gap: 38px !important;
    row-gap: 4px !important;

    align-items: center !important;

    /*
     ZÁMĚRNĚ NENASTAVUJEME:
     margin
     padding
     transform
     left / right / top / bottom

     Kontejner tedy můžeš posouvat
     přes nastavení Elementoru.
    */

    background: transparent !important;

    overflow: visible !important;
    box-sizing: border-box !important;
}


/* =========================================
   VNITŘNÍ PRVKY
   ========================================= */

.elementor-251 .elementor-element.elementor-element-7d27f7b > .elementor-element {
    min-width: 0 !important;
}


/* =========================================
   NADPIS
   ========================================= */

.elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-widget-heading {
    grid-column: 1 !important;
    grid-row: 1 !important;

    align-self: end !important;
    justify-self: start !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family: "Luckiest Guy", cursive !important;
    font-size: 29px !important;
    font-weight: 400 !important;
    font-style: normal !important;

    line-height: 1.03 !important;
    letter-spacing: 0 !important;

    text-align: left !important;
    text-transform: uppercase !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;

    -webkit-text-stroke: 0 !important;
    text-shadow: none !important;
}


/* =========================================
   TEXT POD NADPISEM
   ========================================= */

.elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-widget-text-editor {
    grid-column: 1 !important;
    grid-row: 2 !important;

    align-self: start !important;
    justify-self: start !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-widget-text-editor,
.elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-widget-text-editor p {
    margin: 0 !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.94) !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;

    text-align: left !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}


/* =========================================
   TLAČÍTKO VPRAVO
   ========================================= */

.elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-widget-button {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;

    align-self: center !important;
    justify-self: end !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-button-wrapper {
    width: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-button {
    width: auto !important;
    min-width: 225px !important;
    min-height: 46px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 10px !important;

    margin: 0 !important;
    padding: 0 22px !important;

    background: #f5bf00 !important;
    color: #153a29 !important;

    border: 0 !important;
    border-radius: 13px !important;

    box-shadow:
        0 7px 16px rgba(0, 0, 0, 0.16) !important;

    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;

    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;

    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

.elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-button:hover {
    background: #ffd12a !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 10px 20px rgba(0, 0, 0, 0.20) !important;
}


/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-251 .elementor-element.elementor-element-7d27f7b {
        /*
         I na tabletu šířku nastavuješ
         samostatně posuvníkem v Elementoru.
        */
        width: var(--width) !important;
        flex: 0 0 var(--width) !important;

        grid-template-columns:
            minmax(0, 1fr)
            auto !important;

        column-gap: 22px !important;
        row-gap: 4px !important;
    }

    .elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-heading-title {
        font-size: 23px !important;
    }

    .elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-widget-text-editor,
    .elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-widget-text-editor p {
        font-size: 12px !important;
        line-height: 1.38 !important;
    }

    .elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-button {
        min-width: 180px !important;
        min-height: 43px !important;

        padding: 0 15px !important;

        font-size: 11px !important;
        white-space: normal !important;

        border-radius: 12px !important;
    }
}


/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 767px) {

    .elementor-251 .elementor-element.elementor-element-7d27f7b {
        /*
         I na mobilu můžeš šířku měnit
         samostatně v Elementoru.
        */
        width: var(--width) !important;
        flex: 0 0 var(--width) !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        gap: 8px !important;

        text-align: center !important;
    }

    .elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-widget-heading {
        order: 1 !important;

        width: 100% !important;

        text-align: center !important;
    }

    .elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-heading-title {
        font-size: 23px !important;
        line-height: 1.04 !important;

        text-align: center !important;
    }

    .elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-widget-text-editor {
        order: 2 !important;

        width: 100% !important;

        text-align: center !important;
    }

    .elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-widget-text-editor,
    .elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-widget-text-editor p {
        font-size: 13px !important;
        line-height: 1.42 !important;

        text-align: center !important;
    }

    .elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-widget-button {
        order: 3 !important;

        width: 100% !important;

        margin-top: 5px !important;

        align-self: center !important;
    }

    .elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-button-wrapper {
        width: 100% !important;
    }

    .elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 47px !important;

        padding: 0 16px !important;

        font-size: 12px !important;
        white-space: normal !important;

        border-radius: 12px !important;
    }
}


/* =========================================
   MALÝ MOBIL
   ========================================= */

@media (max-width: 430px) {

    .elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-heading-title {
        font-size: 21px !important;
    }

    .elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-widget-text-editor,
    .elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-widget-text-editor p {
        font-size: 12px !important;
    }

    .elementor-251 .elementor-element.elementor-element-7d27f7b .elementor-button {
        min-height: 45px !important;

        padding: 0 13px !important;

        font-size: 11px !important;
    }
}/* End custom CSS */