/*

Theme Name: Together for the med

Description: Theme enfant de GeneratePress. Vous pouvez maintenant effectuer vos modifications en toute sécurité.

Author: Florian | Progressio Web

Author URI: https://progressio-web.fr

Template: generatepress

Version: 1.0

*/

/***** test en attente validation *****/

#our__action__card.active__content .item:before {
  content: "";

  width: 25px;

  height: 25px;

  background: #e4f2fa;

  border-radius: 0;

  position: absolute;

  top: auto;

  left: 50%;

  bottom: 70px;

  transform: translateX(-50%) rotate(45deg);

  border-radius: 3px;

  transition: all 0.3s;
}

#our__action__card.active__content .item.active:before {
  bottom: -11px;

  transition: all 0.3s;
}

#our__action__card.active__content .item.active .arrow__our__action {
  opacity: 0;
}

/******/

body::-webkit-scrollbar {
  width: 7px;

  background-color: #024263;
}

.elementor-video {
  width: 100% !important;
  height: 100% !important;
}

.content_space * {
  margin-top: 15px;
  margin-bottom: 15px;
}

.content_space *:first-child {
  margin-top: 0px;
}

.content_space *:last-child {
  margin-bottom: 0px;
}

.one-container.archive .post:not(:last-child):not(.is-loop-template-item) {
  padding-bottom: 0 !important;
}

body .gm-style {
  font-family: "Spartan", sans-serif !important;
}

body .map-multi-marker #infobulle .contact-list li a {
  text-transform: uppercase !important;
}

body .map-multi-marker #infobulle .description-marker {
  font-size: 14px !important;
}

body::-webkit-scrollbar-thumb {
  background-color: #d9eff8;

  border-radius: 999px;
}

#nav_header li.menu-item:before {
  content: "";

  background: #024263;

  height: 22px;

  width: 6px;

  border-radius: 0 0 10px 10px;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  top: -1px;

  transition: all 0.3s;
}

#nav_header li.menu-item:hover:before {
  height: 42px;

  transition: all 0.3s;
}

#nav_header li.menu-item .sub-menu li:before {
  display: none;
}

#nav_header li.menu-item a {
  transition: all 0.3s;

  top: 0;

  position: relative;

  display: block;
}

#nav_header li.menu-item:hover a {
  transition: all 0.3s;

  position: relative;

  top: 17px;
}

#nav_header li.menu-item .sub-menu a {
  top: 0;

  position: relative;

  display: block;
  border: none;
}

#nav_header li.menu-item:hover .sub-menu a {
  transition: all 0.3s;

  position: relative;

  top: 0px;
}

div#nav_header ul {
  gap: 3vw;
}

.icon__header .elementor-icon {
  padding: 12px 30px !important;
}

.icon__header .elementor-icon:hover {
  -webkit-transition: all 200ms ease;

  -o-transition: all 200ms ease;

  transition: all 200ms ease;

  -webkit-box-shadow: 0 0 0 0.25rem rgba(2, 66, 99, 0.25);

  box-shadow: 0 0 0 0.25rem rgba(2, 66, 99, 0.25);
}

.before__bleu__leger:before {
  position: absolute;

  top: -68px;

  bottom: 0;

  left: 50%;

  right: 0;

  content: "";

  height: 50px;

  width: 0;

  display: block;

  background-color: #d9eff8;

  border: 3px solid #d9eff8;

  border-radius: 3px 3px 3px 3px;

  -webkit-transform: translateX(-3px);

  -ms-transform: translateX(-3px);

  transform: translateX(-3px);
}

.before__white:before {
  position: absolute;

  top: -68px;

  bottom: 0;

  left: 50%;

  right: 0;

  content: "";

  height: 50px;

  width: 0;

  display: block;

  background-color: #ffff;

  border: 3px solid #ffff;

  border-radius: 3px 3px 3px 3px;

  -webkit-transform: translateX(-3px);

  -ms-transform: translateX(-3px);

  transform: translateX(-3px);
}

.before__bleu:before {
  position: absolute;

  top: -68px;

  bottom: 0;

  left: 50%;

  right: 0;

  content: "";

  height: 50px;

  width: 0;

  display: block;

  background-color: #024263;

  border: 3px solid #024263;

  border-radius: 3px 3px 3px 3px;

  -webkit-transform: translateX(-3px);

  -ms-transform: translateX(-3px);

  transform: translateX(-3px);
}

.before__bleu__ciel:before {
  position: absolute;

  top: -68px;

  bottom: 0;

  left: 50%;

  right: 0;

  content: "";

  height: 50px;

  width: 0;

  display: block;

  background-color: #00b4e3;

  border: 3px solid #00b4e3;

  border-radius: 3px 3px 3px 3px;

  -webkit-transform: translateX(-3px);

  -ms-transform: translateX(-3px);

  transform: translateX(-3px);
}

.crt_button_size span.elementor-button-content-wrapper {
  align-items: center;
}

#our__action__card.active__content .item {
  opacity: 0.5;
  transition: all 0.3s;
}

#our__action__card.active__content .item.active {
  opacity: 1;
  transition: all 0.3s;
}

@keyframes bounce {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(0);
  }
}

#our__action__card.active__content .item.active .arrow__our__action {
  animation: bounce 1s infinite;
}

#our__action__card .item {
  cursor: pointer;
}

.item__desc {
  display: none;
}

.post__section {
  display: none;
}

.elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.elementor-nav-menu--dropdown .elementor-item.highlighted,
.elementor-nav-menu--dropdown .elementor-item:focus,
.elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-sub-item.elementor-item-active,
.elementor-sub-item.highlighted,
.elementor-sub-item:focus,
.elementor-sub-item:hover {
  background-color: none;

  background: none;
}

#infographie .cls-20,
#infographie .cls-42,
#infographie .cls-70 {
  font-size: 20px;
}

#infographie .cls-21,
#infographie .cls-30,
#infographie .cls-31,
#infographie .cls-42,
#infographie .cls-66,
#infographie .cls-68,
#infographie .cls-70,
#infographie .cls-93 {
  font-family: "Spartan", sans-serif !important;

  font-weight: 700 !important;
}

#infographie .cls-21,
#infographie .cls-34,
#infographie .cls-4,
#infographie .cls-41,
#infographie .cls-42,
#infographie .cls-47,
#infographie .cls-54,
#infographie .cls-74 {
  fill: #024263;
}

#infographie .cls-41,
#infographie .cls-69 {
  font-size: 18px;

  font-family: "Spartan", sans-serif !important;

  font-weight: 600 !important;
}

/**** CSS ANCIENNE ARTICLE ****/

.images .row {
  display: flex;
  justify-content: center;
  gap: 50px;
  align-items: center;
  margin: 0 !important;
}

.images .row img {
  height: 400px;
  object-fit: cover;
  border-radius: 20px;
}

.col-12.col-sm-6 {
  margin: 0;
}

.col-12.content-success h5 {
  font-size: 28px;
  line-height: 33px;
  font-weight: 300;
  text-align: center;
  min-height: 66px;
  padding-bottom: 0;
}

.content-text {
  max-width: 800px;
  margin: auto;
  padding-top: 50px;
}

.row .col-12 {
  margin: 0;
}

.content-text a {
  text-decoration: underline;
}

#mailchimp_custom input[type="email"] {
  border-radius: 25px;
  background-color: #ffffff;
  height: 55px;
  width: 266px;
  border: none;
  outline: none;
  font-size: 15px;
  color: #024263;
  padding-left: 25px;
  padding-right: 45px;
  padding-top: 3px;
  text-transform: uppercase;
}

.onglets_content .e-n-tab-title[aria-selected="true"]:after {
  content: "";
  width: 80px;
  height: 4px;
  background: #7dcdef;
  display: block;
  position: absolute;
  bottom: 0;
}

.mc4wp-response p {
  color: white;
  background: #106d10bd;
  width: fit-content;
  padding: 10px;
  margin-top: 20px;
  border-radius: 5px;
}

#mailchimp_custom input[type="email"]::placeholder {
  font-weight: 500;
  color: var(--e-global-color-primary);
  letter-spacing: 2px;
}

.elementor-button span.elementor-button-icon {
  height: 15px;
}

div#mailchimp_custom input[type="submit"] {
  background: var(--e-global-color-primary);
  color: white;
  margin-left: -50px;
  height: 56px;
}

.title_post_exerp h3 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

#nav_header .sub-menu li {
  text-align: center;
}

#nav_header .sub-menu {
  left: -40px !important;
}

.who_portrait {
  position: relative !important;
}

body.post-template-default.single.single-post .wp-block-image img {
  border-radius: 20px;
}

div#article_content {
  max-width: 800px;
  margin: auto;
}

@media screen and (max-width: 1024px) {
  .col-12.content-success h5 {
    font-size: 19px;
  }
  .who_portrait {
    position: relative !important;
  }
}

/******************************/

@media screen and (max-width: 1500px) {
  div#nav_header ul {
    gap: 2vw;
  }
}

@media screen and (max-width: 1350px) {
  #social__header {
    display: none !important;
  }
}

@media screen and (max-width: 1050px) {
  #nav_header {
    display: none !important;
  }

  #our__action__card.active__content .item:before {
    display: none !important;
  }

  #our__action__card .item .arrow__our__action {
    width: 20px;
    margin: auto;
  }

  #our__action__card.active__content .item.active .arrow__our__action {
    opacity: 1;
  }

  @keyframes bounce {
    0% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(5px);
    }

    100% {
      transform: translateY(0);
    }
  }

  div#map-multi-marker-1 {
    max-height: 450px;
  }
}

@media screen and (min-width: 1051px) {

  #btn_nav_mobile,
  #nav_mobile_content {
    display: none !important;
  }
}

@media screen and (max-width: 764px) {
  div#mailchimp_custom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  div#mailchimp_custom input[type="submit"] {
    margin: 0;
  }

  .images .row {
    flex-direction: column;
    gap: 15px;
  }

  .images .row img {
    height: 220px;
  }

  body.post-template-default.single.single-post .content-images img {
    border-radius: 20px;
}
}