/****************************************************************************
 * Listing Modern
 ****************************************************************************/
.listing.modern .listing_inner {
    position: relative; height: 100%;
}


/****************************************************************************
 * Listing Modern – Image
 ****************************************************************************/
.listing.modern .listing_image {
    padding-bottom: 0; margin: 0; position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    width: auto; height: auto; z-index: 5;
}

/****************************************************************************
 * Listing Modern – Content
 ****************************************************************************/
.listing.modern .listing_inner .listing_content {
    position: relative; z-index: 20; text-align: center;
    padding: 2rem;
}
.listing.modern .listing_inner .listing_content_inner {
    width: 100%; margin: 0 auto; padding: 0 0 25% 0;
}

/****************************************************************************
 * Listing Modern –  Title
 ****************************************************************************/
.listing.modern .listing_item .listing_title.content_title > h3 { font-size: 1.75rem;}

/****************************************************************************
 * Listing Modern –  CTA
 ****************************************************************************/
.listing.modern .listing_item .call_to_action_wrapper {
    justify-content: center;
}


@media screen and (min-width: 40em){
    /****************************************************************************
     * Listing Modern – Content
     ****************************************************************************/
    .listing.modern .listing_inner .listing_content {
        padding: 3rem 2rem;
    }
    .listing.modern.row_one_one_one .listing_inner .listing_content_inner {
        width: 83.333%;
    }
    .listing.modern.row_one_two_two .listing_inner .listing_content_inner {
        padding: 0 0 50% 0;
    }
    
    /****************************************************************************
     * Listing Modern –  Title
     ****************************************************************************/
    .listing.modern .listing_item .listing_title.content_title > h3 {font-size: 2.5rem;}
    
}

@media screen and (min-width: 64em){
    /****************************************************************************
     * Listing Modern – Content
     ****************************************************************************/
    .listing.modern .listing_inner .listing_content {
        padding: 4rem 2rem;
    }
    .listing.modern.row_one_one_one .listing_inner .listing_content_inner {
        width: 58.333%;
    }
    
    /****************************************************************************
     * Listing Modern –  Title
     ****************************************************************************/
    .listing.modern .listing_item .listing_title.content_title > h3 { font-size: 3.25rem;}
}