/* Réel vidéo */ 
.reelvideo .reels {
  width: 500px;
  margin: 0 auto;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
}

.reelvideo .reels-video {
  position: relative;
}

.reelvideo .reels-video video {
  width: 100%;
  border-radius: 5px;
}

.reelvideo .reels-info {
  margin-top: 10px;
}

.reelvideo .reels-caption {
  font-weight: bold;
  margin-bottom: 5px;
}

.reelvideo .reels-likes {
  font-weight: bold;
  margin-bottom: 5px;
}

.reelvideo .reels-comments {
  margin-bottom: 5px;
}

.reelvideo .reels-comment {
  margin-bottom: 5px;
}

.reelvideo .reels-timestamp {
  color: #888;
  font-size: 12px;
}


/* Réel insta */ 
.reelinsta .post {
  width: 400px;
  margin: 0 auto;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.reelinsta .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.reelinsta .header img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
}

.reelinsta .username {
  font-weight: bold;
}

.reelinsta .post-image {
  width: 100%;
  margin-bottom: 10px;
}

.reelinsta .actions {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.reelinsta .action {
  display: flex;
  align-items: center;
  margin-right: 10px;
  cursor: pointer;
}

.reelinsta .action i {
  margin-right: 5px;
}

.reelinsta .caption {
  margin-bottom: 5px;
}

.reelinsta .comments {
  margin-bottom: 5px;
}

.reelinsta .comment {
  margin-bottom: 5px;
}

.reelinsta .timestamp {
  color: #888;
  font-size: 12px;
}

/* Story Facebook */ 
.storyfacebook .story {
  width: 200px;
  margin: 0 auto;
  padding: 10px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.storyfacebook .story-header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.storyfacebook .profile-picture {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
  border: 2px solid #1877f2;
}

.storyfacebook .profile-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.storyfacebook .story-circle {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #1877f2;
  border: 2px solid #fff;
}

.storyfacebook .username {
  font-weight: bold;
  color: #262626;
}

.storyfacebook .time {
  font-size: 12px;
  color: #888888;
  margin-left: auto;
}

.storyfacebook .story-image {
  position: relative;
}

.storyfacebook .story-image img {
  width: 100%;
  border-radius: 5px;
}

.storyfacebook .camera-icon,
.storyfacebook .play-icon {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: #ffffff;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.storyfacebook .camera-icon i,
.storyfacebook .play-icon i {
  color: #1877f2;
  font-size: 12px;
}

/* Ajoutez d'autres styles CSS pour personnaliser l'apparence de la story selon vos préférences */

/* Story instagram */ 
.storyinsta .story {
  width: 200px;
  margin: 0 auto;
  padding: 10px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.storyinsta .story-header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.storyinsta .profile-picture {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
  border: 2px solid #e1306c;
}

.storyinsta .profile-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.storyinsta .story-circle {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e1306c;
  border: 2px solid #fff;
}

.storyinsta .username {
  font-weight: bold;
  color: #262626;
}

.storyinsta .story-image img {
  width: 100%;
  border-radius: 5px;
}

/* Ajoutez d'autres styles CSS pour personnaliser l'apparence de la story selon vos préférences */


/* POST FB*/ 
.fbpost .post {
  width: 500px;
  margin: 0 auto;
  padding: 10px;
  border: 1px solid #ddd;
  background-color: #fff;
}

.fbpost .post-header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.fbpost .profile-picture {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
}

.fbpost .post-info {
  flex-grow: 1;
}

.fbpost .username {
  font-weight: bold;
}

.fbpost .timestamp {
  color: #888;
  font-size: 12px;
}

.fbpost .options {
  cursor: pointer;
}

.fbpost .post-content {
  margin-bottom: 10px;
}

.fbpost .post-content p {
  margin-bottom: 10px;
}

.fbpost .post-image {
  width: 100%;
}

.fbpost .post-actions {
  display: flex;
  align-items: center;
}

.fbpost .action {
  display: flex;
  align-items: center;
  margin-right: 10px;
  cursor: pointer;
}

.fbpost .action i {
  margin-right: 5px;
}

.fbpost .action span {
  font-size: 14px;
}

.fbpost .action:hover {
  text-decoration: underline;
}


/* POST INSTA */
.instapost .post {
  width: 400px;
  margin: 0 auto;
  padding: 10px;
  border: 1px solid #ccc;
}

.instapost .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.instapost .header img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
}

.instapost .username {
  font-weight: bold;
}

.instapost .post-image {
  width: 100%;
  margin-bottom: 10px;
}

.instapost .actions {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.instapost .actions i {
  margin-right: 10px;
}

.instapost .likes {
  font-weight: bold;
  margin-bottom: 5px;
}

.instapost .caption {
  margin-bottom: 5px;
}

.instapost .comments {
  margin-bottom: 5px;
}

.instapost .comment {
  margin-bottom: 5px;
}

.instapost .timestamp {
  color: #888;
  font-size: 12px;
}



/*TEST REELS */

.testreels{
    position: relative;
}
#ig_app
{
  padding-top: 0px;
}

/**/

#ig_reels i.fa-camera
{
  position: absolute;
  right: 25px;
  top: 25px;
  font-size: 20px;
  color: #fff;
  z-index: 9999;
}

.testpreview{
    width: 45%;
}

#ig_reels
{
  background-color: rgba(0,0,0,0.85);
  height: 60vh;
  animation: next_reel_change_effect 2s ease-in-out infinite;
}

#reels_right_action_nav img
{
  width: 45px;
  border: 3.5px solid #fff;
  border-radius: 7px;
}

#reels_right_action_nav
{
  color: #fff;
  position: absolute;
  right: 0;
  bottom: 70px;
  text-align: center;
  min-width: 75px;
  border: 1px solid1 #fff;
  z-index: 9999;
}

#reels_right_action_nav ul li
{
  position: relative;
  list-style: none;
  display: block;
  margin-bottom: 26px;
  border: 1px solid1 red;
}

#reels_right_action_nav ul li i
{
  font-size: 30px;
}

#reels_right_action_nav ul li span
{
  display: block;
  width: 100%;
  margin-top: 12px;
  font-weight: 400;
  letter-spacing: 0.5px;
}

#reels_right_action_nav ul li i.fa-comment-o
{
  transform: rotateY(180deg);
}

/**/

#reels_info img
{
  width: 40px;
  border-radius: 100%;
}

#reels_info
{
  position: absolute;
  color: #fff;
  text-align: left;
  bottom: 60px;
  margin-left: 15px;
  z-index: 9999;
}

#reels_info .col-8
{
  padding-left: 30px;
}

#reels_info #reels_user
{
  font-size: 18px;
  font-weight: 500;
}

#reels_info #reels_user button
{
  background-color: transparent;
  color: #fff;
  border: 1.6px solid #fff;
  padding: 6px 18px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.3px;
  margin-left: 15px;
}

#reels_info .reels_music
{
  margin-top: 2px;
  font-size: 14.5px;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
}

#reels_info .reels_music span
{
  font-weight: 600;
}

#reels_video
{
  width: 100%;
  height: 100%;
}

#ig_reels:before
{
  content: '';
  position: absolute;
  width: 100%;
  height: 100vh;
  box-shadow: inset 0 100px 45px -40px rgba(0,0,0,0.25),
              inset 0 -300px 45px -40px rgba(0,0,0,0.25),
              inset -100px 0 45px -45px rgba(0,0,0,0.15);
}

@keyframes next_reel_change_effect1
{
  0%, 100%{
    transform: translateY(0);
  }
  50%{
    transform: translateY(-100px);
  }
}

/**/

#ig_footer
{
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: #000;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid rgba(0,0,0,0.1);
}

#ig_footer ul li
{
  float: left;
  width: 20%;
  list-style: none;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}

#ig_footer ul li i.fa-heart-o
{
  text-shadow: 1px 0 0 #000;
}

#ig_footer ul li img
{
  width: 20px;
  height: 20px;
  border-radius: 100%;
  margin-top: -4px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35),
  inset 0 0 5px rgba(0, 0, 0, 0.9);
}






.basketicon{
    margin: 0 30px 0 0;
    padding: 0 30px 0 0;
    display: inline-flex;
    align-items: center;
    position: relative;

    @media (min-width: $lg){
        margin: 0 30px 0 0;
        padding: 0 30px 0 0;
    }

    &::before{
        @media (min-width: $lg){
            content: '';
            position: absolute;
            right: -10px;
            width: 20px;
            height: 1px;
            background: #fff;
        }
    }
    &__icon{
        &::before{
            content: url(../images/basket.svg);
            height: 10px;
            width: 10px;
            display: block;
        }
    }
    &__total{
        display: none;
        color: #fff;
        font-size: rem(16);
        margin: 0 0 0 10px;

        @media (min-width: $lg){
            font-size: rem(12);
            display: inline-block;
        }
        @media (min-width: $xl){
            font-size: rem(14);
        }
        @media (min-width: $xxxl){
            font-size: rem(15);
        }
    }
    &:hover,
    &:focus{
        .basketicon{
            &__icon{
                &::before{
                    transform: scale(0.8);
                }
            }
        }
    }
}




.woosppo_main_parent_divv p:nth-child(0){
    background: red;
}



.woosppo_main_parent_divv p:first-child{
    background: blue;
}


input[name="template"] , input[name="url_objectif"]{
    display: none;
}






header .sub-menu{
    display: none;
    position: absolute;
    padding-left: 0px;
}

#menu-item-83:hover .sub-menu{
    display: block;
    background:black;
}


.woocommerce{
    margin-top: 35px;
    padding-bottom: 35px;
}

.parametre_link{
    float: right;
    font-size: 14px;
    margin-right: 5px;
    color: white;
    margin-top: 10px;
}
body.woocommerce #content div.product div.summary,body.woocommerce div.product div.summary,body.woocommerce-page #content div.product div.summary,body.woocommerce-page div.product div.summary{
    float: inherit;
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads{
    display: none!important;
}

.footer-menu a {
    font-size: 14px;
}
body .copyright p{
    font-size: 12px;
}
.pdtb{
    padding-top: 35px;
    padding-bottom: 35px;
}

body.woocommerce-account .woocommerce-MyAccount-navigation , body.woocommerce-account .woocommerce-MyAccount-content{
    float: inherit;
    width: 100%;
}
.woocommerce-MyAccount-navigation ul{
    text-align: center;
    padding-left: 0px;
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid black;
}
.woocommerce-MyAccount-navigation ul li{
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
}
.tablefullwidth{
    width: 100%;
}

.contentcatalogue{
    display: flex;
    width: 100%;
}

.contentcatalogue .sidebar{
    width: 20%;
    padding-left: 5px;
    padding-right: 5px;
}

.wrapperfullwidth{
    max-width: 90%;
    display: block;
    margin: 0 auto;
}

.contentcatalogue .content-page{
    padding-left: 10px;
    padding-right: 10px;
    width: 80%;
}
.firstlogin a{
    color: black;
    text-decoration: underline;
    font-weight: bold;
}
.firstlogin , .content-login{
    background: #F7F7F7;
    width: 50%;
    margin: 0 auto;
    padding: 15px;
    margin-bottom: 0px;
    border: 1px solid #d3ced2;
    margin-top: 45px;
}

.content-login h3{
    margin-bottom: 0px;
}

.content-login .woocommerce{
    margin-top: 0px;
    padding-bottom: 0px;
}

.firstlogin h3 , .content-login h3{
    text-align: center;
}

.the_champ_login_container img{
    margin-right: 35px!important;
}

body.page-template-login .the_champ_outer_login_container{
    min-height: 115px;
}

.tablefullwidth tbody tr.trheight{
    height: 70px;
}

.trheight a{
    font-weight: bold;
    color: black;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders{
    display: none;
}

.parametre_link *{
    display: inline-block;
    vertical-align: middle;
}

body .parametre_link img{
    width: 25px;
    margin-right: 5px;
}

.parametre_link{
    margin-left: 25px;
}


body .woocommerce #respond input#submit.alt,body  .woocommerce a.button.alt,body  .woocommerce button.button.alt,body  .woocommerce input.button.alt{
    background-color: #242424;
}

body .woocommerce #respond input#submit.alt:hover,body  .woocommerce a.button.alt:hover,body  .woocommerce button.button.alt:hover,body  .woocommerce input.button.alt:hover{
    background-color: rgba(36,36,36,0.5);
}


.site-main .product{
    padding-top: 35px;
}

.site-main video{
    width: 45%;
}

body.woocommerce #content div.product div.summary{
    padding-left: 25px;
}

body .woosppo_main_parent_divv{
    padding-left: 0px!important;
    margin-top: 0px;
}

body.woocommerce #content div.product .cart *{
    outline: none;
}


body .input-text.qty.text{
    display: none;
}

body .product_meta{
    display: none;
}

body.woocommerce #content div.product .cart h4{
    padding-left: 0px!important;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Inter'!important;

}

body .summary.entry-summary p.price{
    display: none;
}

textarea.woosppo_class_main_for_all_fields{
    min-height: 150px;
}

.woosppo_main_parent_divv input , .woosppo_main_parent_divv textarea{
    background-color: #DEDEDE;
    border:0px;
    padding: 3px;
    padding-left: 5px;
    display: block;
} 



body .woocommerce form .form-row input.input-text,body .woocommerce form .form-row textarea{
    background-color: #DEDEDE;
    border:0px;
    padding: 3px;
    padding-left: 5px;
    font-size: 14px;
}

body .woocommerce form .form-row textarea{
    min-height: 150px;
}

.woosppo_main_parent_divv strong{
    margin-bottom: 5px;
}

.content-box-product h3{
    color: #0F0F0F;
    font-size: 18px;
    margin-bottom: 0px;
}

.content-box-product p , .content-box-product a {
    text-decoration: inherit;
    color: #0F0F0F;
}

.woocommerce-order a{
    color: black;
}


.product .cart h4{
    display: none;
}

.product .cart p strong{
    display: none!important;
}

.cart input[name='template'] , .cart input[name='date_debut'] , .cart input[name='date_fin'] , .cart input[name='localisation'] , .cart textarea[name='commentaire'] , .cart textarea[name='url_objectif'] {
    display: none!important;
}


body input[name="url_objectif"], body input[name="pdv"] {
    display: none;
}

.variation_custom h2{
    font-size: 16px;
    line-height: 18px;
}

#tb , .variation_custom textarea{
    width: 100%;
    border:0px;
    padding: 5px;
    background:#DEDEDE;
}

.variation_custom textarea{
    min-height: 100px;
}

.woosppo_main_parent_divv{
    padding: 0px!important;

}

.variation_custom div{
    margin-top: 25px;
}

body.woocommerce #respond input#submit.alt,body.woocommerce a.button.alt,body.woocommerce button.button.alt,body.woocommerce input.button.alt{
    background:#000000!important;
}


body .woocommerce-error,body  .woocommerce-info,body  .woocommerce-message{
    background:#F2F2F2;
    color: black;
    margin-top: 15px;
}

.infodate{
    display: none;
}

.woocommerce-info a{
    color: white;
}

body .products-list{
    max-width: 27%;
}

.opensidebar img{
    margin-top: 15px;
    cursor: pointer;
    max-width: 45px;
    float: right;
}


.contentcatalogue.open .filter_open{
    display: none;
}

.contentcatalogue.closing .filter_close{
    display: none;
}

.contentcatalogue.closing .sidebar{
    width: 50px;
    overflow: hidden;
}


.contentcatalogue.closing .content-page {
    width: 100%;
}

.contentcatalogue.closing .content-sidebar{
    display: none;
}
table.tablefullwidth a{
    color: black;
    font-weight: bold;
}
table.tablefullwidth {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table.tablefullwidth-layout: fixed;
}

table.tablefullwidth caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table.tablefullwidth tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table.tablefullwidth th,
table.tablefullwidth td {
  padding: .625em;
  text-align: center;
}

table.tablefullwidth th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  table.tablefullwidth {
    border: 0;
  }

  table.tablefullwidth caption {
    font-size: 1.3em;
  }
  
  table.tablefullwidth thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.tablefullwidth tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table.tablefullwidth td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: left;
  }
  
  table.tablefullwidth td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table.tablefullwidth
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table.tablefullwidth td:last-child {
    border-bottom: 0;
  }
}





.backbutton{
    color: black;
    font-weight: bold;
}