/**
 * Theme Name: OMS Colmar
 * Template: twentytwentyfive
 * Author: Victor Haren
 * Version: 1.0
 */

body {
    --wp--style--global--content-size: 990px;
/*background-image: url(assets/images/background.png);
background-repeat: no-repeat;
/*background-size: cover;
background-attachment: scroll; */
}

.oms-banner {
  background: #d5d5d6 url(assets/images/banner.png) no-repeat center;
  background-size: auto 100%;
}

.oms-banner a {
  display: block;
  height: 250px;
  height: clamp(150px, 40vw - 150px, 250px);
}

.oms-banner a span {
  visibility: hidden;
}

.oms-main-menu.wp-block-group {
  margin-top: 0;
  background-color: #47505a;
}

.oms-main-menu .wp-block-navigation {
  row-gap: 0;
}

.oms-main-menu .wp-block-navigation .wp-block-navigation-item {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.oms-main-menu .wp-block-navigation .wp-block-navigation-link,
.oms-main-menu .wp-block-navigation .wp-block-navigation-item__content,
.oms-main-menu .wp-block-navigation .wp-block-navigation__submenu-icon {
  color: #fff;
}

.oms-main-menu .wp-block-navigation .wp-block-navigation-link:hover {
  color: #00914c;
}

.oms-main-menu .wp-block-navigation .wp-block-navigation__submenu-container {
  background-color: #4a545e!important;
}

.oms-main-menu .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
  padding: 0.5rem 0;
  color: #fff;
}

.oms-main-menu .wp-block-navigation__responsive-container-close {
  color: #fff;
}

.oms-main-menu .wp-block-navigation__responsive-container.has-base-background-color {
  --wp--preset--color--base: #4a545e;
}

.oms-page-footer {
  background-color: #575556;
  color: #fff;
}

h1.wp-block-heading {
  text-align: center;
}

/* Enlève l'espace entre l'image et le nom de la catégorie ou du sport. */
.oms-association-list .wp-block-image + p {
  margin-top: 0;
}

.oms-color-aquatic { color: #0c7ac3; }
.oms-color-rackets { color: #f08f32; }
.oms-color-ball { color: #d9002d; }
.oms-color-running { color: #f4ba22; }
.oms-color-gym { color: #503673; }
.oms-color-outdoor { color: #56a451; }
.oms-color-misc { color: #a6a6a6; }

.oms-association-container h2 {
  color: #00914c;
}

.oms-association-container + .oms-association-container::before {
  display: block;
  width: max(300px, 50%);
  max-width: 100%;
  margin: 3rem auto;  
  content: "";
  border-top: 3px solid #00914c;
}