/*
 Theme Name:   Club Store
 description: >-
   Theme du Club Store, enfant de twentytwenty
 Author:       Karl Gagnon
 Template:     twentytwenty
 Version:      1.0.0
*/
/* BLOCK: BASE MARGINS */
.wp-block-archives:not(.alignwide):not(.alignfull),
.wp-block-categories:not(.alignwide):not(.alignfull),
.wp-block-code,
.wp-block-columns:not(.alignwide):not(.alignfull),
.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-media-text:not(.alignwide):not(.alignfull),
.wp-block-preformatted,
.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-verse,
.wp-block-video:not(.alignwide):not(.alignfull) {
  margin: 0; }

.wp-block-archives:not(.alignwide):not(.alignfull),
.wp-block-categories:not(.alignwide):not(.alignfull),
.wp-block-code,
.wp-block-columns:not(.alignwide):not(.alignfull),
.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-media-text:not(.alignwide):not(.alignfull),
.wp-block-preformatted,
.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-verse,
.wp-block-video:not(.alignwide):not(.alignfull) {
  margin: 0; }

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: none;
  width: calc(100% - 4rem);
  width: 100%; }

[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: none;
  width: 100%; }

.entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt {
  font-family: inherit; }

@font-face {
  font-family: 'chapaza_italicitalic';
  src: url("assets/fonts/chapaza_italic-webfont.woff2") format("woff2"), url("assets/fonts/chapaza_italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'chapazaregular';
  src: url("assets/fonts/chapaza-webfont.woff2") format("woff2"), url("assets/fonts/chapaza-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
h1, h2, h3, h4, h5, h6 {
  font-family: 'chapazaregular'; }

h1 {
  font-family: 'chapazaregular' !important;
  text-align: center;
  margin: 0.5em auto 0 !important;
  color: #231f59 !important;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 2em;
  padding: 0.75em 0;
  background-color: #f7f7f7; }

p {
  font-family: "Open Sans", sans-serif !important; }

a {
  color: #231f59; }
  a:hover {
    color: #56c7e5 !important; }

header#site-header {
  font-family: 'chapazaregular'; }

.header-toggles {
  display: none; }

body.home main article header {
  display: none; }

figure {
  margin: 0; }

.header-inner {
  padding: 0; }

.site-logo img {
  max-height: 8em; }

.telephone {
  margin-left: 2em;
  font-size: 1.7em; }
  .telephone a {
    color: #56c7e5;
    text-decoration: none; }

.primary-menu {
  font-size: 1.125em;
  text-transform: uppercase; }
  .primary-menu li.current-menu-item > a, .primary-menu .primary-menu li.current-menu-item > .link-icon-wrapper > a, .primary-menu .current-page-ancestor > a {
    border-bottom: 3px solid #56c7e5 !important;
    text-decoration: none !important; }
  .primary-menu a:hover {
    text-decoration: none;
    color: #56c7e5; }

.homeMood {
  text-align: center; }

.owl-carousel {
  display: inline-block; }

.owl-stage-outer {
  max-width: none !important; }

.entry-content > .alignfull {
  margin: 0; }

.singular .entry-header {
  padding: 1rem 0; }

.section-inner.medium {
  max-width: none !important;
  width: 100%; }

.grilleServices {
  margin: 0 auto !important;
  max-width: 1420px !important; }

.grilleServices > div {
  display: flex; }
  .grilleServices > div .col1 {
    flex: 0 0 32%;
    height: auto;
    margin: 0 1% 0 0 !important; }
    .grilleServices > div .col1 > div {
      display: flex;
      flex-direction: column;
      height: 100%; }
  .grilleServices > div .col2 {
    flex: 0 0 66%; }
    .grilleServices > div .col2 > div {
      display: flex;
      flex-wrap: wrap; }
      .grilleServices > div .col2 > div .row1 > div {
        display: flex;
        margin-bottom: 1em; }
  .grilleServices > div img {
    width: 100%; }

.blocServiceCouleur {
  font-family: 'Open Sans';
  background-color: #56c7e5;
  color: #fff;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: auto;
  font-size: 1.5em;
  line-height: 1.3em !important;
  margin: 0 0.5em 0 0; }
  .blocServiceCouleur span {
    text-align: center; }
    .blocServiceCouleur span strong {
      display: inline-block;
      width: 100%; }

.blocListeService {
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1em !important;
  font-family: 'Open Sans' !important;
  color: #231f59 !important;
  height: 100%; }
  .blocListeService h1, .blocListeService h2, .blocListeService h3 {
    font-family: 'Open Sans' !important;
    text-transform: uppercase;
    text-align: center;
    margin: 1em 0; }
  .blocListeService h2 {
    font-size: 1.5em; }
  .blocListeService figure {
    text-align: center; }
  .blocListeService img {
    width: auto !important;
    display: inline-block; }
  .blocListeService ul {
    list-style: none;
    text-align: center;
    font-size: 1.2em;
    line-height: 1em; }
    .blocListeService ul li {
      margin: 0;
      padding: 0; }

.bandeauInfoWrapper {
  margin-top: 3em !important;
  background-color: #f7f7f7;
  background-image: url("assets/images/mood_milieu.jpg");
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: right center;
  min-height: 26em;
  display: flex;
  align-items: center; }
  .bandeauInfoWrapper .bandeauInfo {
    max-width: 1420px !important;
    margin: 0 auto !important; }
    .bandeauInfoWrapper .bandeauInfo > div {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      width: 50%;
      padding: 3em;
      margin: 0 !important; }
      .bandeauInfoWrapper .bandeauInfo > div img {
        margin: 0 auto !important; }
      .bandeauInfoWrapper .bandeauInfo > div h2 {
        font-family: 'chapazaregular' !important;
        text-align: center;
        margin: 0.5em auto 0 !important;
        color: #231f59 !important;
        text-transform: uppercase;
        font-weight: normal;
        font-size: 2em; }
      .bandeauInfoWrapper .bandeauInfo > div p {
        font-size: 0.6875em;
        color: #595959;
        text-align: center;
        line-height: 1.75em;
        margin-top: 1em; }

.titreCollection > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1420px;
  margin: 3em auto 1em !important; }
  .titreCollection > div img {
    margin: 0 auto !important; }
  .titreCollection > div h2 {
    font-family: 'chapazaregular' !important;
    text-align: center;
    margin: 0.5em auto 0 !important;
    color: #231f59 !important;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 2em; }
  .titreCollection > div p {
    font-size: 0.6875em;
    color: #595959;
    text-align: center;
    line-height: 1.75em;
    margin-top: 1em;
    padding: 0 25% !important; }
  .titreCollection > div hr {
    width: 4% !important;
    margin: 1em auto !important;
    background: none;
    background-color: #000 !important;
    height: 2px !important; }
    .titreCollection > div hr:before, .titreCollection > div hr:after {
      content: '';
      background: none; }

.collectionHome {
  margin: 0 auto !important;
  max-width: 1420px !important; }
  .collectionHome figcaption {
    padding: 0 5em !important;
    margin: 0 !important;
    height: 100% !important;
    background: none !important;
    font-size: 0.5em !important;
    letter-spacing: 2px;
    font-family: 'Open Sans' !important;
    display: flex !important;
    align-items: center !important;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 70%, transparent) !important; }
    .collectionHome figcaption a {
      display: flex !important;
      flex-wrap: wrap;
      align-items: center !important;
      align-content: center !important;
      justify-content: center;
      height: 100% !important;
      text-decoration: none !important; }
    .collectionHome figcaption strong {
      display: inline-block !important;
      font-size: 3em !important;
      text-transform: uppercase;
      margin-bottom: 0.25em !important;
      width: 100%; }

.wp-block-button__link {
  background-color: #56c7e5;
  font-size: 0.6em; }
  .wp-block-button__link:hover {
    color: #fff !important;
    background-color: #1baad0;
    text-decoration: none !important; }
  .wp-block-button__link i {
    display: inline-block;
    margin-left: 1em; }

.zoneMarques {
  margin: 0 auto !important;
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
  border-top: 1px solid #ccc;
  padding-top: 2em !important; }
  .zoneMarques ul li {
    padding: 0 !important;
    margin: 1em 0 !important;
    text-align: center !important;
    flex: 1 1 300px !important; }
  .zoneMarques ul li figure {
    display: flex !important;
    align-items: center !important;
    text-align: center !important; }
    .zoneMarques ul li figure img {
      margin: 0;
      padding: 0;
      max-width: 300px !important;
      width: auto !important; }

article.page div.entry-content {
  margin: 0 auto !important;
  max-width: 1420px !important; }

body.home div.entry-content {
  margin: 0 !important;
  max-width: none !important; }

.blocEquipe li {
  width: 100% !important; }
  .blocEquipe li img {
    max-width: 230px !important;
    flex: 0 0 230px !important;
    margin-right: 1em !important; }
  .blocEquipe li figure {
    align-items: center !important; }
  .blocEquipe li figcaption {
    position: static !important;
    background: none !important;
    color: #000 !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    line-height: 1.5em !important; }

.blocContactDirection > div {
  display: flex !important;
  flex-wrap: nowrap;
  max-height: 650px !important; }
  .blocContactDirection > div p {
    margin-top: 3em !important;
    text-align: center; }

main.pageProduct header {
  display: none !important; }
main.pageProduct article.page div.entry-content {
  margin: 0 !important;
  max-width: none !important;
  background-color: #f7f7f7; }
main.pageProduct .productZone > div {
  display: flex !important;
  flex-wrap: nowrap !important;
  margin: 1em auto !important;
  max-width: 1420px !important;
  max-height: 750px !important;
  overflow: hidden !important; }
  main.pageProduct .productZone > div .productDesc {
    padding: 1em;
    flex: 0 0 50% !important;
    display: flex !important;
    align-items: center !important; }
    main.pageProduct .productZone > div .productDesc h2 {
      font-family: 'chapazaregular' !important;
      text-align: center;
      margin: 0em auto 0.5em !important;
      color: #231f59 !important;
      text-transform: uppercase;
      font-weight: normal;
      font-size: 1.85em;
      letter-spacing: 1px; }
      main.pageProduct .productZone > div .productDesc h2:before {
        content: '';
        display: block;
        width: 44px;
        height: 49px;
        background-image: url("assets/images/icnClub.png");
        background-repeat: no-repeat;
        margin: 0 auto 0.5em; }
    main.pageProduct .productZone > div .productDesc p {
      font-size: 0.7em;
      color: #595959;
      text-align: center;
      line-height: 1.75em;
      margin-top: 1em;
      width: 80% !important; }
  main.pageProduct .productZone > div .js-prod-gal {
    flex: 0 0 50%;
    max-width: 1420px;
    width: 100%; }
    main.pageProduct .productZone > div .js-prod-gal > div {
      max-width: 1420px;
      width: 100%; }

.prodNav {
  background-color: #56c7e5;
  padding: 2em 0;
  text-align: center; }
  .prodNav a {
    display: inline-block;
    color: #231f59;
    text-decoration: none;
    margin-right: 0.5em; }
    .prodNav a:hover {
      color: #000 !important; }
  .prodNav select {
    font-family: 'Open Sans';
    color: #858585;
    background-color: #fff;
    border-radius: 0;
    border: 0;
    min-width: 300px;
    font-size: 0.85em;
    padding: 0.25em;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none; }

.prodSelectWrapper {
  position: relative;
  display: inline-block; }
  .prodSelectWrapper i {
    font-size: 0.75em;
    position: absolute;
    right: 8px;
    top: 9px;
    z-index: 5;
    color: #56c7e5; }

h2.pAvantages {
  font-family: 'chapazaregular' !important;
  text-align: center;
  margin: 2em auto 0 !important;
  color: #231f59 !important;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1.5em; }

ul.pAvantages {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding-bottom: 2em; }
  ul.pAvantages li {
    margin: 0;
    padding: 0;
    font-size: 0.7em;
    color: #595959;
    text-align: center;
    line-height: 1.75em;
    margin-top: 1em;
    width: 80% !important; }

.homeMultiCta > div {
  display: flex;
  flex-wrap: no-wrap;
  justify-content: space-evenly;
  align-items: center; }
  .homeMultiCta > div > div {
    flex: 0 0 auto !important;
    margin: 1em 0 !important;
    width: auto !important;
    max-width: unset !important; }
    .homeMultiCta > div > div > div {
      display: flex;
      justify-content: center; }
  .homeMultiCta > div [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: unset !important;
    width: auto !important; }

.infoMoteur {
  font-size: 1.3em !important;
  color: #231f59 !important; }

.reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper, .reduced-spacing.footer-top-hidden #site-footer {
  border: 0; }

.footer-widgets-outer-wrapper {
  border: 0;
  padding: 3rem; }

.footer-nav-widgets-wrapper {
  background-color: #f4f4f4; }
  .footer-nav-widgets-wrapper h1, .footer-nav-widgets-wrapper h2, .footer-nav-widgets-wrapper h3 {
    color: #1badd4 !important;
    text-transform: uppercase !important;
    font-size: 0.9em !important;
    font-family: 'chapazaregular' !important;
    font-weight: 500 !important;
    text-align: center !important;
    margin: 0 0 0.75em !important; }
  .footer-nav-widgets-wrapper p {
    font-size: 0.6875em;
    color: #595959;
    text-align: center;
    line-height: 1.75em; }
    .footer-nav-widgets-wrapper p a {
      color: #595959 !important;
      font-weight: 500 !important;
      text-decoration: none; }
  .footer-nav-widgets-wrapper ul li.menu-item {
    font-size: 0.6875em;
    text-align: center;
    line-height: 1.75em; }
    .footer-nav-widgets-wrapper ul li.menu-item a {
      color: #595959 !important;
      font-weight: 500 !important; }
  .footer-nav-widgets-wrapper ul.listePaiement {
    list-style: none;
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    margin: 0; }
    .footer-nav-widgets-wrapper ul.listePaiement li {
      margin: 0 !important; }
      .footer-nav-widgets-wrapper ul.listePaiement li img {
        margin: 0 !important; }

.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
  margin-top: 2em; }

footer#site-footer {
  background-color: #231f59;
  color: #fff;
  font-weight: normal;
  padding: 1em 0;
  font-family: 'Open Sans' !important; }
  footer#site-footer a, footer#site-footer a.to-the-top {
    color: #fff;
    font-weight: normal; }

@media (max-width: 1300px) {
  .telephone {
    margin-left: 1em;
    font-size: 1em; }

  .bandeauInfoWrapper {
    background-size: contain;
    background-position: 50vw center; }

  .collectionHome {
    width: calc(100% - 2em) !important; } }
@media (max-width: 1100px) {
  ul.primary-menu {
    font-size: 1.5rem; }

  div.header-titles {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center; }

  .nav-toggle .toggle-icon, .nav-toggle svg {
    padding: 0 !important;
    display: inline-block !important;
    width: auto;
    height: auto;
    font-size: 1.5em; }

  .toggle-inner {
    padding: 0 !important;
    width: auto;
    height: auto; }

  .header-inner .toggle {
    padding: 0 !important; }

  div.grilleServices {
    font-size: 0.5em !important; }

  .bandeauInfoWrapper {
    background-image: none;
    min-height: auto !important; }
    .bandeauInfoWrapper .bandeauInfo > div {
      width: 100%; }

  .collectionHome figcaption {
    padding: 0 0.5em !important; }

  main.pageProduct .productZone > div {
    flex-wrap: wrap !important;
    max-height: none !important; }
    main.pageProduct .productZone > div .productDesc, main.pageProduct .productZone > div .js-prod-gal {
      flex: 0 0 100% !important; }
    main.pageProduct .productZone > div .js-prod-gal > div img {
      width: 50%;
      margin: 0 auto; } }
@media (max-width: 800px) {
  .collectionHome figcaption strong {
    font-size: 1.5em !important;
    margin-bottom: 0.5em !important; }

  .homeMultiCta > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    .homeMultiCta > div > div > div {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
    .homeMultiCta > div .wp-block-button {
      width: 90% !important;
      flex: 0 0 90% !important;
      text-align: center;
      margin: 0 0 0.5em; } }
@media (max-width: 600px) {
  .site-logo img {
    max-height: 6em; }

  .grilleServices > div {
    display: flex;
    flex-wrap: wrap; }
    .grilleServices > div .col1 {
      flex: 0 0 100%;
      height: auto;
      margin: 0 !important; }
      .grilleServices > div .col1 > div {
        display: flex;
        flex-direction: row;
        height: 100%; }
        .grilleServices > div .col1 > div figure {
          flex: 0 0 50%;
          height: auto; }
        .grilleServices > div .col1 > div p {
          padding: 0 !important;
          margin: 0 !important; }
    .grilleServices > div .col2 {
      flex: 0 0 100%;
      margin-top: 1em !important; }
      .grilleServices > div .col2 > div {
        display: flex;
        flex-wrap: wrap; }
        .grilleServices > div .col2 > div .row1 > div {
          display: flex;
          margin-bottom: 1em; }
    .grilleServices > div img {
      width: 100%; }

  .blocListeService {
    margin: 0 !important; }
    .blocListeService img {
      width: 50% !important; }

  .blocEquipe li img {
    flex: 0 0 100px !important; }

  .blocContactDirection > div {
    flex-wrap: wrap !important; } }
@media (max-width: 500px) {
  .site-logo img {
    max-height: 4em; }

  .blocEquipe ul li figure {
    flex-wrap: wrap !important;
    align-content: center !important;
    justify-content: center !important;
    text-align: center !important; }
    .blocEquipe ul li figure img {
      height: auto !important;
      flex: 0 0 100% !important; }
    .blocEquipe ul li figure figcaption {
      text-align: center !important; }

  .collectionHome figcaption strong {
    font-size: 2em !important; } }

/*# sourceMappingURL=style.css.map */