/*
 * csoft_instagramfeeds front-end module version 1.3.4 for Prestashop 1.6, 1.7
 * Support contact : prestashop@comonsoft.com.
 *
 * NOTICE OF LICENSE
 *
 * This source file is the property of Com'onSoft
 * that is bundled with this package.
 * It is also available through the world-wide-web at this URL:
 * https://boutique.comonsoft.com/
 *
 * @category  front-end
 * @package   csoft_instagramfeeds
 * @author    Com'onSoft (http://www.comonsoft.com/)
 * @copyright 2016-2020 Com'onSoft and contributors
 * @version   1.3.4
 */

#csinstagramfeed{
    padding: 24px 0;
}

#csinstagramfeed h1 {
    text-align: center;
    font-family: 'Old Standard TT', serif;
    font-weight: 700;
    font-size: 32px;
    color: #000000;
    text-transform: uppercase;
}

#csinstagramfeed h1 a{
    color: #000000;
}

#csinstagramfeed h1 a:before {
    content: '';
    display: inline-block;
    background-image: url(../img/instagram_logo.png);
    width: 45px;
    height: 45px;
    position: relative;
    top: 11px;
    margin-right: 22px;
}

#csinstagramfeed h1:after {
    content: '';
    display: block;
    background-image: url(../img/title-bg.png);
    width: 30px;
    height: 9px;
    margin: 9px auto 0;
}

#csinstagramfeed #instagram{
    float: left;
    width: 100%;
    list-style-type: none;
    margin-top: 35px;
    margin-bottom: 99px;
}

#csinstagramfeed #instagram li{
    float: left;
    margin-right: 28px;
}

#csinstagramfeed #instagram li:last-child{
    margin-right: 0;
}

#csinstagramfeed #instagram li a img{
    height: 300px;
    width: auto;
}

@media (max-width: 818px) {
    #csinstagramfeed #instagram li:nth-child(2){
        margin-right: 0;
    }
}

@media (max-width: 580px) {
    #csinstagramfeed #instagram li{
        margin-right: 0;
    }

    #csinstagramfeed #instagram li a img{
        width: 100%;
        height: auto;
    }

    #csinstagramfeed h1 a:before{
        float: left;
        top: 3px;
    }
}