/* Enter custom CSS for styling the SSIO template */

.kniha {
    position: relative;
    min-height: 210px;
}

.kniha .figure-left {
    position: absolute;
    min-width: 0px;
    margin: 0px;
    float: none;
}

/* This is to display reasonably in CKEditor */
.kniha .cke_widget_wrapper .figure-left {
    height: 230px;
}

@media (min-width: 568px) {
    .kniha .figure-left {
        width: 160px;
        height: 100%;
    }
    
    .kniha .figure-left .respimg {
        max-width: 150px;
    }
    
    .kniha > p, .kniha > h3 {
        margin-left: 175px;
    }
}

@media (max-width: 567px) {
    .kniha .figure-left {
        height: 250px;
        width: 100%;
    }
    
    .kniha .figure-left .respimg {
        max-width: none;
    }
    
    .kniha > h3 {
        padding-top: 265px;
    }
}

.kniha > h3 {
    margin-top: 60px;
}

.kniha .figure-left .respimg {
    width: 100%;
    height: 100%;
}

.kniha .figure-left .respimg-crop {
    max-width: none;
    max-height: none;
}
    
.kniha .figure-left .respimg-border {
    border: 5px solid #E8E8E8;
}