/* HEADER */


/* .HEADER */















/*
h2:hover::after,
h3:hover::after,
h4:hover::after,
h5:hover::after,
h6:hover::after {
  content: "# ";
  cursor: pointer;
  padding-left: 5px;
  color: #c1bcbc;
}
*/



/* MAIN */

/* INDEX PAGE IMG */
.site-section-cover, .site-section-cover .container > .row {
    height: 600px;
    min-height: 300px;
}      


.site-section-cover h1, .site-section-cover h2 {
    font-size: 2rem;
    /* color: #fff; */
    line-height: 1;
    /* font-family: "Arsenal", sans-serif; */
    font-weight: 700;
    padding: 1rem;
}

.big-bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

main .text-white{
    background-color: rgba(0, 0, 0, 0.5); 
    color: #fff;    
}

/* .INDEX PAGE IMG */

#main a {
    text-decoration: underline;
    color: rgba(0, 0, 0, 0.9);
}
   
#main a:hover {
    color: rgba(255, 0, 0, 0.9);
}
   
   

/* ARTICLE */

.tags li::before {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M0 512V48C0 21.49 21.49 0 48 0h288c26.51 0 48 21.49 48 48v464L192 400 0 512z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 8px; /* Расстояние от символа "бирки" до текста тега */
    position: relative;
    filter: brightness(0) saturate(100%) invert(35%) sepia(100%) saturate(7475%) hue-rotate(0deg) brightness(107%) contrast(110%);

}
  
.tags li a {
    display: inline-block;
    padding: 4px 8px;
    background-color: inherit;
    border-radius: inherit;
    text-decoration: underline;
    color:inherit;
    border: none;
}
.tags li a:hover {
    display: inline-block;
    padding: 4px 8px;
    background-color: inherit;
    border-radius: inherit;
    text-decoration: none;
    color:inherit;
    border: none;
}
  /* single-post */

.single-post .recommended-post > .recommended-post-link {
    color: #333;
    font-weight: bold;
    text-decoration: none;
}

.single-post .recommended-post > .recommended-post-link:hover {
    text-decoration: underline;
}


.single-post blockquote:before {
    content: url("data:image/svg+xml,%3Csvg fill='%234444' width='40px' height='40px' viewBox='0 0 32 32' id='icon' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Equotes%3C/title%3E%3Cpath d='M12,15H6.11A9,9,0,0,1,10,8.86l1.79-1.2L10.69,6,8.9,7.2A11,11,0,0,0,4,16.35V23a2,2,0,0,0,2,2h6a2,2,0,0,0,2-2V17A2,2,0,0,0,12,15Z'/%3E%3Cpath d='M26,15H20.11A9,9,0,0,1,24,8.86l1.79-1.2L24.7,6,22.9,7.2A11,11,0,0,0,18,16.35V23a2,2,0,0,0,2,2h6a2,2,0,0,0,2-2V17A2,2,0,0,0,26,15Z'/%3E%3Crect id='_Transparent_Rectangle_' data-name='<Transparent Rectangle>' class='cls-1' width='32' height='32'/%3E%3C/svg%3E");

}

.single-post .recommended-post {
    display: flex;
    align-items: center;
    background-color: #f1f1f1;
    border-radius: 5px;
    margin-bottom: 10px;
  }

.single-post .recommended-post > .recommended-post-image {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    border-radius: 50%;

    min-width: 50px;
    transform: translateX(-50%);

    box-shadow: 0 0 0 3px white, 5px 3px 3px rgba(0, 0, 0, 0.2);

  }

.single-post blockquote {
    margin: 20px 0 20px 45px;
    border-left: 5px solid #e6e6e6;
    padding-left: 30px;
    color: #2f2f2f;
    font-size:1rem;
    position: relative;
}


img.artimg, .art-content img {
    width: auto;
    max-width: 100%;
    height: auto;
}

/* .post-content img {
    position: inherit;
    min-width: inherit;
    transform: inherit;
}      */

/* @media (min-width: 576px) { 
    .post-content img {
        position: relative;
        left: 50%;
        min-width: 590px;
        transform: translateX(-50%);
    }        

    .site-section-cover h1, .site-section-cover h2 {
        font-size: 2rem;
    }    

 }

@media (min-width: 768px) { 
    .post-content img {
        position: relative;
        left: 45%;
        min-width: 560px;
        transform: translateX(-50%);
    }    
    
    .site-section-cover h1, .site-section-cover h2 {
        font-size: 2.2rem;
    }        

}

@media (min-width: 992px) {  

    .post-content img {
        position: relative;
        left: 45%;
        min-width: 760px;
        transform: translateX(-50%);
    } 
    
    .site-section-cover h1, .site-section-cover h2 {
        font-size: 2.4rem;
    }        
}

@media (min-width: 1200px) { 
    .post-content img {
        position: relative;
        left: 45%;
        min-width: 900px;
        transform: translateX(-50%);
    }    
    .site-section-cover h1, .site-section-cover h2 {
        font-size: 2.6rem;
    }        

}

@media (min-width: 1400px) { 
    .post-content img {
        position: relative;
        left: 45%;
        min-width: 1040px;
        transform: translateX(-50%);
    }    
    .site-section-cover h1, .site-section-cover h2 {
        font-size: 2.8rem;
    }        

 } */
  /* .single-post */

/* .ARTICLE */



/* ASIDE */
.aside-links li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
}

.aside-links li a {
    display: block;
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.2rem;
    text-decoration: none;
    font-weight: 400;
}
.aside-links li a:hover {
    display: block;
    color: rgba(0, 0, 0, 1);    
    font-size: 1.2rem;
    text-decoration: underline;
}

.post-meta {
    font-size: 0.7rem;
    letter-spacing: 0.07rem;
    font-weight: 600;
    /* font-family: var(--font-secondary); */
    color: rgba(0, 0, 0, 0.7);
}

/* .ASIDE */


/* FOOTER */
footer {
    color: white
}
footer  a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;

}
footer  a:hover {
    color: rgba(255, 255, 255, 0.95);
    text-decoration: underline;
}

footer .footer-legal {
    color: rgba(255, 255, 255, 0.7);

}
footer > .footer-content {
    background-color: rgba(0, 0, 0, 0.9);
}

footer > .footer-legal {
    background-color: rgba(0, 0, 0, 1);
}

/* .FOOTER */