/**
 * Bhairav Page / Post Generator
 * Frontend: Feature Image
 *
 * Native WordPress Featured Image.
 * Presentation only.
 */


/* =========================================================
   WRAPPER
========================================================= */

.bams-ppg-feature-image-wrap {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin: 0 0 32px;
    padding: 0;

    overflow: hidden;
}


/* =========================================================
   IMAGE
========================================================= */

.bams-ppg-feature-image {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;

    margin: 0;

    object-fit: cover;
}


/* =========================================================
   SIZE — MEDIUM
========================================================= */

.bams-ppg-feature-image-size-medium {
    max-width: 720px;
}


/* =========================================================
   SIZE — LARGE
========================================================= */

.bams-ppg-feature-image-size-large {
    max-width: 100%;
}


/* =========================================================
   SIZE — FULL
========================================================= */

.bams-ppg-feature-image-size-full {
    max-width: none;
    width: 100%;
}


/* =========================================================
   PLACEMENT
========================================================= */

.bams-ppg-feature-image-placement-above {
    width: 100%;
}

.bams-ppg-feature-image-placement-sidebar {
    width: 100%;
    margin-bottom: 24px;
}


/* =========================================================
   SIDEBAR IMAGE
========================================================= */

.bams-ppg-sidebar-column
.bams-ppg-feature-image-wrap {
    width: 100%;
    max-width: 100%;
}

.bams-ppg-sidebar-column
.bams-ppg-feature-image {
    width: 100%;
    height: auto;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .bams-ppg-feature-image-wrap {
        margin-bottom: 24px;
    }

    .bams-ppg-feature-image-size-medium,
    .bams-ppg-feature-image-size-large,
    .bams-ppg-feature-image-size-full {
        width: 100%;
        max-width: 100%;
    }
}