.elementor-272 .elementor-element.elementor-element-76e66c6{--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;--overlay-opacity:0.25;--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-272 .elementor-element.elementor-element-76e66c6:not(.elementor-motion-effects-element-type-background), .elementor-272 .elementor-element.elementor-element-76e66c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ststeplice.cz/wp-content/uploads/2026/09/ststeplice_kontakty.webp");background-position:center center;background-size:cover;}.elementor-272 .elementor-element.elementor-element-76e66c6::before, .elementor-272 .elementor-element.elementor-element-76e66c6 > .elementor-background-video-container::before, .elementor-272 .elementor-element.elementor-element-76e66c6 > .e-con-inner > .elementor-background-video-container::before, .elementor-272 .elementor-element.elementor-element-76e66c6 > .elementor-background-slideshow::before, .elementor-272 .elementor-element.elementor-element-76e66c6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-272 .elementor-element.elementor-element-76e66c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-272 .elementor-element.elementor-element-84d22bf{background-color:#9BEDB8;padding:3px 12px 2px 12px;border-radius:50px 50px 50px 50px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-272 .elementor-element.elementor-element-84d22bf.elementor-element{--align-self:flex-start;}.elementor-272 .elementor-element.elementor-element-84d22bf .elementor-icon-list-item:not(:last-child):after{content:"";height:50%;border-color:var( --e-global-color-text );}.elementor-272 .elementor-element.elementor-element-84d22bf .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-272 .elementor-element.elementor-element-84d22bf .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-272 .elementor-element.elementor-element-84d22bf .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-272 .elementor-element.elementor-element-84d22bf .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-272 .elementor-element.elementor-element-84d22bf .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-272 .elementor-element.elementor-element-84d22bf .elementor-icon-list-item > .elementor-icon-list-text, .elementor-272 .elementor-element.elementor-element-84d22bf .elementor-icon-list-item > a{font-family:"Space Grotesk", Sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;}.elementor-272 .elementor-element.elementor-element-84d22bf .elementor-icon-list-text{transition:color 0.3s;}.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-272 .elementor-element.elementor-element-0d6192f{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;z-index:1;}.elementor-272 .elementor-element.elementor-element-0d6192f .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:54px;font-weight:700;color:var( --e-global-color-09cfc8a );}.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-272 .elementor-element.elementor-element-19b27dd{color:var( --e-global-color-6317f23 );}.elementor-272 .elementor-element.elementor-element-6420c59{--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;--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-272 .elementor-element.elementor-element-6420c59:not(.elementor-motion-effects-element-type-background), .elementor-272 .elementor-element.elementor-element-6420c59 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DBF2E2;}.elementor-272 .elementor-element.elementor-element-0f264c1{z-index:1;}.elementor-272 .elementor-element.elementor-element-0f264c1 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;color:#23A136;}.elementor-272 .elementor-element.elementor-element-648b266{width:initial;max-width:initial;z-index:1;}.elementor-272 .elementor-element.elementor-element-648b266 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:30px;font-weight:700;color:var( --e-global-color-secondary );}.elementor-272 .elementor-element.elementor-element-47f1cc8{padding:30px 0px 0px 0px;z-index:1;}.elementor-272 .elementor-element.elementor-element-47f1cc8 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;color:#23A136;}.elementor-272 .elementor-element.elementor-element-f2398a8{padding:30px 0px 0px 0px;z-index:1;}.elementor-272 .elementor-element.elementor-element-f2398a8 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;color:#23A136;}@media(max-width:767px){.elementor-272 .elementor-element.elementor-element-76e66c6{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-272 .elementor-element.elementor-element-84d22bf .elementor-icon-list-item > .elementor-icon-list-text, .elementor-272 .elementor-element.elementor-element-84d22bf .elementor-icon-list-item > a{font-size:11px;}.elementor-272 .elementor-element.elementor-element-0d6192f{width:100%;max-width:100%;}.elementor-272 .elementor-element.elementor-element-0d6192f .elementor-heading-title{font-size:34px;}.elementor-272 .elementor-element.elementor-element-6420c59{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-272 .elementor-element.elementor-element-0f264c1 .elementor-heading-title{font-size:16px;}.elementor-272 .elementor-element.elementor-element-648b266{width:100%;max-width:100%;}.elementor-272 .elementor-element.elementor-element-648b266 .elementor-heading-title{font-size:26px;}.elementor-272 .elementor-element.elementor-element-47f1cc8 .elementor-heading-title{font-size:16px;}.elementor-272 .elementor-element.elementor-element-f2398a8 .elementor-heading-title{font-size:16px;}}/* Start custom CSS for html, class: .elementor-element-96b65c9 *//* =========================
   KONTAKTY – SEKCE
========================= */

.contacts-section {
    width: 100%;
}


/* HLAVIČKA SEKCE */

.contacts-section-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    gap: 40px;

    margin-bottom: 35px;
}


.contacts-eyebrow {
    display: inline-block;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: .08em;

    color: #2f9a4d;

    margin-bottom: 12px;
}


.contacts-section-head h2 {
    margin: 0;

    font-family: "Syne", sans-serif;

    font-size: 38px;
    line-height: 1.1;

    font-weight: 600;

    color: #18231d;
}


.contacts-section-head p {
    max-width: 360px;

    margin: 0;

    font-size: 15px;
    line-height: 1.6;

    color: #647069;
}


/* =========================
   TABULKA
========================= */

.contacts-table {
    width: 100%;

    border-radius: 22px;

    overflow: hidden;

    background: rgba(255,255,255,.55);

    border: 1px solid rgba(30,60,40,.08);
}


/* HLAVIČKA */

.contacts-table-header {
    display: grid;

    grid-template-columns:
        1.2fr
        1.4fr
        1fr
        1.3fr;

    gap: 20px;

    padding: 18px 28px;

    background: #218f3b;

    color: white;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .08em;

    text-transform: uppercase;
}


/* =========================
   ŘÁDEK
========================= */

.contact-row {
    display: grid;

    grid-template-columns:
        1.2fr
        1.4fr
        1fr
        1.3fr;

    gap: 20px;

    align-items: center;

    padding: 19px 28px;

    border-bottom: 1px solid rgba(20,50,30,.08);

    transition:
        background .3s ease,
        transform .3s ease;
}


.contact-row:last-child {
    border-bottom: none;
}


.contact-row:hover {
    background: rgba(255,255,255,.7);
}


/* =========================
   JMÉNO
========================= */

.contact-name {
    font-family: "Syne", sans-serif;

    font-size: 15px;

    font-weight: 600;

    color: #1b2b21;
}


.contact-title {
    color: #2f9a4d;

    margin-right: 5px;

    font-weight: 500;
}


/* =========================
   FUNKCE
========================= */

.contact-position {
    font-size: 14px;

    color: #657068;

    line-height: 1.4;
}

/* =========================
   TYPOGRAFIE KONTAKTŮ
========================= */

/* Celá sekce standardně Space Grotesk */

.contacts-section,
.contacts-section * {
    font-family: "Space Grotesk", sans-serif;
}


/* =========================
   TELEFON + EMAIL
========================= */

.contact-phone,
.contact-email {
    display: flex;

    align-items: center;

    gap: 9px;

    color: #28362d;

    text-decoration: none;

    font-size: 14px;

    transition:
        color .25s ease,
        transform .25s ease;
}


.contact-phone:hover,
.contact-email:hover {
    color: #249542;

    transform: translateX(3px);
}


.contact-phone span,
.contact-email span {
    color: #249542;

    font-size: 16px;
}


/* Prázdný telefon */

.contact-empty {
    color: #aeb5b0;
}


/* =========================
   PODATELNA
========================= */

.contact-row-special {
    background: rgba(36,149,66,.06);
}


.contact-row-special .contact-name {
    color: #249542;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 900px) {

    .contacts-section-head {
        flex-direction: column;
        align-items: flex-start;

        gap: 15px;
    }


    .contacts-table-header {
        display: none;
    }


    .contact-row {
        grid-template-columns:
            1fr
            1fr;

        gap: 12px;

        padding: 22px;
    }


    .contact-name {
        grid-column: span 2;

        font-size: 17px;
    }


    .contact-position {
        grid-column: span 2;

        margin-bottom: 6px;
    }

}


/* MOBIL */

@media (max-width: 600px) {

    .contacts-section-head h2 {
        font-size: 30px;
    }


    .contacts-table {
        background: transparent;

        border: none;

        overflow: visible;
    }


    .contact-row {
        display: flex;

        flex-direction: column;

        align-items: flex-start;

        gap: 9px;

        padding: 20px;

        margin-bottom: 12px;

        background: rgba(255,255,255,.7);

        border-radius: 18px;

        border: 1px solid rgba(30,60,40,.08);
    }


    .contact-name {
        font-size: 17px;
    }


    .contact-position {
        margin-bottom: 8px;
    }


    .contact-phone,
    .contact-email {
        font-size: 13px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-629abe1 *//* =========================
   TYPOGRAFIE KONTAKTŮ
========================= */

/* Celá sekce standardně Space Grotesk */

.contacts-section,
.contacts-section * {
    font-family: "Space Grotesk", sans-serif;
}

/* =========================
   PRACOVIŠTĚ ODBORNÉHO VÝCVIKU
========================= */

.contacts-workplace-table {
    width: 100%;
    max-width: none;
}


.workplace-header,
.workplace-row {
    grid-template-columns: 1.2fr 1.8fr;
}


.workplace-row {
    padding: 22px 28px;
}


.workplace-row .contact-name {
    font-size: 17px;
}


.workplace-phones {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}


@media (max-width: 600px) {

    .workplace-phones {
        flex-direction: column;
        gap: 8px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3e56422 *//* =========================
   TYPOGRAFIE KONTAKTŮ
========================= */

/* Celá sekce standardně Space Grotesk */

.contacts-section,
.contacts-section * {
    font-family: "Space Grotesk", sans-serif;
}

/* =========================
   PRACOVIŠTĚ ODBORNÉHO VÝCVIKU
========================= */

.contacts-workplace-table {
    width: 100%;
    max-width: none;
}


.workplace-header,
.workplace-row {
    grid-template-columns: 1.2fr 1.8fr;
}


.workplace-row {
    padding: 22px 28px;
}


.workplace-row .contact-name {
    font-size: 17px;
}


.workplace-phones {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}


@media (max-width: 600px) {

    .workplace-phones {
        flex-direction: column;
        gap: 8px;
    }

}/* End custom CSS */