@import url('gs_posts_design_frame.css');

.post_preview_wrapper{
    padding:10px;
    box-sizing: border-box;
}

.post_preview_wrapper .slide{

    width: 100% ;

    max-width:380px;

    height:max-content;

    min-height: auto;

    animation: slide .5s ease-in;

    margin:auto;

    /*text-align: center;*/
    padding:0
}

.post_preview_wrapper .text_type_slide {

    text-align: unset;
    line-height: 1.7em;
    /*font-size:18px;*/
    max-height:450px;
    overflow: hidden;
    overflow-y: auto;

    min-height:300px;

    min-width:250px;

    padding:10px;

    border-radius: 10px;

    white-space: wrap;

    margin: auto;

}

.post_preview_wrapper .text_type_slide p{
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 1.4em;
}
.post_preview_wrapper .slide img, .post_preview_wrapper .slide video {

    margin: auto !important;

    max-width:98%;

    /*max-height:400px;*/
    max-height:500px;

    min-width:200px;

    border-radius: 10px;

}

.post_preview_wrapper .slide img {

    cursor:zoom-in

}

.post_preview_wrapper .slide video{

    /*margin-bottom: 20px;*/

    height:auto

}
.post_preview_wrapper .text_type_slide img{
    width: unset !important;
    max-width: 95%;
    display: block;
    margin:5px auto;
    border-radius:7px;
    max-height: 350px;
}


.post_preview_wrapper .slider {

    margin:auto auto;

    padding:5px;

    border-radius: 5px;

}


@media only screen and (max-width:602px){
    .post_preview_wrapper .text_type_slide {
    
        line-height: 1.6em;
    
        font-size:14px;
    
    }
}

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

        font-size:13px;
    
    }
}