/**
 * ###############  Fonts  ##################
 */
@font-face {
    font-family: 'Victoria CAT';
    src: url('../../polices/VictoriaCAT.eot');
    src: url('../../polices/VictoriaCAT.eot?#iefix') format('embedded-opentype'),
        url('../../polices/VictoriaCAT.woff2') format('woff2'),
        url('../../polices/VictoriaCAT.woff') format('woff'),
        url('../../polices/VictoriaCAT.ttf') format('truetype'),
        url('../../polices/VictoriaCAT.svg#VictoriaCAT') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/**
 * ############### Typo  ##################
 */

 h2:not(.fc-center h2)::after {
  content: "";
  display: block;
  width: 90%;
  height: 6px;
  background-color: var(--bleu-fonce);
  margin-top: 10px;
  margin-bottom: 40px;
}

.hydre-subtitle {
  text-transform: uppercase;
  font-weight: 600;
  color: var(--vert-fonce);
  letter-spacing: 2px;
}


/**
 * ###############  Général  ##################
 */

body {
  max-width: 1920px;
  font-size: clamp(14px, 1.2vw, 16px);
}

.content-area {
  background-image: url(../../../../uploads/2026/07/background-hydre-6.png);
  background-repeat: no-repeat;
  background-size: 88%;
  background-position: right bottom;
  padding-bottom: 60px;
}

.wp-block-group__inner-container {
  padding: 0 !important;
}

.site-main ul:not(.wp-block-post-template) {
  list-style: url(../../../../uploads/2026/06/triangle-orange.png);
  margin-left: clamp(5px, 2vw, 20px);
}
.site-main ul > li > ul {
  list-style: disc !important;
}
.site-main ul:not(.wp-block-post-template) li {
  padding-left: 5px;
}

@media (max-width: 768px) {
  .one-container .site-content {
    padding-bottom: 0;
  }

}

@media (min-width: 769px) {
  .one-container .site-content {
    padding: 0;
  }
  .site-content .content-area {
    width: 65%;
    flex-grow: 1;
    margin-top: 40px;
  }
  .one-container.left-sidebar .site-main  {
    margin-left: 5%;
    margin-right: 5%;
  }
}

/**
* ################# Boutons ################
*/

.wp-block-button {
  max-width: 245px;
  width: 100%;
}

.wp-block-buttons > .wp-block-button {
  margin-bottom: 10px;
}

.wp-block-button .wp-block-button__link {
  border-radius: 10px;
  box-shadow: inset 0 0 7px 4px rgba(0,0,0,0.2), 4px 4px 6px rgba(0,0,0,0.2);
  height: 55px;
  padding: 5px 20px;
  line-height: 1.2;
  font-size: clamp(13px, 1cqw, 16px);
}

.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:visited {
  color:white;
}

.wp-block-button__link.has-bleu-fonce-background-color:hover {
  background-color: var(--bleu-clair) !important;
}

.bloc-boutons-horizontal {
  gap: 40px;
}

/**
 * ###############  Mobile Arrow  ##################
 */

 .mobile-arrow {
  text-align: center;
  margin-bottom: 40px;
 }

 @media (max-width: 768px) {
  .sidebar {
    scroll-margin-top: 65px;
  }
 }