/*------------------------------------------------------------------
Project:        Listory
Author:         Crenoveative
URL:            https://themeforest.net/user/crenoveative/ 
Created:        26/11/2016
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
* Table of Content
* 1. Header
* 2. Mini Navbar
* 3. Sticky Header
* 4. Transparent Header
* 5. Sign-in & Sign-up modal
* 6. Hero Header
* 7. Page Title & Breadcrumb
* 8. Top Search
* 9. Statistic
* 10. Partners
* 11. 404 - Error Page
* 12. Testimonial
* 13. Recent Post
* 14. Pricing
* 15. Review
* 16. Destination
* 17. Category Item
* 18. Listing Item
* 19. Main Search Form
* 20. Featured
* 21. Footer
* 22. Application Download
* 23. Newsletter
* 24. Sidebar
* 25. Sorting
* 26. Pager
* 27. Blog
* 28. Detail Page
* 29. User
* 30. User Detail
* 21. Tab
* 32. Rating
* 33. FAQ Page
* 34. Submission Page
* 35. Contact Page
* 36. Miscellaneous
-------------------------------------------------------------------*/


/**
 * Listing Item
 */

.listing-grid-item {
    overflow: hidden;
    -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.16);
    border-radius: 20px 20px 20px 20px;
}

.featured-icon-02 a {
    margin-top: 10px;
}

.featured-icon-03 {
    position: relative;
}

.featured-icon-03 .icon {
    color: #0C71ED;
    font-size: 32px;
    width: 40px;
    float: left;
    padding: 5px 0 15px;
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
    z-index: 2;
}

.featured-icon-03 .content {
    margin-left: 15px;
    padding-left: 35px;
    position: relative;
}

.featured-icon-03 .content:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 5px;
    width: 1px;
    background: #EDEDED;
}

.featured-icon-03 h5,
.featured-icon-03 h6 {
    line-height: 1.7;
    margin: 0 0 15px;
    font-weight: 500;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.bg-dark .featured-icon-03 .icon {
    background: #323232;
}

.bg-dark .featured-icon-03 .content {
    color: #C2C2C2;
}

.bg-dark .featured-icon-03 .content:before {
    background: #8A8A8A;
}

.bg-dark .featured-icon-03 h5,
.bg-dark .featured-icon-03 h6 {
    color: #FFF;
}