@media screen and (min-width: 40em) and (max-width: 63.9375em){
  .brands_form form ul li {
    width: 100%; 
    margin: 12px 0;
  }
}

@media screen and (min-width: 64em){
  .brands_form form ul li {
    width: calc(100% / 2.1 - 50px); 
    margin: 12px 0;
  }

  header.l-header .top-bar-container.sticky .site-navigation.top-bar .top-bar-left .top-bar-title .logo-wrapper {
    margin-right: 20px;
    flex: 0 0 250px;
    border-right: 0px solid rgba(255, 255, 255, 0.3);
  }
}

#myVideo {
  width: 100vw;
  height: 100vh;
  position: absolute;
  object-fit: cover;
  left:0; right:0; top:0; bottom:0;
  z-index:-1;
}

.brands_form {
  max-width: 850px;
  margin:0 auto;
}

.top-bar { width:100%; }

body h1, body h2, body h3, body h4, body h5 { text-transform:none; }

.single-post .titlebar:before {
  background-image: url(https://www.outwild.fr/wp-content/uploads/2023/10/alpes.jpg);
  background-repeat:no-repeat;
  content:"";
  display:block;
  height:100%;
  width:100%;
  position:absolute;
  top:0;
  background-size:cover;
  opacity:.05;
}

header.l-header .top-bar-container .top-bar .top-bar-right .menu li.has-dropdown > a:after {
  content:"\f078";
  font-family:"Font Awesome 5 Free";
  font-weight:700;
  right:5px;
  border:none;
  font-size:9px;
  color:#D0B274;
}

li.daterange.item-target { display:none !important; }

.bg-parallax-text { display:none; }

.brands_form form ul {
  display:flex;
  justify-content:center;
  width:100%;
  padding:0;
  margin:0;
  box-sizing:border-box;
}

.brands_form form ul li {
  flex:1;
  text-align:center;
}

.brands_form form ul li:nth-child(2) { display:none; }

.brands_form form ul li:nth-child(1) { width:100%; }

.brands_form form input[type="submit"].button {
  width:100%;
  box-sizing:border-box;
  border-radius:10px;
}

.brands_form form ul li .select2 .select2-selection {
  border-radius:10px;
  padding:13px 20px 10px;
  border:2px solid #F7F7F7;
  background:#fff;
  height:3.5875rem;
}

.brands_form form ul li .select2 .select2-selection .select2-selection__arrow b::after { display:none; }

.select2-container--default .select2-selection--single .select2-selection__rendered { color:#444; line-height:13px; }

.brands_form .submit-button .button { height:57px; }

@media (max-width:768px){
  .brands_form form ul {
    flex-wrap:wrap;
    justify-content:center;
  }

  .brands_form form ul li {
    padding:0;
    box-sizing:border-box;
  }

  .brands_form form ul li:nth-child(1) { width:100%; }

  .brands_form form input[type="submit"].button {
    width:100%;
    padding:0;
    font-size:16px;
    text-align:center;
  }
}

.wd-btn.btn-solid {
  color:#fff;
  background-color:#000;
  border:1px solid #000;
  transition:all 0.3s ease;
}

.header-cta a.btn-medium {
  color:#fff;
  background-color:var(--primary-color);
  transition:color 0.4s ease-in-out;
  background-size:calc(3.03849% - 0.455774px) 6px;
  border-radius:8px;
  padding:12px 24px;
}

.header-cta a.btn-medium:hover { color:rgb(55,55,55); }

@media screen and (min-width:64em){
  header.l-header .top-bar-container .top-bar .top-bar-right .menu li.has-dropdown { position:relative; }

  header.l-header .top-bar-container .top-bar .top-bar-right .menu li.has-dropdown .is-dropdown-submenu {
    background-color:rgba(0,0,0,0.9);
    min-width:200px;
    border-radius:8px;
    padding:8px 0;
    list-style:none;
    left:0;
    box-shadow:0 4px 20px rgba(0,0,0,0.2);
    position:absolute;
    z-index:9999;
    visibility:hidden;
    opacity:0;
    transform:translateY(10px);
    transition:opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
  }

  header.l-header .top-bar-container .top-bar .top-bar-right .menu li.has-dropdown:hover > .is-dropdown-submenu {
    visibility:visible;
    opacity:1;
    transform:translateY(0);
  }

  header.l-header .top-bar-container .top-bar .top-bar-right .menu li.has-dropdown .is-dropdown-submenu li {
    padding:6px 12px;
    border-bottom:1px solid rgba(255,255,255,0.1);
    color:#fff;
    text-transform:uppercase;
    font-weight:500;
    letter-spacing:0.5px;
    transition:background-color 0.2s ease;
  }

  header.l-header .top-bar-container .top-bar .top-bar-right .menu li.has-dropdown .is-dropdown-submenu li:hover {
    background-color:rgba(255,255,255,0.1);
    border-radius:4px;
  }

  header.l-header .top-bar-container .top-bar .top-bar-right .menu li.has-dropdown .is-dropdown-submenu .has-dropdown { position:relative; }

  header.l-header .top-bar-container .top-bar .top-bar-right .menu li.has-dropdown .is-dropdown-submenu .has-dropdown .is-dropdown-submenu {
    position:absolute;
    top:0;
    left:100%;
    z-index:10000;
    visibility:hidden;
    opacity:0;
    transform:translateX(10px);
    transition:opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
  }

  header.l-header .top-bar-container .top-bar .top-bar-right .menu li.has-dropdown .is-dropdown-submenu .has-dropdown:hover > .is-dropdown-submenu {
    visibility:visible;
    opacity:1;
    transform:translateX(0);
  }

  header.l-header .top-bar-container .top-bar .top-bar-right .menu li.has-dropdown:hover { padding-bottom:20px; }
  header.l-header .top-bar-container .top-bar .top-bar-right .menu li.has-dropdown > .is-dropdown-submenu { margin-top:50px; }
  header.l-header .top-bar-container .top-bar .top-bar-right .menu li.has-dropdown .is-dropdown-submenu li.has-dropdown .is-dropdown-submenu { margin-top:0; }
}

@font-face {
  font-family:'EA Font';
  src:url('https://www.outwild.fr/police.woff2') format('woff2'),
      url('https://www.outwild.fr/police.woff') format('woff');
  font-weight:normal;
  font-style:normal;
}

.ea-font-word { font-family:'EA Font', sans-serif !important; }

.outwild-text {
  font-family:'EA Font', sans-serif;
  font-size:65px;
  font-weight:bold;
  color:rgba(255,255,255,0.01);
  -webkit-text-stroke:0.8px #fff;
  text-stroke:0.8px #fff;
  display:inline-block;
  position:relative;
  vertical-align:middle;
}

.dot {
  font-family:'EA Font', sans-serif;
  color:rgba(255,255,255,0.01);
  -webkit-text-stroke:0.8px #fff;
  text-stroke:0.8px #fff;
  font-size:1.2em;
  display:inline-block;
  vertical-align:middle;
}

@supports (-webkit-touch-callout:none) {
  .outwild-text, .dot { -webkit-text-stroke:1.2px #fff; }
}

.wd-btn.btn-solid.btn-medium.icon-after {
  background-color:transparent;
  border:2px solid #d0b274;
  color:#fff;
  padding:5px 15px;
  font-size:15px;
  border-radius:5px;
  transition:all 0.3s ease;
}

.wd-btn.btn-solid.btn-medium.icon-after:hover {
  background-color:rgba(208,178,116,0.1);
  color:#d0b274;
  border-color:#d0b274;
}
