/**
 * Styles pour le bloc Hero Intranet
 * Ces styles sont chargés dans l'éditeur Gutenberg et sur le front-end
 */

.intranet-hero {
  position: relative;
  background-color: var(--brand-beige, #f2f0eb);
}

/* Effet grain */
.grain {
  background-image: url('/wp-content/themes/rfsa/assets/images/grain.png');
  background-repeat: repeat;
  background-size: auto;
  opacity: 0.34;
}

/* Responsive */
@media (max-width: 1023px) {
  .intranet-hero {
    padding-left: var(--spacing-spacing-16, 16px);
    padding-right: var(--spacing-spacing-16, 16px);
    padding-top: var(--spacing-spacing-64, 64px);
  }
  
  .intranet-hero .flex.content-stretch {
    flex-direction: column;
    gap: var(--spacing-spacing-24, 24px);
  }
}