/*
Theme Name: Na Kratko
Theme URI: 
Author: GM
Description: Multipurpose theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
body {overflow-x: hidden;color: var(--main-dark-color);padding: 0 !important;}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1,li{position:relative}h1,h2,h3,h4,h5,h6{clear:both;font-weight:700;margin-bottom:1rem}h1{font-size:2rem;color:var(--h1-color);font-family:"STIX Two Text",serif}h2{font-size:1.5rem;color:var(--text-color)}h3{font-size:1.25rem}h4{font-size:1rem}h5{font-size:.85rem}p{margin:1rem 0}p:last-child{margin-bottom:0}ol,ul{list-style:none;padding:0;margin:0}ul li::before{position:absolute;content:""}ol li::before{content:"0" counter(item) " "}
a:hover {text-decoration: none;}a.link {color: var(--main-dark-color);background-image: linear-gradient(transparent 50%, var(--accent-color) 50%);background-size: auto 175%;transition: background .3s ease-in-out;text-decoration: none;}a.link:hover {background-position-y: 100%;}
.category-title {
    font-family: "STIX Two Text", serif;
}
.post-title {
    font-size: 1.75rem;
}
:is(.category-title, h1:not(.error-title))::after {
    content: '';
    width: 63px;
    height: 13px;
    background: var(--title-pseudo);
    position: absolute;
    bottom: -0.8rem;
    left: 0;
}
.badge {
    background: var(--latest-news-background);
    color: var(--secondary-color);
    font-family: "STIX Two Text", serif;
}
.priority-news a {
    color: var(--news-link);
    text-decoration: none;
    line-height: 1.25;
}
.fixed {
    position: fixed;
}
.border-bottom {
    border-bottom-color: var(--secondary-color) !important;
}
/*--------------------------------------------------------------
# Icons
--------------------------------------------------------------*/
[class*="icon-"] {
    background-position: center center;
    background-repeat: no-repeat;
    margin: .25rem auto;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
}
.icon-newsletter {
    background-image: var(--icon-newsletter);
    width: 160px;
    height: 150px;
}
/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
.priority-section {
    background: var(--main-mid-color);
}
.upload-time {
    font-size: .75rem;
    color: var(--text-color);
}
/*--------------------------------------------------------------
# FAQ
--------------------------------------------------------------*/
.faq .card {
    border: none;
    background-color: transparent;
}
.faq .card-header {
    background: var(--main-dark-color);
    border-radius: var(--table-border-radius);
    position: relative;
    text-decoration: none;
}
.faq .btn-check:focus+.btn,
.btn:focus {
    box-shadow: none;
}
.faq .card-header span::before {
    content: '?';
    text-align: center;
    position: absolute;
    font-size: .85rem;
    left: 10px;
    top: 10px;
    color: var(--main-dark-color);
    background: var(--secondary-light-color);
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
}
.faq .card-header span::after {
    content: '';
    position: absolute;
    top: 15px;
    right: 10px;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
.main-button {
    display: inline-block;
    background: var(--accent-color);
    color: var(--main-light-color);
    width: 250px;
    padding: .75rem;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    border: none;
}
.main-button:hover {
    background: #A00005;
}
.card.news-card {
    border-right: none;border-left: none;border-top: none;border-bottom-color: transparent;
}
.card.news-card.post {
    background: var(--main-mid-color);
}
.border-b {
    border-bottom-color: var(--secondary-color) !important;
}
.see-more-btn {background: transparent; color: var(--secondary-color);border: 1px solid var(--secondary-color);border-radius: 2rem;font-family:"STIX Two Text",serif;font-size: .75rem;text-decoration: none;}
.see-more-btn:hover {text-decoration: underline;}
button.see-more-btn::after {content: '';position: absolute;background: var(--icon-arrow);background-repeat: no-repeat; width: .75rem;height: .5rem;top: 6px;right: 6px;}
@media (min-width: 992px) {
    .card.news-card.post {
        width: 40%;
        border-bottom: none;
    }
    .priority-news a {
        min-height: 5rem;
    }
}
.card.news-card.post a {
    text-decoration: none;
    color: inherit;
}
.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}
.tab-title {
    cursor: pointer;
}
.tab-title.active {
    color: var(--accent-color);
}
h3 .tab-title+span {
    margin: 0 6px;
}
.news-list ol li::before {
    font-size: 1.75rem;
    font-family: "STIX Two Text";
}
.news-list ol li {
    font-weight: bold;
    font-size: 16px;
}
.news-link {
    color: #001638;
    text-decoration: none;
}
.news-list ol {
    counter-reset: news;
}
.news-list ol li {
    counter-increment: news;
    position: relative;
    padding-left: 35px;
}
.news-list ol li::before {
    content: counter(news, decimal-leading-zero);
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
    color: var(--secondary-color);
}
.priority-section a,
.editor-choice-section a {
    text-decoration: none;
}
.priority-section h2 a,
.editor-choice-section h2 a {
    color: inherit;
}
.priority-news img {width: 180px;height: 150px;object-fit: cover;object-position: center;}
@media (max-width: 1199px) {
    .priority-news img {
        width: 150px;
        height: 124px;
    }
}
/*--------------------------------------------------------------
# PopUp
--------------------------------------------------------------*/
.modal {
    z-index: 9999;
}
.site-pop .modal-content {
    border: none;
    background-color: var(--nav-background);
}
.site-pop .modal-header {
    border: none;
}
.site-pop .modal-dialog {
    max-width: 330px;
}
.site-pop h3 {
    font-family: 'STIX Two Text', serif;
    font-size: 1.75rem;
}
.btn-close {
    background: var(--menu-close) no-repeat;
    opacity: unset;
}
.btn-close:focus {
    box-shadow: none;
}
/* Breadcrumbs */
.category .breadcrumbs-container {
    background: var(--main-mid-color);
    font-style: italic;
}
#breadcrumbs li {
    display: inline-block;
    font-size: .75rem;
    position: relative;
}
#breadcrumbs a {
    color: var(--secondary-color);
}
#breadcrumbs li:not(:last-child) {
    margin-right: 1.25rem;
}
#breadcrumbs li:not(:last-child)::after {
    content: '●';
    position: absolute;
    font-size: inherit;
    color: inherit;
    top: 50%;
    right: -15px;
    transform: translateY(-50%);
}
/*--------------------------------------------------------------
# 404
--------------------------------------------------------------*/
@media screen and (min-width: 992px) {
    .error-404 h1 {
        font-size: 1rem;
        width: fit-content;
    }
    .error-404 h1 span {
        font-size: 1rem;
    }
    /* Таргетирай всички възможни рекламни контейнери */
.sam-replaced-ad .sam-flex-ad,.sam-replaced-ad .sam-flex-ad > *,.sam-replaced-ad .sam-flex-ad iframe,.sam-replaced-ad ins,.sam-replaced-ad ins > * {height: 360px !important;max-height: 360px !important;min-height: 360px !important; border-radius: var(--main-border-radius);}}
.error-404-image {
    width: 500px;
    height: 340px;
    background-image: var(--main-404);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
@media (max-width: 768px) {
    .error-404-image {
        width: 100%;
        max-width: 400px;
        height: 270px;
    }
}
.photo-gallery-section {
    background: var(--main-mid-color);
}
.photo-button {
    height: 50px;
    width: 50px;
    border-color: var(--secondary-color) !important;
}
.photo-gallery-section .icon-small-arrow {
    filter: brightness(0) saturate(100%) invert(13%) sepia(73%) saturate(5007%) hue-rotate(212deg) brightness(93%) contrast(101%);
}
.photo-gallery-section .icon-small-arrow {
    background-image: var(--icon-small-arrow);
    width: 1rem;
    height: 1rem;
}