/* NEW BLOG COLORS */
.post-item span#hubspot-topic_data.affaires span, .post-item span.hubspot-topic_data.affaires span,
.post-item span#hubspot-topic_data.business span, .post-item span.hubspot-topic_data.business span,
span.pop-topics.affaires, span.pop-topics.business,
.post-item span.hubspot-topic_data span.affaires, .post-item span.hubspot-topic_data span.business {
  background-color: var(--blog_business);
  border: 2px solid var(--blog_business);
}
.post-item span#hubspot-topic_data.tech span, .post-item span.hubspot-topic_data.tech span,
span.pop-topics.tech, .post-item span.hubspot-topic_data span.tech {
  background-color: var(--blog_tech);
  border: 2px solid var(--blog_tech);
}
.post-item span#hubspot-topic_data.conseils span, .post-item span.hubspot-topic_data.conseils span,
.post-item span#hubspot-topic_data.how-to span, .post-item span.hubspot-topic_data.how-to span,
span.pop-topics.conseils, span.pop-topics.how-to,
.post-item span.hubspot-topic_data span.conseils, .post-item span.hubspot-topic_data span.how-to {
  background-color: var(--blog_conseils);
  border: 2px solid var(--blog_conseils);
}
.post-item span#hubspot-topic_data.series span, .post-item span.hubspot-topic_data.series span,
span.pop-topics.series, .post-item span.hubspot-topic_data span.series {
  background-color: var(--blog_series);
  border: 2px solid var(--blog_series);
}
.post-item span#hubspot-topic_data.cookie-apocalypse span, .post-item span.hubspot-topic_data.cookie-apocalypse span,
span.pop-topics.cookie-apocalypse, .post-item span.hubspot-topic_data span.cookie-apocalypse,
.post-item span#hubspot-topic_data.lapocalypse-des-cookies span, .post-item span.hubspot-topic_data.lapocalypse-des-cookies span,
span.pop-topics.lapocalypse-des-cookies, .post-item span.hubspot-topic_data span.lapocalypse-des-cookies {
  background-color: var(--blog_apocalypse);
  border: 2px solid var(--blog_apocalypse);
}


ul.custom-list-icon-stroke li svg{
  fill:#000;
}

.custom_rec_btn a{
  border:none;
}


h2,.custom-rel-date{
  color:#454545 !important;
}
.svg-icon-clock{
  fill: var(--grey) !important;
}
.body-container-wrapper ul li:before{
  border:none;
 }


/* --- BUTTON --- */
.grey_reskin_cta, .reskin a.grey_reskin_cta,
.contact-btn a.grey_reskin_cta,.link-underscore,.hs-button {
  background: var(--blog_series) !important;
  font-weight: 900 !important;
  font-size: 1.8rem !important;
  line-height: 26px !important;
  color: white !important;
  text-align: center !important;
  padding: 15px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
}

.grey_reskin_cta:hover, .reskin a.grey_reskin_cta:hover,
.contact-btn a.grey_reskin_cta:hover, .link-underscore:hover, .hs-button:hover {
  background: var(--yellow) !important;
  color: var(--blog_series) !important;
  border-radius:0;
}
@media screen and (max-width: 479px){
  .grey_reskin_cta,.link-underscore,.hs-button {
    font-size:1.3rem !important;
  }
}

.grey_reskin_cta:hover, .reskin a.grey_reskin_cta:hover,
.contact-btn a.grey_reskin_cta:hover,.link-underscore:hover,.hs-button:hover, {
  background: var(--yellow) !important;
  color: #454545 !important;
}

.btn:before{
  border-radius:0 !important;
  background: var(--yellow) !important;
  color: #000 !important;
}

.btn:hover{
 /*opacity:0.5;*/
}

.actionsn{
  width:55rem;
  margin-right:0;
  display:flex;
  align-items:self-end;
  justify-content: space-around;
  flex-wrap:wrap;
}

.inverted_grey_btn  {
  border: 2px solid var(--grey);
  background: transparent;
  text-transform: uppercase;
  color: var(--grey);
  font-size: 1.80rem;
  line-height: 24px;
  font-weight: 900;
  text-align: center;
  border-radius: 0;
  padding: 5px 25px;
  text-decoration: none;
}
.inverted_grey_btn:hover {
  color: #000 !important;
  background:var(--yellow) !important;
}
.inverted_grey_btn:after{
  content: none;
}

.yellow_reskin_btn {
  background: var(--yellow);
  color: var(--blog_series);
  font-size: 20px;
  line-height: 24px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  border: none;
  padding: 1rem;
}
.yellow_reskin_btn:hover {
  color: #fff !important;
  background:#454545;
}

.custom-author-link a:hover{
  border-color:var(--grey);
}

.btn.yellow_reskin_btn:after {
  content: none;
}

.custom_rec_btn a:hover{
  background-color:#454545 !important;
  color:#fff;
}

.svg-icon-latest{
  display:none;
}

.custom-post-section-title > h2 {
  padding-left:0;
}

.custom-post-section-title {
  margin-top: 0;
  padding-top: 1.5rem;
}

.post-item span.custom-post-date{
  color:#454545 !important;  
}

.nouvelles ul.custom-post-share-wrapper li.custom-post-date,
.nouvelles .share-social-media {
  font-family: 'Fellix-Bold' !important;
  text-transform: uppercase;
  color: var(--blog_series);
}

.post-header >h2 {
  min-height:15rem !important;
}


@media screen and (max-width: 478px) {
  .post-header >h2 {
    font-size:1.8vh;
    min-height: 1rem !important;
  }
} 


@media screen and (min-width: 479px) and (max-width: 992px){
   .post-header >h2 {
    font-size:1.8vh;
    min-height: 20rem !important;
  }
}  
  
.post-header{
  padding-bottom:5rem;
}

.nouvelles.content-wrapper .post-header {
  padding-bottom: 0;
}

.nouvelles.content-wrapper ul.custom-post-share-wrapper {
  padding: 0 0 6rem;
}

.custom-rec-post-inner-content{
  padding-bottom: 1rem;
}

.blog-listing-wrapper{
  margin-bottom:12rem;
}

.col-form{
  background-color:var(--medium_grey) !important;
}

.content-form .hs-form-field:not(.hs-fieldtype-checkbox)>label{
  background-color:var(--medium_grey);
  color:#454545
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=file], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{
  border bottom:1px solid #454545 !important;
}

.svg-icon-video{
  fill:#454545 !important;
}

.container-inner{
  background-color:#fff !important;
}
.mb6{
  margin-bottom:6rem;
}

.container-banner-common{
  background-color:#fff !important;
  background:none !important;
  color:#454545 !important;

}

.small-text,.title-banner,.text-small{
  color:#454545 !important;
}


.select-custom{
  border:solid 1px #454545;
  padding:1rem;
  margin:0;
}

.pt0,.pt0:before{
  padding-top:0 !important;
}
.pt1{
  padding-top:1rem !important;
}
.pt2{
  padding-top:2rem !important;
}
.pt3{
  padding-top:3rem !important;
}
.pt4{
  padding-top:4rem !important;
}
.mt7{
   margin-top:7rem;
}
.mb0{
  margin-bottom:0 !important;
}

.container-breadcrumb-blog {
  padding-top:4rem;
}
  
.blog-list-recent-post-wrapper{
  border:none;
}
.custom-post-section-title:before{
  background:none;
}

.margin-bottom-custom{
  margin-bottom:3rem;
}

.svg-icon-technique{
  fill: var(--grey) !important;
}
.custom-post-share-wrapper{
  display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: flex-end;
}

ul.custom-post-share-wrapper li.custom-post-date:after, ul.custom-post-share-wrapper li:first-child:after{
  display:none !important;
}

.custom-blog-post-content-wrapper .page-center{
  padding-right:4.5rem !important;
}

.custom-post-author-outter-wrapper .page-center{
  left:0;
}

.post-item a:hover .custom-over-image {
  filter: none;
}

.blog-pagination .blog-pagination-left a:after,
.blog-pagination .blog-pagination-center a:last-child:after,
.blog-pagination .blog-pagination-right a:after {
  content: none;
}

.blog-pagination a.active {
  color: var(--blog_series);
}

.blog-pagination a:hover {
  color: var(--yellow);
}

.pagination_etc {
  border-radius: 3px;
  color: #b1b1b1;
  display: inline-block;
  font-size: 2.2rem;
  font-weight: 400;
  height: 5rem;
  letter-spacing: 1px;
  line-height: 1.1em;
  margin-bottom: 5px;
  margin-left: 7.5px;
  margin-right: 7.5px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.4rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  transition: all .3s cubic-bezier(.4,0,.2,1);
}

.pagination_etc:after {
  color: #b1b1b1;
  content: "/";
  position: absolute;
  right: -15px;
  top: 51%;
  transform: translateY(-50%);
}



@media screen and (max-width:460px) {
  .custom-blog-post-content-wrapper .page-center{
    padding-right: 2rem !important;
  }
  
  .blog-pagination a {
    padding: 1.4rem 0.5rem 0 0.8rem;
  }
  
  .pagination_etc {
    padding-left: 1rem;
    padding-right: 0;
    margin-right: 0;
  }
  
  .pagination_etc ~ a {
    padding-left: 0;
  }
  
  .pagination_etc:after,
  .blog-pagination-left,
  .blog-pagination-right {
    display: none !important;
  }
  
  .blog-pagination .prev-link {
    margin-left: 0;
    padding-left: 0;
  }
  
  .blog-pagination .next-link {
    margin-right: 0;
    padding-right: 0;
  }
  
  .padding-mobile{
    padding:2rem 0 0 0 !important;
  }
  .custom-post-share-wrapper{
    flex-direction:column ;
    justify-content:space-between ;
    align-items:start ;
  }
  .mpl3{
    padding-left:3rem !important;
    padding-bottom:1rem !important;
  }
  .mt7{
   margin-top:7rem;
  }
  
  .nopadding-mobile{
    padding-top:0!important
  }
  
  .nouvelles .top-page-social-share {
    padding: 0 1rem;
  }
}


.label-share-social-media{
  color:var(--dark_grey) !important;
  text-align: center;
}

.svg-social-linkedin,.svg-social-facebook,.svg-social-twitter{
  fill:var(--dark_grey) !important;
  border-color:var(--dark_grey) !important;
}

.st0-svg-btn-plus{
  opacity:1;
}

.post-fix-header-wrapper span.component-number-time svg.svg-circle-time{
  fill:var(--blog_series) !important;
}

.component-number-time{
  color:var(--blog_series) !important;
 }

.progress-bar{
  background-color:var(--blog_series) !important;
}

.post-item-content-inner{
  margin-left:1.75rem !important;
  padding-right: 3rem;
}

.nouvelles .share-social-media {
  padding-top: 0;
}
  
/* .nouvelles .share-social-media {
  display: inherit;
} */

@media screen and (max-width: 992px) {
  .nouvelles .swp-share-social .top-page-social-share:first-of-type {
    padding-left: 0;
  }
}


@media screen and (max-width:900px) and (min-width: 461px) {
  .post-item-content-inner{
    margin-left:1rem !important;
  }
  .blog-listing-wrapper{
    margin-bottom:0 !important;
  }
  .container-listing-posts .content-inner-text{
    height: 25rem;
  }
  
}

.form-title{
  color:#454545 !important;
  -webkit-text-fill-color:#454545 !important;
}

.hover-reskin:hover{
  color:var(--medium_grey) !important;
}

.swp-share-social .apss-theme-4 .apss-single-icon .apss-icon-block:hover i{
  color: var(--grey);
}
.swp-share-social .apss-theme-4 .apss-single-icon .apss-icon-block:hover{
  border: 1px solid var(--grey);
}

.custom-slider-link-inner .custom-slider-link a.btn-plus.scroll-to:hover svg.svg-btn-plus{
  fill:var(--grey);
}
.custom-slider-link-inner .custom-slider-link a.btn-plus.scroll-to:hover{
  color:var(--grey);
}


.custom-post-author figure figcaption span.text-p {
  font-weight: 500;
  line-height: 1.4em;
}


.custom-post-author figure {
  margin-bottom: 1.5vh
}

.custom-author-link a {
  border: 2px solid #707070;
  font-weight: 700;
  color: #707070;
}

.custom-post-share-wrapper .custom-post-techlevel, 
.custom-post-share-wrapper .custom-post-date,
ul.custom-post-share-wrapper li.custom-post-date,
.custom-post-share-wrapper .share-social-media {
  font-family: 'Inter Tight';
  color: #454545;
  font-weight: 400;
  font-size: 20px;
}

.post-fix-header-wrapper .content-follow-page span.content-text {
  text-transform: normal;
}

@media (max-width: 650px) {
  .post-item-content-inner{
    padding-right: 2rem;
  }
}



/* blog posts: Blog Post Author-Adviso_September2018 */
.container-fluid .custom-post-author-outter-wrapper > div > .row-fluid > .page-center {
  left: initial;
  float: right;
  right: 150px;
}

.custom-post-author-outter-wrapper {
  box-shadow: none !important;
}

@media (min-width: 1600px) {
  .container-fluid .custom-post-author-outter-wrapper > div > .row-fluid > .page-center {
    max-width: 75vw !important;
  }
}

@media (max-width: 1400px) {
  .container-fluid .custom-post-author-outter-wrapper > div > .row-fluid > .page-center {
    right: 4rem;
  }
}

@media (max-width: 768px) {
  .container-fluid .custom-post-author-outter-wrapper > div > .row-fluid > .page-center {
    float: none;
    right: initial;
    padding: 0 !important;
  }
  
  .post-fix-header-wrapper {
    padding: 0 2rem;
  }
  
  .post-fix-header-wrapper span.component-number-time {
    left: 20px;
  }
  
  .post-fix-header-wrapper .content-follow-page {
    margin-left: 7rem;
  }
  
  .post-fix-header-wrapper .content-follow-page span.content-text {
    text-transform: initial;
    font-size: 18px;
  }
  
  .post-fix-header-wrapper span.component-number-time:after {
    display: none;
  }
}

@media (max-width: 575px) {
  .post-fix-header-wrapper {
    display: none;
  }
}