body {background: #fcfff2}
#sp-header {background: #6d9d31}
a {color: #4b7b10}
.featured-article-badge {display: none}
.sppb-addon-article-layout-editorial-content img {height: auto !important}
div.homepage li {list-style-type: none; padding-top: 1.2rem; font-weight: 700; font-size: 0.95rem; line-height: 1.2rem}
.magz-layout h2.item-title {margin-top: -50px; font-size: 1.8rem; margin-bottom: 40px; margin-left: 20px}
.magz-layout h2.item-title a {color: #fff; background-color: #6d9d31; padding: 15px 30px; border-top: solid 3px #ffcc00; transition: all 0.8s ease;
        -webkit-transition: all 0.8s ease}
.magz-layout h2.item-title a:hover {box-shadow: 0 5px 15px rgba(0, 0, 0, 0.38), inset 0 -60px 0 0 var(--bs-dark);}
.perex .item-image {width: 30%; display: flex; float: left}
dl.text-muted .article-info-term {display: none}
.perex {margin-right: calc(var(--bs-gutter-x) * .5);}
.perex .blog-item {margin: 14px 0; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); line-height: 1.3rem; padding-left: 0; 
    margin-left: calc(var(--bs-gutter-x) * .5);}
.perex .blog-item p {margin-bottom: 0}
.perex .blog-item .article-info {display: none}
.perex h3, .perex .item-introtext, .perex .item-date {width: 66%; float: right}
.perex h3 {margin-top: 0px; font-size: 1.3rem}
.perex h3 a {color: #4b7b10; font-weight: 800}
.perex strong {font-weight: normal}
.list-group-item {background: transparent}
.komenty-home li, .komenty-zbytek li {color: #fff; font-size: 1rem}
.komenty-home .h5, .komenty-zbytek .h5 {font-size: 1rem; font-family: 'Oswald', sans-serif}
.komenty-home .text-muted, .komenty-zbytek .text-muted {color: #d0e8c4 !important; font-size: 0.85rem}
.komenty-home .text-muted a, .komenty-zbytek .text-muted a {color: #86aa7f}
.mod-tagspopular li {list-style-type: none; display: inline-flex !important; background: #6d9d31; padding: 6px 12px; margin: 10px 8px; border-radius: 2rem}
.mod-tagspopular li a {color: #fff !important; font-weight: 700}
.akengage-comment-list--level2 {margin-left: 2rem}

.article-list .col-lg-12 {padding-left: 40px; margin-left: 15px; border-left: dotted 1px #416b45}
.article-list .readmore, .article-list .fields-container {display: none}
.article-list .col-lg-12 .article-introtext {max-width: 600px; overflow: hidden; text-overflow: ellipsis; width: fit-content;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  font-size: 16px; display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1rem;}
  
.article-list .col-lg-12 .article {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none}
.article-list .col-lg-12 .article-intro-image {display: block;
    overflow: hidden;
    display: flex;
    margin-right: 20px; width: 100%}
.article-list .col-lg-12 .article-info {display: none}
.article-list .col-lg-12 .article-body {width: 100%}

.article-list figcaption.caption {display: none}
#sp-bottom {background-image: url(../images/background_bottom.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
.header-section {border-bottom: solid 2px #4b7b10; margin-bottom: 10px}
.header-section h3 {padding: 8px 0px !important; }
.most-read li {line-height: 1.4rem; margin-bottom: 0.5rem}
.most-read a {font-weight: 700}
.article-details .article-ratings-social-share {
    padding: 1rem;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    border: none;
    margin-bottom: 1rem;
    width: 100px;
    float: right;
    margin-left: 20px;
    background: #eaefe4;
}
.article-details .article-ratings-social-share .sdilej {font-size: 0.8rem; line-height: 1rem; display: none}
.article-social-share .social-share-icon ul li a {
    font-size: 1.8rem;
}

/*moduly*/
#menu-pata, .mod-sppagebuilder.partner  {background: #ffffff88; padding: 20px !important}
ul#menu-pata>li {margin-bottom: 2px !important}
ul#menu-pata>li a, .partner h6 {color: #333634; font-weight: bold}
.banner-home, .banner-zbytek {padding-top: 2rem;
    padding-bottom: 1rem;}
.banner-home img, .banner-zbytek img {margin-left: auto;
  margin-right: auto; margin-bottom: 1.5rem}
.banner-zbytek {background: #d7dbd9}

.komenty-zbytek {background-color: rgb(109, 157, 49);}
#akengage-comments-section {margin-top: 50px}
#akengage-comments-section h3, #akengage-comments-section h4 {font-size: 1.2rem}
.komenty-home .alert-info, .komenty-zbytek .alert-info {
    --bs-alert-color: #fff; 
    --bs-alert-bg: transparent; 
    --bs-alert-border-color: transparent; 
}
element.style {
    background-color: rgb(255, 255, 255);
    color: rgb(15, 14, 14);
}