/*
*
*    Slick Slider - POST SLIDER     *
*       https://www.youtube.com/watch?v=4FcuQ4HszXI
*       https://kenwheeler.github.io/slick/
*
*     Classes set to posts: .post-slider .elementor-posts
*      
*     Needed resources:
*     
*     Add sripsts and styles:
*       - elementor.js
*       - elementor.css
*       - slick.min.js
*
*
*/


.slick-initialized .slick-slide {
    display: block !important;

}

.post-slider .elementor-posts-container {
    width: 100%;
    display: block !important;
}

.post-slider article {
    margin: 10px !important;
}

.post-slider .slick-prev::before,
.post-slider .slick-next::before {
        color: #6EE949 !important;

}



/*
*
*    Faq Accordion    *
*
*    activate custom short codes (in funtions)
*    create custom posttype 
*    accordion css 
*/


ul .faq .accordion {

}

.accordion, .accordion li {
    list-style: none;
    padding-left: 0;
    position: relative;
    z-index: 10;
}

.accordion h2 {
    cursor: pointer;
    font-size: 2.2rem;
    font-weight: 500;
    letter-spacing: 1px;
    /* border-bottom: 1px solid #ddd; */
    border-bottom: 1px solid #6EE949;
    padding-bottom: 10px;
    position: relative;
}

.accordion h2 .question {
    max-width: 82%;
    display: inline-block;
}
.accordion h2 .icon {
    position: absolute;
    right: 20px;
    top: 5px;
    color: rgba(0, 0, 0, 0.3);
    /* color:#6EE949   ; */
    /* color: var(--color-tertiary); */

}

.accordion h2:hover .icon {
    /* color: rgba(0, 0, 0, 1); */
    color:#6EE949;   
}

.accordion .collapse {
    /* background: #f6f6f6; */
    /* background: #6EE949; */
    background: rgba(110, 233, 73, 0.1);
    font-size: 1em;
    color: #000;
    padding: 1px 20px 1px 20px;
    
}

.accordion .collapse p:last-child {
    margin-bottom: 0;
}