/*!
 * VILLAGE v0.0.3 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
 */
@charset "UTF-8";

/**
* Mixin d'ajout des icones des réseaux sociaux
**/

/**
* Mixin d'ajout des icones des réseaux sociaux
**/
@media (min-width: 36em) {
  /*! media sm */
}
@media (min-width: 48em) {
  /*! media md */
}
@media (min-width: 62em) {
  /*! media lg */
}
@media (min-width: 78em) {
  /*! media xl */
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /**
  * Correctif de la largeur max des textes
  */
  .village-follow__newsletter > * {
    max-width: 100%;
  }

  .village-follow .village-btn--dailymotion::before {
    background-image: url("../../icons/logo/village--dailymotion-fill.svg");
  }

  .village-follow .village-btn--facebook::before {
    background-image: url("../../icons/logo/facebook-circle-fill.svg");
  }

  .village-follow .village-btn--github::before {
    background-image: url("../../icons/logo/github-fill.svg");
  }

  .village-follow .village-btn--instagram::before {
    background-image: url("../../icons/logo/instagram-fill.svg");
  }

  .village-follow .village-btn--linkedin::before {
    background-image: url("../../icons/logo/linkedin-box-fill.svg");
  }

  .village-follow .village-btn--mastodon::before {
    background-image: url("../../icons/logo/mastodon-fill.svg");
  }

  .village-follow .village-btn--snapchat::before {
    background-image: url("../../icons/logo/snapchat-fill.svg");
  }

  .village-follow .village-btn--telegram::before {
    background-image: url("../../icons/logo/telegram-fill.svg");
  }

  .village-follow .village-btn--threads::before {
    background-image: url("../../icons/logo/threads-fill.svg");
  }

  .village-follow .village-btn--tiktok::before {
    background-image: url("../../icons/logo/village--tiktok-fill.svg");
  }

  .village-follow .village-btn--twitch::before {
    background-image: url("../../icons/logo/twitch-fill.svg");
  }

  .village-follow .village-btn--twitter::before {
    background-image: url("../../icons/logo/twitter-fill.svg");
  }

  .village-follow .village-btn--twitter-x::before {
    background-image: url("../../icons/logo/twitter-x-fill.svg");
  }

  .village-follow .village-btn--vimeo::before {
    background-image: url("../../icons/logo/vimeo-fill.svg");
  }

  .village-follow .village-btn--youtube::before {
    background-image: url("../../icons/logo/youtube-fill.svg");
  }

  .village-follow .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg) .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::before,
  .village-follow .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg) .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-follow .village-btns-group--lg .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::before,
  .village-follow .village-btns-group--lg .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
  }

  .village-follow .village-link--facebook::before,
  .village-follow .village-link--facebook::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../../icons/logo/facebook-circle-fill.svg");
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-follow .village-link--twitter::before,
  .village-follow .village-link--twitter::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../../icons/logo/twitter-fill.svg");
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-follow .village-link--instagram::before,
  .village-follow .village-link--instagram::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../../icons/logo/instagram-fill.svg");
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-follow .village-link--linkedin::before,
  .village-follow .village-link--linkedin::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../../icons/logo/linkedin-box-fill.svg");
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-follow .village-link--youtube::before,
  .village-follow .village-link--youtube::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../../icons/logo/youtube-fill.svg");
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-follow .village-links-group:not(.village-links-group--sm):not(.village-links-group--lg) .village-link:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::before,
  .village-follow .village-links-group:not(.village-links-group--sm):not(.village-links-group--lg) .village-link:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-follow .village-links-group--lg .village-link:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::before,
  .village-follow .village-links-group--lg .village-link:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
  }

  .village-follow {
    background-color: hsl(180, 80%, 98%);
  }

  .village-follow .village-input {
    background-color: #fff;
  }

  .village-follow__title {
    color: #161616;
  }

  .village-follow__newsletter-legal {
    color: #666;
  }

  .village-follow__social .village-btn {
    background-color: transparent;
    color: hsl(180, 75%, 25%);
  }

  .village-follow__social .village-btn:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-follow__social .village-btn:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-follow__social .village-btn:disabled,
  .village-follow__social a.village-btn:not([href]) {
    color: #929292;
    background-color: transparent;
  }

  .village-follow__social .village-btn:disabled:hover,
  .village-follow__social a.village-btn:not([href]):hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-follow__social .village-btn:disabled:active,
  .village-follow__social a.village-btn:not([href]):active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-follow .village-grid-row > *:not(:first-child) {
    box-shadow: 0 -1px 0 0 hsl(180, 85%, 25%);
  }

  .village-follow__social .village-link {
    background-color: transparent;
    color: hsl(180, 75%, 25%);
  }

  .village-follow__social .village-link:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-follow__social .village-link:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-follow__social .village-link:disabled,
  .village-follow__social a.village-link:not([href]) {
    color: #929292;
    background-color: transparent;
  }

  .village-follow__social .village-link:disabled:hover,
  .village-follow__social a.village-link:not([href]):hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-follow__social .village-link:disabled:active,
  .village-follow__social a.village-link:not([href]):active {
    background-color: rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 48em) and (-ms-high-contrast: none), (min-width: 48em) and (-ms-high-contrast: active) {
  .village-follow .village-grid-row > *:not(:first-child) {
    box-shadow: -1px 0 0 0 hsl(180, 85%, 25%);
  }
}
