/*  ===== HEADER ===== */
.page-header {
  padding: 18px 18px 40px 18px;
}

.page-header .attachment-post-thumbnail,
.page-header .wp-post-image img {
  border-radius: 30px;
  height: 320px;
  width: 100%;
  object-fit: cover;
}

.page-header-content {
  position: relative;
  z-index: 2;
  padding-top: 32px;
  border-radius: 30px;
  background-color: #FFF;
  text-align: center;
}

.page-header-content {
  padding: 32px 24px 0;
  max-width: calc(100% - 32px);
  width: 670px;
  margin: -75px auto 0;
}

.page-header-content h1 {
  font-weight: 400;
}

.page-header-content img {
  display: inline-block;
  width: 114px;
  height: auto;
}

.page-header .page-header-subtitle {
  font-family: var(--title-font), sans-serif;
  font-size: 32px;
  color: #4C3D90;
}

.page-header .share-header {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  letter-spacing: 7px;
  color: #443283;
  font-family: "Source Sans Pro";
  font-size: 14px;
  font-weight: 600;  
  text-transform: uppercase;
}

.page-header .share-header .share-icon {
  border-radius: 50px;
  width: 52px;
  height: 34px;
  padding: 12px 10px;
  background: #F18FA6;
  cursor: pointer;
}

.page-header .share-header .share-icon svg {
  display: block;
  margin: auto;
  height: 12px;
  width: auto;
  fill: #FFF;
}

/*  ===== BODY ===== */

.page-body {
  margin: auto;
  padding-bottom: 32px;
  max-width: calc(100% - 32px);
  width: 1132px;
  display: grid;
  grid-gap: 24px;
}

.page-content img {
  border-radius: 30px;
}

.page-content p + p,
.page-content p + ul,
.page-content li + li,
.page-content p + h2,
.page-content p + h3{
  padding-top: 24px;
}


.page-content a {
  font-weight: bold;
  color: var(--wp--preset--color--pale-pink) !important;
}

.page-content h2 {
  color: var(--wp--preset--color--pale-pink) !important;
}

.page-content h3 {
  color: var(--secondary-color) !important;
  font-weight: normal;
}

.page-content h2,
.page-content h3 {
  margin: 0 0 24px 0;
}

.wp-block-media-text {
  margin: 24px 0;
}

/* QUI SOMMES NOUS */
.qsn-list {
  display: grid;
  grid-gap: 12px;
  margin-bottom: 48px;
}

.qsn-item {
  background: #FAFAFA;
  padding: 24px;
  display: grid;
  grid-gap: 24px;
  font-size: 14px;
}

.qsn-list .qsn-item p {
  margin: 0;
}

.qsn-item img {
  width: 100px;
  height: 100px;
  border-radius: 100px;
}

.qsn-name {
  color: #ED6D3C;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}

.qsn-list .qsn-item .qsn-job {
  margin-bottom: 12px;
  color: var(--Grey-1-g1-500, #6D859C);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.back-to-top {
  text-align: center;
}

.back-to-top button {
  padding: 13px;
  border-radius: 50px;
  background-color: #4C3D90;
  color: #FFF;
  text-transform: uppercase;
  font-size: 16px;
}

.page-sidebar .toc-title {
  margin-bottom: 32px;
  color: var(--secondary-color);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 7px;
  text-transform: uppercase;
}

.page-sidebar .toc-title:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: -4px;
  width: 20px;
  height: 2px;
  background-color: var(--secondary-color);
}

.page-sidebar #toc ul {
  list-style: none;
  padding: 0;
}

.page-sidebar #toc li {
  margin-bottom: 24px;
  padding-left: 40px;
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.53327 11.4333C6.39994 11.4333 6.2666 11.4 6.1666 11.3C5.9666 11.1 5.9666 10.8 6.1666 10.6L8.7666 7.99999L6.1666 5.39999C5.9666 5.19999 5.9666 4.89999 6.1666 4.69999C6.3666 4.49999 6.6666 4.49999 6.8666 4.69999L10.1666 7.99999L6.8666 11.3C6.7666 11.4 6.6666 11.4333 6.53327 11.4333Z" fill="%23F18FA6"/></svg>') no-repeat left center;
}

.page-sidebar #toc a {
  text-decoration: none;
  font-size: 14px;
}

.page-sidebar #toc a:hover {
  color: var(--secondary-color);
}


.mahii-newsletter.side .tnp-subscription form .tnp-field-email {
    width: 100%;
}

.mahii-newsletter.side .mahii-newsletter-content h4 {
  background: url('data:image/svg+xml,<svg width="43" height="44" viewBox="0 0 43 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34.0418 14.3854C34.0418 14.2958 34.0418 14.2958 34.0418 14.3854C34.0418 14.2062 34.0418 14.1167 33.9522 14.0271C33.9522 13.9375 33.8626 13.8479 33.773 13.6687C33.773 13.6687 33.773 13.6687 33.6835 13.5792C33.5939 13.4896 33.5043 13.4 33.4147 13.3104C33.3251 13.2208 33.2355 13.2208 33.0564 13.1312H32.9668C32.8772 13.1312 32.698 13.0417 32.6085 13.0417H10.2126C10.123 13.0417 9.94388 13.0417 9.8543 13.1312H9.76471C9.67513 13.1312 9.58555 13.2208 9.40638 13.3104C9.3168 13.4 9.22721 13.4896 9.13763 13.5792C9.13763 13.5792 9.13763 13.5792 9.04805 13.6687C8.95846 13.7583 8.95846 13.8479 8.86888 14.0271C8.86888 14.1167 8.7793 14.2062 8.7793 14.3854C8.7793 14.3854 8.7793 14.3854 8.7793 14.475V29.7042C8.7793 30.4208 9.40638 31.0479 10.123 31.0479H32.5189C33.2355 31.0479 33.8626 30.4208 33.8626 29.7042L34.0418 14.3854ZM29.0251 15.7292L21.5001 22L13.9751 15.7292H29.0251ZM11.646 28.2708V17.2521L20.6043 24.7771C20.873 24.9562 21.1418 25.1354 21.5001 25.1354C21.8585 25.1354 22.1272 25.0458 22.396 24.7771L31.3543 17.2521V28.2708H11.646Z" fill="white"/></svg>') no-repeat left center;
  padding-left: 55px;
  color: #FFF;
  text-align: left;
  font-size: 22px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.3;
}

.mahii-newsletter.side {
    padding: 20px;
    background-color: #ED6D3C;
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
    border-radius: 30px;
}

.mahii-newsletter.side .btn-inscr {
    margin-top: 10px;
}

.mahii-newsletter.side .btn-inscr a {
    display: block;
    padding: 10px 0;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: #FFF;
    background-color: #4C3C90;
    text-align: center;
    
}

.mahii-newsletter.side .btn-inscr a:hover {
    color: #4C3C90;
    background-color: #FFF;
}

.mahii-newsletter.side .tnp-subscription input.tnp-submit {
    background-color: #4C3C90;
}

.mahii-newsletter.side:after {
    display: block;
    content: '';
    position: absolute;
    top: -100px;
    left: -110px;
    background-image: url('../img/Skills.HR_etoile_Fleur_Orange_BGSombre.png');
    height: 274px;
    width: 274px;
    background-size: contain;
    transform: rotate(90deg);
    opacity: 0.9;
}

.page-sidebar hr.wp-block-separator {
  height: 1px;
}

.sidebar-more {
  font-style: italic;  
}

.sidebar-more a {
  margin-top: 16px;
  display: inline-block;
  padding: 9px 16px;
  font-style: normal;
  color: #FFF;
  background-color: #ED6D3C;
  border-radius: 80px;
  text-decoration: none;
  transition: background-color 0.3s;
}

.sidebar-more a:hover {
  background-color: #4C3C90;
}

.sidebar-more blockquote {
  margin: 0 0 16px 0;
  border-left: 2px solid #F18FA6;
  padding-left: 24px;
  font-size: 22px;
  font-style: italic;
  font-weight: 400;
  color: #3C4956;
}

.sidebar-more blockquote strong {
  color: #ED6D3C;
  font-size: 22px;
  font-style: italic;
  font-weight: 700;
}

@media (min-width: 768px) {
  .page-header {
    padding: 47px 47px 80px 47px;
  }
  .page-header-content h1 {
    font-size: 40px;
  }
  .page-body {
    padding-bottom: 80px;
    grid-template-columns: 275px auto;
    font-size: 18px;
  }
  .page-sidebar {
    position: sticky;
    top: 60px;
    align-self: flex-start;
  }
  .qsn-item {
    grid-template-columns: 100px auto;
    align-items: center;
  }
}

@media (min-width: 1024px) {
  .page-body {
    grid-gap: 96px;
  }
}