/*
Theme Name: Hot Oglasnik – sređen single
Theme URI: https://www.radiustheme.com/downloads/clclassified-classified-ads-wordpress-theme/
Template: cl-classified
Author: RadiusTheme
Author URI: https://www.radiustheme.com
Description: CLClassified is a clean and modern WordPress Theme best suited for Classified Listing. This theme comes with all necessary features and pages for a Classified Listing website.
Tags: two-columns,three-columns,left-sidebar,right-sidebar,custom-colors,custom-menu,featured-images,footer-widgets,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,blog
Version: 1.1.3
Updated: 2023-04-04 20:03:10

*/


/* Single listing compact layout */
.rtcl-single-listing .rtcl-listing-details,.rtcl-single-listing .rtcl-details{max-width:900px;margin:0 auto}.rtcl-single-listing .rtcl-content,.rtcl-single-listing .entry-content{line-height:1.8;font-size:17px}.rtcl-single-listing .rtcl-listing-details>*,.rtcl-single-listing .rtcl-details>*{margin-bottom:24px}.rtcl-sidebar{position:sticky;top:20px}

/* Hot Oglasnik — kompaktan prikaz pojedinačnog oglasa (v3) */
body.single-rtcl_listing .rtcl-content-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

body.single-rtcl_listing .rtcl-content-wrapper > #primary.main-content,
body.single-rtcl_listing #primary.main-content {
    display: block !important;
    width: 100% !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

body.single-rtcl_listing #primary > .rtcl-listing-item > .row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    align-items: flex-start !important;
}

body.single-rtcl_listing #primary > .rtcl-listing-item > .row > .col-md-9.listing-content {
    flex: 0 0 66.666667% !important;
    width: 66.666667% !important;
    max-width: 66.666667% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

body.single-rtcl_listing #primary > .rtcl-listing-item > .row > .col-md-3 {
    flex: 0 0 33.333333% !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

body.single-rtcl_listing #rtcl-slider-wrapper,
body.single-rtcl_listing .rtcl-single-listing-details,
body.single-rtcl_listing .rtcl-main-content-wrapper,
body.single-rtcl_listing .rtcl-listing-description {
    width: 100% !important;
    max-width: 640px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.single-rtcl_listing #rtcl-slider-wrapper .swiper-slide,
body.single-rtcl_listing #rtcl-slider-wrapper .rtcl-slider-item {
    text-align: center !important;
}

body.single-rtcl_listing #rtcl-slider-wrapper img.rtcl-responsive-img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 620px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

body.single-rtcl_listing #primary > .rtcl-listing-item > .row > .col-md-3 {
    position: sticky !important;
    top: 24px !important;
}

@media (max-width: 767px) {
    body.single-rtcl_listing .rtcl-content-wrapper > #primary.main-content,
    body.single-rtcl_listing #primary.main-content {
        max-width: 680px !important;
    }

    body.single-rtcl_listing #primary > .rtcl-listing-item > .row > .col-md-9.listing-content,
    body.single-rtcl_listing #primary > .rtcl-listing-item > .row > .col-md-3 {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        position: static !important;
    }

    body.single-rtcl_listing #primary > .rtcl-listing-item > .row > .col-md-3 {
        margin-top: 24px !important;
    }
}