/**
 * This file adds the Instagram landing page CSS to the Clover theme
 *
 * @package Clover
 * @author  17th Avenue
 * @link    https://17thavenuedesigns.com
 * @subpackage Customizations
 */

.clover-insta {
    text-align: center;
}
.clover-insta .featuredpost p {
    text-align: left;
}
.clover-insta .site-header {
    position: unset;
    border: 0;
}
.clover-insta .site-header .wrap {
    padding: 0;
}
.clover-insta .title-area {
    padding: 0;
    border: 0;
    margin: 0 auto;
}
.clover-insta .title-area {
    float: none;
}
.clover-insta .clover-backtotop { 
    display: none; 
}
.clover-insta .featured-content .entry-title { 
    display: block;
}
.clover-insta .content {
    max-width: 800px;
    margin: 0 auto;
    float: none;
}
.clover-insta .site-inner {
    padding-top: 0;
}
.clover-insta .site-container,
.clover-insta .site-inner,
.clover-insta .site-header {
    background: #f9f6f4;
}
.clover-insta .menu li {
    list-style-type: none !important;
    padding-bottom: 0;
}
.clover-insta .menu li:last-of-type {
    padding-bottom: 1px !important;
}
.clover-insta .entry-content .menu li a:not(.button):not(.wp-block-button__link):not(.more-link) {
    background: #fff;
    width: 100%;
    color: #6d7975;
    display: block;
    text-align: center;
    line-height: 2.1rem !important;
    margin-bottom: 14px;
    padding: 20px 20px 18px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font: normal 14px Roboto Condensed, sans-serif;
    font-weight: normal !important;
}
.clover-insta .entry-content ul {
    margin-left: 0 !important;
}
.clover-insta .widget-title {
    text-align: center;
    font: normal 28px Gilda Display, sans-serif;
    text-transform: none;
    letter-spacing: 0;
}
.clover-insta .enews-widget .widget-title {
    font: normal 48px Clover Script, sans-serif;
}
.clover-insta .enews-widget {
    background: #fff;
    padding: 25px 25px 15px;
}
.clover-insta .widget:not(.widget_nav_menu):not(.featuredpost) {
    margin-bottom: 40px;
    background: #fff;
    padding: 35px 25px 35px;
}
.clover-insta .featuredpost {
    margin-bottom: 40px;
}
.clover-insta .widget.widget_nav_menu {
    margin-bottom: 0;
}
.clover-insta .featured-content .entry {
    width: 48%;
    float: left;
    background: #fff;
    padding: 25px 25px 10px;
}
.clover-insta .featured-content .entry:nth-of-type(2n) {
    margin-left: 2.5%;
}
.clover-insta .featured-content .entry:nth-of-type(3n) {
    clear: both;
}
.clover-insta .featured-content .entry-title a,
.clover-insta .featured-content .entry-meta a,
.clover-insta .featured-content .entry-meta {
    color: #3d4341;
    font-weight: normal; }

.clover-insta .share-after {
    display: none;
}
.clover-insta .featured-content .entry-title {
    font-size: 30px;
    letter-spacing: .5px;
    margin: 0 auto 10px;
    text-transform: none;
    width: 90%;
    text-align: center;
}
.clover-insta .entry-title a {
    color: #6d7975 !important;
}
.clover-insta .featured-content .entry-meta {
    text-align: center;
    margin-bottom: 10px;
}
.clover-insta a.more-link {
    width: 100%;
    display: block;
}
.clover-insta .post-edit-link {
    display: none;
}
.clover-insta .headhesive {
    display: none;
}

@media only screen and (max-width: 1021px) { 

    .clover-insta.wp-custom-logo .title-area img {
        width: 100%;
        max-height: unset;
    }
    .clover-insta.wp-custom-logo .site-header {
        height: auto;
        padding: 30px 22px 5px !important;
    }
    .clover-insta.header-full-width .title-area,
    .clover-insta.header-full-width .site-title {
        text-align: center !important;
        float: none !important;
    }
    .clover-insta .site-title {
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        font-size: 40px !important;
    }
    .clova-insta .title-area {
        padding: 0 22px;
    }
    .clover-insta .site-inner { 
        margin-top: 0 !important;
        padding-top: 20px;
    }
    .clover-insta .site-container {
        padding-left: 0;
        padding-right: 0;
    }
    .clover-insta .widget .entry { 
        margin-bottom: 6%; 
    }
    .clover-insta .featured-content .entry { 
        width: 100%; 
    }
    .clover-insta .featured-content .entry:nth-of-type(2n) {
        margin-left: 0;
    }
}