.sppb-section-title .sppb-title-heading {
    /*font-family: Georgia;*/
    text-transform: uppercase;
}

#sp-top-bar {
    background: rgb(0 56 118);
    position: relative;
}

#sp-header {
    background: rgb(246 247 249);
    position: relative;
    top: 0;
    height: 80px;
}

#sp-header.menu-fixed {
    height: 70px;
    background: rgb(0 56 118);
}

#sp-header .logo {
    height: 80px;
}

.logo a:after {
    content: 'Kompenzátory a technické prvky pro potrubní systémy';
    max-width: 270px;
    margin-top: 5px;
    padding-left: 57px;
    display: block;
    font-family: 'Arial';
    color: #194c84;
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
}

#sp-header.menu-fixed .logo a:after {
    content: 'Kompenzátory a technické prvky pro potrubní systémy';
    color: white;
    font-size: 9px;
    line-height: 12px;
    padding-left: 43px;
    max-width: 200px;
}

.en-gb .logo a:after {
    content: 'Expansion joints and technical elements for piping systems';
}

.en-gb #sp-header.menu-fixed .logo a:after {
    content: 'Expansion joints and technical elements for piping systems';
}

.pl-pl .logo a:after {
    content: 'Kompensatory i elementy techniczne do systemów rurociągowych';
    font-size: 12px;
}

.pl-pl #sp-header.menu-fixed .logo a:after {
    content: 'Kompensatory i elementy techniczne do systemów rurociągowych';
}

.pl-pl #sp-header.menu-fixed .logo a:after {
    font-size: 8px;
}

.sk-sk .logo a:after {
    content: 'Kompenzátory a technické prvky pre potrubné systémy';
}

.sk-sk #sp-header.menu-fixed .logo a:after {
    content: 'Kompenzátory a technické prvky pre potrubné systémy';
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: #bb0303 !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    color: #bb0303 !important;
}

.sp-contact-info li {
    font-size: 14px;
}

#sp-top-bar #sp-top1 {
    padding-right: 0;
    display: flex;
    align-content: center;
    align-items: center;
}

/* menu */
.sp-megamenu-parent>li {
    height: auto;
    margin: 0;
}

.sp-megamenu-parent>li>a,
.sp-megamenu-parent>li>span {
    padding: 0 10px;
    line-height: 80px;
    font-size: 14px;
    margin-top: 0;
    font-weight: 600 !important;
    border-radius: 0;
    color: #003876;
}

#sp-header.menu-fixed .sp-megamenu-parent>li>a,
#sp-header.menu-fixed .sp-megamenu-parent>li>span {
    color: #ffffff;
}

a {
    color: #bb0303;
}

.sp-megamenu-parent.menu-slide-down .sp-has-child:hover>.sp-dropdown {
    top: 80px;
}

.logo img.sp-default-logo {
    /*filter: brightness(0) invert(1);*/
    min-width: 270px;
}

.menu-fixed .logo img.sp-default-logo {
    filter: brightness(0) invert(1);
    min-width: 200px;
}

/* title */
div.sp-page-title {
    padding: 0px 0 0;
    background: #003876;
    height: 58px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

div.sp-page-title:before {
    background: #003876;
    opacity: 1;
}

div.sp-page-title h2 {
    font-size: 24px;
    margin: 0;
}

/* produkty */
.addon-root-image-overlay>div {
    transition: 0.6s box-shadow;
}

.addon-root-image-overlay:hover>div {
    box-shadow: 0px 0px 10px 0px RGBA(0, 0, 0, 0.5) !important;
}

.macroflexicon [class*="macroflex-"]:before,
.macroflexicon [class*=" macroflex-"]:before {
    font-family: "macroflexikon";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    /* font-size: 120%; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.major-color,
.sp-my-account ul.nav>li>a:hover,
.btn.btn-default,
.sppb-btn.btn-default,
.btn.sppb-btn-default,
.sppb-btn.sppb-btn-default,
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel-heading .sppb-toggle-direction,
.sppb-slider-fullwidth-wrapper .sppb-slider-item-wrapper .customNavigation a:hover,
.sppb-slider-fullwidth-wrapper .sppb-slider-item-wrapper .customNavigation a:focus,
.simple-variation.sppb-slider-fullwidth-wrapper .sppb-slider-item-wrapper .sppb-slideshow-fullwidth-item .sppb-magnific-popup.sppb-modal-selector i,
.sppb-addon-header.title-line-after:after,
.sppb-addon-header.title-line-before:before,
.sppb-addon-feature:hover .sppb-icon i,
.sppb-testimonial-pro-advanced .sppb-carousel-control:hover,
.sppb-testimonial-pro-advanced .sppb-carousel-control:focus,
.sppb-addon-tab .sppb-tab .sppb-nav-tabs li.active a,
.sppb-addon-pricing-table .sppb-pricing-box .sppb-pricing-price-container .sppb-pricing-price,
.reset .form-validate .form-group button,
.icon-top-wrapper:hover i,
.view-article .author-info .author-social-link li a:hover,
#sp-left .sp-module ul.mostread li .category-tag a:hover,
#sp-right .sp-module ul.mostread li .category-tag a:hover,
#sp-left .sp-module ul.mostread li .category-tag a:focus,
#sp-right .sp-module ul.mostread li .category-tag a:focus,
#sp-left .sp-module ul.mostread li a:hover,
#sp-right .sp-module ul.mostread li a:hover,
#sp-left .sp-module ul.mostread li a:focus,
#sp-right .sp-module ul.mostread li a:focus,
#sp-left .sp-module .acymailing_module_form p.acysubbuttons:after,
#sp-right .sp-module .acymailing_module_form p.acysubbuttons:after,
.pagination-wrapper ul.pagination .page-item span:hover,
.pagination-wrapper ul.pagination .page-item .page-link:hover,
.pagination-wrapper ul.pagination .page-item span:focus,
.pagination-wrapper ul.pagination .page-item .page-link:focus,
.pagination-wrapper ul.pagination .active.page-item .page-link,
.blog-variation-2 article.item .article-info-wrap:hover .entry-header h2 a:hover,
.blog-variation-2 article.item .article-info-wrap:hover .entry-header h2 a:focus,
body.header-transparent-black .icon-top-wrapper i:hover,
.sppb-section.title-line-before .sppb-section-title:before,
.sppb-section.title-line-after:after,
.service-page-modal .sppb-magnific-popup.sppb-modal-selector i,
.sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-filter ul li a:hover,
.sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-filter ul li.active a,
.sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-info:after,
.sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-info-wrap:after,
.sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-info .sp-simpleportfolio-title a:hover,
.sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-info-wrap .sp-simpleportfolio-title a:hover,
.sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-info .sp-simpleportfolio-title a:focus,
.sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-info-wrap .sp-simpleportfolio-title a:focus,
.contact-form-section .sppb-addon-raw-html ul li span.single-text,
.sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-description .sp-simpleportfolio-title-wrap:before,
#sp-bottom .sp-module ul li a:hover,
#sp-bottom .sp-module ul li a:focus,
#sp-bottom .sppb-addon-text-block .bottom-address span.floox-title,
#sp-bottom .sppb-addon-social-media .social-media-text-wrap a:hover,
#sp-bottom .sppb-addon-social-media .social-media-text-wrap a:focus,
#sp-footer #sp-footer2 p a,
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-module .sp-module-content a:hover,
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-module .sp-module-content a:focus,
.sp-comingsoon .social-icons li a:hover,
.copyright p a,
.error-page .error-message:before,
.sppb-addon-animated-number .sppb-animated-number {
    color: #bb0303;
}

.major-bgcolor,
.btn.btn-primary,
.sppb-btn.btn-primary,
.btn.sppb-btn-primary,
.sppb-btn.sppb-btn-primary,
.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li:hover>a,
.sp-select ul>li.active,
.sp-select ul>li:hover,
.sppb-addon-feature:hover:after,
.sppb-progress-wrap .sppb-progress .sppb-progress-bar,
.com-users.view-login .logout .btn.btn-primary,
.service-feature-section .sppb-addon-feature:hover:after,
.sppb-btn-info.sppb-btn-outline:hover,
.sppb-btn-info.sppb-btn-outline:focus,
.sppb-btn-info.sppb-btn-outline:active,
.sppb-btn-info.sppb-btn-outline.active,
.open>.dropdown-toggle.sppb-btn-info.sppb-btn-outline {
    background-color: #bb0303;
}

.btn:hover,
.btn:focus,
.sppb-btn:hover,
.sppb-btn:focus {
    background-color: #002a55 !important;
}

/* proc nas */
.proc-nas {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    margin: 0px;
    text-align: center;
    cursor: pointer;
}

.proc-nas:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

.proc-nas .sppb-img-container {
    width: 100%;
    height: 130px;
    /* pevná výška obrázku */
    overflow: hidden;
}

.proc-nas .sppb-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.proc-nas .sppb-addon-title {
    font-size: 12px;
    font-weight: 600;
    color: #222;
    padding: 12px 10px 8px;
    margin: 0;
    position: relative;
}

.proc-nas .sppb-addon-title::after {
    content: "→";
    font-size: 14px;
    margin-left: 6px;
    color: #222;
    transition: margin-left 0.2s ease;
}

.proc-nas:hover .sppb-addon-title::after {
    margin-left: 12px;
}

.proc-nas .sppb-addon-text {
    display: none;
}

/* footer */
.bottom-content-wrap {
    padding-bottom: 0;
}

#sp-bottom .sppb-addon-text-block p {
    font-size: 14px;
    color: #ffffff;
}

#sp-bottom .sppb-addon-single-image {
    margin-bottom: 0px;
}


/* Základní nulování mezer a stylů */
div.mod-languages ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

div.mod-languages li {
    margin: 0 0.5rem;
}

/* Inline jazyková nabídka */
body div.mod-languages ul.lang-inline li {
    display: inline-block;
}

/* Styl dropdown menu */
body div.mod-languages .dropdown-menu {
    padding: 0.5rem 0;
    border-radius: 6px;
    border: 1px solid #ddd;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    background: #fff;
    min-width: 150px;
    font-size: 14px;
    z-index: 1000;
}

/* Styl jednotlivých jazykových položek */
body div.mod-languages ul.lang-block li {
    text-align: left;
    padding: 0.4rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

body div.mod-languages ul.lang-block li:hover {
    background-color: #f8f9fa;
}

/* Aktivní jazyk */
body div.mod-languages ul li.lang-active {
    background-color: #e9ecef;
    font-weight: bold;
}

/* Obrázky vlajek */
body div.mod-languages img {
    border: none;
    display: inline-block;
    width: 20px;
    height: auto;
}

/* Odkazy jazyků */
body div.mod-languages a {
    text-decoration: none;
    color: #212529;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    line-height: 20px;
}

.sp-module ul>li>a:before {
    display: none;
}

/* Styl tlačítka přepínače */
body div.mod-languages .btn-group {
    margin: 0;
    display: flex !important;
}

body div.mod-languages .btn-group .btn {
    flex: none;
    background-color: #003876;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 0.4rem 0.75rem;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Ikona šipky dolů */
body div.mod-languages .btn-group .dropdown-toggle::after {
    margin-left: 0.5em;
    vertical-align: 0.15em;
}

/* Přechodová animace */
body div.mod-languages .dropdown-menu {
    transition: all 0.2s ease-in-out;
}

/* telefon */
.sp-contact-phone i.fa-phone {
    transform: scaleX(-1);
    display: inline-block;
    /* Důležité, aby transformace fungovala správně */
}

/* carousel */
.owl-stage {
    display: flex;
    align-items: center;
}

body .owl-carousel .owl-nav button.owl-next,
body .owl-carousel .owl-nav button.owl-prev {
    color: white;
    border: none;
    padding: 15px 10px !important;
    font: inherit;
    position: absolute;
    background: #003876;
    margin: 0;
    border-radius: 0;
    transition: all 0.6s;
}

button.owl-prev {
    left: -30px;
    top: calc(50% - 29px);
}

button.owl-next {
    right: -30px;
    top: calc(50% - 29px);
}

body .owl-theme .owl-nav [class*=owl-]:hover {
    background: #bb0303;
    color: #FFF;
    text-decoration: none;
}

/* zobrazeni title */
.visibleTitle .speasyimagegallery-gallery-item-content {
    position: relative;
    opacity: 1;
    text-align: center
}

.visibleTitle .speasyimagegallery-gallery-item-title {
    color: #86939e;
}

.visibleTitle .speasyimagegallery-gallery-item>div:after {
    display: none;
}

.visibleTitle button.owl-next,
.visibleTitle button.owl-prev {
    top: calc(50% - 65px);
}

.owl-carousel.owl-drag .owl-item {
    min-height: 190px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

.speasyimagegallery-image-title {
    text-transform: uppercase;
}

.speasyimagegallery-gallery-stat {
    display: none;
}

.visibleTitle .speasyimagegallery-gallery-item-title {
    text-transform: uppercase;
}

/* name-download */
.name-download p {
    margin-bottom: 0;
}

/* menu */
#sp-header.menu-fixed .sp-megamenu-parent.menu-slide-down ul .sp-has-child:hover>.sp-dropdown {
    top: 10px;
}

/* 042026*/
body.no-page-title #sp-header {
    background: rgb(246 247 249);
}

/* mobil */
@media(max-width: 767px) {
    .logo a:after {
        padding-left: 0;
        font-size: 8px;
    }

    div.sp-page-title h2 {
        font-size: 16px;
        margin: 0;
    }

    #offcanvas-toggler>i {
        color: #003876;
    }

    .menu-fixed #offcanvas-toggler>i {
        color: #ffffff;
    }

    a#offcanvas-toggler:before {
        content: 'MENU';
        margin-right: 5px;
        color: #003876;
        position: relative;
    }

    .menu-fixed a#offcanvas-toggler:before {
        color: #ffffff;
    }

    .sp-contact-info {
        display: flex;
        justify-content: space-between;
    }

    #sp-top-bar #sp-top1 {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .sp-contact-info li a {
        font-size: 90%;
    }

    .logo img.sp-default-logo {
        min-width: 200px;
    }

    .sppb-btn.sppb-btn-primary {
        font-size: 12px;
        padding: 10px 20px;
    }

    .sppb-addon-text-block .sppb-addon-title {
        font-size: 20px !important;
        line-height: 24px !important;
    }

    .sppb-carousel-extended-nav-control .nav-control.prev-control {
        margin-left: 0;
    }

    .sppb-carousel-extended-nav-control .nav-control.next-control {
        margin-right: 0;
    }

    button.owl-prev {
        left: -15px;
    }

    button.owl-next {
        right: -15px;
    }

    .name-download .wf-columns-stack-medium>.wf-column {
        max-width: 70%;
        flex: 0 0 auto !important;
    }

    .name-download .wf-columns-stack-medium>.wf-column:nth-of-type(2) {
        text-align: right;
        width: 25%;
    }
}

#sp-header.menu-fixed .sp-megamenu-parent.menu-slide-down ul .sp-has-child:hover>.sp-dropdown {
    top: 10px;
}

.imageSingelDescription .sppb-addon-image-layout-content {
    width: 100%;
    margin: 0 auto;
    background: #f1f1f1 !important;
    padding: 30px 40px 30px !important;
}

.imageSingelDescription .sppb-addon-image-layout-content p {
    margin-bottom: 0;
}

.imageSingelDescription img.sppb-img-responsive.image-fit {
    max-width: 75%;
    margin: 0 auto;
    max-height: 350px;
    width: auto;
}

.imageSingelDescription .sppb-image-layout-title {
    color: #003876;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    font-size: 20px;
}

/* futured osa */
.sppb-addon.sppb-addon-feature.osa .sppb-addon-content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
}

..sppb-addon.sppb-addon-feature.osa .sppb-feature-box-title {
    font-family: inherit;
    font-weight: 500;
    order: 1;
    text-transform: uppercase;
}

.sppb-addon.sppb-addon-feature.osa .sppb-img-container {
    display: block !important;
    order: 3;
    text-align: center;
    width: 100%;
}

.sppb-addon.sppb-addon-feature.osa.fullwidth .sppb-img-container {
    text-align: left;
}

.sppb-addon.sppb-addon-feature.osa .sppb-img-container img {
    max-width: 260px;
    margin: 0 auto;
}

.sppb-addon.sppb-addon-feature.osa.fullwidth .sppb-img-container img {
    max-width: 500px;
    margin: 0;
}

.sppb-addon.sppb-addon-feature.osa .sppb-addon-text {
    order: 2;
    font-size: 80%;
    line-height: 1.4em;
}

@media(min-width:992px) {
    div#column-wrap-id-677d444d-0729-41f0-9e1a-cfb95138b6fc {
        border-right: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
    }
}

@media(max-width:767px) {
    body:not(.itemid-816) .page-content .sppb-addon-header .sppb-addon-title {
        font-size: 1rem !important;
    }

    body .offcanvas-menu div.mod-languages img {
        width: 26px;
    }

    .sp-contact-info li {
        line-height: 1em;
    }

    .sp-contact-info {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .sp-contact-phone i.fa-phone,
    .sp-contact-info li a,
    .sp-contact-info li i {
        font-size: 80%;
    }

    #sp-top2 .mod-languages {
        display: block;
    }

    .offcanvas-menu .offcanvas-inner .sp-module.language_offcanvas {
        padding: 30px 40px;
        position: relative;
    }

    .offcanvas-menu .offcanvas-inner .sp-module:first-child {
        margin: 0;
        padding: 30px 20px 0px;
    }

    .offcanvas-menu ul.mod-languages__list.lang-inline {
        display: flex;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .offcanvas-menu .offcanvas-inner .sp-module.language_offcanvas:before {
        background: #ededed;
        width: calc(100% - 80px);
        height: 1px;
        position: absolute;
        top: auto;
        content: '';
        right: 40px;
        bottom: 0;
        display: block;
    }

    .offcanvas-menu .sp-module-content .mod-languages ul.lang-inline li {
        margin: 0 10px 0 0;
    }

.offcanvas-menu .offcanvas-inner .sp-module ul.collapse li:last-child {
    border-bottom: 0px solid rgba(0,0,0,0.07);
}    

}

/* 09 2026 */

body.com-content #sp-main-body {
    padding: 75px 0;
}

/* =========================================================
   KARIÉRA - BLOG
   ========================================================= */

.blog.kariera {
    max-width: 100%;
}

/* rozumná mezera pod titulkem stránky */
.blog.kariera .items-row {
    margin-bottom: 30px;
}

/* jeden inzerát přes celou dostupnou šířku */
.blog.kariera .items-row > [class*="col-"] {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}

/* karta pracovní pozice */
.blog.kariera article.item {
    margin-bottom: 30px;
}

.blog.kariera article.item .article-info-wrap {
    position: relative;
    padding: 38px 42px 36px;
    border: 0;
    border-left: 5px solid #bb0303;
    background: #f6f7f9;
    box-shadow: 0 5px 18px rgba(0, 56, 118, 0.08);
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

/* odstranění starého čárového stylu šablony */
.blog.kariera article.item .article-info-wrap:before {
    display: none;
}

/* odstranění původního hover backgroundu šablony */
.blog.kariera article.item .article-info-bg {
    display: none !important;
}

/* jemný hover celé karty */
.blog.kariera article.item .article-info-wrap:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(0, 56, 118, 0.14);
}


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

.blog.kariera article.item .entry-header h2 {
    margin: 0 0 10px;
    font-size: 26px;
    line-height: 1.25;
    font-weight: 600 !important;
    letter-spacing: 0;
}

.blog.kariera article.item .entry-header h2 a {
    color: #003876;
    font-weight: 600 !important;
    letter-spacing: 0;
    line-height: inherit;
}

.blog.kariera article.item .entry-header h2 a:hover,
.blog.kariera article.item .article-info-wrap:hover .entry-header h2 a {
    color: #bb0303;
}


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

.blog.kariera article.item p {
    position: relative;
    color: #596775;
    font-size: 16px;
    line-height: 1.7;
    margin: 0 0 20px;
    max-width: 850px;
}

/* první odstavec = místo výkonu práce */
.blog.kariera article.item .entry-header + p {
    color: #003876;
    font-size: 15px;
    margin-bottom: 22px;
}

.blog.kariera article.item strong {
    font-weight: 600;
    color: #34495e;
}

/* zruší bílé texty z původního hover efektu */
.blog.kariera article.item .article-info-wrap:hover p {
    color: #596775;
}

.blog.kariera article.item .article-info-wrap:hover
.entry-header + p {
    color: #003876;
}


/* =========================================================
   ČÍST DÁL
   ========================================================= */

.blog.kariera article.item .article-info-wrap .readmore {
    margin: 28px 0 0;
}

.blog.kariera article.item .readmore .btn {
    display: inline-flex;
    align-items: center;
    background: #bb0303;
    border: 0;
    border-radius: 0;
    color: #fff;
    padding: 12px 22px;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .4px;
    box-shadow: none;
}

.blog.kariera article.item .readmore .btn:hover,
.blog.kariera article.item .readmore .btn:focus {
    background: #003876 !important;
    color: #fff;
}


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

@media (max-width: 767px) {

    .blog.kariera article.item .article-info-wrap {
        padding: 25px 22px 25px;
        border-left-width: 4px;
    }

    .blog.kariera article.item .entry-header h2 {
        font-size: 21px;
    }

    .blog.kariera article.item p {
        font-size: 15px;
        line-height: 1.6;
    }

    .blog.kariera article.item .readmore .btn {
        padding: 11px 18px;
        font-size: 12px;
    }
}

/* =========================================================
   KARIÉRA - ÚVOD
   ========================================================= */

.blog.kariera .category-desc {
    max-width: 920px;
    margin: 0 auto 55px;
}

.blog.kariera .career-intro {
    color: #596775;
    font-size: 16px;
    line-height: 1.7;
}

.blog.kariera .career-intro p {
    margin: 0 0 16px;
}

.blog.kariera .career-intro strong {
    color: #34495e;
    font-weight: 600;
}


/* hlavní nadpis */

.blog.kariera .career-intro h2 {
    margin: 0 0 12px;
    color: #003876;
    font-size: 28px;
    line-height: 1.25;
    font-weight: 600;
}


/* úvodní claim */

.blog.kariera .career-lead {
    margin-bottom: 25px !important;
}

.blog.kariera .career-lead strong {
    color: #bb0303;
    font-size: 18px;
    line-height: 1.4;
}


/* nadpisy jednotlivých částí */

.blog.kariera .career-intro h3 {
    margin: 38px 0 17px;
    color: #003876;
    font-size: 21px;
    line-height: 1.3;
    font-weight: 600;
}


/* =========================================================
   BENEFITY
   ========================================================= */

.blog.kariera .career-benefits {
    margin-top: 5px;
    border-top: 1px solid #e2e7ec;
}

.blog.kariera .career-benefit {
    padding: 17px 20px 17px 23px;
    border-bottom: 1px solid #e2e7ec;
    border-left: 3px solid #e2e7ec;
}

.blog.kariera .career-benefit:nth-child(odd) {
    background: #f7f8fa;
}

.blog.kariera .career-benefit > strong {
    display: block;
    margin-bottom: 3px;
    color: #003876;
    font-size: 16px;
    font-weight: 600;
}

.blog.kariera .career-benefit p {
    margin: 0;
}


/* poslední zvýraznění */

.blog.kariera .career-final {
    margin-top: 27px !important;
    padding: 18px 22px;
    border-left: 4px solid #bb0303;
    background: #f6f7f9;
}

.blog.kariera .career-final strong {
    color: #003876;
    font-size: 17px;
}


/* =========================================================
   AKTUÁLNÍ POZICE
   ========================================================= */

.blog.kariera .category-desc + .items-row {
    position: relative;
    padding-top: 55px;
}

.blog.kariera .category-desc + .items-row:before {
    content: "Aktuální volné pozice";
    position: absolute;
    top: 0;
    left: 0;
    color: #003876;
    font-size: 25px;
    line-height: 1.25;
    font-weight: 600;
}


/* mobil */

@media (max-width: 767px) {

    .blog.kariera .career-intro {
        font-size: 15px;
        line-height: 1.65;
    }

    .blog.kariera .career-intro h2 {
        font-size: 24px;
    }

    .blog.kariera .career-lead strong {
        font-size: 17px;
    }

    .blog.kariera .career-intro h3 {
        margin-top: 32px;
        font-size: 19px;
    }

    .blog.kariera .career-benefit {
        padding: 14px 15px 14px 18px;
    }

    .blog.kariera .category-desc + .items-row:before {
        font-size: 22px;
    }
}

/* =========================================================
   KARIÉRA - DETAIL PRACOVNÍ POZICE
   ========================================================= */

body.blog.kariera.com-content.view-article #sp-main-body {
    padding: 70px 0 90px;
}


/* =========================================================
   HLAVNÍ KONTEJNER ČLÁNKU
   ========================================================= */

body.blog.kariera.com-content.view-article .article-details-wrap {
    display: block;
    max-width: 920px;
    margin: 0 auto;
}


/* prázdný author box šablony nepotřebujeme */
body.blog.kariera.com-content.view-article .article-details-wrap > .col-sm-3 {
    display: none;
}


/* obsah přes celou šířku */
body.blog.kariera.com-content.view-article .article-details-wrap > .col-sm-9 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding: 0;
}


/* =========================================================
   HLAVNÍ NADPIS
   ========================================================= */

body.blog.kariera.com-content.view-article .entry-header-wrap {
    margin: 0 0 45px;
    text-align: left !important;
}

body.blog.kariera.com-content.view-article .entry-header-wrap .entry-header h2 {
    position: relative;
    margin: 0;
    padding: 0 0 20px;
    color: #003876;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 600 !important;
    letter-spacing: 0;
}

body.blog.kariera.com-content.view-article .entry-header-wrap .entry-header h2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 55px;
    height: 4px;
    background: #bb0303;
}


/* =========================================================
   OBSAH
   ========================================================= */

body.blog.kariera.com-content.view-article [itemprop="articleBody"] {
    color: #596775;
    font-size: 16px;
    line-height: 1.7;
}

body.blog.kariera.com-content.view-article [itemprop="articleBody"] p {
    margin: 0 0 20px;
}

body.blog.kariera.com-content.view-article [itemprop="articleBody"] strong {
    color: #34495e;
    font-weight: 600;
}


/* =========================================================
   NADPISY UVNITŘ ČLÁNKU
   ========================================================= */

body.blog.kariera.com-content.view-article [itemprop="articleBody"] h2 {
    position: relative;
    margin: 42px 0 20px;
    padding: 0 0 12px;
    color: #003876;
    font-size: 23px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 0;
}

body.blog.kariera.com-content.view-article [itemprop="articleBody"] h2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 38px;
    height: 3px;
    background: #bb0303;
}

body.blog.kariera.com-content.view-article [itemprop="articleBody"] h3 {
    margin: 35px 0 15px;
    color: #003876;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 600;
}


/* =========================================================
   SEZNAMY
   ========================================================= */

body.blog.kariera.com-content.view-article [itemprop="articleBody"] ul {
    margin: 10px 0 30px;
    padding: 0;
    list-style: none;
}

body.blog.kariera.com-content.view-article [itemprop="articleBody"] ul li {
    position: relative;
    margin: 0 0 8px;
    padding-left: 23px;
    line-height: 1.6;
}

body.blog.kariera.com-content.view-article [itemprop="articleBody"] ul li:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 10px;
    width: 6px;
    height: 6px;
    background: #bb0303;
}


/* =========================================================
   PRVNÍ ŘÁDEK - MÍSTO / ÚVAZEK
   ========================================================= */

body.blog.kariera.com-content.view-article
[itemprop="articleBody"] > p:first-child {
    margin: 0 0 28px;
    padding: 15px 20px;
    background: #f6f7f9;
    border-left: 4px solid #bb0303;
}

body.blog.kariera.com-content.view-article
[itemprop="articleBody"] > p:first-child strong {
    color: #003876;
    font-size: 15px;
}


/* =========================================================
   FOOTER ČLÁNKU
   ========================================================= */

body.blog.kariera.com-content.view-article .article-footer-top,
body.blog.kariera.com-content.view-article .article-footer-wrap {
    display: none;
}


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

@media (max-width: 991px) {

    body.blog.kariera.com-content.view-article #sp-main-body {
        padding: 55px 0 70px;
    }

    body.blog.kariera.com-content.view-article .article-details-wrap {
        max-width: 100%;
    }

}


@media (max-width: 767px) {

    body.blog.kariera.com-content.view-article #sp-main-body {
        padding: 40px 0 55px;
    }

    body.blog.kariera.com-content.view-article .entry-header-wrap {
        margin-bottom: 30px;
    }

    body.blog.kariera.com-content.view-article
    .entry-header-wrap .entry-header h2 {
        font-size: 25px;
        padding-bottom: 16px;
    }

    body.blog.kariera.com-content.view-article [itemprop="articleBody"] {
        font-size: 15px;
        line-height: 1.65;
    }

    body.blog.kariera.com-content.view-article
    [itemprop="articleBody"] h2 {
        margin-top: 35px;
        font-size: 21px;
    }

    body.blog.kariera.com-content.view-article
    [itemprop="articleBody"] h3 {
        font-size: 18px;
    }

    body.blog.kariera.com-content.view-article
    [itemprop="articleBody"] > p:first-child {
        padding: 13px 16px;
    }

}

/* =========================================================
   KARIÉRA - FORMULÁŘ V DETAILU POZICE
   ========================================================= */

body.blog.kariera.com-content.view-article .moduletable:has(.rsform) {
    position: relative;
    margin-top: 55px;
    padding: 38px 42px 42px;
    background: #f6f7f9;
    border-left: 4px solid #bb0303;
}

/* nadpis vytvořený přes CSS */
body.blog.kariera.com-content.view-article .moduletable:has(.rsform):before {
    content: "Máte zájem o tuto pozici?";
    display: block;
    margin: 0 0 8px;
    color: #003876;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 600;
}

/* krátký text pod nadpisem */
body.blog.kariera.com-content.view-article .rsform:before {
    content: "Pošlete nám své kontaktní údaje a životopis. Ozveme se Vám co nejdříve.";
    display: block;
    margin-bottom: 28px;
    color: #596775;
    font-size: 15px;
    line-height: 1.6;
}


/* =========================================================
   POLE
   ========================================================= */

body.blog.kariera.com-content.view-article .rsform .mb-3 {
    margin-bottom: 18px !important;
}

body.blog.kariera.com-content.view-article .rsform .form-label {
    display: block;
    margin-bottom: 7px;
    color: #003876;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
}

body.blog.kariera.com-content.view-article .rsform .formRequired {
    margin-left: 3px;
    color: #bb0303;
}


/* textová pole */

body.blog.kariera.com-content.view-article .rsform .form-control {
    width: 100%;
    min-height: 46px;
    padding: 10px 14px;
    background: #fff;
    border: 1px solid #dce2e7;
    border-radius: 0;
    color: #34495e;
    font-size: 15px;
    box-shadow: none;
    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

body.blog.kariera.com-content.view-article .rsform .form-control:focus {
    background: #fff;
    border-color: #003876;
    box-shadow: 0 0 0 2px rgba(0, 56, 118, .08);
    outline: 0;
}


/* placeholder */

body.blog.kariera.com-content.view-article
.rsform .form-control::placeholder {
    color: #9aa5ae;
    opacity: 1;
}


/* =========================================================
   POZICE - READONLY
   ========================================================= */

body.blog.kariera.com-content.view-article
.rsform-block-pozice .form-control {
    background: #003876;
    border-color: #003876;
    color: #fff;
    font-weight: 600;
    cursor: default;
}


/* =========================================================
   KARIÉRA - TELEFON / INTL TEL INPUT
   ========================================================= */

body.blog.kariera.com-content.view-article
.rsform-block-phone .iti {
    width: 100%;
}

body.blog.kariera.com-content.view-article
.rsform-block-phone .iti__tel-input {
    width: 100%;
    padding-left: 58px !important;
}

/* prostor kolem vlajky */
body.blog.kariera.com-content.view-article
.rsform-block-phone .iti__selected-country {
    padding: 0 10px 0 12px;
}

/* trochu oddělit vlajku od čísla */
body.blog.kariera.com-content.view-article
.rsform-block-phone .iti__country-container {
    left: 0;
}

/* =========================================================
   KARIÉRA - TELEFON - DROPDOWN ZEMÍ
   ========================================================= */

body.blog.kariera.com-content.view-article
.rsform-block-phone .iti__dropdown-content {
    margin-top: 4px;
    background: #fff;
    border: 1px solid #dce2e7;
    border-radius: 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .10);
    overflow: hidden;
}


/* vyhledávání */
body.blog.kariera.com-content.view-article
.rsform-block-phone .iti__search-input {
    width: calc(100% - 20px);
    height: 40px;
    margin: 10px;
    padding: 8px 12px;
    border: 1px solid #dce2e7;
    border-radius: 0;
    outline: none;
    font-size: 14px;
    color: #34495e;
}

body.blog.kariera.com-content.view-article
.rsform-block-phone .iti__search-input:focus {
    border-color: #003876;
    box-shadow: 0 0 0 2px rgba(0, 56, 118, .08);
}


/* seznam - u CZ/SK nepotřebujeme velkou výšku */
body.blog.kariera.com-content.view-article
.rsform-block-phone .iti__country-list {
    max-height: 120px;
}


/* jednotlivá země */
body.blog.kariera.com-content.view-article
.rsform-block-phone .iti__country {
    min-height: 45px;
    padding: 10px 14px;
    color: #596775;
    font-size: 14px;
}


/* hover / aktivní země */
body.blog.kariera.com-content.view-article
.rsform-block-phone .iti__country:hover,
body.blog.kariera.com-content.view-article
.rsform-block-phone .iti__country.iti__highlight {
    background: #f6f7f9;
}


/* vlajka v seznamu */
body.blog.kariera.com-content.view-article
.rsform-block-phone .iti__flag-box {
    margin-right: 10px;
}


/* předvolba */
body.blog.kariera.com-content.view-article
.rsform-block-phone .iti__dial-code {
    margin-left: 8px;
    color: #8b969f;
}

body.blog.kariera.com-content.view-article [itemprop="articleBody"] ul.iti__country-list li:before {
    display: none;
}


/* =========================================================
   ŽIVOTOPIS
   ========================================================= */

body.blog.kariera.com-content.view-article
.rsform-block-zivotopis {
    margin-top: 25px;
    padding-top: 22px;
    border-top: 1px solid #dce2e7;
}

body.blog.kariera.com-content.view-article
.rsform-block-zivotopis input[type="file"] {
    min-height: 46px;
    padding: 8px;
    background: #fff;
}

/* tlačítko uvnitř file inputu */
body.blog.kariera.com-content.view-article
.rsform-block-zivotopis input[type="file"]::file-selector-button {
    height: 30px;
    margin: -1px 12px -1px -1px;
    padding: 0 14px;
    border: 0;
    background: #003876;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

body.blog.kariera.com-content.view-article
.rsform-block-zivotopis input[type="file"]::file-selector-button:hover {
    background: #bb0303;
}


/* "Add another file" */
body.blog.kariera.com-content.view-article
.rsfp-field-multiple-plus-button {
    margin-top: 8px;
    padding: 7px 12px;
    border: 1px solid #003876;
    border-radius: 0;
    background: transparent;
    color: #003876;
    font-size: 12px;
    font-weight: 600;
}

body.blog.kariera.com-content.view-article
.rsfp-field-multiple-plus-button:hover {
    background: #003876;
    border-color: #003876;
    color: #fff;
}


/* =========================================================
   ODESLAT
   ========================================================= */

body.blog.kariera.com-content.view-article
.rsform-block-submit {
    margin-top: 28px;
    margin-bottom: 0 !important;
}

body.blog.kariera.com-content.view-article
.rsform-submit-button {
    min-width: 150px;
    padding: 14px 25px;
    border: 0;
    border-radius: 0;
    background: #bb0303;
    color: #fff;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .4px;
    box-shadow: none;
    transition: background .2s ease;
}

body.blog.kariera.com-content.view-article
.rsform-submit-button:hover,
body.blog.kariera.com-content.view-article
.rsform-submit-button:focus {
    background: #003876;
    color: #fff;
}


/* =========================================================
   VALIDACE
   ========================================================= */

body.blog.kariera.com-content.view-article
.rsform .formValidation {
    display: block;
    margin-top: 5px;
}

body.blog.kariera.com-content.view-article
.rsform .formNoError {
    display: none;
}

body.blog.kariera.com-content.view-article
.rsform .formError {
    color: #bb0303;
    font-size: 13px;
    line-height: 1.4;
}

body.blog.kariera.com-content.view-article
.rsform-error-message {
    margin-bottom: 25px;
    padding: 14px 18px;
    background: #fff;
    border-left: 4px solid #bb0303;
    color: #bb0303;
    font-size: 14px;
    line-height: 1.5;
}


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

@media (max-width: 767px) {

    body.blog.kariera.com-content.view-article
    .moduletable:has(.rsform) {
        margin-top: 40px;
        padding: 28px 20px 30px;
    }

    body.blog.kariera.com-content.view-article
    .moduletable:has(.rsform):before {
        font-size: 21px;
    }

    body.blog.kariera.com-content.view-article
    .rsform:before {
        margin-bottom: 23px;
        font-size: 14px;
    }

    body.blog.kariera.com-content.view-article
    .rsform-submit-button {
        width: 100%;
    }
}

/* ==========================================================
   KARIÉRA - POŘADÍ OBSAHU
   ========================================================== */

.blog.kariera {
    max-width: 100%;
    display: flex;
    flex-direction: column;
}


/* VOLNÉ POZICE NAHORU */
.blog.kariera .items-row {
    order: 1;
    width: 100%;
    max-width: 920px;
    margin: 0 auto 65px;
}


/* POPIS KARIÉRY POD POZICEMI */
.blog.kariera .category-desc {
    order: 2;
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
}


/* zrušit původní posun */
.blog.kariera .category-desc + .items-row {
    position: relative;
}