/*
  Theme Name: conseiller-numerique
  Description: custom style
  Version: 1.4
*/

.fr-header .fr-header__tools-links .fr-links-group > li {
  padding-left: 5px;
}

.fr-header .fr-header__menu-links .fr-links-group > li {
  display: inline;
  line-height: 2.75rem;
  padding-bottom: 1rem;
}
.fr-header .fr-header__menu-links .fr-links-group > li a {
  font-size: 15px !important;
}

.fr-header a::before {
  margin-right: 0.25rem !important;
}

.fr-header [target=_blank]::after {
  display: none;
}

.footer-brand-custom {
  flex-basis: 50%;
  padding-top: 22px !important;
}

.footer-brand-custom:hover, .footer-brand-custom:active, .fr-footer__brand-link:active {
  background-color: unset;
}

.logo-france-relance {
  width: 100%;
}

.fr-footer__bottom  a:hover {
  color: #000074 !important;
}

.footer-content-custom {
  display: flex;
  flex-basis: 50%;
}

.footer-list-custom {
  display: block;
  column-count: 1;
}

.footer-list-custom li:first-child {
  margin-top: 0;
}

.fr-footer__bottom-list li::before {
  margin-right: 0.51rem;
  margin-left: -0.3rem;
}

.footer-content-custom li > a:hover {
  color: #000074 !important;
}

.post-card-first {
  display: flex;
  background-image: none;
}

.post-card:hover,
.post-card-first:hover {
  opacity: 0.7;
}

.next-post {
  border: 1px solid #e5e5e5;
  height: 700px;
}

.next-post-img {
  width: 100%;
  max-width: 100%;
  height: 205px;
}

.anchor-arrow {
  align-self: flex-end;
  padding-bottom: 20px;
}

.anchor-arrow-responsive {
  display: none;
}

@media (max-width: 1250px) {

  .next-post {
    height: 800px;
  }

}

@media (max-width: 992px) {

  .fr-footer__brand { /* stylelint-disable-line */
    flex-basis: 100%;
  }

  .footer-content-custom {
    flex-basis: 100%;
  }

  .footer-list-custom {
    display: flex;
  }

  .footer-list-custom li:first-child {
    margin-top: 0.5rem;
  }

  .post-card-first {
    display: block;
  }

  .next-post {
    height: 100%;
    width: 100%;
  }

  .next-post-img {
    height: 100%;
  }

}

@media (max-width: 768px) {

  .fr-quote {
    background-image: none !important;
  }

  .anchor-arrow {
    display: none;
  }

  .anchor-arrow-responsive {
    display: flex;
    justify-content: center;
    width: 100%;
  }

}

@media (max-width: 580px) {

  .fr-footer__brand { /* stylelint-disable-line */
    flex-basis: 100%;
  }

}

/* WordPress Core
-------------------------------------------------------------- */
.aligncenter,
div.aligncenter {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.alignleft {
  float: left !important;
}

.alignright {
  float: right !important;
}

/* Help part
-------------------------------------------------------------- */
.help-part {
  display: flex;
  flex-grow: 1;
  background: linear-gradient(to bottom, #000091 50%, #0063cb 100%);
  padding: 15px 0;
}

.help-part .first-part,
.help-part .second-part {
  display: flex;
  flex: 1;
  height: 256px;
  justify-content: center;
  flex-direction: row;
}

.help-part .first-part {
  justify-content: flex-end;
  border-right: 1px solid #518fff;
}

.help-part .second-part {
  justify-content: flex-start;
}

.help-part .content-part {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: 38rem;
  padding: 50px 10px;
}

.help-part .custom-btn {
  color: #fff;
  border: 1px solid #fff;
  padding: 10px;
  display: inline-table;
  margin-bottom: 10px;
}

.help-part .custom-btn:hover {
  background-color: transparent;
}

.help-part .image-carto {
  width: 30%;
}

@media (max-width: 968px) {

  .help-part .first-part,
  .help-part .second-part {
    height: 350px;
  }

  .help-part .content-part {
    padding-top: 75px;
  }

  .help-part .image-carto {
    width: 50%;
  }

}

@media (max-width: 480px) {

  .help-part .first-part,
  .help-part .second-part {
    height: 400px;
  }

  .help-part .content-part {
    padding-top: 20px;
  }

}

@media (max-width: 338px) {

  .help-part .first-part,
  .help-part .second-part {
    height: 600px;
  }

}