#popular-posts{
    background: #dbd5c9;
    padding: 20px 20px 20px;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    
}
figcaption.wp-element-caption{text-align: left;}
#popular-posts ol{padding-left: 18px;}
#popular-posts ol li a{text-decoration: none;}
#popular-posts h3{margin-bottom: 0px;margin-top: 10px;}
.stories-list li.wp-block-post{
    border: 1px solid rgba(78, 78, 79, .2);
    padding: 10px 20px 10px 10px;
    flex: 0 0 32.44%;
    box-sizing: border-box;
    box-shadow: 2px 1px 12px 1px rgba(78, 78, 79, .2);
    transition: .5s;
}

#popular-posts ol li{margin-bottom: 10px;}
.stories-list li.wp-block-post h2{margin-top: 0px; font-size: 22px !important; text-decoration: none;}
.stories-list li.wp-block-post .wp-block-columns{margin-bottom: 0px;}

.stories-list li.wp-block-post a{text-decoration: none;}

.stories-list li:hover{
    box-shadow: 2px 1px 12px 1px rgba(78, 78, 79, .4);
    transform: translateY(-5px);
    transition: .5s;
}

.stories-list li div.wp-block-column:nth-of-type(2){
    /*justify-content: center;
    display: flex;
    flex-direction: column;*/
    padding-top: 10px;
    padding-bottom: 10px;
}

.stories-list figure{
    height: 300px;
    position: relative;
    overflow: hidden;
}
.stories-list figure img{
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: inherit;
}
.type-howto img{ width: 100% !important;}
.stories-list li.type-howto{ padding: 10px;}
.tax-howto_cats .wp-block-term-description p{margin-bottom: 20px;}
.wp-block-term-description{margin-bottom: 40px !important; margin-top: 20px !important;}
.tips-categories li{    list-style: none;    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0;}
ul.tips-categories{
        background: var(--wp--preset--color--secondary);
    padding-left: 0;

}
ul.tips-categories li.current-cat ul.children, ul.tips-categories li.current-cat-parent ul.children{display: block;}
ul.tips-categories ul.children{
    padding-left: 0;
        background: #dbd5c9;
        display: none;
}
ul.tips-categories ul.children li{
        padding-left: 30px;
            
}
.faq-list li.type-faq{
    margin-block-start: 2px;
}
.faq-list .wp-block-columns{margin-bottom: 0px;}
.faq-list h2{background: var(--wp--preset--color--secondary);
color: #ffffff;
    padding: 10px 40px 10px 10px;
    cursor: pointer;
font-family: var(--wp--preset--font-family--open-sans);
    font-size: 16px !important;
}
.faq-list h2::after{
     content: '+';
  position: absolute;
  right: 1em;
  transition: transform 0.3s;
}
.faq-list h2.active::after{
     transform: rotate(45deg);
}
.faq_content{
    max-height: 0;
    overflow: hidden;
    background: #fff;
    transition: max-height 0.4s ease, padding 0.3s ease;
    padding: 0 1em;
    margin-block-start: 0;
    border: 1px solid #f1f1f1;
}
.faq_content.open{
    max-height:  1500px;
    padding: 1em;
}

ul.tips-categories li.current-cat{
    background: var(--wp--preset--color--light-green);
}
ul.tips-categories ul.children li.current-cat a{ color: var(--wp--preset--color--white);} 
ul.tips-categories ul.children a{
    color: var(--wp--preset--color--content);
}
    ul.tips-categories li a{
    font-size: 16px;
    text-decoration: none;
    letter-spacing: 0;
    color: var(--wp--preset--color--white);
    
    opacity: 1;
    font-weight: 400;
    padding: 12px 0 12px 30px;
    display: table;
    
    width: 90%;
}
@media(min-width: 1200px){
    #popular-posts{margin-top: 98px;}
}

@media(max-width: 1199px){
    .stories-columns{display:flex; flex-direction: column;}
    .stories-list figure img{width: 100%;}
    
}

@media(max-width: 782px){
    .stories-list li.wp-block-post{padding: 10px;}
}