#post_themes_selection_section {
    height: max-content;
    padding: 20px;
    margin-bottom: 15px;
}
.theme_name {
    text-decoration: none;
    border:1px solid rgb(0, 140, 230);
    border-radius: 5px;
    padding:8px 20px;
    margin-right:25px;
    margin-bottom:15px;
    cursor: pointer;
    height:max-content;
    white-space: nowrap;
    color:var(--text-primary);
    font-size:12px
}
.theme_posts_count{
    color:var(--text-primary);
}
.post_theme:not(.selected_theme):hover {
    background-color: rgb(236, 236, 236);
}
.selected_theme {
    background-color: rgb(0, 140, 230);
    color:white;
}
.selected_theme .theme_posts_count{
    color:white;
}
.section_title {
    color:dimgray;
}
.section_demarcation {
    border:1px solid lightgray;
    display:block;
    margin:25px 0;
    width:90vw;
    max-width:700px
}
#no_post {
    margin:250px auto;
    text-align: center;
    line-height: 1.6em;
    width:95%;
    max-width:600px;
    font-size: 14px;
}
.series_section_wrapper {
    border:1px solid lightgray;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 5px;
    width:98%;
    max-width:850px;
}
.series_name_section{
    color: black;
    text-decoration: none;
    font-weight: bold;
    padding-bottom: 5px;
    border:0 dashed lightgray;
    border-bottom-width: 2px !important;   
    display: block; 
    width: max-content;  
    margin-bottom:15px; 
    margin-left:10px     
}
.series_name_section:hover h3 {
    color:rgb(0,140,230);
}
.series_name_section h3{
    margin-bottom: 0;
}
.series_section_container {
    width:max-content;
    max-width: 100%;
    overflow: hidden;
    overflow-x: auto;
}
.series_section {
    display: flex;
    flex-direction: row;
    white-space:nowrap;
    width:max-content;
    
}
#post_lines_links_section_wrapper{
    margin-left: 10px;
}
#post_lines_links_section_title {
    color: dimgray;
    margin-bottom: 5px;
}
#post_lines_links_section {
    margin: 15px 0;
    width: 90vw;
    max-width: 500px;
    overflow: hidden;
    overflow-x: auto; 
    padding-bottom: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.post_lines_links {
    padding: 5px 10px;
    margin-right: 10px;
    border-radius: 5px;
    border:1px solid lightgray;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
    color: dimgray;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width:50px
}
.post_lines_links img {
    width: 18px;
    margin-right: 10px
}
.post_lines_links:hover {
    border: 2px solid dimgray;
}
.active_line{
    border:2px solid rgb(0,140,230);
    color: rgb(0,140,230);
    background-color: white;
}

@media only screen and (max-width:1202px){
    .series_name_section h3 {
        color:rgb(0,140,230);
    }
    .series_name_section{
        
        border:0 dashed rgb(0,140,230);
        border-bottom-width: 2px !important;   
        
    }
}

@media only screen and (max-width:802px){
    .series_section_wrapper {
        width:98vw;
        max-width:550px;
        padding:0;
        margin-left:2px
    }
}

@media only screen and (max-width:602px){


}

@media only screen and (max-width:402px){

}