/****************************************************************************
 * Slider Container
 ****************************************************************************/
.content_section.typo_slider_section{
    padding: 0; position: relative;
    overflow: hidden;
}
.content_section.typo_slider_section .slick_wrapper{
    padding-bottom: 100%; overflow: hidden;
    position: static;
}

.content_section.typo_slider_section.fullscreen .slick_wrapper{
    padding-bottom: 0; height: 100%;
}

.content_section.typo_slider_section .slick_wrapper .slick_slider{
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%; z-index: 0;
}


/****************************************************************************
 * Slides
 ****************************************************************************/


/****************************************************************************
 * Slider-Content
 ****************************************************************************/
.content_section.typo_slider_section .slider_content{
    position: absolute; top: 50%; left: 0; right: 0;
    margin: 0 auto; width: 80%; pointer-events:none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10; color: #FFFFFF;
    padding: 0 1rem; text-align: center;
}
.content_section.typo_slider_section .slider_content > *{
    pointer-events:all;
}
.content_section.typo_slider_section .call_to_action_wrapper{
    padding: 0 .625rem;
}
.content_section.typo_slider_section .call_to_action_wrapper .button{
    margin-bottom: 0;
}


@media screen and (min-width:40em){
    
    /****************************************************************************
     * Slider Container
     ****************************************************************************/
    .content_section.typo_slider_section .slick_wrapper{
        padding-bottom: 75%;
    }
    
    /****************************************************************************
     * Slider-Content
     ****************************************************************************/
    .content_section.typo_slider_section .slider_content{
        padding: 0 2rem; width: 75%;
    }
    .content_section.typo_slider_section .call_to_action_wrapper{
        padding: 0 .9375rem;
    }
}



@media screen and (min-width:64em){
    /****************************************************************************
     * Slider Container
     ****************************************************************************/
    .content_section.typo_slider_section .slick_wrapper{
        padding-bottom: 56.25%;
    }
    
    
    /****************************************************************************
     * Slider-Content
     ****************************************************************************/
    .content_section.typo_slider_section .slider_content{
        padding: 0 2rem; width: 66.666%;
    }
}