@import "eNj0y.less";

@media (max-width: 1024px) {
  #page {
    .PTx(70);
  }

  #site-navigation {
    .PWx(10);
    .iPOSfix();
    .BG(white);
    .Tx(0);

    a#logo img {
      .Hx(50);
      .MHx(10);
    }

    #zoom {
      .D0i();
    }

    .burger {
      .DBi();
      .iPOSabs();
      .Rx(0);
      .iMHx(0);
      .iMTx(20);
      .MRx(20);
      .Z(1);
    }
  }

  body > #wpfront-notification-bar-spacer #wpfront-notification-bar {
    .iTa();
    .Bx(0);
  }

  .site-header {
    .Z(10000);
  }

  .navigation-top nav#site-navigation .menu-main-menu-container {
    .DB();
    .POSabs();
    .Rx(0);
    .Hx(70);
    .Hx(0);
    .OF0();
    .PE0();
    .T1(@T3);

    &.open {
      .DT();
      .PE1();
    }

    ul {
      .MTx(70);
      .MRi(60);

      li {
        .DB();
        .TA0();
        .BG(white);
        .FZ(0);
        .W1();
        margin-left: initial;

        &:first-child a {
          .Wa();
          .Ha();
          background-image: none;
          text-indent: initial;
        }

        &:first-child:hover a, &:first-child:hover a:hover {
          .BC(#253369);
          .B(1,#253369);
        }

        &.maison {
          .W1();
        }

        a {
          .DI();
          .W1();
          .LHx(36);
          .PWx(20);
          .B1(transparent);
        }

        &.current-menu-item a {
          .BC(#253369);
        }
      }
    }
  }

  footer#colophon .wrap aside {
    .DB();
    .TA5();

    .widget-column:not(:last-child), .widget-column:last-child {
      .iWp(41%);
      .MWp(2%);
      .MBx(50);
      .TA0();

      h2.widget-title {
        .MBx(20);
      }

      &.footer-widget-4 a:first-of-type {
        .MBx(50);
      }
    }
  }

  #gaston {
    &:after {
      display: none;
    }
  }

  .contenu {
    & > div {
      .PWp(5%);

      h1, p {
        .TA0();
      }

      &.oiseau {
        .MBx(50);

        h1 {
          .MBx(50);
        }
      }
    }

    &.visite .colonne::after {
      .POSrel();
      .Ma();
      .Bx(0);
      .maxWp(100%);
      .maxHp(~"calc(100vw*753/397)")
    }

    &.blanc .colonne .partner {
      .TA5();
      .Px(30, 30);
      .Ha();

      img, p {
        .F0();
        .M0();
      }

      p {
        .Wa();
        .MTx(20);
      }

      a.voir {
        .Ra();
        .La();
        .POSrel();
        .M0();
        .DI();
        .MTx(30);
      }
    }
  }

  .page-id-14, .page-id-17 {
    .contenu {

      &.bleu, &.rouge {
        .PTx(50);

        .entete:after {
          .D0();
        }

        .bas {
          .POSrel();
        }
      }

      .wonderplugin3dcarousel {
        .iPBx(50);
      }
    }
  }

  #programme {
    .rouge {
      .PBx(0);

      .bloc {
        .Px(20, 20);
        .M0();
        .Wp(44%);
        .MBx(40);
        .MWp(2%);
      }
    }

    .contenu .colonne#events {

      .filtres {
        .DF();
        flex-wrap: wrap;
        .FX55();

        & > div {
          .DI();
          .F0();
          .iWp(~"calc(50% - 20px)");
          .Mi(10px);
        }

        & > div:first-child {
          .DB();
        }

        p.filtreLabel {
          .F0();
          .W1();
        }
      }

      .ev {
        .MBx(50);

        p {
          .FZ(15);
          .LHx(18);
          .PWx(20);
          //.DF();
          .FX5();
        }

        .boutons > * {
          .Fx(22, 24, 700);
        }
      }
    }

    footer {
      .iMTx(50);
    }
  }

  .page-id-20 {
    .contenu.bleu {
      .PTx(50);

      .colonne#coords {
        .DB();
        .FZ(0);
        .TA5();

        & > div {
          .Wp(50%);
          .DI();
          .VAtop();
          .MBx(20);

          &:last-child {
            .Wp(65%);
          }
        }
      }
    }

    .contenu.blanc {
      .PBx(30);

      .colonne .map {
        .MHx(30);
      }
    }
  }

  .page-id-23 {
    .contenu {
      .colonne {
        .DB();
        .TA5();

        .telec {
          .MBx(100);
        }
      }
    }
  }

  .single-event article .entry-content {
    .em-booking-form .em-booking-form-details {
      p.input-first_name, p.input-last_name, #rad1, #rad2 {
        .W1();
      }

      #rad2 {
        .MLx(0);
        .MTx(10);
      }

    }

    .contenu .colonne {
      h1, p {
        .TA5();
      }
    }
  }
}

@media (min-width: 481px) and (max-width: 1024px) {
  .page-id-17 {
    .contenu .colonne#events .ev {

      .ima {
        .BGsiz(~"auto 50%");
      }

      p {
        .Wp(65%);
      }
    }
  }
}

@media (max-width: 768px) {
  #programme {
    .contenu .colonne#events {
      .ev {
        .DB();
        .Ha();

        > * {
          .Ha();
        }

        .ima, .content, .boutons {
          .W1();
          .M0();
          .DB();
        }

        .ima {
          .TAcen();
        }
        .content {
          .MT(15);
        }
        .boutons div {
          .Ha();
          .P(0,15);
          .MB(10);
        }
      }
    }
    }
}

@media (max-width: 480px) {
  #page {
    .PTx(50);
  }

  #site-navigation {
    a#logo img {
      .Hx(40);
      .MHx(5);
    }

    #zoom {
      .D0i();
    }

    .burger {
      .iMTx(10);
      .MRx(10);
    }
  }

  .navigation-top nav#site-navigation .menu-main-menu-container ul {
    .MTx(50);
  }

  .contenu.visite .colonne {
    .PWx(20);

    .bloc {
      .MWx(0);
      .W1();
      .PWx(20);
      .Ha();

      p {
        .TA0();
      }

      p:last-child {
        .MBx(0);
      }
    }
  }

  footer#colophon .wrap aside .widget-column:not(:last-child),
  footer#colophon .wrap aside .widget-column:last-child {
    .TA5();;
    .iWp(90%);

    h2.widget-title {
      .PWx(30);
    }

    .widget .menu-main-menu-container ul li {
      .PWx(30);
    }

    &.footer-widget-4 a {
      .F0();
    }
  }

  .page-id-17 {
    .rouge {
      .bloc {
        .Wp(90%);
        .MWx(0);
        .Ha();
      }
    }

    .contenu .colonne {
      &#news {
        .DB();

        h1 {
          .DB();
        }

        & > div {
          .Wp(100%);
          .Hp(~"calc(90vw)");
          .minWp(0);
          .BGsiz(100%);
          .MTx(30);
        }
      }

      &#events {
        .filtres {

          & > div {
            .F0();
            .M0();
            .iWp(~"calc(50% - 20px)");
            .FZ(14);
          }
        }

        .ev {
          .DB();
          .Ha();

          .ima {
            .Hx(200);
            .MTx(50);
          }
        }
      }
    }
  }

  .page-id-20 {
    .contenu.bleu .colonne#coords {
      & > div {
        .iW1();
        .PWx(20);
        .Ha();

        p {
          .FZ(20);
        }
      }
    }
  }
  .contact {
    input, textarea {
      .FZ(18);
    }
  }

  .page-id-23 .contenu .colonne .telec {
    .W1();

    h1 {
      .Fx(32, 36, 700);
      .TA5();
    }

    div {
      .W1();
      .Hp(~"calc(90vw)");
    }
  }

  .single-event article .entry-content .em-booking-form .em-booking-form-details {
    input, textarea, span {
      .FZi(20);
    }
  }
}