/**



* 2007-2024 PrestaShop



*



* NOTICE OF LICENSE



*



* This source file is subject to the Academic Free License (AFL 3.0)



* that is bundled with this package in the file LICENSE.txt.



* It is also available through the world-wide-web at this URL:



* http://opensource.org/licenses/afl-3.0.php



* If you did not receive a copy of the license and are unable to



* obtain it through the world-wide-web, please send an email



* to license@prestashop.com so we can send you a copy immediately.



*



* DISCLAIMER



*



* Do not edit or add to this file if you wish to upgrade PrestaShop to newer



* versions in the future. If you wish to customize PrestaShop for your



* needs please refer to http://www.prestashop.com for more information.



*



*  @author    PrestaShop SA <contact@prestashop.com>



*  @copyright 2007-2024 PrestaShop SA



*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)



*  International Registered Trademark & Property of PrestaShop SA



*



* Don't forget to prefix your containers with your own identifier



* to avoid any conflicts with others containers.



*/



@import url('fontawesome.css');  



.fa{



    font-weight: 400;



}



a, button, .btn{



transition: all 0.3s ease-in-out;



}



img{



    max-width: 100%;



    display: block;



    border: none;



}



.home-feed-fcb{



    margin: 30px 0;



}



h2.home-feed{



    text-align: center;



    margin-bottom: 30px;



    text-transform: uppercase;



}



.feed-home-facebook .item{



    position: relative;



}



.feed-home-facebook .item .image-feed{



    height: 360px;



    overflow: hidden;



    position: relative;



    display: flex;



    justify-content: center;



}



.feed-home-facebook .item .image-feed::before{



    content: "";



    position: absolute;



    top: 0;



    left: 0;



    background: rgba(0,0,0,0.4);



    width: 100%;



    height: 100%;



    transition: all 0.4s ease-in-out;



    transform: scale(0);



}



.feed-home-facebook .item .image-feed img{



    width: 100%;



    height: 100%;



    max-width: auto;



    object-fit: cover;



}



.feed-home-facebook .item .details-feed{



    position: absolute;



    top: 42%;



    color: #fff;



    transition: all 0.4s ease-in;



    opacity: 0;



}



.feed-home-facebook .item .infos-feed{



    display: flex;



    flex-wrap: wrap;



    gap: 0 30px;



}



.feed-home-facebook .item .details-feed div{



    transition: all 0.6s ease-in-out;



}



.feed-home-facebook .item .details-feed .nb-shares{



    transform: translatey(40px);



}



.feed-home-facebook .item .details-feed .nb-commentes{



    transform: translatey(80px);



}



.feed-home-facebook .item .details-feed .nb-reactions{



    transform: translatey(120px);



}







.feed-home-facebook .item .details-feed i.fa{



    font-size: 30px;



    margin-right: 5px;



}



.feed-home-facebook .item .link-feed-fcb{



    margin-top: 20px;



    text-align: center;



    transform: translatey(150px);



}



.feed-home-facebook .item .link-feed-fcb a{



    font-size: 16px;



    color: #fff;



}



.feed-home-facebook .item .details-feed .link-feed-fcb i{



    font-size: 22px;



    margin-right:0;



}



.feed-home-facebook .item .link-feed-fcb:hover a{



    text-decoration: underline;



}



.feed-home-facebook .item .image-feed:hover::before{



    transform: scale(1);



}



.feed-home-facebook .item .image-feed:hover .details-feed{



    opacity: 1;



}



.feed-home-facebook .item .image-feed:hover .details-feed .nb-shares,



.feed-home-facebook .item .image-feed:hover .details-feed .nb-commentes,



.feed-home-facebook .item .image-feed:hover .details-feed .nb-reactions,



.feed-home-facebook .item .image-feed:hover .details-feed .link-feed-fcb{







    transform: translatey(0);



}



.feed-home-facebook .item .date{



    font-size: 13px;



    font-weight: 700;



    margin-bottom: 10px;



    margin-top: 20px;



}



.feed-home-facebook .item .message-feed{



    font-size: 14px;



    overflow: hidden;



   max-height: 150px;

   color: #000;



}

.feed-home-facebook .item .message-feed p{

    color: #000;

}

.socialnetworks-feed .owl-dots{



    text-align: center;



    height: 30px;

    margin-top: 20px;



}



.socialnetworks-feed .owl-dots .owl-dot{



    width: 8px;



    height: 8px;



    background: #000;



    border-radius: 50%;



    transition: all 0.3s ease-in-out;



    margin: 0 5px;



}



.socialnetworks-feed .owl-dots .owl-dot:hover{



    background: #24b9d7;



}



.socialnetworks-feed .owl-dots .owl-dot.active{



    background: #24b9d7;



    width: 12px;



    height: 12px;



}



.socialnetworks-feed .owl-dots .owl-dot:focus{



    outline: none;



}



.socialnetworks-feed .link-page-feed{



    text-align: center;



    margin-top: 30px;



}



h1.page-head{



    text-align: center;



    margin-bottom: 30px;



    text-transform: uppercase;







}



.infos-page-head{



  display: flex;



  flex-wrap: wrap;



  justify-content: space-between;



  padding-bottom: 20px;



  border-bottom: 1px solid #eee;



  margin-bottom: 30px;



}



.infos-page-head .infos-page-left{



    display: flex;



    gap: 10px 15px;



    align-items: center;



}



.infos-page-head .infos-page-left .picture-page{



    border-radius: 50%;



    border: 3px solid #b7b7b7;



    background: #b7b7b7;



    transition: all 0.3s ease-in-out;



}



.infos-page-head .infos-page-left .picture-page:hover{



    border-color: #000;



    background: #000;



}







.infos-page-head .infos-page-left .name-page{



    color:#42B0FF;



    font-size: 12px;



    font-weight: 300;



    line-height: 18px;







}



.infos-page-head .infos-page-left .name-page span{



    display: block;



    font-size: 24px;



    line-height: 30px;



    font-weight: 500;



    color: #000;



}



.infos-page-head .infos-page-right{



    display: flex;



    flex-wrap: wrap;



    gap: 10px;



    align-items: center;



}



.infos-page-head .infos-page-right > div{



    font-size: 14px;



    font-weight: 300;



    line-height: 24px;

    display: flex;

    align-items: center;



}



.infos-page-head .infos-page-right > div:after{



    content: "|";



    display: inline-block;



    position: relative;



    margin-left: 8px;



    color: #C2C2C2;



    



}



.infos-page-head .infos-page-right > div:last-child:after{



   display: none;



}



.infos-page-head .infos-page-right > div span{



    font-weight: 600;

    margin-right: 5px;



}



.infos-page-head .infos-page-right > div i{



    color: #42B0FF;



    font-size: 20px;



    font-weight: 300;



    margin-right: 8px;



}



.infos-page-head .infos-page-right > div a{



    color: #000;

    display: flex;



    



}



.infos-page-head .infos-page-right > div a:hover{



    color: #42B0FF;



}



.infos-page-head .infos-page-right > div.share{



    font-weight: 600;



    font-size: 12px;



    text-transform: uppercase;



}



.infos-page-head .infos-page-right > div.share i{



    color: #000;



    margin-right: 3px;
    margin-top: 2px;



    font-size: 16px;



    transition: all 0.3s ease-in-out;



}



.infos-page-head .infos-page-right > div.share a:hover i{



    color: #42B0FF;



}



.list-feed .item-publication{



    display: flex;



    flex-wrap: wrap;



    gap: 30px 70px;



    margin-bottom: 50px;



}



.list-feed .item-publication .image-feed{



    width: 450px;



    overflow: hidden;



}



.list-feed .item-publication .image-feed img{



    height: 450px;



    object-fit: cover;



    width: 450px;



    max-width: inherit;



    border: 1px solid #eee;



    padding: 2px;



}



.list-feed .item-publication .detials-feed{



    width: calc(100% - 525px);



}



.list-feed .item-publication .head-feed{



   display: flex;



  flex-wrap: wrap;



  align-items: center;



  gap: 15px;



  margin-bottom: 30px;



}



.list-feed .item-publication .head-feed .date{



    width: 83px;



    height: 83px;



    background: #42B0FF;



    text-align: center;



    display: flex;



    justify-content: center;



    flex-direction: column;



    gap: 8px;



    padding: 22px 5px 10px;



    color: #fff;



    font-size: 15px;



    font-weight: 700;



    line-height: 18px;



}



.list-feed .item-publication .head-feed .date span{



    font-size: 30px;



}



.list-feed .item-publication .head-feed .title{



    font-size: 20px;



    font-weight: 500;



    line-height: 24px;    



    color: #000;



    width: calc(100% - 140px);



}



.list-feed .item-publication .head-feed .title span{



    font-size: 13px;



    font-weight: 400;



    line-height: 20px;



    color:#42B0FF;



    display: block;



}



.list-feed .item-publication .message-feed p{



    font-size: 14px;



    font-weight: 300;



    line-height: 24px;



    color: #000;



    transition: all 0.3s ease-in-out;



   



}



.list-feed .item-publication .message-feed p.readmore-actif{



   


}
.list-feed .item-publication .message-feed p.readmore-actif.height-fixed{
    --nbligne: 8;



    overflow: hidden;



    height: 200px;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: var(--nbligne);  

}


.list-feed .item-publication .message-feed span.read-more{



    font-size: 13px;



    text-decoration: underline;



    transition: all 0.3s ease-in-out;



    cursor: pointer;



}



.list-feed .item-publication .message-feed span.read-more:hover{



    color: #42B0FF;



}



.list-feed .item-publication .reactions-feed{



    border-top: 1px solid #EFECEC;



    border-bottom: 1px solid #EFECEC;



    margin-top: 30px;



    display: flex;



    flex-wrap: wrap;



    gap: 8px 5px;



    align-items: center;



}



.list-feed .item-publication .reactions-feed div{



    font-size: 11px;



    font-weight: 400;



    line-height: 24px;



}

.list-feed .item-publication .reactions-feed div a{
    padding: 7px 10px !important;
}


.list-feed .item-publication .reactions-feed div i{



    font-size: 18px;



    margin-right: 5px;



}



.list-feed .item-publication .reactions-feed div:after {



    content: "|";



    display: inline-block;



    position: relative;



    margin-left: 8px;



    color: #EFECEC;



}



.list-feed .item-publication .reactions-feed div:last-child:after, .list-feed .item-publication .reactions-feed div:nth-child(3):after{



    display: none;



}



.list-feed .item-publication .reactions-feed div.share a{



    background: #E4F4FF;



    padding: 10px 15px;



    color: #000;



    display: block;



}







.list-feed .item-publication .reactions-feed div.share i{



    font-size: 14px;



}



.list-feed .item-publication .reactions-feed div.share a:hover{



    background:  #42B0FF;



    color: #fff;



}







#module-socialNetworks-ListFeedFacebook .fancybox-nav{



    width: 50px;



}

#module-socialNetworks-DetailPostFacebook #wrapper{
    background: red;
}


#module-socialNetworks-DetailPostFacebook #wrapper .container{



    width: 100%  !important;

    padding: 0 !important;



}

#module-socialNetworks-DetailPostFacebook .page-content{
    padding: 0 !important;
}

.comments-feed{



    font-size: 14px;



    color: #000;



    margin-top: 20px;



}



.comments-feed p{



    font-size: 14px;



    color: #000;



}



.comments-feed .title{



    text-decoration: underline;



}



.comments-feed ul li{



    margin-bottom: 10px;



}



.comments-feed ul li strong{



    font-weight: 500;



}



/********************** reviews google******************************/

.home-reviews-google{

    margin-top: 50px;

}

.list-reviews .item{

  border: 1px solid #e1dddd;

  padding: 20px;

  min-height: 300px;

}



.list-reviews .item .details-autho{

   display: flex;

  flex-wrap: wrap;

  align-items: center;

}

.list-reviews .item .details-autho .image{

    width: 50px;

    margin-right: 10px;

}



.list-reviews .item .details-autho .name{

    text-transform: uppercase;

    color: #000;

    font-size: 16px;

   font-weight: bold;

   margin-bottom: 5px;

}

.total-rating{

    display: flex;

}

#module-socialnetworks-listreviewsgoogle .total-rating{

    margin-right: 8px;

}

.total-rating .icon-rating::before{

    content: "★";

    width: 25px;

    height: 25px;

    font-size: 30px;

    display: block;

    color: #24b9d7;

}

.list-reviews .item .text-review{

    color: #000;

    font-size: 14px;

    margin-top: 20px;

}

.list-reviews .item .text-review p{

    color: #000;

    font-size: 14px;

}

.list-reviews .item .date-review{

    color: #9F9F9F;

    font-size: 13px;

    margin-top: 20px;

}

#module-socialnetworks-listreviewsgoogle .infos-page-left .picture-page{

    width: 80px;

}

#module-socialnetworks-listreviewsgoogle .list-reviews .item{

  border-top: none;

  border-left: none;

  border-right: none;

  min-height: auto;

}

.text-replay{

  margin-left: 30px;

  border-left: 3px solid #24b9d7;

  padding-left: 30px;

  margin-top: 30px;

}

.text-replay .author-replay{

    color: #000;

    font-weight: 600;

    margin-bottom: 5px;

}

.text-replay .date-replay{

    color: #9F9F9F;

    font-size: 13px;

}

.text-replay .content-replay{

    color: #484848;

    font-size: 14px;

}



/********************** feed instagram************************************/

.home-feed-instagram{

    margin-top: 50px;

}

.list-feed-instagram ul{

    display: flex;

    flex-wrap: wrap;

}

.list-feed-instagram ul .item-feed{

    padding: 0;

    height: 370px;

    overflow: hidden;

    position: relative;

}



.list-feed-instagram ul .item-feed a{

    display: block;

    height: 100%;

    width: 100%;

}

.list-feed-instagram ul .item-feed img{

    height: 100%;

    width: 100%;

    object-fit: cover;

}

.list-feed-instagram ul .item-feed .icon-type{

    position: absolute;

    top: 20px;

    right: 20px;

    width: 40px;

    height: 40px;

    border-radius: 50px;

    background: rgba(0,0,0,0.8);

    display: flex;

    justify-content: center;

    align-items: center;

}

.list-feed-instagram ul .item-feed .icon-type i{

    color: #fff;

}

.list-feed-instagram .item-feed .reactions-media {

    position: absolute;

    top: 50%;

    font-size: 20px;

    color: #fff;

    transition: all 0.4s ease-in;

    opacity: 0;

    display: flex;

    flex-wrap: wrap;

    gap: 0 30px;

    width: 100%;

    justify-content: center;

    z-index: 50;

}

.list-feed-instagram .item-feed  .reactions-media div {

    transition: all 0.6s ease-in-out;

    display: flex;

    align-items: center;

}

.list-feed-instagram .item-feed .reactions-media  i.fa {

    font-size: 30px;

    margin-right: 5px;

    color: #fff;

    transition: all 0.3s ease-in-out;

}

.list-feed-instagram .item-feed  .reactions-media .nb-shares{

    transform: translatey(40px)

}

.list-feed-instagram .item-feed .reactions-media .nb-commentes{

    transform: translatey(80px);

}

.list-feed-instagram .item-feed  .reactions-media .link-instagram {

    transform: translatey(120px);

}

.list-feed-instagram .item-feed  .reactions-media .link-instagram:hover i{

    background: linear-gradient(45deg, #f4c41c, #ea000e, #be008c, #ec0808);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.list-feed-instagram .item-feed:hover .reactions-media{

    opacity: 1;

}

.list-feed-instagram .item-feed:hover .reactions-media .nb-shares, 

.list-feed-instagram .item-feed:hover .reactions-media .nb-commentes, 

.list-feed-instagram .item-feed:hover .reactions-media .link-instagram {

    transform: translatey(0);

  }

.list-feed-instagram ul .item-feed .instagram_cover{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .7);

    opacity: 0;

    transition: all .5s ease-out;

}

.list-feed-instagram ul .item-feed:hover .instagram_cover {

    opacity: 1;

}

body, html{

    height: auto !important;

}

body#module-socialnetworks-DetailMediaInstagram{

    background: transparent; 

    height: auto;

}

#module-socialnetworks-DetailMediaInstagram #wrapper{

    padding-top: 0;

    background: transparent;

}

#module-socialnetworks-DetailMediaInstagram #wrapper .container{

    padding: 0;

    width: 100%;

}

#module-socialnetworks-DetailMediaInstagram #main .page-content{

    margin-bottom: 0;

    padding: 0;

}

#module-socialnetworks-DetailMediaInstagram #main .page-footer {

    display: none;

}

#module-socialnetworks-DetailMediaInstagram #footer{

    display: none !important;

}

.detail-post-instagram .head-feed .photo-user img{

    width: 70px;

    border-radius: 50px;

}

.detail-post-instagram .head-feed .title span.name{

    font-size: 14px;

    font-weight: 500;

    color: #000;

}

.detail-post-instagram .head-feed .title span.date{

  font-size: 12px;

  font-weight: 400;

  background: no-repeat;

  padding: 0;

  display: block;

  text-align: left;

  height: inherit;

  margin-top: 5px;

  color: #9F9F9F;

  width: 100%;



}



#module-socialnetworks-DetailMediaInstagram .list-feed .item-publication{

    margin-bottom: 0;

    overflow: hidden;

    background: #fff;

}

.fancybox-skin{

    padding: 0 !important;

    background: transparent !important; 

}

.fancybox-nav{

    width: 50px !important;

}

.fancybox-next {

    right: -80px;

}

.fancybox-prev {

    left: -80px;

}

.fancybox-nav span{

    visibility: visible;

}

#module-socialnetworks-DetailMediaInstagram .list-feed .item-publication .image-feed{

    width: 55%;

    margin-bottom: -4px;

    text-align: center;

}

 #module-socialnetworks-DetailMediaInstagram .list-feed .item-publication video{

  width: 100%;

  height: 100%;

} 

#module-socialnetworks-DetailMediaInstagram .list-feed .item-publication .image-feed img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border: none;

    padding: 0;

}

#module-socialnetworks-DetailMediaInstagram .list-feed.detail-post .item-publication .detials-feed {

    width: 40%;

    height: 100%;

    overflow: hidden;

  }

#module-socialnetworks-DetailMediaInstagram .list-feed .item-publication .head-feed{

margin-top: 20px; 

}

/* #module-socialnetworks-DetailMediaInstagram .list-feed .item-publication .message-feed{

    height: 1px;

    overflow-y: scroll;

} */





#module-socialnetworks-listfeedinstagram .infos-page-head{

    flex-direction: column;

}

#module-socialnetworks-listfeedinstagram .infos-page-head .infos-page-left{

    align-items: flex-start;

}

#module-socialnetworks-listfeedinstagram .infos-page-head .infos-page-left .picture-page{

    width: 70px;

}

#module-socialnetworks-listfeedinstagram .infos-page-head .infos-page-left .name-page p{

font-size: 13px;

line-height: 18px;

color: #222;

}

#module-socialnetworks-listfeedinstagram .infos-page-head .infos-page-right{

    margin-left: 10px;

}

#module-socialnetworks-listfeedinstagram .infos-page-head .infos-page-right > div.share i{

    font-size: 21px;

}

.detail-post-instagram .owl-nav{

    top: 48%;

    position: absolute;

    width: 100%;

}

.detail-post-instagram .owl-nav button{

    font-size: 21px !important;

    width: 30px;

    height: 30px;

    background: #000 !important;

    color: #fff !important;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    position: absolute;

}

.detail-post-instagram .owl-nav button.owl-prev{

    left: 30px !important;

}

.detail-post-instagram .owl-nav button.owl-next{

    right: 30px !important;

}

.detail-post-instagram .carrosuel-media{

    height: 100%;

}

.detail-post-instagram  .owl-stage-outer{

    height: 100%;

}

.detail-post-instagram .owl-stage{

    height: 100%;

}

.detail-post-instagram .owl-item{

    height: 100%;

}

/********************** Responsive *************************/



@media(max-width:1199px){



    



    .list-feed .item-publication{



        gap: 30px;



    }



    .list-feed .item-publication .detials-feed {



        width: calc(100% - 480px);



    }



    .list-feed .item-publication .reactions-feed{



        padding: 10px 0;



    }

    .list-feed-instagram ul .item-feed{

        height: 280px;

    }



}



@media(max-width:991px){



    .infos-page-head .infos-page-right{



        margin-top: 10px;



    }



    .list-feed .item-publication .image-feed{



        width: 100%;



    }



    .list-feed .item-publication .image-feed img{



        height: 350px;
        width: 350px;



    }



    .list-feed .item-publication .detials-feed {



        width: 100%;



    }



    .list-feed.detail-post .item-publication .image-feed {



        width: 45%;



    }



    .list-feed.detail-post .item-publication .detials-feed {



        width: 48%;



    }

    .list-feed-instagram ul .item-feed{

        height: 220px;

    }



}



@media (min-width:600px) and (max-width:991px) {

    .list-reviews .item .text-review{

        --nbligne: 5;

        overflow: hidden;

        display: -webkit-box;

        -moz-box-orient: vertical;

        -webkit-line-clamp: var(--nbligne);

    }

}

@media(max-width:767px){



    .infos-page-head .infos-page-left .name-page span{



        font-size: 18px;



    }



    .infos-page-head .infos-page-right > div{



        font-size: 12px;



    }



    .infos-page-head .infos-page-right > div i{



        font-size: 15px;



        margin-right: 4px;



    }



    .infos-page-head .infos-page-right > div.share i{



        font-size: 14px;



    }



    .list-feed .item-publication .head-feed .title{



        font-size: 16px;



        line-height: 20px;



    }



    .list-feed.detail-post .item-publication .image-feed {



        width: 100% !important;



    }



    .list-feed.detail-post .item-publication .detials-feed {



        width: 100% !important;



    }

    .list-feed-instagram ul .item-feed{

        width: 50%;

    }

    #module-socialnetworks-DetailMediaInstagram .list-feed.detail-post .item-publication .detials-feed{

        padding: 0 15px;

    }

    #module-socialnetworks-DetailMediaInstagram .list-feed .item-publication video{

        width: auto;

        height: auto;

        max-height: 350px;

    }



}



@media(max-width:575px){

    .list-feed-instagram ul{

        margin: 0;

    }

    .list-feed-instagram ul .item-feed{

        width: 100%;

        height: 300px;

        max-width: 400px;

        margin: 0 auto;

    }



}