/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

:root {
    --gradient-main: linear-gradient(135deg, var(--fs-color-primary), var(--fs-color-secondary));
    --gradient-reverse: linear-gradient(315deg, var(--fs-color-primary), var(--fs-color-secondary));
}

.header-bg-color,
.transparent .header-bg-color,
.stuck .header-bg-color {
    background: var(--gradient-main) !important;
    background-color: transparent !important;
}
.section {
padding:60px 0;
}
.small {
    font-size:80%;
}
.accent-color {
    color: var(--fs-color-secondary);
    font-weight: bold;
}
.wp-block-audio {
    margin:60px 0;;
}
/* vlastni třída pro zrušení pozadí */
.no-background {
    background: none !important;
}

.no-background .bg-fill {
    display: none !important;
}
.MWlexw {
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: var(--gradient-main);
    }
/* gradient na pozadí */
.section-light, .post-item .box-blog-post .box-image, .blog-archive-header-extra, .footer-header-extra {
    background-image:
        /* fade do bílé ODSPOD */
        linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0.65) 30%,
            rgba(255, 255, 255, 0.8) 70%,
            rgba(255, 255, 255, 1) 100%
        ),

        /* jemné světlo nahoře */
        radial-gradient(
            ellipse 80% 120% at 50% 0%,
            rgba(255, 255, 255, 0.45) 0%,
            rgba(255, 255, 255, 0) 70%
        ),

        /* základní barevný gradient */
        linear-gradient(
            to right,
            var(--fs-color-primary) 0%,
            var(--fs-color-secondary) 100%
        );
}

.section-light:before, .featured-title:before, .blog-archive-header-extra:before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 1686px;
    height: 1686px;
    left: 80%;
    top: 30%;
    background: url(../../uploads/2026/04/symbol_brown_1.png);
    background-size: cover;
    transform: translate(-50%, -50%) rotate(45deg);
    animation: slow-spin 180s linear infinite;

}
.section-light:before, .blog-archive-header-extra:before {

    opacity: 0.2;
}
@keyframes slow-spin {
    from {
        transform: translate(-50%, -50%) rotate(45deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(405deg);
    }
}
.section-light .banner {
background: transparent;
}
.obnovi-lock {
    position: relative;
    margin: 30px 0;
    padding: 42px 28px 28px;
    background: #fff;
}
/* dashed border pro prvky sablony */
.obnovi-lock, .woocommerce-checkout  .has-border, .woocommerce-checkout  .is-dashed, .col .has-border  {
    border: 3px dashed var(--fs-color-primary);
    border-radius: 32px;
}
.section-title-normal, .section-title-normal span {
    border-bottom-style: dashed;
}
.section-title-normal span {
    border-color:var(--fs-color-primary)
}
/* jediná horní špička */
.obnovi-lock::before {
    content: "";
    position: absolute;
    top: -11px;
    left: 56px; /* doladíš pozici */
    width: 18px;
    height: 18px;
    background: #fff;
    border-left: 3px dashed var(--fs-color-primary);
    border-top: 3px dashed var(--fs-color-primary);
    transform: rotate(45deg);
    z-index: 2;
}

/* vypnout druhý pseudo-element */
.obnovi-lock::after {
    content: none;
}
/* zaobleni obrazku v woo a archivu blogu */
.image-cover, .box-image {
    border-radius:32px;
}
/* hlavička archivu blogu */
.blog-archive-header-extra {
   padding: 60px 0px;
}
.blog-archive.page-wrapper{
    padding-top:0px;
}
.category-author,.category-description {
    font-size: 14px;
    opacity: 0.7;
    margin-top: 5px;
}
/* autor a doba čteni pro kartu archivu blogu */
.custom-post-meta {
    font-size: 0.85rem;
    line-height: 1.4;
    opacity: 0.7;
    margin: 0 0 10px;
    color: var(--fs-color-secondary);
}

.custom-post-meta .meta-sep {
    margin: 0 4px;
}
/* upravy image boxu pro blogy */
.row-large .post-item .col-inner {
    padding-top: 36px;
}
.post-item .box-blog-post .box-image {
    position: relative;
    overflow: visible;

}

.post-item .box-blog-post .box-image .image-cover {
    position: relative;
    overflow: visible;
    border-radius: 28px;
}

.post-item .box-blog-post .box-image .image-cover > a {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}

.post-item .box-blog-post .box-image img {
    max-width: 68%;
    max-height: 112%;
    width: auto;
    height: auto;
    object-fit: contain !important;
    transform: translateY(-10%);
    filter: drop-shadow(0 14px 24px rgba(0,0,0,.18));
}
/* drobeckova navigace */
.breadcrumbs {
    font-size: 14px;
    line-height: 1.4;
    /*margin-bottom: 12px;*/
    opacity: .75;
}

.breadcrumbs a {
    text-decoration: none;
}

.breadcrumbs > span {
    margin: 0 4px;
}
/* hlavicka posts */
.blog-featured-title .page-title-flex {
    display: flex;
    align-items: center;
    min-height: 300px;
}

.blog-featured-title .page-title-flex .row {
    width: 100%;
}
.featured-title {
background-color: var(--fs-color-secondary);
}
.entry-title {
    font-size:calc(1.7em * 1.2);
}
.featured-title:before{
    opacity: 0.45;
}
/* paticka */
.absolute-footer {
    background: var(--gradient-reverse) !important;
    padding:30px 0;
}
/* obrázek v sekci – homepage Roman Pilch */

.section.my-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible;
}

.img_out_section {
    display: flex;
    align-items: flex-end;
    height: 100%;
}

.img_out_section .img,
.img_out_section .img-inner {
    display: flex;
    align-items: flex-end;
    height: 100%;
    overflow: visible;
}

/* samotný obrázek */
.img_out_section img {
    display: block;
    height: auto;
    max-width: 100%;
    margin-top: -30px;   /* vytáhne obrázek nahoru */
    position: relative;
    z-index: 2;
    filter: drop-shadow(0 14px 24px rgba(0,0,0,.18));
}
.section.my-padding {
    margin:60px 0;
}
.section.my-padding, .col.my-padding {
    padding:0px!important;
    
}
/* formular newsletter */
.fluent_form_1 {
    margin-bottom:0px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}